{"id":614,"date":"2024-08-10T07:32:11","date_gmt":"2024-08-10T07:32:11","guid":{"rendered":"https:\/\/startersites.io\/elementor\/consultant\/?page_id=614"},"modified":"2026-08-05T15:18:44","modified_gmt":"2026-08-05T15:18:44","slug":"home","status":"publish","type":"page","link":"https:\/\/earlsworth.co.uk\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"614\" class=\"elementor elementor-614\">\n\t\t\t\t<div class=\"elementor-element elementor-element-50b5204 e-con e-atomic-element e-flexbox-base e-c8c4b78 \" data-id=\"50b5204\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"50b5204\">\n    \t\t<div class=\"elementor-element elementor-element-bfab20b elementor-widget elementor-widget-html\" data-id=\"bfab20b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================ -->\r\n<!-- HOMEPAGE BANNER - WITHOUT STATS              -->\r\n<!-- ============================================ -->\r\n\r\n<style>\r\n  \/* ===== RESET ===== *\/\r\n  .hero-banner {\r\n    margin: 0;\r\n    padding: 0;\r\n    position: relative;\r\n    min-height: 85vh;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    overflow: hidden;\r\n    background: linear-gradient(135deg, #f8f4f2 0%, #ffffff 50%, #f8f4f2 100%);\r\n  }\r\n\r\n  \/* ===== ANIMATED BACKGROUND SHAPES ===== *\/\r\n  .hero-banner .shapes {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    overflow: hidden;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .hero-banner .shapes .shape {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    opacity: 0.06;\r\n    animation: floatShape 15s ease-in-out infinite;\r\n  }\r\n\r\n  .hero-banner .shapes .shape-1 {\r\n    width: 500px;\r\n    height: 500px;\r\n    background: #772e3b;\r\n    top: -100px;\r\n    right: -100px;\r\n  }\r\n\r\n  .hero-banner .shapes .shape-2 {\r\n    width: 350px;\r\n    height: 350px;\r\n    background: #b0586b;\r\n    bottom: -50px;\r\n    left: -50px;\r\n    animation-delay: -3s;\r\n  }\r\n\r\n  .hero-banner .shapes .shape-3 {\r\n    width: 200px;\r\n    height: 200px;\r\n    background: #772e3b;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    animation-delay: -6s;\r\n  }\r\n\r\n  @keyframes floatShape {\r\n    0%, 100% { transform: translate(0, 0) scale(1); }\r\n    25% { transform: translate(30px, -40px) scale(1.1); }\r\n    50% { transform: translate(-20px, 30px) scale(0.9); }\r\n    75% { transform: translate(40px, 20px) scale(1.05); }\r\n  }\r\n\r\n  \/* ===== CONTENT ===== *\/\r\n  .hero-banner .hero-content {\r\n    position: relative;\r\n    z-index: 1;\r\n    max-width: 1200px;\r\n    width: 100%;\r\n    padding: 2rem;\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 4rem;\r\n    align-items: center;\r\n  }\r\n\r\n  \/* ===== LEFT SIDE ===== *\/\r\n  .hero-banner .hero-text {\r\n    animation: fadeInLeft 1s ease forwards;\r\n  }\r\n\r\n  .hero-banner .hero-title {\r\n    font-size: 3.8rem;\r\n    font-weight: 800;\r\n    color: #1e1a1b;\r\n    line-height: 1.1;\r\n    margin: 0 0 0.5rem 0;\r\n  }\r\n\r\n  .hero-banner .hero-title .highlight {\r\n    color: #772e3b;\r\n    position: relative;\r\n    display: inline-block;\r\n  }\r\n\r\n  .hero-banner .hero-title .highlight::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: 2px;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 8px;\r\n    background: rgba(119, 46, 59, 0.15);\r\n    border-radius: 4px;\r\n    z-index: -1;\r\n  }\r\n\r\n  .hero-banner .hero-subtitle {\r\n    font-size: 1.2rem;\r\n    color: #5a4e51;\r\n    line-height: 1.8;\r\n    max-width: 500px;\r\n    margin: 0.8rem 0 2rem 0;\r\n  }\r\n\r\n  \/* ===== BUTTONS ===== *\/\r\n  .hero-banner .hero-buttons {\r\n    display: flex;\r\n    gap: 1rem;\r\n    flex-wrap: wrap;\r\n    margin-bottom: 0;\r\n  }\r\n\r\n  .hero-banner .btn-primary {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 0.6rem;\r\n    background: #772e3b;\r\n    color: #fff !important;\r\n    padding: 0.9rem 2.2rem;\r\n    border-radius: 50px;\r\n    font-weight: 600;\r\n    text-decoration: none !important;\r\n    transition: all 0.3s ease;\r\n    box-shadow: 0 8px 30px rgba(119, 46, 59, 0.25);\r\n    border: none;\r\n    cursor: pointer;\r\n    font-size: 1rem;\r\n    z-index: 10;\r\n    position: relative;\r\n  }\r\n\r\n  .hero-banner .btn-primary:hover {\r\n    background: #5f2530;\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 12px 40px rgba(119, 46, 59, 0.35);\r\n    color: #fff !important;\r\n  }\r\n\r\n  .hero-banner .btn-primary i {\r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  .hero-banner .btn-primary:hover i {\r\n    transform: translateX(5px);\r\n  }\r\n\r\n  .hero-banner .btn-secondary {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 0.6rem;\r\n    background: transparent;\r\n    color: #772e3b !important;\r\n    padding: 0.9rem 2.2rem;\r\n    border-radius: 50px;\r\n    font-weight: 600;\r\n    text-decoration: none !important;\r\n    transition: all 0.3s ease;\r\n    border: 2px solid rgba(119, 46, 59, 0.15);\r\n    cursor: pointer;\r\n    font-size: 1rem;\r\n    z-index: 10;\r\n    position: relative;\r\n  }\r\n\r\n  .hero-banner .btn-secondary:hover {\r\n    background: rgba(119, 46, 59, 0.05);\r\n    border-color: #772e3b;\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 8px 25px rgba(119, 46, 59, 0.1);\r\n    color: #772e3b !important;\r\n  }\r\n\r\n  \/* ========================================== *\/\r\n  \/* \ud83d\udd25 RIGHT SIDE - IMAGE URL PLACEHOLDER      *\/\r\n  \/* ========================================== *\/\r\n  .hero-banner .hero-image {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    animation: fadeInRight 1s ease forwards;\r\n  }\r\n\r\n  .hero-banner .hero-image .image-wrapper {\r\n    width: 100%;\r\n    max-width: 500px;\r\n    border-radius: 32px;\r\n    overflow: hidden;\r\n    box-shadow: 0 30px 60px rgba(119, 46, 59, 0.08);\r\n    border: 1px solid rgba(119, 46, 59, 0.05);\r\n    transition: all 0.5s ease;\r\n  }\r\n\r\n  .hero-banner .hero-image .image-wrapper:hover {\r\n    transform: scale(1.02);\r\n    box-shadow: 0 40px 80px rgba(119, 46, 59, 0.12);\r\n  }\r\n\r\n  .hero-banner .hero-image .image-wrapper img {\r\n    width: 100%;\r\n    height: auto;\r\n    display: block;\r\n  }\r\n\r\n  \/* ===== ANIMATIONS ===== *\/\r\n  @keyframes fadeInLeft {\r\n    from { opacity: 0; transform: translateX(-40px); }\r\n    to { opacity: 1; transform: translateX(0); }\r\n  }\r\n\r\n  @keyframes fadeInRight {\r\n    from { opacity: 0; transform: translateX(40px); }\r\n    to { opacity: 1; transform: translateX(0); }\r\n  }\r\n\r\n  \/* ===== RESPONSIVE ===== *\/\r\n  @media (max-width: 1024px) {\r\n    .hero-banner .hero-title { font-size: 3rem; }\r\n    .hero-banner .hero-content { gap: 2.5rem; }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .hero-banner { min-height: auto; padding: 2rem 0; }\r\n    .hero-banner .hero-content {\r\n      grid-template-columns: 1fr;\r\n      gap: 2rem;\r\n      padding: 1.5rem;\r\n    }\r\n    .hero-banner .hero-title { font-size: 2.5rem; }\r\n    .hero-banner .hero-subtitle { font-size: 1rem; }\r\n    .hero-banner .hero-image .image-wrapper { max-width: 100%; }\r\n    .hero-banner .hero-buttons { flex-direction: column; width: 100%; }\r\n    .hero-banner .btn-primary,\r\n    .hero-banner .btn-secondary { justify-content: center; width: 100%; }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .hero-banner .hero-title { font-size: 2rem; }\r\n    .hero-banner .hero-content { padding: 1rem; }\r\n  }\r\n<\/style>\r\n\r\n<!-- ===== HTML ===== -->\r\n<section class=\"hero-banner\">\r\n\r\n  <div class=\"shapes\">\r\n    <div class=\"shape shape-1\"><\/div>\r\n    <div class=\"shape shape-2\"><\/div>\r\n    <div class=\"shape shape-3\"><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"hero-content\">\r\n\r\n    <!-- ===== LEFT SIDE ===== -->\r\n    <div class=\"hero-text\">\r\n      <h1 class=\"hero-title\">\r\n        Excellence in \r\n        <br>\r\n        <span class=\"highlight\">Immigration Law<\/span>\r\n      <\/h1>\r\n      <p class=\"hero-subtitle\">\r\n        Welcome to Earlsworth Immigration Law, a boutique immigration firm known for excellence and a steadfast commitment to delivering outstanding immigration services.\r\n      <\/p>\r\n\r\n      <div class=\"hero-buttons\">\r\n        <a href=\"#\" class=\"btn-primary\">\r\n          Book a Consultation <i class=\"fas fa-arrow-right\"><\/i>\r\n        <\/a>\r\n        <a href=\"#\" class=\"btn-secondary\">\r\n          <i class=\"fas fa-play-circle\"><\/i> Our Services\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- ========================================== -->\r\n    <!-- \ud83d\udd25 RIGHT SIDE - IMAGE URL YAHAN DAALO      -->\r\n    <!-- ========================================== -->\r\n    <div class=\"hero-image\">\r\n      <div class=\"image-wrapper\">\r\n        <!-- \u2705 YAHAN APNI IMAGE URL DAALO -->\r\n        <img decoding=\"async\" src=\"https:\/\/earlsworth.co.uk\/wp-content\/uploads\/2026\/07\/shutterstock_2528974751.jpg\" alt=\"UK Immigration\">\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<!-- Font Awesome -->\r\n<script>\r\n  if (!document.querySelector('link[href*=\"font-awesome\"]')) {\r\n    var link = document.createElement('link');\r\n    link.rel = 'stylesheet';\r\n    link.href = 'https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css';\r\n    document.head.appendChild(link);\r\n  }\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-708d54f e-con e-atomic-element e-flexbox-base e-524aaca \" data-id=\"708d54f\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"708d54f\">\n    \t\t<div class=\"elementor-element elementor-element-01701a1 elementor-widget elementor-widget-html\" data-id=\"01701a1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================ -->\r\n<!-- HEADING ONLY - OUR HAPPY CLIENTS             -->\r\n<!-- ============================================ -->\r\n\r\n<style>\r\n  .reviews-heading-section {\r\n    padding: 4rem 2rem 2rem 2rem;\r\n    max-width: 800px;\r\n    margin: 0 auto;\r\n    text-align: center;\r\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n  }\r\n\r\n  .reviews-heading-section .badge {\r\n    display: inline-block;\r\n    background: linear-gradient(135deg, rgba(119,46,59,0.08), rgba(119,46,59,0.02));\r\n    color: #772e3b;\r\n    font-weight: 600;\r\n    font-size: 0.7rem;\r\n    letter-spacing: 2.5px;\r\n    text-transform: uppercase;\r\n    padding: 0.4rem 1.5rem;\r\n    border-radius: 40px;\r\n    margin-bottom: 0.8rem;\r\n    border: 1px solid rgba(119, 46, 59, 0.08);\r\n  }\r\n\r\n  .reviews-heading-section h2 {\r\n    font-size: 3rem;\r\n    font-weight: 800;\r\n    color: #1e1a1b;\r\n    margin: 0 0 0.5rem 0;\r\n  }\r\n\r\n  .reviews-heading-section h2 span {\r\n    color: #772e3b;\r\n  }\r\n\r\n  .reviews-heading-section .subtitle {\r\n    color: #5a4e51;\r\n    font-size: 1.1rem;\r\n    max-width: 650px;\r\n    margin: 0 auto 0.5rem auto;\r\n    line-height: 1.8;\r\n  }\r\n\r\n  \/* ===== RESPONSIVE ===== *\/\r\n  @media (max-width: 768px) {\r\n    .reviews-heading-section {\r\n      padding: 3rem 1.2rem 1.5rem 1.2rem;\r\n    }\r\n    .reviews-heading-section h2 {\r\n      font-size: 2.2rem;\r\n    }\r\n    .reviews-heading-section .subtitle {\r\n      font-size: 0.95rem;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .reviews-heading-section h2 {\r\n      font-size: 1.8rem;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<!-- ===== HTML ===== -->\r\n<div class=\"reviews-heading-section\">\r\n  <div class=\"badge\">Our Happy Clients<\/div>\r\n  <h2>What Our <span>Clients Say<\/span><\/h2>\r\n  <p class=\"subtitle\">\r\n    We provide an array of immigration services spanning from student visas, all the way to spouse visa applications. Our team of specialists can aid you through the application processes with ease and minimal stress.\r\n  <\/p>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-b979b50 e-con e-atomic-element e-flexbox-base e-46cc91e \" data-id=\"b979b50\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"b979b50\">\n    \t\t<div class=\"elementor-element elementor-element-a2fddec elementor-widget elementor-widget-shortcode\" data-id=\"a2fddec\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"wp-gr rpi wpac\" data-id=\"1316\" data-layout=\"slider\" data-exec=\"false\" data-options='{&quot;text_size&quot;:&quot;&quot;,&quot;trans&quot;:{&quot;read more&quot;:&quot;read more&quot;}}'><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"display:none!important\"><symbol id=\"grw-tripadvisor\" viewBox=\"0 0 713.496 713.496\"><g><circle fill=\"#34E0A1\" cx=\"356.749\" cy=\"356.748\" r=\"356.748\"\/><path d=\"M577.095,287.152l43.049-46.836h-95.465c-47.792-32.646-105.51-51.659-167.931-51.659   c-62.342,0-119.899,19.054-167.612,51.659H93.432l43.049,46.836c-26.387,24.075-42.929,58.754-42.929,97.259   c0,72.665,58.914,131.578,131.579,131.578c34.519,0,65.968-13.313,89.446-35.077l42.172,45.919l42.172-45.879   c23.478,21.764,54.887,35.037,89.406,35.037c72.665,0,131.658-58.913,131.658-131.578   C620.024,345.866,603.483,311.188,577.095,287.152z M225.17,473.458c-49.188,0-89.047-39.859-89.047-89.047   s39.86-89.048,89.047-89.048c49.187,0,89.047,39.86,89.047,89.048S274.357,473.458,225.17,473.458z M356.788,381.82   c0-58.595-42.61-108.898-98.853-130.383c30.413-12.716,63.776-19.771,98.813-19.771s68.439,7.055,98.853,19.771   C399.399,272.962,356.788,323.226,356.788,381.82z M488.367,473.458c-49.188,0-89.048-39.859-89.048-89.047   s39.86-89.048,89.048-89.048s89.047,39.86,89.047,89.048S537.554,473.458,488.367,473.458z M488.367,337.694   c-25.79,0-46.677,20.887-46.677,46.677c0,25.789,20.887,46.676,46.677,46.676c25.789,0,46.676-20.887,46.676-46.676   C535.042,358.621,514.156,337.694,488.367,337.694z M271.846,384.411c0,25.789-20.887,46.676-46.676,46.676   s-46.676-20.887-46.676-46.676c0-25.79,20.887-46.677,46.676-46.677C250.959,337.694,271.846,358.621,271.846,384.411z\"\/><\/g><\/symbol><symbol id=\"grw-google\" viewBox=\"0 0 512 512\"><g fill=\"none\" fill-rule=\"evenodd\"><path d=\"M482.56 261.36c0-16.73-1.5-32.83-4.29-48.27H256v91.29h127.01c-5.47 29.5-22.1 54.49-47.09 71.23v59.21h76.27c44.63-41.09 70.37-101.59 70.37-173.46z\" fill=\"#4285f4\"\/><path d=\"M256 492c63.72 0 117.14-21.13 156.19-57.18l-76.27-59.21c-21.13 14.16-48.17 22.53-79.92 22.53-61.47 0-113.49-41.51-132.05-97.3H45.1v61.15c38.83 77.13 118.64 130.01 210.9 130.01z\" fill=\"#34a853\"\/><path d=\"M123.95 300.84c-4.72-14.16-7.4-29.29-7.4-44.84s2.68-30.68 7.4-44.84V150.01H45.1C29.12 181.87 20 217.92 20 256c0 38.08 9.12 74.13 25.1 105.99l78.85-61.15z\" fill=\"#fbbc05\"\/><path d=\"M256 113.86c34.65 0 65.76 11.91 90.22 35.29l67.69-67.69C373.03 43.39 319.61 20 256 20c-92.25 0-172.07 52.89-210.9 130.01l78.85 61.15c18.56-55.78 70.59-97.3 132.05-97.3z\" fill=\"#ea4335\"\/><path d=\"M20 20h472v472H20V20z\"\/><\/g><\/symbol><\/svg><div class=\"grw-row grw-row-m\" data-options='{&quot;speed&quot;:3,&quot;autoplay&quot;:true,&quot;mousestop&quot;:true,&quot;breakpoints&quot;:&quot;&quot;}'><div class=\"grw-header\"><div class=\"grw-header-inner rpi-flx rpi-row12\"><div class=\"grw-img-wrap\"><img loading=\"lazy\" decoding=\"async\" class=\"grw-img\" src=\"https:\/\/earlsworth.co.uk\/wp-content\/uploads\/2026\/07\/ChIJ2bcT9Ym9cEgR7teo5LoTaRE.jpg\" loading=\"lazy\" alt=\"Earlsworth Immigration Law place picture\" width=\"50\" height=\"50\" onerror=\"if(this.src!='data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7')this.src='data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7';\" ><\/div><div class=\"rpi-flx rpi-col8\"><div class=\"wp-google-name\"><a href=\"https:\/\/maps.google.com\/?cid=1254555664620509166&#038;g_mp=CiVnb29nbGUubWFwcy5wbGFjZXMudjEuUGxhY2VzLkdldFBsYWNlEAIYBCAA\" target=\"_blank\" rel=\"nofollow noopener\">Earlsworth Immigration Law<\/a><\/div><span class=\"rpi-stars\" style=\"--rating:4.9\">4.9<\/span><div class=\"wp-google-based\">Based on 30 reviews<\/div><div class=\"wp-google-powered\" role=\"img\" aria-label=\"powered by Google\">powered by <span aria-hidden=\"true\"><span style=\"color:#3c6df0!important\">G<\/span><span style=\"color:#d93025!important\">o<\/span><span style=\"color:#fb8e28!important\">o<\/span><span style=\"color:#3c6df0!important\">g<\/span><span style=\"color:#188038!important\">l<\/span><span style=\"color:#d93025!important\">e<\/span><\/span><\/div><div class=\"wp-google-wr\"><a href=\"https:\/\/search.google.com\/local\/writereview?placeid=ChIJ2bcT9Ym9cEgR7teo5LoTaRE\" target=\"_blank\" rel=\"nofollow noopener\" onclick=\"return rplg_leave_review_window.call(this)\">review us on<svg height=\"16\" width=\"16\" role=\"none\"><use href=\"#grw-google\"><\/use><\/svg><\/a><\/div><\/div><\/div><\/div><div class=\"rpi-slides-root grw-content\"><div class=\"grw-content-inner\"><button class=\"rpi-ltgt rpi-lt grw-prev\" tabindex=\"0\"><\/button><div class=\"rpi-slides grw-reviews rpi-slides-bite\" data-count=\"10\" data-offset=\"10\"><div class=\"rpi-slide grw-review\"><div class=\"rpi-flx rpi-col12 grw-review-inner grw-backgnd grw-round\"><div class=\"rpi-flx rpi-row12-center\"><div class=\"grw-img-wrap\"><img loading=\"lazy\" decoding=\"async\" class=\"grw-img\" src=\"https:\/\/earlsworth.co.uk\/wp-content\/uploads\/2026\/08\/ChIJ2bcT9Ym9cEgR7teo5LoTaRE_7d883230d3283ecf9b948cb2d738937c.jpg\" loading=\"lazy\" alt=\"Syed Sameer Raza profile picture\" width=\"50\" height=\"50\" onerror=\"if(this.src!='https:\/\/earlsworth.co.uk\/wp-content\/plugins\/widget-google-reviews\/assets\/img\/guest.png')this.src='https:\/\/earlsworth.co.uk\/wp-content\/plugins\/widget-google-reviews\/assets\/img\/guest.png';\" ><\/div><div class=\"rpi-flx rpi-col6\"><a href=\"https:\/\/www.google.com\/maps\/contrib\/100826401490017169365\/reviews\" class=\"wp-google-name\" target=\"_blank\" rel=\"nofollow noopener\">Syed Sameer Raza<\/a><div class=\"wp-google-time\" data-time=\"1785100810\" data-lang=\"en\">3 weeks ago<\/div><\/div><\/div><span class=\"rpi-stars\" style=\"--rating:5\"><\/span><div class=\"rpi-flx rpi-col4\"><div class=\"wp-google-feedback grw-scroll\" ><span class=\"wp-google-text\">Superb experience with Earlsworth Immigration Law! The fact that their team includes former Home Office staff brings an unmatched level of expertise and insight to your case. They are professional, thorough, and highly efficient<\/span><\/div><\/div><svg height=\"16\" width=\"16\" role=\"none\"><use href=\"#grw-google\"\/><\/svg><\/div><\/div><div class=\"rpi-slide grw-review\"><div class=\"rpi-flx rpi-col12 grw-review-inner grw-backgnd grw-round\"><div class=\"rpi-flx rpi-row12-center\"><div class=\"grw-img-wrap\"><img loading=\"lazy\" decoding=\"async\" class=\"grw-img\" src=\"https:\/\/earlsworth.co.uk\/wp-content\/uploads\/2026\/08\/ChIJ2bcT9Ym9cEgR7teo5LoTaRE_25be8a8ab197641c0dc8ad496d02b99a.jpg\" loading=\"lazy\" alt=\"V bdhn profile picture\" width=\"50\" height=\"50\" onerror=\"if(this.src!='https:\/\/earlsworth.co.uk\/wp-content\/plugins\/widget-google-reviews\/assets\/img\/guest.png')this.src='https:\/\/earlsworth.co.uk\/wp-content\/plugins\/widget-google-reviews\/assets\/img\/guest.png';\" ><\/div><div class=\"rpi-flx rpi-col6\"><a href=\"https:\/\/www.google.com\/maps\/contrib\/113361339166736170316\/reviews\" class=\"wp-google-name\" target=\"_blank\" rel=\"nofollow noopener\">V bdhn<\/a><div class=\"wp-google-time\" data-time=\"1783696593\" data-lang=\"en\">1 month ago<\/div><\/div><\/div><span class=\"rpi-stars\" style=\"--rating:5\"><\/span><div class=\"rpi-flx rpi-col4\"><div class=\"wp-google-feedback grw-scroll\" ><span class=\"wp-google-text\">I highly recommend this law firm and their services. From the very beginning, the entire team was professional, knowledgeable, and genuinely supportive. The staff were always courteous, polite, and cooperative, making every interaction smooth and stress-free.<br \/>If you're looking for a reliable and trustworthy law firm, I would not hesitate to recommend them.<\/span><\/div><\/div><svg height=\"16\" width=\"16\" role=\"none\"><use href=\"#grw-google\"\/><\/svg><\/div><\/div><div class=\"rpi-slide grw-review\"><div class=\"rpi-flx rpi-col12 grw-review-inner grw-backgnd grw-round\"><div class=\"rpi-flx rpi-row12-center\"><div class=\"grw-img-wrap\"><img loading=\"lazy\" decoding=\"async\" class=\"grw-img\" src=\"https:\/\/earlsworth.co.uk\/wp-content\/uploads\/2026\/08\/ChIJ2bcT9Ym9cEgR7teo5LoTaRE_0a61cc7dbd81fa05884061358b30a580.jpg\" loading=\"lazy\" alt=\"Mohamed A profile picture\" width=\"50\" height=\"50\" onerror=\"if(this.src!='https:\/\/earlsworth.co.uk\/wp-content\/plugins\/widget-google-reviews\/assets\/img\/guest.png')this.src='https:\/\/earlsworth.co.uk\/wp-content\/plugins\/widget-google-reviews\/assets\/img\/guest.png';\" ><\/div><div class=\"rpi-flx rpi-col6\"><a href=\"https:\/\/www.google.com\/maps\/contrib\/108844852079885544625\/reviews\" class=\"wp-google-name\" target=\"_blank\" rel=\"nofollow noopener\">Mohamed A<\/a><div class=\"wp-google-time\" data-time=\"1783561513\" data-lang=\"en\">1 month ago<\/div><\/div><\/div><span class=\"rpi-stars\" style=\"--rating:5\"><\/span><div class=\"rpi-flx rpi-col4\"><div class=\"wp-google-feedback grw-scroll\" ><span class=\"wp-google-text\">Top of the range solicitors with great knowledge on complex cases .<\/span><\/div><\/div><svg height=\"16\" width=\"16\" role=\"none\"><use href=\"#grw-google\"\/><\/svg><\/div><\/div><div class=\"rpi-slide grw-review\"><div class=\"rpi-flx rpi-col12 grw-review-inner grw-backgnd grw-round\"><div class=\"rpi-flx rpi-row12-center\"><div class=\"grw-img-wrap\"><img loading=\"lazy\" decoding=\"async\" class=\"grw-img\" src=\"https:\/\/earlsworth.co.uk\/wp-content\/uploads\/2026\/08\/ChIJ2bcT9Ym9cEgR7teo5LoTaRE_e67f1b7b3d1e3544b92a7343db5dd1b3.jpg\" loading=\"lazy\" alt=\"Sajid Munir profile picture\" width=\"50\" height=\"50\" onerror=\"if(this.src!='https:\/\/earlsworth.co.uk\/wp-content\/plugins\/widget-google-reviews\/assets\/img\/guest.png')this.src='https:\/\/earlsworth.co.uk\/wp-content\/plugins\/widget-google-reviews\/assets\/img\/guest.png';\" ><\/div><div class=\"rpi-flx rpi-col6\"><a href=\"https:\/\/www.google.com\/maps\/contrib\/105202319319192926917\/reviews\" class=\"wp-google-name\" target=\"_blank\" rel=\"nofollow noopener\">Sajid Munir<\/a><div class=\"wp-google-time\" data-time=\"1781712847\" data-lang=\"en\">2 months ago<\/div><\/div><\/div><span class=\"rpi-stars\" style=\"--rating:5\"><\/span><div class=\"rpi-flx rpi-col4\"><div class=\"wp-google-feedback grw-scroll\" ><span class=\"wp-google-text\">Brilliant from start to finish. I've used this firm multiple times and they've never let me down \u2014 knowledgeable, responsive, and genuinely invested in their clients. They've been my best kept secret, but everyone deserves to know how good they are. Highly recommend.Usman is very helpful and provides a very good service.<\/span><\/div><\/div><svg height=\"16\" width=\"16\" role=\"none\"><use href=\"#grw-google\"\/><\/svg><\/div><\/div><div class=\"rpi-slide grw-review\"><div class=\"rpi-flx rpi-col12 grw-review-inner grw-backgnd grw-round\"><div class=\"rpi-flx rpi-row12-center\"><div class=\"grw-img-wrap\"><img loading=\"lazy\" decoding=\"async\" class=\"grw-img\" src=\"https:\/\/earlsworth.co.uk\/wp-content\/uploads\/2026\/07\/ChIJ2bcT9Ym9cEgR7teo5LoTaRE_b9f1b1befc071b0d3e72cedb0a240773.jpg\" loading=\"lazy\" alt=\"Zarqa Razzaq profile picture\" width=\"50\" height=\"50\" onerror=\"if(this.src!='https:\/\/earlsworth.co.uk\/wp-content\/plugins\/widget-google-reviews\/assets\/img\/guest.png')this.src='https:\/\/earlsworth.co.uk\/wp-content\/plugins\/widget-google-reviews\/assets\/img\/guest.png';\" ><\/div><div class=\"rpi-flx rpi-col6\"><a href=\"https:\/\/www.google.com\/maps\/contrib\/114948624910737166542\/reviews\" class=\"wp-google-name\" target=\"_blank\" rel=\"nofollow noopener\">Zarqa Razzaq<\/a><div class=\"wp-google-time\" data-time=\"1779104995\" data-lang=\"en\">3 months ago<\/div><\/div><\/div><span class=\"rpi-stars\" style=\"--rating:5\"><\/span><div class=\"rpi-flx rpi-col4\"><div class=\"wp-google-feedback grw-scroll\" ><span class=\"wp-google-text\">Extremely professional &#x1f44f;<br \/>Usmaan handled my case and explained every detail clearly and thoroughly. The whole team is amazing, and I would happily recommend them to anyone, anytime.<\/span><\/div><\/div><svg height=\"16\" width=\"16\" role=\"none\"><use href=\"#grw-google\"\/><\/svg><\/div><\/div><div class=\"rpi-slide grw-review\"><div class=\"rpi-flx rpi-col12 grw-review-inner grw-backgnd grw-round\"><div class=\"rpi-flx rpi-row12-center\"><div class=\"grw-img-wrap\"><img loading=\"lazy\" decoding=\"async\" class=\"grw-img\" src=\"https:\/\/earlsworth.co.uk\/wp-content\/uploads\/2026\/08\/ChIJ2bcT9Ym9cEgR7teo5LoTaRE_fd8c41ac174b0dadf82e4ab76d7382f7-1.jpg\" loading=\"lazy\" alt=\"Priyanshi Agrawal profile picture\" width=\"50\" height=\"50\" onerror=\"if(this.src!='https:\/\/earlsworth.co.uk\/wp-content\/plugins\/widget-google-reviews\/assets\/img\/guest.png')this.src='https:\/\/earlsworth.co.uk\/wp-content\/plugins\/widget-google-reviews\/assets\/img\/guest.png';\" ><\/div><div class=\"rpi-flx rpi-col6\"><a href=\"https:\/\/www.google.com\/maps\/contrib\/110099515996236599218\/reviews\" class=\"wp-google-name\" target=\"_blank\" rel=\"nofollow noopener\">Priyanshi Agrawal<\/a><div class=\"wp-google-time\" data-time=\"1778759670\" data-lang=\"en\">3 months ago<\/div><\/div><\/div><span class=\"rpi-stars\" style=\"--rating:5\"><\/span><div class=\"rpi-flx rpi-col4\"><div class=\"wp-google-feedback grw-scroll\" ><span class=\"wp-google-text\">I had a great experience with the immigration services team, especially Kamran, who managed my visa and biometrics process from start to finish. All I had to do was provide my documents and he handled the rest. He was always available on call and answered all of my questions promptly. The entire experience felt effortless, and I was able to stay relaxed knowing everything was being taken care of.<br \/><br \/>Highly recommend!<\/span><\/div><\/div><svg height=\"16\" width=\"16\" role=\"none\"><use href=\"#grw-google\"\/><\/svg><\/div><\/div><div class=\"rpi-slide grw-review\"><div class=\"rpi-flx rpi-col12 grw-review-inner grw-backgnd grw-round\"><div class=\"rpi-flx rpi-row12-center\"><div class=\"grw-img-wrap\"><img loading=\"lazy\" decoding=\"async\" class=\"grw-img\" src=\"https:\/\/earlsworth.co.uk\/wp-content\/uploads\/2026\/08\/ChIJ2bcT9Ym9cEgR7teo5LoTaRE_bcf04c4343fa9c5202468f3277c09461.jpg\" loading=\"lazy\" alt=\"Tanim Ahmed profile picture\" width=\"50\" height=\"50\" onerror=\"if(this.src!='https:\/\/earlsworth.co.uk\/wp-content\/plugins\/widget-google-reviews\/assets\/img\/guest.png')this.src='https:\/\/earlsworth.co.uk\/wp-content\/plugins\/widget-google-reviews\/assets\/img\/guest.png';\" ><\/div><div class=\"rpi-flx rpi-col6\"><a href=\"https:\/\/www.google.com\/maps\/contrib\/111891179958741473382\/reviews\" class=\"wp-google-name\" target=\"_blank\" rel=\"nofollow noopener\">Tanim Ahmed<\/a><div class=\"wp-google-time\" data-time=\"1776294958\" data-lang=\"en\">4 months ago<\/div><\/div><\/div><span class=\"rpi-stars\" style=\"--rating:5\"><\/span><div class=\"rpi-flx rpi-col4\"><div class=\"wp-google-feedback grw-scroll\" ><span class=\"wp-google-text\">I had a very positive experience with this solicitor. They handled my case with great professionalism, care, and attention to detail. Throughout the process, they kept me well-informed and explained everything clearly, which gave me a lot of confidence.<br \/><br \/>Their service was excellent, and they were always responsive and supportive whenever I had questions. I truly appreciate their hard work and dedication in achieving a great outcome for me.<br \/><br \/>I would highly recommend this solicitor to anyone looking for reliable and high-quality legal support.<\/span><\/div><\/div><svg height=\"16\" width=\"16\" role=\"none\"><use href=\"#grw-google\"\/><\/svg><\/div><\/div><div class=\"rpi-slide grw-review\"><div class=\"rpi-flx rpi-col12 grw-review-inner grw-backgnd grw-round\"><div class=\"rpi-flx rpi-row12-center\"><div class=\"grw-img-wrap\"><img loading=\"lazy\" decoding=\"async\" class=\"grw-img\" src=\"https:\/\/earlsworth.co.uk\/wp-content\/uploads\/2026\/08\/ChIJ2bcT9Ym9cEgR7teo5LoTaRE_4251e0cfc87eda14f81a6bf2cbd4dda2.jpg\" loading=\"lazy\" alt=\"Sobiha Kussar profile picture\" width=\"50\" height=\"50\" onerror=\"if(this.src!='https:\/\/earlsworth.co.uk\/wp-content\/plugins\/widget-google-reviews\/assets\/img\/guest.png')this.src='https:\/\/earlsworth.co.uk\/wp-content\/plugins\/widget-google-reviews\/assets\/img\/guest.png';\" ><\/div><div class=\"rpi-flx rpi-col6\"><a href=\"https:\/\/www.google.com\/maps\/contrib\/111661673979526168729\/reviews\" class=\"wp-google-name\" target=\"_blank\" rel=\"nofollow noopener\">Sobiha Kussar<\/a><div class=\"wp-google-time\" data-time=\"1776105217\" data-lang=\"en\">4 months ago<\/div><\/div><\/div><span class=\"rpi-stars\" style=\"--rating:5\"><\/span><div class=\"rpi-flx rpi-col4\"><div class=\"wp-google-feedback grw-scroll\" ><span class=\"wp-google-text\">I cannot thank the team at Earlsworth immigration enough for their exceptional support with my spouse visa application. From our first meeting, they demonstrated profound expertise and genuine kindness. They turned a stressful legal process into a smooth and manageable journey. Their integrity and dedication to my family\u2019s future were evident at every step. I highly recommend their services to anyone seeking an honourable and highly skilled legal team<br \/>Navigating a spouse visa claim is an emotional journey, and I feel so fortunate to have had Earlsworth immigration team by my side. Their approach is the perfect blend of professional excellence and human compassion. They were generous with their time, patient with my many questions, and acted with the utmost honour throughout. Thanks to their hard work, my spouse and I can finally start our lives together. They are truly a firm that cares about people, not just cases. My husband was granted his visa in the time that he was told by the firm. I am forever grateful to this firm and the solicitors that have helped me out in my application. I would kindly like to mention the members who helped me with my case, Thank you once again to Brother Asad, Brother Sumeet , Brother Musab Mahmoud for all your generous help and support through out the case. &#x1f932;&#x1f3fb;<\/span><\/div><\/div><svg height=\"16\" width=\"16\" role=\"none\"><use href=\"#grw-google\"\/><\/svg><\/div><\/div><div class=\"rpi-slide grw-review\"><div class=\"rpi-flx rpi-col12 grw-review-inner grw-backgnd grw-round\"><div class=\"rpi-flx rpi-row12-center\"><div class=\"grw-img-wrap\"><img loading=\"lazy\" decoding=\"async\" class=\"grw-img\" src=\"https:\/\/earlsworth.co.uk\/wp-content\/uploads\/2026\/08\/ChIJ2bcT9Ym9cEgR7teo5LoTaRE_fa37d91cbe03979b3bb0ec3b045b46a6.jpg\" loading=\"lazy\" alt=\"Razwana Kosar profile picture\" width=\"50\" height=\"50\" onerror=\"if(this.src!='https:\/\/earlsworth.co.uk\/wp-content\/plugins\/widget-google-reviews\/assets\/img\/guest.png')this.src='https:\/\/earlsworth.co.uk\/wp-content\/plugins\/widget-google-reviews\/assets\/img\/guest.png';\" ><\/div><div class=\"rpi-flx rpi-col6\"><a href=\"https:\/\/www.google.com\/maps\/contrib\/109456275416585856214\/reviews\" class=\"wp-google-name\" target=\"_blank\" rel=\"nofollow noopener\">Razwana Kosar<\/a><div class=\"wp-google-time\" data-time=\"1775130080\" data-lang=\"en\">4 months ago<\/div><\/div><\/div><span class=\"rpi-stars\" style=\"--rating:5\"><\/span><div class=\"rpi-flx rpi-col4\"><div class=\"wp-google-feedback grw-scroll\" ><span class=\"wp-google-text\">A huge thank you to Earlsworth Immigration Law! We received the best news today\u2014my husband has been granted his visa. Alhamdulillah!<br \/><br \/>A special thank you to Asad and Usman, who went above and beyond to support and guide us throughout the entire process. From start to finish, I felt confident that we had placed our trust in the right people, and today's successful outcome has confirmed that.<br \/><br \/>Thank you once again for your professionalism, dedication, and outstanding service. I highly recommend Earlsworth Immigration Law to anyone seeking reliable immigration advice and support. &#x1f60a;<\/span><\/div><\/div><svg height=\"16\" width=\"16\" role=\"none\"><use href=\"#grw-google\"\/><\/svg><\/div><\/div><div class=\"rpi-slide grw-review\"><div class=\"rpi-flx rpi-col12 grw-review-inner grw-backgnd grw-round\"><div class=\"rpi-flx rpi-row12-center\"><div class=\"grw-img-wrap\"><img loading=\"lazy\" decoding=\"async\" class=\"grw-img\" src=\"https:\/\/earlsworth.co.uk\/wp-content\/uploads\/2026\/08\/ChIJ2bcT9Ym9cEgR7teo5LoTaRE_bc5be4e02af0acdd004243701acd5255.jpg\" loading=\"lazy\" alt=\"arsalan sajid profile picture\" width=\"50\" height=\"50\" onerror=\"if(this.src!='https:\/\/earlsworth.co.uk\/wp-content\/plugins\/widget-google-reviews\/assets\/img\/guest.png')this.src='https:\/\/earlsworth.co.uk\/wp-content\/plugins\/widget-google-reviews\/assets\/img\/guest.png';\" ><\/div><div class=\"rpi-flx rpi-col6\"><a href=\"https:\/\/www.google.com\/maps\/contrib\/100840700976878241356\/reviews\" class=\"wp-google-name\" target=\"_blank\" rel=\"nofollow noopener\">arsalan sajid<\/a><div class=\"wp-google-time\" data-time=\"1774986048\" data-lang=\"en\">4 months ago<\/div><\/div><\/div><span class=\"rpi-stars\" style=\"--rating:5\"><\/span><div class=\"rpi-flx rpi-col4\"><div class=\"wp-google-feedback grw-scroll\" ><span class=\"wp-google-text\">I had a really great experience with Earlsworth Immigration Law. From the start, the team was friendly, helpful, and easy to talk to, which made a big difference!<br \/><br \/>They explained everything clearly and kept me updated throughout the process, so I never felt confused or left in the dark. Anytime I had a question, they were quick to respond and always willing to help.<br \/><br \/>What stood out the most was how hard they work for their clients. No matter the situation, they really try their best and always look for a solution. It made me feel confident that my case was in good hands.<br \/><br \/>I\u2019d definitely recommend Earlsworth Immigration Law to anyone who needs immigration help.<\/span><\/div><\/div><svg height=\"16\" width=\"16\" role=\"none\"><use href=\"#grw-google\"\/><\/svg><\/div><\/div><\/div><button class=\"rpi-ltgt rpi-gt grw-next\" tabindex=\"0\"><\/button><div class=\"rpi-dots-wrap\"><div class=\"rpi-dots\"><\/div><\/div><\/div><\/div><\/div><script>(function(p){if(!p)return;let w=p.offsetWidth,m=function(a,b){return Math.min(a,b)===a};p.querySelector('.grw-row').classList.replace('grw-row-m','grw-row-'+(m(w,510)?'xs':m(w,750)?'x':m(w,1100)?'s':m(w,1450)?'m':m(w,1800)?'l':'xl'))})(document.currentScript?.parentElement)<\/script><\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-e0d8a12 e-con e-atomic-element e-flexbox-base e-875af67 \" data-id=\"e0d8a12\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"e0d8a12\">\n    \t\t<div class=\"elementor-element elementor-element-cb2fefa elementor-widget elementor-widget-html\" data-id=\"cb2fefa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================ -->\r\n<!-- UPDATED FLOATING SOCIAL ICONS - NO POPUP     -->\r\n<!-- ============================================ -->\r\n\r\n<style>\r\n  .floating-social-icons {\r\n    position: fixed;\r\n    right: 20px;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 0.8rem;\r\n    z-index: 9999;\r\n  }\r\n\r\n  .floating-social-icons .social-link {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 44px;\r\n    height: 44px;\r\n    border-radius: 50%;\r\n    background: rgba(119, 46, 59, 0.9);\r\n    color: #ffffff;\r\n    font-size: 1.1rem;\r\n    text-decoration: none !important;\r\n    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n    border: none;\r\n    box-shadow: 0 4px 15px rgba(119, 46, 59, 0.2);\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .floating-social-icons .social-link::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    border-radius: 50%;\r\n    background: #ffffff;\r\n    transform: scale(0);\r\n    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n  }\r\n\r\n  .floating-social-icons .social-link:hover::before {\r\n    transform: scale(1);\r\n  }\r\n\r\n  .floating-social-icons .social-link:hover {\r\n    transform: scale(1.1) translateX(-4px);\r\n    box-shadow: 0 8px 30px rgba(119, 46, 59, 0.3);\r\n  }\r\n\r\n  .floating-social-icons .social-link i {\r\n    position: relative;\r\n    z-index: 1;\r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  .floating-social-icons .social-link:hover i {\r\n    transform: rotate(-8deg) scale(1.1);\r\n    color: #772e3b;\r\n  }\r\n\r\n  .floating-social-icons .social-link .tooltip {\r\n    position: absolute;\r\n    right: 55px;\r\n    background: #1a1415;\r\n    color: #fff;\r\n    padding: 0.3rem 0.8rem;\r\n    border-radius: 6px;\r\n    font-size: 0.7rem;\r\n    font-weight: 500;\r\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n    white-space: nowrap;\r\n    opacity: 0;\r\n    pointer-events: none;\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .floating-social-icons .social-link .tooltip::after {\r\n    content: '';\r\n    position: absolute;\r\n    right: -6px;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    border-left: 6px solid #1a1415;\r\n    border-top: 6px solid transparent;\r\n    border-bottom: 6px solid transparent;\r\n  }\r\n\r\n  .floating-social-icons .social-link:hover .tooltip {\r\n    opacity: 1;\r\n    transform: translateX(-4px);\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .floating-social-icons {\r\n      right: 10px;\r\n      gap: 0.6rem;\r\n    }\r\n    .floating-social-icons .social-link {\r\n      width: 38px;\r\n      height: 38px;\r\n      font-size: 0.9rem;\r\n    }\r\n    .floating-social-icons .social-link .tooltip {\r\n      display: none;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .floating-social-icons {\r\n      right: 6px;\r\n      gap: 0.4rem;\r\n    }\r\n    .floating-social-icons .social-link {\r\n      width: 34px;\r\n      height: 34px;\r\n      font-size: 0.8rem;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<!-- ===== HTML ===== -->\r\n<div class=\"floating-social-icons\">\r\n  \r\n  <!-- Instagram -->\r\n  <a href=\"https:\/\/www.instagram.com\/earlsworthimmigrationlaw\/\" \r\n     class=\"social-link\" \r\n     target=\"_blank\" \r\n     rel=\"noopener noreferrer\"\r\n     onclick=\"event.stopPropagation();\"\r\n     aria-label=\"Instagram\">\r\n    <i class=\"fab fa-instagram\"><\/i>\r\n    <span class=\"tooltip\">Instagram<\/span>\r\n  <\/a>\r\n\r\n  <!-- LinkedIn -->\r\n  <a href=\"https:\/\/www.linkedin.com\/company\/earlsworth-immigration-law\/\" \r\n     class=\"social-link\" \r\n     target=\"_blank\" \r\n     rel=\"noopener noreferrer\"\r\n     onclick=\"event.stopPropagation();\"\r\n     aria-label=\"LinkedIn\">\r\n    <i class=\"fab fa-linkedin-in\"><\/i>\r\n    <span class=\"tooltip\">LinkedIn<\/span>\r\n  <\/a>\r\n\r\n  <!-- YouTube -->\r\n  <a href=\"https:\/\/youtube.com\/@earlsworthimmigrationlaw9410?si=AciQxepo44rJqpPQ\" \r\n     class=\"social-link\" \r\n     target=\"_blank\" \r\n     rel=\"noopener noreferrer\"\r\n     onclick=\"event.stopPropagation();\"\r\n     aria-label=\"YouTube\">\r\n    <i class=\"fab fa-youtube\"><\/i>\r\n    <span class=\"tooltip\">YouTube<\/span>\r\n  <\/a>\r\n\r\n  <!-- TikTok -->\r\n  <a href=\"https:\/\/vm.tiktok.com\/ZG9rskCfeDtr9-DMtbv\/\" \r\n     class=\"social-link\" \r\n     target=\"_blank\" \r\n     rel=\"noopener noreferrer\"\r\n     onclick=\"event.stopPropagation();\"\r\n     aria-label=\"TikTok\">\r\n    <i class=\"fab fa-tiktok\"><\/i>\r\n    <span class=\"tooltip\">TikTok<\/span>\r\n  <\/a>\r\n\r\n  <!-- Facebook -->\r\n  <a href=\"https:\/\/www.facebook.com\/share\/1ENNnzZWjh\/?mibextid=wwXIfr\" \r\n     class=\"social-link\" \r\n     target=\"_blank\" \r\n     rel=\"noopener noreferrer\"\r\n     onclick=\"event.stopPropagation();\"\r\n     aria-label=\"Facebook\">\r\n    <i class=\"fab fa-facebook-f\"><\/i>\r\n    <span class=\"tooltip\">Facebook<\/span>\r\n  <\/a>\r\n\r\n<\/div>\r\n\r\n<!-- Font Awesome -->\r\n<script>\r\n  if (!document.querySelector('link[href*=\"font-awesome\"]')) {\r\n    var link = document.createElement('link');\r\n    link.rel = 'stylesheet';\r\n    link.href = 'https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css';\r\n    document.head.appendChild(link);\r\n  }\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-17e5b34 e-con e-atomic-element e-flexbox-base e-48d96a3 \" data-id=\"17e5b34\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"17e5b34\">\n    \t\t<div class=\"elementor-element elementor-element-4dccc47 elementor-widget elementor-widget-html\" data-id=\"4dccc47\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================ -->\r\n<!-- SERVICES SLIDER - 13 SERVICES                -->\r\n<!-- 3D TILT + AUTO SLIDE + HOVER EFFECTS        -->\r\n<!-- ============================================ -->\r\n\r\n<style>\r\n  \/* ===== SECTION WRAPPER ===== *\/\r\n  .services-slider-wrap {\r\n    padding: 5rem 2rem;\r\n    max-width: 1300px;\r\n    margin: 0 auto;\r\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n    text-align: center;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .services-slider-wrap .badge {\r\n    display: inline-block;\r\n    background: linear-gradient(135deg, rgba(119,46,59,0.08), rgba(119,46,59,0.02));\r\n    color: #772e3b;\r\n    font-weight: 600;\r\n    font-size: 0.7rem;\r\n    letter-spacing: 2.5px;\r\n    text-transform: uppercase;\r\n    padding: 0.4rem 1.5rem;\r\n    border-radius: 40px;\r\n    margin-bottom: 0.8rem;\r\n    border: 1px solid rgba(119, 46, 59, 0.08);\r\n  }\r\n\r\n  .services-slider-wrap h2 {\r\n    font-size: 3rem;\r\n    font-weight: 800;\r\n    color: #1e1a1b;\r\n    margin: 0 0 0.5rem 0;\r\n  }\r\n\r\n  .services-slider-wrap h2 span {\r\n    color: #772e3b;\r\n  }\r\n\r\n  .services-slider-wrap .subtitle {\r\n    color: #5a4e51;\r\n    font-size: 1.1rem;\r\n    max-width: 600px;\r\n    margin: 0 auto 3rem auto;\r\n    line-height: 1.7;\r\n  }\r\n\r\n  \/* ===== SLIDER CONTAINER ===== *\/\r\n  .slider-container-13 {\r\n    position: relative;\r\n    overflow: hidden;\r\n    padding: 1rem 0.5rem 2rem 0.5rem;\r\n  }\r\n\r\n  .slider-track-13 {\r\n    display: flex;\r\n    gap: 2rem;\r\n    transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n    will-change: transform;\r\n  }\r\n\r\n  \/* ===== SERVICE CARD ===== *\/\r\n  .service-card-13 {\r\n    min-width: calc(33.333% - 1.33rem);\r\n    flex: 0 0 calc(33.333% - 1.33rem);\r\n    background: #ffffff;\r\n    border-radius: 28px;\r\n    padding: 2rem 1.8rem 1.8rem;\r\n    border: 1px solid rgba(119, 46, 59, 0.06);\r\n    box-shadow: 0 4px 25px rgba(0, 0, 0, 0.02);\r\n    transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);\r\n    position: relative;\r\n    overflow: hidden;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    text-align: left;\r\n    cursor: pointer;\r\n  }\r\n\r\n  \/* Top gradient bar *\/\r\n  .service-card-13::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 4px;\r\n    background: linear-gradient(90deg, #772e3b, #b0586b, #d4899a, #b0586b, #772e3b);\r\n    background-size: 300% 100%;\r\n    opacity: 0.3;\r\n    transition: all 0.6s ease;\r\n  }\r\n\r\n  .service-card-13:hover::before {\r\n    opacity: 1;\r\n    animation: shimmer13 2s infinite;\r\n  }\r\n\r\n  @keyframes shimmer13 {\r\n    0% { background-position: 0% 0; }\r\n    100% { background-position: 300% 0; }\r\n  }\r\n\r\n  \/* 3D Tilt on hover *\/\r\n  .service-card-13:hover {\r\n    transform: perspective(800px) rotateX(3deg) rotateY(5deg) translateY(-10px) scale(1.02);\r\n    box-shadow: 0 30px 60px -20px rgba(119, 46, 59, 0.15);\r\n    border-color: rgba(119, 46, 59, 0.1);\r\n  }\r\n\r\n  \/* Glow spot *\/\r\n  .service-card-13 .glow-spot {\r\n    position: absolute;\r\n    width: 150px;\r\n    height: 150px;\r\n    border-radius: 50%;\r\n    background: radial-gradient(circle, rgba(119,46,59,0.03), transparent 70%);\r\n    pointer-events: none;\r\n    opacity: 0;\r\n    transition: opacity 0.4s ease;\r\n  }\r\n\r\n  .service-card-13:hover .glow-spot {\r\n    opacity: 1;\r\n  }\r\n\r\n  .service-card-13 .icon-box {\r\n    width: 50px;\r\n    height: 50px;\r\n    background: rgba(119,46,59,0.06);\r\n    border-radius: 14px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: #772e3b;\r\n    font-size: 1.3rem;\r\n    margin-bottom: 0.8rem;\r\n    transition: all 0.5s ease;\r\n  }\r\n\r\n  .service-card-13:hover .icon-box {\r\n    background: #772e3b;\r\n    color: #fff;\r\n    transform: rotate(-8deg) scale(1.1);\r\n    box-shadow: 0 10px 30px rgba(119,46,59,0.15);\r\n  }\r\n\r\n  .service-card-13 .title {\r\n    font-size: 1.1rem;\r\n    font-weight: 700;\r\n    color: #1e1a1b;\r\n    margin: 0 0 0.3rem 0;\r\n  }\r\n\r\n  .service-card-13 .desc {\r\n    color: #5a4e51;\r\n    font-size: 0.85rem;\r\n    line-height: 1.7;\r\n    margin: 0 0 1rem 0;\r\n    flex: 1;\r\n    opacity: 0.85;\r\n    transition: opacity 0.3s ease;\r\n  }\r\n\r\n  .service-card-13:hover .desc {\r\n    opacity: 1;\r\n  }\r\n\r\n  .service-card-13 .explore-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 0.5rem;\r\n    color: #772e3b;\r\n    font-weight: 600;\r\n    font-size: 0.8rem;\r\n    text-decoration: none !important;\r\n    transition: all 0.3s ease;\r\n    padding: 0.2rem 0;\r\n    position: relative;\r\n  }\r\n\r\n  .service-card-13 .explore-btn::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    width: 0%;\r\n    height: 2px;\r\n    background: #772e3b;\r\n    transition: width 0.3s ease;\r\n  }\r\n\r\n  .service-card-13 .explore-btn:hover::after {\r\n    width: 100%;\r\n  }\r\n\r\n  .service-card-13 .explore-btn i {\r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  .service-card-13 .explore-btn:hover i {\r\n    transform: translateX(5px);\r\n  }\r\n\r\n  \/* ===== NAVIGATION ===== *\/\r\n  .slider-nav-13 {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 1rem;\r\n    margin-top: 2rem;\r\n  }\r\n\r\n  .slider-btn-13 {\r\n    width: 48px;\r\n    height: 48px;\r\n    border-radius: 50%;\r\n    border: 2px solid rgba(119, 46, 59, 0.12);\r\n    background: #fff;\r\n    color: #772e3b;\r\n    font-size: 1rem;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  .slider-btn-13:hover:not(:disabled) {\r\n    background: #772e3b;\r\n    color: #fff;\r\n    border-color: #772e3b;\r\n    transform: scale(1.1);\r\n    box-shadow: 0 8px 25px rgba(119, 46, 59, 0.2);\r\n  }\r\n\r\n  .slider-btn-13:disabled {\r\n    opacity: 0.3;\r\n    cursor: not-allowed;\r\n    transform: none !important;\r\n  }\r\n\r\n  \/* ===== DOTS ===== *\/\r\n  .slider-dots-13 {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 0.6rem;\r\n    margin-top: 1.5rem;\r\n  }\r\n\r\n  .dot-13 {\r\n    width: 10px;\r\n    height: 10px;\r\n    border-radius: 50%;\r\n    background: rgba(119, 46, 59, 0.15);\r\n    border: none;\r\n    cursor: pointer;\r\n    transition: all 0.4s ease;\r\n    padding: 0;\r\n  }\r\n\r\n  .dot-13.active {\r\n    background: #772e3b;\r\n    width: 28px;\r\n    border-radius: 6px;\r\n  }\r\n\r\n  .dot-13:hover {\r\n    background: #772e3b;\r\n    opacity: 0.7;\r\n  }\r\n\r\n  \/* ===== RESPONSIVE ===== *\/\r\n  @media (max-width: 1024px) {\r\n    .service-card-13 {\r\n      min-width: calc(50% - 1rem);\r\n      flex: 0 0 calc(50% - 1rem);\r\n    }\r\n    .services-slider-wrap h2 {\r\n      font-size: 2.6rem;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .services-slider-wrap {\r\n      padding: 3rem 1.2rem;\r\n    }\r\n    .service-card-13 {\r\n      min-width: calc(100% - 0rem);\r\n      flex: 0 0 100%;\r\n    }\r\n    .services-slider-wrap h2 {\r\n      font-size: 2rem;\r\n    }\r\n    .slider-btn-13 {\r\n      width: 42px;\r\n      height: 42px;\r\n      font-size: 0.85rem;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .services-slider-wrap h2 {\r\n      font-size: 1.6rem;\r\n    }\r\n    .service-card-13 {\r\n      padding: 1.5rem 1.2rem;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<!-- ===== HTML ===== -->\r\n<section class=\"services-slider-wrap\">\r\n\r\n  <div class=\"badge\">+ Our Services<\/div>\r\n  <h2>Expert <span>Immigration<\/span> Services<\/h2>\r\n  <p class=\"subtitle\">Comprehensive immigration solutions tailored to your needs<\/p>\r\n\r\n  <div class=\"slider-container-13\">\r\n    <div class=\"slider-track-13\" id=\"sliderTrack13\">\r\n\r\n      <!-- 1. Further Leave to Remain (FLR) -->\r\n      <div class=\"service-card-13\">\r\n        <div class=\"glow-spot\"><\/div>\r\n        <div class=\"icon-box\"><i class=\"fas fa-file-signature\"><\/i><\/div>\r\n        <h3 class=\"title\">Further Leave to Remain (FLR)<\/h3>\r\n        <p class=\"desc\">Expert assistance for FLR applications to extend your stay in the UK.<\/p>\r\n        <a href=\"#\" class=\"explore-btn\">Learn More <i class=\"fas fa-arrow-right\"><\/i><\/a>\r\n      <\/div>\r\n\r\n      <!-- 2. Indefinite Leave to Remain (ILR) -->\r\n      <div class=\"service-card-13\">\r\n        <div class=\"glow-spot\"><\/div>\r\n        <div class=\"icon-box\"><i class=\"fas fa-home\"><\/i><\/div>\r\n        <h3 class=\"title\">Indefinite Leave to Remain (ILR)<\/h3>\r\n        <p class=\"desc\">Comprehensive support for ILR applications and settlement in the UK.<\/p>\r\n        <a href=\"#\" class=\"explore-btn\">Learn More <i class=\"fas fa-arrow-right\"><\/i><\/a>\r\n      <\/div>\r\n\r\n      <!-- 3. Naturalisation -->\r\n      <div class=\"service-card-13\">\r\n        <div class=\"glow-spot\"><\/div>\r\n        <div class=\"icon-box\"><i class=\"fas fa-flag-uk\"><\/i><\/div>\r\n        <h3 class=\"title\">Naturalisation<\/h3>\r\n        <p class=\"desc\">Full support for British citizenship applications and naturalisation process.<\/p>\r\n        <a href=\"#\" class=\"explore-btn\">Learn More <i class=\"fas fa-arrow-right\"><\/i><\/a>\r\n      <\/div>\r\n\r\n      <!-- 4. Business Sponsor Licence -->\r\n      <div class=\"service-card-13\">\r\n        <div class=\"glow-spot\"><\/div>\r\n        <div class=\"icon-box\"><i class=\"fas fa-building\"><\/i><\/div>\r\n        <h3 class=\"title\">Business Sponsor Licence<\/h3>\r\n        <p class=\"desc\">Expert guidance for businesses applying for sponsor licences.<\/p>\r\n        <a href=\"#\" class=\"explore-btn\">Learn More <i class=\"fas fa-arrow-right\"><\/i><\/a>\r\n      <\/div>\r\n\r\n      <!-- 5. Sponsor Licence Audits -->\r\n      <div class=\"service-card-13\">\r\n        <div class=\"glow-spot\"><\/div>\r\n        <div class=\"icon-box\"><i class=\"fas fa-clipboard-check\"><\/i><\/div>\r\n        <h3 class=\"title\">Sponsor Licence Audits<\/h3>\r\n        <p class=\"desc\">Thorough compliance audits and support for sponsor licence holders.<\/p>\r\n        <a href=\"#\" class=\"explore-btn\">Learn More <i class=\"fas fa-arrow-right\"><\/i><\/a>\r\n      <\/div>\r\n\r\n      <!-- 6. Skilled Worker -->\r\n      <div class=\"service-card-13\">\r\n        <div class=\"glow-spot\"><\/div>\r\n        <div class=\"icon-box\"><i class=\"fas fa-user-tie\"><\/i><\/div>\r\n        <h3 class=\"title\">Skilled Worker<\/h3>\r\n        <p class=\"desc\">Professional support for Skilled Worker visa applications and renewals.<\/p>\r\n        <a href=\"#\" class=\"explore-btn\">Learn More <i class=\"fas fa-arrow-right\"><\/i><\/a>\r\n      <\/div>\r\n\r\n      <!-- 7. Visitor Visa -->\r\n      <div class=\"service-card-13\">\r\n        <div class=\"glow-spot\"><\/div>\r\n        <div class=\"icon-box\"><i class=\"fas fa-plane\"><\/i><\/div>\r\n        <h3 class=\"title\">Visitor Visa<\/h3>\r\n        <p class=\"desc\">Expert assistance for UK visitor visa applications with fast processing.<\/p>\r\n        <a href=\"#\" class=\"explore-btn\">Learn More <i class=\"fas fa-arrow-right\"><\/i><\/a>\r\n      <\/div>\r\n\r\n      <!-- 8. Student Visa -->\r\n      <div class=\"service-card-13\">\r\n        <div class=\"glow-spot\"><\/div>\r\n        <div class=\"icon-box\"><i class=\"fas fa-graduation-cap\"><\/i><\/div>\r\n        <h3 class=\"title\">Student Visa<\/h3>\r\n        <p class=\"desc\">Complete support for student visa applications and Tier 4 requirements.<\/p>\r\n        <a href=\"#\" class=\"explore-btn\">Learn More <i class=\"fas fa-arrow-right\"><\/i><\/a>\r\n      <\/div>\r\n\r\n      <!-- 9. Document Review -->\r\n      <div class=\"service-card-13\">\r\n        <div class=\"glow-spot\"><\/div>\r\n        <div class=\"icon-box\"><i class=\"fas fa-file-alt\"><\/i><\/div>\r\n        <h3 class=\"title\">Document Review<\/h3>\r\n        <p class=\"desc\">Thorough document review and verification for all immigration applications.<\/p>\r\n        <a href=\"#\" class=\"explore-btn\">Learn More <i class=\"fas fa-arrow-right\"><\/i><\/a>\r\n      <\/div>\r\n\r\n      <!-- 10. Innovator Founder Visa -->\r\n      <div class=\"service-card-13\">\r\n        <div class=\"glow-spot\"><\/div>\r\n        <div class=\"icon-box\"><i class=\"fas fa-lightbulb\"><\/i><\/div>\r\n        <h3 class=\"title\">Innovator Founder Visa<\/h3>\r\n        <p class=\"desc\">Specialist guidance for the Innovator Founder visa route for entrepreneurs.<\/p>\r\n        <a href=\"#\" class=\"explore-btn\">Learn More <i class=\"fas fa-arrow-right\"><\/i><\/a>\r\n      <\/div>\r\n\r\n      <!-- 11. Self-Sponsorship -->\r\n      <div class=\"service-card-13\">\r\n        <div class=\"glow-spot\"><\/div>\r\n        <div class=\"icon-box\"><i class=\"fas fa-user-cog\"><\/i><\/div>\r\n        <h3 class=\"title\">Self-Sponsorship<\/h3>\r\n        <p class=\"desc\">Expert advice for self-sponsorship options to work and live in the UK.<\/p>\r\n        <a href=\"#\" class=\"explore-btn\">Learn More <i class=\"fas fa-arrow-right\"><\/i><\/a>\r\n      <\/div>\r\n\r\n      <!-- 12. Short Term Study Visas -->\r\n      <div class=\"service-card-13\">\r\n        <div class=\"glow-spot\"><\/div>\r\n        <div class=\"icon-box\"><i class=\"fas fa-book\"><\/i><\/div>\r\n        <h3 class=\"title\">Short Term Study Visas<\/h3>\r\n        <p class=\"desc\">Support for Short Term Study Visa applications for courses up to 11 months.<\/p>\r\n        <a href=\"#\" class=\"explore-btn\">Learn More <i class=\"fas fa-arrow-right\"><\/i><\/a>\r\n      <\/div>\r\n\r\n      <!-- 13. Global Talent Visas -->\r\n      <div class=\"service-card-13\">\r\n        <div class=\"glow-spot\"><\/div>\r\n        <div class=\"icon-box\"><i class=\"fas fa-globe\"><\/i><\/div>\r\n        <h3 class=\"title\">Global Talent Visas<\/h3>\r\n        <p class=\"desc\">Expert guidance for Global Talent visa applications for leaders in science, arts, and tech.<\/p>\r\n        <a href=\"#\" class=\"explore-btn\">Learn More <i class=\"fas fa-arrow-right\"><\/i><\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Navigation -->\r\n  <div class=\"slider-nav-13\">\r\n    <button class=\"slider-btn-13\" id=\"prevBtn13\" aria-label=\"Previous\"><i class=\"fas fa-chevron-left\"><\/i><\/button>\r\n    <button class=\"slider-btn-13\" id=\"nextBtn13\" aria-label=\"Next\"><i class=\"fas fa-chevron-right\"><\/i><\/button>\r\n  <\/div>\r\n\r\n  <!-- Dots -->\r\n  <div class=\"slider-dots-13\" id=\"sliderDots13\"><\/div>\r\n\r\n<\/section>\r\n\r\n<!-- ===== JAVASCRIPT ===== -->\r\n<script>\r\n  (function() {\r\n    const track = document.getElementById('sliderTrack13');\r\n    const prevBtn = document.getElementById('prevBtn13');\r\n    const nextBtn = document.getElementById('nextBtn13');\r\n    const dotsContainer = document.getElementById('sliderDots13');\r\n\r\n    if (!track || !prevBtn || !nextBtn || !dotsContainer) return;\r\n\r\n    const cards = track.querySelectorAll('.service-card-13');\r\n    const totalCards = cards.length;\r\n    let currentIndex = 0;\r\n    let slidesToShow = 3;\r\n    let autoPlayInterval = null;\r\n\r\n    function getSlidesToShow() {\r\n      if (window.innerWidth <= 640) return 1;\r\n      if (window.innerWidth <= 992) return 2;\r\n      return 3;\r\n    }\r\n\r\n    function updateSlider() {\r\n      slidesToShow = getSlidesToShow();\r\n      const maxIndex = Math.max(0, totalCards - slidesToShow);\r\n      \r\n      if (currentIndex > maxIndex) currentIndex = maxIndex;\r\n      if (currentIndex < 0) currentIndex = 0;\r\n\r\n      const containerWidth = track.parentElement.offsetWidth;\r\n      const gap = 32;\r\n      const slideWidth = (containerWidth - (slidesToShow - 1) * gap) \/ slidesToShow;\r\n      \r\n      cards.forEach(card => {\r\n        card.style.minWidth = slideWidth + 'px';\r\n        card.style.flex = '0 0 ' + slideWidth + 'px';\r\n      });\r\n\r\n      const offset = currentIndex * (slideWidth + gap);\r\n      track.style.transform = 'translateX(-' + offset + 'px)';\r\n      \r\n      \/\/ Update dots\r\n      const dots = dotsContainer.querySelectorAll('.dot-13');\r\n      const totalDots = Math.ceil(totalCards \/ slidesToShow);\r\n      const activeDotIndex = Math.floor(currentIndex \/ slidesToShow);\r\n      \r\n      dots.forEach((dot, index) => {\r\n        dot.classList.toggle('active', index === activeDotIndex);\r\n      });\r\n\r\n      prevBtn.disabled = currentIndex === 0;\r\n      nextBtn.disabled = currentIndex >= maxIndex;\r\n    }\r\n\r\n    function createDots() {\r\n      dotsContainer.innerHTML = '';\r\n      slidesToShow = getSlidesToShow();\r\n      const totalDots = Math.ceil(totalCards \/ slidesToShow);\r\n      \r\n      for (let i = 0; i < totalDots; i++) {\r\n        const dot = document.createElement('button');\r\n        dot.className = 'dot-13' + (i === 0 ? ' active' : '');\r\n        dot.setAttribute('data-index', i);\r\n        dot.addEventListener('click', function() {\r\n          const index = parseInt(this.getAttribute('data-index'));\r\n          currentIndex = index * slidesToShow;\r\n          if (currentIndex > totalCards - slidesToShow) {\r\n            currentIndex = totalCards - slidesToShow;\r\n          }\r\n          updateSlider();\r\n          resetAutoPlay();\r\n        });\r\n        dotsContainer.appendChild(dot);\r\n      }\r\n    }\r\n\r\n    function goToNext() {\r\n      const maxIndex = Math.max(0, totalCards - slidesToShow);\r\n      if (currentIndex + 1 <= maxIndex) {\r\n        currentIndex += 1;\r\n      } else {\r\n        currentIndex = maxIndex;\r\n      }\r\n      updateSlider();\r\n      resetAutoPlay();\r\n    }\r\n\r\n    function goToPrev() {\r\n      if (currentIndex - 1 >= 0) {\r\n        currentIndex -= 1;\r\n      } else {\r\n        currentIndex = 0;\r\n      }\r\n      updateSlider();\r\n      resetAutoPlay();\r\n    }\r\n\r\n    function startAutoPlay() {\r\n      if (autoPlayInterval) clearInterval(autoPlayInterval);\r\n      autoPlayInterval = setInterval(goToNext, 4000);\r\n    }\r\n\r\n    function resetAutoPlay() {\r\n      if (autoPlayInterval) {\r\n        clearInterval(autoPlayInterval);\r\n        startAutoPlay();\r\n      }\r\n    }\r\n\r\n    function stopAutoPlay() {\r\n      if (autoPlayInterval) {\r\n        clearInterval(autoPlayInterval);\r\n        autoPlayInterval = null;\r\n      }\r\n    }\r\n\r\n    \/\/ Event listeners\r\n    prevBtn.addEventListener('click', goToPrev);\r\n    nextBtn.addEventListener('click', goToNext);\r\n\r\n    \/\/ Pause on hover\r\n    const section = document.querySelector('.services-slider-wrap');\r\n    section.addEventListener('mouseenter', stopAutoPlay);\r\n    section.addEventListener('mouseleave', startAutoPlay);\r\n\r\n    \/\/ Keyboard support\r\n    document.addEventListener('keydown', function(e) {\r\n      if (e.key === 'ArrowLeft') goToPrev();\r\n      if (e.key === 'ArrowRight') goToNext();\r\n    });\r\n\r\n    \/\/ Touch support\r\n    let touchStartX = 0;\r\n    track.addEventListener('touchstart', function(e) {\r\n      touchStartX = e.changedTouches[0].screenX;\r\n    });\r\n    track.addEventListener('touchend', function(e) {\r\n      const touchEndX = e.changedTouches[0].screenX;\r\n      const diff = touchStartX - touchEndX;\r\n      if (Math.abs(diff) > 50) {\r\n        diff > 0 ? goToNext() : goToPrev();\r\n      }\r\n    });\r\n\r\n    \/\/ 3D Tilt on cards\r\n    cards.forEach(card => {\r\n      card.addEventListener('mousemove', function(e) {\r\n        const rect = this.getBoundingClientRect();\r\n        const x = e.clientX - rect.left;\r\n        const y = e.clientY - rect.top;\r\n        const centerX = rect.width \/ 2;\r\n        const centerY = rect.height \/ 2;\r\n        const rotateX = (y - centerY) \/ 20;\r\n        const rotateY = (centerX - x) \/ 20;\r\n\r\n        this.style.transform = `perspective(800px) rotateX(${rotateX}deg) rotateY(${rotateY}deg) translateY(-10px) scale(1.02)`;\r\n\r\n        const glow = this.querySelector('.glow-spot');\r\n        if (glow) {\r\n          glow.style.left = (x - 75) + 'px';\r\n          glow.style.top = (y - 75) + 'px';\r\n        }\r\n      });\r\n\r\n      card.addEventListener('mouseleave', function() {\r\n        this.style.transform = 'perspective(800px) rotateX(0deg) rotateY(0deg) translateY(0) scale(1)';\r\n      });\r\n    });\r\n\r\n    \/\/ Resize handler\r\n    let resizeTimeout;\r\n    window.addEventListener('resize', function() {\r\n      clearTimeout(resizeTimeout);\r\n      resizeTimeout = setTimeout(() => {\r\n        createDots();\r\n        updateSlider();\r\n      }, 200);\r\n    });\r\n\r\n    \/\/ Initialize\r\n    createDots();\r\n    setTimeout(updateSlider, 100);\r\n    window.addEventListener('load', function() {\r\n      setTimeout(updateSlider, 200);\r\n    });\r\n\r\n    startAutoPlay();\r\n\r\n  })();\r\n<\/script>\r\n\r\n<!-- Font Awesome -->\r\n<script>\r\n  if (!document.querySelector('link[href*=\"font-awesome\"]')) {\r\n    var link = document.createElement('link');\r\n    link.rel = 'stylesheet';\r\n    link.href = 'https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css';\r\n    document.head.appendChild(link);\r\n  }\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-fe59ec3 e-con e-atomic-element e-flexbox-base e-4b8214a \" data-id=\"fe59ec3\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"fe59ec3\">\n    \t\t<div class=\"elementor-element elementor-element-6b601a0 elementor-widget elementor-widget-html\" data-id=\"6b601a0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================ -->\r\n<!-- 5 EASY STEPS - ANIMATED TIMELINE             -->\r\n<!-- WITHOUT BADGE                                -->\r\n<!-- ============================================ -->\r\n\r\n<style>\r\n  \/* ===== SECTION WRAPPER ===== *\/\r\n  .steps-section {\r\n    padding: 5rem 2rem;\r\n    max-width: 1100px;\r\n    margin: 0 auto;\r\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  \/* ===== ANIMATED BACKGROUND ===== *\/\r\n  .steps-section::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -30%;\r\n    right: -20%;\r\n    width: 500px;\r\n    height: 500px;\r\n    background: radial-gradient(circle, rgba(119,46,59,0.03) 0%, transparent 70%);\r\n    border-radius: 50%;\r\n    pointer-events: none;\r\n    animation: floatBg 20s ease-in-out infinite;\r\n  }\r\n\r\n  .steps-section::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -20%;\r\n    left: -10%;\r\n    width: 400px;\r\n    height: 400px;\r\n    background: radial-gradient(circle, rgba(119,46,59,0.02) 0%, transparent 70%);\r\n    border-radius: 50%;\r\n    pointer-events: none;\r\n    animation: floatBg 25s ease-in-out infinite reverse;\r\n  }\r\n\r\n  @keyframes floatBg {\r\n    0%, 100% { transform: translate(0, 0) scale(1); }\r\n    33% { transform: translate(50px, -30px) scale(1.1); }\r\n    66% { transform: translate(-30px, 40px) scale(0.9); }\r\n  }\r\n\r\n  \/* ===== HEADER ===== *\/\r\n  .steps-header {\r\n    text-align: center;\r\n    margin-bottom: 3.5rem;\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n\r\n  .steps-header h2 {\r\n    font-size: 3rem;\r\n    font-weight: 800;\r\n    color: #1e1a1b;\r\n    margin: 0 0 0.5rem 0;\r\n    letter-spacing: -0.02em;\r\n  }\r\n\r\n  .steps-header h2 span {\r\n    color: #772e3b;\r\n    position: relative;\r\n  }\r\n\r\n  .steps-header h2 span::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 6px;\r\n    background: rgba(119,46,59,0.15);\r\n    border-radius: 4px;\r\n  }\r\n\r\n  .steps-header p {\r\n    color: #5a4e51;\r\n    font-size: 1.1rem;\r\n    max-width: 550px;\r\n    margin: 0.5rem auto 0;\r\n    line-height: 1.7;\r\n  }\r\n\r\n  \/* ===== TIMELINE CONTAINER ===== *\/\r\n  .timeline {\r\n    position: relative;\r\n    z-index: 1;\r\n    padding: 2rem 0;\r\n  }\r\n\r\n  \/* ===== PROGRESS LINE ===== *\/\r\n  .timeline::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 5%;\r\n    right: 5%;\r\n    height: 4px;\r\n    background: rgba(119, 46, 59, 0.08);\r\n    border-radius: 4px;\r\n    transform: translateY(-50%);\r\n  }\r\n\r\n  .timeline::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 5%;\r\n    height: 4px;\r\n    background: linear-gradient(90deg, #772e3b, #b0586b);\r\n    border-radius: 4px;\r\n    transform: translateY(-50%);\r\n    width: 0%;\r\n    transition: width 1.5s cubic-bezier(0.16, 1, 0.3, 1);\r\n    box-shadow: 0 0 20px rgba(119, 46, 59, 0.2);\r\n  }\r\n\r\n  .timeline.animate::after {\r\n    width: 90%;\r\n  }\r\n\r\n  \/* ===== STEPS GRID ===== *\/\r\n  .steps-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(5, 1fr);\r\n    gap: 1.5rem;\r\n    position: relative;\r\n  }\r\n\r\n  \/* ===== STEP CARD ===== *\/\r\n  .step-item {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    text-align: center;\r\n    position: relative;\r\n    z-index: 2;\r\n    opacity: 0;\r\n    transform: translateY(40px);\r\n    transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);\r\n  }\r\n\r\n  .step-item.visible {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n\r\n  .step-item:nth-child(1) { transition-delay: 0.05s; }\r\n  .step-item:nth-child(2) { transition-delay: 0.15s; }\r\n  .step-item:nth-child(3) { transition-delay: 0.25s; }\r\n  .step-item:nth-child(4) { transition-delay: 0.35s; }\r\n  .step-item:nth-child(5) { transition-delay: 0.45s; }\r\n\r\n  \/* ===== STEP NUMBER CIRCLE ===== *\/\r\n  .step-number {\r\n    width: 64px;\r\n    height: 64px;\r\n    border-radius: 50%;\r\n    background: #fff;\r\n    border: 3px solid rgba(119, 46, 59, 0.1);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 1.4rem;\r\n    font-weight: 800;\r\n    color: #772e3b;\r\n    position: relative;\r\n    z-index: 2;\r\n    transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);\r\n    margin-bottom: 1rem;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .step-item:hover .step-number {\r\n    background: #772e3b;\r\n    color: #fff;\r\n    border-color: #772e3b;\r\n    transform: scale(1.15);\r\n    box-shadow: 0 15px 40px rgba(119, 46, 59, 0.2);\r\n  }\r\n\r\n  \/* ===== PULSE RING ===== *\/\r\n  .step-number::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: -6px;\r\n    border-radius: 50%;\r\n    border: 2px solid rgba(119, 46, 59, 0.05);\r\n    opacity: 0;\r\n    transition: all 0.5s ease;\r\n  }\r\n\r\n  .step-item:hover .step-number::before {\r\n    opacity: 1;\r\n    animation: pulseRing 1.5s ease-in-out infinite;\r\n  }\r\n\r\n  @keyframes pulseRing {\r\n    0% { transform: scale(1); opacity: 0.3; }\r\n    100% { transform: scale(1.4); opacity: 0; }\r\n  }\r\n\r\n  \/* ===== STEP ICON ===== *\/\r\n  .step-icon {\r\n    font-size: 1.5rem;\r\n    margin-bottom: 0.5rem;\r\n    color: #772e3b;\r\n    transition: all 0.5s ease;\r\n  }\r\n\r\n  .step-item:hover .step-icon {\r\n    transform: scale(1.2) rotate(-8deg);\r\n  }\r\n\r\n  \/* ===== STEP TITLE ===== *\/\r\n  .step-title {\r\n    font-size: 1.1rem;\r\n    font-weight: 700;\r\n    color: #1e1a1b;\r\n    margin: 0 0 0.3rem 0;\r\n    transition: color 0.3s ease;\r\n  }\r\n\r\n  .step-item:hover .step-title {\r\n    color: #772e3b;\r\n  }\r\n\r\n  \/* ===== STEP DESCRIPTION ===== *\/\r\n  .step-desc {\r\n    font-size: 0.85rem;\r\n    color: #5a4e51;\r\n    margin: 0;\r\n    line-height: 1.5;\r\n    opacity: 0.8;\r\n    transition: opacity 0.3s ease;\r\n  }\r\n\r\n  .step-item:hover .step-desc {\r\n    opacity: 1;\r\n  }\r\n\r\n  \/* ===== STEP NUMBER CONNECTOR DOT ===== *\/\r\n  .step-item .connector-dot {\r\n    display: none;\r\n  }\r\n\r\n  \/* ===== RESPONSIVE ===== *\/\r\n  @media (max-width: 1024px) {\r\n    .steps-header h2 {\r\n      font-size: 2.5rem;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .steps-section {\r\n      padding: 3rem 1.5rem;\r\n    }\r\n    .steps-header h2 {\r\n      font-size: 2rem;\r\n    }\r\n    .steps-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 2rem;\r\n      max-width: 400px;\r\n      margin: 0 auto;\r\n    }\r\n    .step-item {\r\n      flex-direction: row;\r\n      text-align: left;\r\n      gap: 1.5rem;\r\n      padding: 1.2rem;\r\n      background: #fff;\r\n      border-radius: 20px;\r\n      border: 1px solid rgba(119, 46, 59, 0.04);\r\n      box-shadow: 0 4px 20px rgba(0,0,0,0.02);\r\n    }\r\n    .step-item .step-content {\r\n      flex: 1;\r\n    }\r\n    .step-number {\r\n      width: 50px;\r\n      height: 50px;\r\n      font-size: 1.1rem;\r\n      flex-shrink: 0;\r\n    }\r\n    .timeline::before,\r\n    .timeline::after {\r\n      display: none;\r\n    }\r\n    .step-item .connector-dot {\r\n      display: none;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .steps-header h2 {\r\n      font-size: 1.6rem;\r\n    }\r\n    .step-item {\r\n      padding: 1rem;\r\n    }\r\n    .step-number {\r\n      width: 44px;\r\n      height: 44px;\r\n      font-size: 0.95rem;\r\n    }\r\n    .step-title {\r\n      font-size: 0.95rem;\r\n    }\r\n    .step-desc {\r\n      font-size: 0.8rem;\r\n    }\r\n  }\r\n\r\n  \/* ===== ANIMATION FOR DESKTOP CONNECTORS ===== *\/\r\n  @media (min-width: 769px) {\r\n    .step-item .connector-dot {\r\n      position: absolute;\r\n      top: 32px;\r\n      left: 50%;\r\n      width: 12px;\r\n      height: 12px;\r\n      background: #fff;\r\n      border: 2px solid rgba(119, 46, 59, 0.1);\r\n      border-radius: 50%;\r\n      transform: translateX(-50%);\r\n      z-index: 1;\r\n      transition: all 0.5s ease;\r\n    }\r\n\r\n    .step-item:hover .connector-dot {\r\n      background: #772e3b;\r\n      border-color: #772e3b;\r\n    }\r\n\r\n    .step-item:last-child .connector-dot {\r\n      display: none;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<!-- ===== HTML ===== -->\r\n<section class=\"steps-section\" id=\"stepsSection\">\r\n\r\n  <!-- Header -->\r\n  <div class=\"steps-header\">\r\n    <h2>5 Easy <span>Steps<\/span> to Your UK Visa<\/h2>\r\n    <p>We make the immigration process simple, transparent, and stress-free. Here's how we do it.<\/p>\r\n  <\/div>\r\n\r\n  <!-- Timeline -->\r\n  <div class=\"timeline\" id=\"timeline\">\r\n\r\n    <div class=\"steps-grid\">\r\n\r\n      <!-- Step 1 -->\r\n      <div class=\"step-item\" data-step=\"1\">\r\n        <div class=\"connector-dot\"><\/div>\r\n        <div class=\"step-number\">01<\/div>\r\n        <div class=\"step-content\">\r\n          <div class=\"step-icon\"><i class=\"fas fa-comments\"><\/i><\/div>\r\n          <h3 class=\"step-title\"> Consultation<\/h3>\r\n          <p class=\"step-desc\">Book a consultation with our immigration experts to discuss your case.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Step 2 -->\r\n      <div class=\"step-item\" data-step=\"2\">\r\n        <div class=\"connector-dot\"><\/div>\r\n        <div class=\"step-number\">02<\/div>\r\n        <div class=\"step-content\">\r\n          <div class=\"step-icon\"><i class=\"fas fa-file-alt\"><\/i><\/div>\r\n          <h3 class=\"step-title\">Document Preparation<\/h3>\r\n          <p class=\"step-desc\">We provide a comprehensive checklist and help you prepare all documents.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Step 3 -->\r\n      <div class=\"step-item\" data-step=\"3\">\r\n        <div class=\"connector-dot\"><\/div>\r\n        <div class=\"step-number\">03<\/div>\r\n        <div class=\"step-content\">\r\n          <div class=\"step-icon\"><i class=\"fas fa-check-double\"><\/i><\/div>\r\n          <h3 class=\"step-title\">Application Review<\/h3>\r\n          <p class=\"step-desc\">Our experts review your application to ensure 100% accuracy and compliance.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Step 4 -->\r\n      <div class=\"step-item\" data-step=\"4\">\r\n        <div class=\"connector-dot\"><\/div>\r\n        <div class=\"step-number\">04<\/div>\r\n        <div class=\"step-content\">\r\n          <div class=\"step-icon\"><i class=\"fas fa-paper-plane\"><\/i><\/div>\r\n          <h3 class=\"step-title\">Submission<\/h3>\r\n          <p class=\"step-desc\">We submit your application with full legal support and tracking.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Step 5 -->\r\n      <div class=\"step-item\" data-step=\"5\">\r\n        <div class=\"connector-dot\"><\/div>\r\n        <div class=\"step-number\">05<\/div>\r\n        <div class=\"step-content\">\r\n          <div class=\"step-icon\"><i class=\"fas fa-trophy\"><\/i><\/div>\r\n          <h3 class=\"step-title\">Approval & Settlement<\/h3>\r\n          <p class=\"step-desc\">Receive your visa and settle in the UK with our continued support.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<!-- ===== JAVASCRIPT ===== -->\r\n<script>\r\n  (function() {\r\n    const section = document.getElementById('stepsSection');\r\n    const steps = document.querySelectorAll('.step-item');\r\n    const timeline = document.getElementById('timeline');\r\n    let animated = false;\r\n\r\n    \/\/ ===== SCROLL REVEAL =====\r\n    const observer = new IntersectionObserver((entries) => {\r\n      entries.forEach(entry => {\r\n        if (entry.isIntersecting && !animated) {\r\n          animated = true;\r\n\r\n          \/\/ Animate steps\r\n          steps.forEach((step, index) => {\r\n            setTimeout(() => {\r\n              step.classList.add('visible');\r\n            }, index * 150);\r\n          });\r\n\r\n          \/\/ Animate progress line\r\n          setTimeout(() => {\r\n            timeline.classList.add('animate');\r\n          }, 300);\r\n        }\r\n      });\r\n    }, { threshold: 0.2 });\r\n\r\n    observer.observe(section);\r\n\r\n    \/\/ ===== 3D TILT ON HOVER (Desktop only) =====\r\n    if (window.innerWidth > 768) {\r\n      steps.forEach(step => {\r\n        step.addEventListener('mousemove', function(e) {\r\n          const rect = this.getBoundingClientRect();\r\n          const x = e.clientX - rect.left;\r\n          const y = e.clientY - rect.top;\r\n          const centerX = rect.width \/ 2;\r\n          const centerY = rect.height \/ 2;\r\n          const rotateX = (y - centerY) \/ 30;\r\n          const rotateY = (centerX - x) \/ 30;\r\n\r\n          this.style.transform = `perspective(800px) rotateX(${rotateX}deg) rotateY(${rotateY}deg)`;\r\n        });\r\n\r\n        step.addEventListener('mouseleave', function() {\r\n          this.style.transform = 'perspective(800px) rotateX(0deg) rotateY(0deg)';\r\n        });\r\n      });\r\n    }\r\n\r\n  })();\r\n<\/script>\r\n\r\n<!-- Font Awesome -->\r\n<script>\r\n  if (!document.querySelector('link[href*=\"font-awesome\"]')) {\r\n    var link = document.createElement('link');\r\n    link.rel = 'stylesheet';\r\n    link.href = 'https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css';\r\n    document.head.appendChild(link);\r\n  }\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-d63685c e-con e-atomic-element e-flexbox-base e-9b46d38 \" data-id=\"d63685c\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d63685c\">\n    \t\t<div class=\"elementor-element elementor-element-fff616b elementor-widget elementor-widget-html\" data-id=\"fff616b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================ -->\r\n<!-- SERVICE CARDS - BOOK NOW WITH STRIPE LINKS   -->\r\n<!-- WITHOUT BADGE - 6 PACKAGES                   -->\r\n<!-- ============================================ -->\r\n\r\n<style>\r\n  \/* ===== SECTION WRAPPER ===== *\/\r\n  .hover-color-section {\r\n    padding: 5rem 2rem;\r\n    max-width: 1300px;\r\n    margin: 0 auto;\r\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n    text-align: center;\r\n    position: relative;\r\n  }\r\n\r\n  .hover-color-section h2 {\r\n    font-size: 3rem;\r\n    font-weight: 800;\r\n    color: #1e1a1b;\r\n    margin: 0 0 0.5rem 0;\r\n  }\r\n\r\n  .hover-color-section h2 span {\r\n    color: #772e3b;\r\n  }\r\n\r\n  .hover-color-section .subtitle {\r\n    color: #5a4e51;\r\n    font-size: 1.1rem;\r\n    max-width: 600px;\r\n    margin: 0 auto 3rem auto;\r\n    line-height: 1.7;\r\n  }\r\n\r\n  \/* ===== GRID - 3 COLUMNS ===== *\/\r\n  .hover-color-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 2rem;\r\n  }\r\n\r\n  \/* ===== SERVICE CARD ===== *\/\r\n  .hover-color-card {\r\n    background: #ffffff;\r\n    border-radius: 28px;\r\n    padding: 2.5rem 2rem 2rem;\r\n    border: 1px solid rgba(119, 46, 59, 0.06);\r\n    box-shadow: 0 4px 25px rgba(0, 0, 0, 0.02);\r\n    transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);\r\n    position: relative;\r\n    overflow: hidden;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    text-align: center;\r\n    cursor: pointer;\r\n  }\r\n\r\n  \/* ===== TOP GRADIENT BAR ===== *\/\r\n  .hover-color-card::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 4px;\r\n    background: linear-gradient(90deg, #772e3b, #b0586b, #d4899a, #b0586b, #772e3b);\r\n    background-size: 300% 100%;\r\n    opacity: 0.3;\r\n    transition: all 0.6s ease;\r\n  }\r\n\r\n  .hover-color-card:hover::before {\r\n    opacity: 1;\r\n    animation: shimmerHover 2s infinite;\r\n  }\r\n\r\n  @keyframes shimmerHover {\r\n    0% { background-position: 0% 0; }\r\n    100% { background-position: 300% 0; }\r\n  }\r\n\r\n  \/* ===== HOVER EFFECT - #772F3C BACKGROUND ===== *\/\r\n  .hover-color-card:hover {\r\n    background: #772F3C;\r\n    transform: translateY(-12px) scale(1.02);\r\n    box-shadow: 0 30px 60px -20px rgba(119, 46, 59, 0.3);\r\n    border-color: #772F3C;\r\n  }\r\n\r\n  \/* ===== ICON ===== *\/\r\n  .hover-color-card .icon-box {\r\n    width: 60px;\r\n    height: 60px;\r\n    background: rgba(119, 46, 59, 0.06);\r\n    border-radius: 16px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: #772e3b;\r\n    font-size: 1.6rem;\r\n    margin-bottom: 1rem;\r\n    transition: all 0.4s ease;\r\n  }\r\n\r\n  .hover-color-card:hover .icon-box {\r\n    background: rgba(255, 255, 255, 0.15);\r\n    color: #ffffff;\r\n    transform: rotate(-8deg) scale(1.1);\r\n  }\r\n\r\n  \/* ===== STEP NUMBER ===== *\/\r\n  .hover-color-card .step-num {\r\n    font-size: 2rem;\r\n    font-weight: 800;\r\n    color: #772e3b;\r\n    opacity: 0.06;\r\n    line-height: 1;\r\n    margin-bottom: 0.2rem;\r\n    transition: all 0.4s ease;\r\n  }\r\n\r\n  .hover-color-card:hover .step-num {\r\n    color: rgba(255, 255, 255, 0.15);\r\n    opacity: 1;\r\n  }\r\n\r\n  \/* ===== TITLE ===== *\/\r\n  .hover-color-card .title {\r\n    font-size: 1.2rem;\r\n    font-weight: 700;\r\n    color: #1e1a1b;\r\n    margin: 0 0 0.3rem 0;\r\n    transition: color 0.3s ease;\r\n  }\r\n\r\n  .hover-color-card:hover .title {\r\n    color: #ffffff;\r\n  }\r\n\r\n  \/* ===== DESCRIPTION ===== *\/\r\n  .hover-color-card .desc {\r\n    font-size: 0.9rem;\r\n    color: #5a4e51;\r\n    line-height: 1.7;\r\n    margin: 0 0 1.2rem 0;\r\n    flex: 1;\r\n    transition: color 0.3s ease;\r\n  }\r\n\r\n  .hover-color-card:hover .desc {\r\n    color: rgba(255, 255, 255, 0.85);\r\n  }\r\n\r\n  \/* ===== PRICE ROW ===== *\/\r\n  .hover-color-card .price-row {\r\n    display: flex;\r\n    align-items: baseline;\r\n    gap: 0.3rem;\r\n    margin: 0.4rem 0 0.8rem 0;\r\n    padding: 0.3rem 0;\r\n    border-top: 2px solid rgba(119,46,59,0.04);\r\n    border-bottom: 2px solid rgba(119,46,59,0.04);\r\n    width: 100%;\r\n    justify-content: center;\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .hover-color-card:hover .price-row {\r\n    border-color: rgba(255, 255, 255, 0.15);\r\n  }\r\n\r\n  .hover-color-card .price-row .currency {\r\n    font-size: 1rem;\r\n    font-weight: 600;\r\n    color: #772e3b;\r\n    transition: color 0.3s ease;\r\n  }\r\n\r\n  .hover-color-card:hover .price-row .currency {\r\n    color: #ffffff;\r\n  }\r\n\r\n  .hover-color-card .price-row .amount {\r\n    font-size: 2rem;\r\n    font-weight: 800;\r\n    color: #1e1a1b;\r\n    transition: color 0.3s ease;\r\n  }\r\n\r\n  .hover-color-card:hover .price-row .amount {\r\n    color: #ffffff;\r\n  }\r\n\r\n  .hover-color-card .price-row .vat {\r\n    font-size: 0.65rem;\r\n    font-weight: 600;\r\n    color: #772e3b;\r\n    background: rgba(119,46,59,0.06);\r\n    padding: 0.05rem 0.5rem;\r\n    border-radius: 20px;\r\n    margin-left: 0.2rem;\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .hover-color-card:hover .price-row .vat {\r\n    color: #ffffff;\r\n    background: rgba(255, 255, 255, 0.15);\r\n  }\r\n\r\n  .hover-color-card .from-tag {\r\n    font-size: 0.65rem;\r\n    color: #5a4e51;\r\n    font-weight: 600;\r\n    opacity: 0.6;\r\n    margin-right: 0.2rem;\r\n    transition: color 0.3s ease;\r\n  }\r\n\r\n  .hover-color-card:hover .from-tag {\r\n    color: rgba(255, 255, 255, 0.7);\r\n  }\r\n\r\n  \/* ========================================== *\/\r\n  \/* \ud83d\udd25 BOOK NOW BUTTON STYLES                 *\/\r\n  \/* ========================================== *\/\r\n  .hover-color-card .book-now-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 0.6rem;\r\n    background: #772e3b;\r\n    color: #fff !important;\r\n    padding: 0.7rem 2rem;\r\n    border-radius: 50px;\r\n    font-weight: 700;\r\n    font-size: 0.9rem;\r\n    text-decoration: none !important;\r\n    transition: all 0.3s ease;\r\n    border: none;\r\n    cursor: pointer;\r\n    box-shadow: 0 4px 15px rgba(119, 46, 59, 0.15);\r\n    width: 100%;\r\n    margin-top: 0.5rem;\r\n  }\r\n\r\n  .hover-color-card .book-now-btn:hover {\r\n    background: #5f2530;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 8px 25px rgba(119, 46, 59, 0.25);\r\n    color: #fff !important;\r\n  }\r\n\r\n  .hover-color-card .book-now-btn i {\r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  .hover-color-card .book-now-btn:hover i {\r\n    transform: translateX(4px);\r\n  }\r\n\r\n  .hover-color-card:hover .book-now-btn {\r\n    background: rgba(255, 255, 255, 0.15);\r\n    color: #ffffff !important;\r\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\r\n  }\r\n\r\n  .hover-color-card:hover .book-now-btn:hover {\r\n    background: rgba(255, 255, 255, 0.25);\r\n  }\r\n\r\n  \/* ========================================== *\/\r\n  \/* EXPLORE BUTTON (For other cards)           *\/\r\n  \/* ========================================== *\/\r\n  .hover-color-card .explore-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 0.6rem;\r\n    color: #772e3b;\r\n    font-weight: 600;\r\n    font-size: 0.9rem;\r\n    text-decoration: none !important;\r\n    transition: all 0.3s ease;\r\n    padding: 0.3rem 0;\r\n    position: relative;\r\n  }\r\n\r\n  .hover-color-card .explore-btn::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    width: 0%;\r\n    height: 2px;\r\n    background: #772e3b;\r\n    transition: width 0.3s ease;\r\n  }\r\n\r\n  .hover-color-card:hover .explore-btn::after {\r\n    width: 100%;\r\n    background: #ffffff;\r\n  }\r\n\r\n  .hover-color-card .explore-btn i {\r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  .hover-color-card:hover .explore-btn i {\r\n    transform: translateX(5px);\r\n  }\r\n\r\n  .hover-color-card:hover .explore-btn {\r\n    color: #ffffff;\r\n  }\r\n\r\n  \/* ===== POPULAR BADGE ===== *\/\r\n  .hover-color-card .popular-badge {\r\n    display: inline-block;\r\n    background: #772e3b;\r\n    color: #fff;\r\n    font-size: 0.55rem;\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.5px;\r\n    padding: 0.15rem 0.8rem;\r\n    border-radius: 30px;\r\n    margin-bottom: 0.3rem;\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .hover-color-card:hover .popular-badge {\r\n    background: rgba(255, 255, 255, 0.15);\r\n    color: #ffffff;\r\n  }\r\n\r\n  \/* ===== RESPONSIVE ===== *\/\r\n  @media (max-width: 1024px) {\r\n    .hover-color-grid {\r\n      grid-template-columns: repeat(2, 1fr);\r\n    }\r\n    .hover-color-section h2 {\r\n      font-size: 2.6rem;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .hover-color-section {\r\n      padding: 3rem 1.2rem;\r\n    }\r\n    .hover-color-grid {\r\n      grid-template-columns: 1fr;\r\n      max-width: 400px;\r\n      margin: 0 auto;\r\n    }\r\n    .hover-color-section h2 {\r\n      font-size: 2rem;\r\n    }\r\n    .hover-color-card {\r\n      padding: 2rem 1.5rem;\r\n    }\r\n    .hover-color-card .book-now-btn {\r\n      padding: 0.6rem 1.5rem;\r\n      font-size: 0.8rem;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .hover-color-section h2 {\r\n      font-size: 1.6rem;\r\n    }\r\n    .hover-color-card .price-row .amount {\r\n      font-size: 1.6rem;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<!-- ===== HTML ===== -->\r\n<section class=\"hover-color-section\">\r\n\r\n  <h2>Choose the <span>Service<\/span> That Fits Your Needs<\/h2>\r\n  <p class=\"subtitle\">Hover over any card to see it transform. All packages include expert immigration advice.<\/p>\r\n\r\n  <div class=\"hover-color-grid\">\r\n\r\n    <!-- ========================================== -->\r\n    <!-- \ud83d\udd25 CARD 1 - BOOK NOW                       -->\r\n    <!-- ========================================== -->\r\n    <div class=\"hover-color-card\">\r\n      <span class=\"step-num\">01<\/span>\r\n      <div class=\"icon-box\"><i class=\"fas fa-question-circle\"><\/i><\/div>\r\n      <h3 class=\"title\">Ask An Immigration Expert<\/h3>\r\n      <div class=\"price-row\">\r\n        <span class=\"currency\">\u00a3<\/span>\r\n        <span class=\"amount\">4.99<\/span>\r\n        <span class=\"vat\">+ VAT<\/span>\r\n      <\/div>\r\n      <p class=\"desc\">One simple question. One expert answer. No appointment needed.<\/p>\r\n\r\n      <!-- \ud83d\udd25 STRIPE PAYMENT LINK -->\r\n      <a href=\"https:\/\/buy.stripe.com\/aFa00l0GR6VmgtN7GE0ZW00\" class=\"book-now-btn\" target=\"_blank\">\r\n        Book Now <i class=\"fas fa-arrow-right\"><\/i>\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <!-- ========================================== -->\r\n    <!-- \ud83d\udd25 CARD 2 - BOOK NOW                       -->\r\n    <!-- ========================================== -->\r\n    <div class=\"hover-color-card\">\r\n      <span class=\"step-num\">02<\/span>\r\n      <div class=\"icon-box\"><i class=\"fas fa-phone-alt\"><\/i><\/div>\r\n      <h3 class=\"title\">Your Clarity Call<\/h3>\r\n      <div class=\"price-row\">\r\n        <span class=\"currency\">\u00a3<\/span>\r\n        <span class=\"amount\">40<\/span>\r\n        <span class=\"vat\">+ VAT<\/span>\r\n      <\/div>\r\n      <p class=\"desc\">15-minute consultation. Up to 3 questions. Teams video meeting.<\/p>\r\n\r\n      <!-- \ud83d\udd25 STRIPE PAYMENT LINK -->\r\n      <a href=\"https:\/\/buy.stripe.com\/8x26oJ4X7gvW5P9aSQ0ZW01\" class=\"book-now-btn\" target=\"_blank\">\r\n        Book Now <i class=\"fas fa-arrow-right\"><\/i>\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <!-- ========================================== -->\r\n    <!-- \ud83d\udd25 CARD 3 - BOOK NOW                       -->\r\n    <!-- ========================================== -->\r\n    <div class=\"hover-color-card\">\r\n      <span class=\"step-num\">03<\/span>\r\n      <div class=\"icon-box\"><i class=\"fas fa-road\"><\/i><\/div>\r\n      <h3 class=\"title\">Your Visa Roadmap<\/h3>\r\n      <div class=\"price-row\">\r\n        <span class=\"currency\">\u00a3<\/span>\r\n        <span class=\"amount\">150<\/span>\r\n        <span class=\"vat\">+ VAT<\/span>\r\n      <\/div>\r\n      <p class=\"desc\">1-hour consultation. Written follow-up summary with next steps.<\/p>\r\n\r\n      <!-- \ud83d\udd25 STRIPE PAYMENT LINK -->\r\n      <a href=\"https:\/\/buy.stripe.com\/28E3cxdtD6Vma5p6CA0ZW02\" class=\"book-now-btn\" target=\"_blank\">\r\n        Book Now <i class=\"fas fa-arrow-right\"><\/i>\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <!-- ========================================== -->\r\n    <!-- \ud83d\udd25 CARD 4 - BRONZE PACKAGE (BOOK NOW)      -->\r\n    <!-- ========================================== -->\r\n    <div class=\"hover-color-card\">\r\n      <span class=\"step-num\">04<\/span>\r\n      <div class=\"icon-box\"><i class=\"fas fa-file-alt\"><\/i><\/div>\r\n      <h3 class=\"title\">Bronze Package <span class=\"popular-badge\">\u2b50 Popular<\/span><\/h3>\r\n      <div class=\"price-row\">\r\n        <span class=\"from-tag\">From<\/span>\r\n        <span class=\"currency\">\u00a3<\/span>\r\n        <span class=\"amount\">550<\/span>\r\n        <span class=\"vat\">+ VAT<\/span>\r\n      <\/div>\r\n      <p class=\"desc\">Document & Application Review. 2-hour meeting with detailed feedback.<\/p>\r\n\r\n      <!-- \ud83d\udd25 STRIPE PAYMENT LINK FOR BRONZE PACKAGE -->\r\n      <a href=\"https:\/\/buy.stripe.com\/9B69AV0GR2F62CX9OM0ZW07\" class=\"book-now-btn\" target=\"_blank\">\r\n        Book Now <i class=\"fas fa-arrow-right\"><\/i>\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <!-- ========================================== -->\r\n    <!-- CARD 5 - LEARN MORE                       -->\r\n    <!-- ========================================== -->\r\n    <div class=\"hover-color-card\">\r\n      <span class=\"step-num\">05<\/span>\r\n      <div class=\"icon-box\"><i class=\"fas fa-hand-holding-heart\"><\/i><\/div>\r\n      <h3 class=\"title\">Silver Package<\/h3>\r\n      <div class=\"price-row\">\r\n        <span class=\"from-tag\">From<\/span>\r\n        <span class=\"currency\">\u00a3<\/span>\r\n        <span class=\"amount\">1,000<\/span>\r\n        <span class=\"vat\">+ VAT<\/span>\r\n      <\/div>\r\n      <p class=\"desc\">Full Application Representation. End-to-end support from assessment to submission.<\/p>\r\n      <a href=\"#\" class=\"explore-btn\">Learn More <i class=\"fas fa-arrow-right\"><\/i><\/a>\r\n    <\/div>\r\n\r\n    <!-- ========================================== -->\r\n    <!-- CARD 6 - LEARN MORE                       -->\r\n    <!-- ========================================== -->\r\n    <div class=\"hover-color-card\">\r\n      <span class=\"step-num\">06<\/span>\r\n      <div class=\"icon-box\"><i class=\"fas fa-bolt\"><\/i><\/div>\r\n      <h3 class=\"title\">Gold Package <span class=\"popular-badge\">\u2b50 Popular<\/span><\/h3>\r\n      <div class=\"price-row\">\r\n        <span class=\"from-tag\">From<\/span>\r\n        <span class=\"currency\">\u00a3<\/span>\r\n        <span class=\"amount\">1,500<\/span>\r\n        <span class=\"vat\">+ VAT<\/span>\r\n      <\/div>\r\n      <p class=\"desc\">Priority Representation. 48-hour submission readiness.<\/p>\r\n      <a href=\"#\" class=\"explore-btn\">Learn More <i class=\"fas fa-arrow-right\"><\/i><\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<!-- Font Awesome -->\r\n<script>\r\n  if (!document.querySelector('link[href*=\"font-awesome\"]')) {\r\n    var link = document.createElement('link');\r\n    link.rel = 'stylesheet';\r\n    link.href = 'https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css';\r\n    document.head.appendChild(link);\r\n  }\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-48d8c8c e-con e-atomic-element e-flexbox-base e-5e4a908 \" data-id=\"48d8c8c\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"48d8c8c\">\n    \t\t<div class=\"elementor-element elementor-element-6799e2f elementor-widget elementor-widget-html\" data-id=\"6799e2f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================ -->\r\n<!-- WHY CHOOSE US - WOW EFFECT                   -->\r\n<!-- WITHOUT BADGE                                -->\r\n<!-- ============================================ -->\r\n\r\n<style>\r\n  \/* ===== SECTION WRAPPER ===== *\/\r\n  .why-choose-us {\r\n    padding: 5rem 2rem;\r\n    max-width: 1300px;\r\n    margin: 0 auto;\r\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  \/* ===== ANIMATED BACKGROUND PARTICLES ===== *\/\r\n  .why-choose-us .particles {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    pointer-events: none;\r\n    overflow: hidden;\r\n    z-index: 0;\r\n  }\r\n\r\n  .why-choose-us .particle {\r\n    position: absolute;\r\n    width: 6px;\r\n    height: 6px;\r\n    background: #772e3b;\r\n    border-radius: 50%;\r\n    opacity: 0.04;\r\n    animation: floatParticle 20s ease-in-out infinite;\r\n  }\r\n\r\n  .particle:nth-child(1) { top: 10%; left: 5%; animation-delay: 0s; width: 8px; height: 8px; }\r\n  .particle:nth-child(2) { top: 20%; right: 8%; animation-delay: -3s; width: 12px; height: 12px; }\r\n  .particle:nth-child(3) { bottom: 30%; left: 3%; animation-delay: -6s; width: 5px; height: 5px; }\r\n  .particle:nth-child(4) { top: 60%; right: 5%; animation-delay: -9s; width: 10px; height: 10px; }\r\n  .particle:nth-child(5) { bottom: 10%; left: 10%; animation-delay: -12s; width: 7px; height: 7px; }\r\n  .particle:nth-child(6) { top: 40%; left: 50%; animation-delay: -15s; width: 15px; height: 15px; }\r\n\r\n  @keyframes floatParticle {\r\n    0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.04; }\r\n    25% { transform: translate(50px, -80px) scale(1.5); opacity: 0.08; }\r\n    50% { transform: translate(-30px, 60px) scale(0.8); opacity: 0.02; }\r\n    75% { transform: translate(40px, -30px) scale(1.3); opacity: 0.06; }\r\n  }\r\n\r\n  \/* ===== HEADER ===== *\/\r\n  .why-header {\r\n    text-align: center;\r\n    margin-bottom: 4rem;\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n\r\n  .why-header h2 {\r\n    font-size: 3.2rem;\r\n    font-weight: 800;\r\n    color: #1e1a1b;\r\n    margin: 0 0 0.5rem 0;\r\n    letter-spacing: -0.02em;\r\n  }\r\n\r\n  .why-header h2 span {\r\n    color: #772e3b;\r\n    position: relative;\r\n  }\r\n\r\n  .why-header h2 span::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 6px;\r\n    background: rgba(119,46,59,0.15);\r\n    border-radius: 4px;\r\n  }\r\n\r\n  .why-header .subtitle {\r\n    color: #5a4e51;\r\n    font-size: 1.1rem;\r\n    max-width: 550px;\r\n    margin: 0.5rem auto 0;\r\n    line-height: 1.7;\r\n    opacity: 0.8;\r\n  }\r\n\r\n  \/* ===== WHY GRID ===== *\/\r\n  .why-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 2rem;\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n\r\n  \/* ===== WHY CARDS ===== *\/\r\n  .why-card {\r\n    background: #ffffff;\r\n    border-radius: 32px;\r\n    padding: 2.5rem 1.8rem 2.2rem;\r\n    border: 1px solid rgba(119, 46, 59, 0.06);\r\n    box-shadow: 0 4px 25px rgba(0, 0, 0, 0.02);\r\n    transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);\r\n    position: relative;\r\n    overflow: hidden;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    text-align: center;\r\n    cursor: pointer;\r\n  }\r\n\r\n  \/* ===== 3D GLASS EFFECT ===== *\/\r\n  .why-card::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background: linear-gradient(135deg, rgba(119,46,59,0.02), transparent 50%);\r\n    opacity: 0;\r\n    transition: opacity 0.6s ease;\r\n    border-radius: 32px;\r\n  }\r\n\r\n  .why-card:hover::before {\r\n    opacity: 1;\r\n  }\r\n\r\n  \/* ===== GLOW BORDER ===== *\/\r\n  .why-card::after {\r\n    content: '';\r\n    position: absolute;\r\n    inset: -1px;\r\n    border-radius: 32px;\r\n    padding: 1px;\r\n    background: linear-gradient(135deg, transparent, transparent, transparent);\r\n    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\r\n    -webkit-mask-composite: xor;\r\n    mask-composite: exclude;\r\n    transition: all 0.6s ease;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .why-card:hover::after {\r\n    background: linear-gradient(135deg, rgba(119,46,59,0.2), rgba(119,46,59,0.05), rgba(119,46,59,0.2));\r\n    animation: borderGlow 2s ease-in-out infinite;\r\n  }\r\n\r\n  @keyframes borderGlow {\r\n    0%, 100% { background: linear-gradient(135deg, rgba(119,46,59,0.2), rgba(119,46,59,0.05), rgba(119,46,59,0.2)); }\r\n    50% { background: linear-gradient(135deg, rgba(119,46,59,0.05), rgba(119,46,59,0.3), rgba(119,46,59,0.05)); }\r\n  }\r\n\r\n  .why-card:hover {\r\n    transform: translateY(-15px) scale(1.03);\r\n    box-shadow: 0 50px 80px -30px rgba(119, 46, 59, 0.2);\r\n    border-color: rgba(119, 46, 59, 0.1);\r\n  }\r\n\r\n  \/* ===== ICON WRAPPER ===== *\/\r\n  .why-card .icon-wrapper {\r\n    width: 80px;\r\n    height: 80px;\r\n    background: rgba(119, 46, 59, 0.06);\r\n    border-radius: 24px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 2.2rem;\r\n    color: #772e3b;\r\n    margin-bottom: 1.2rem;\r\n    transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);\r\n    position: relative;\r\n    border: 1px solid rgba(119, 46, 59, 0.04);\r\n  }\r\n\r\n  .why-card:hover .icon-wrapper {\r\n    background: #772e3b;\r\n    color: #fff;\r\n    transform: rotate(-12deg) scale(1.1);\r\n    box-shadow: 0 15px 40px rgba(119, 46, 59, 0.25);\r\n  }\r\n\r\n  \/* ===== ICON PULSE RING ===== *\/\r\n  .why-card .icon-wrapper::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: -8px;\r\n    border-radius: 28px;\r\n    border: 2px solid rgba(119, 46, 59, 0.05);\r\n    opacity: 0;\r\n    transition: all 0.6s ease;\r\n  }\r\n\r\n  .why-card:hover .icon-wrapper::before {\r\n    opacity: 1;\r\n    animation: pulseRing 1.5s ease-in-out infinite;\r\n  }\r\n\r\n  @keyframes pulseRing {\r\n    0% { transform: scale(1); opacity: 0.3; }\r\n    100% { transform: scale(1.3); opacity: 0; }\r\n  }\r\n\r\n  \/* ===== TITLE ===== *\/\r\n  .why-card .why-title {\r\n    font-size: 1.3rem;\r\n    font-weight: 700;\r\n    color: #1e1a1b;\r\n    margin: 0 0 0.6rem 0;\r\n    transition: color 0.3s ease;\r\n  }\r\n\r\n  .why-card:hover .why-title {\r\n    color: #772e3b;\r\n  }\r\n\r\n  \/* ===== DESCRIPTION ===== *\/\r\n  .why-card .why-desc {\r\n    color: #5a4e51;\r\n    font-size: 0.92rem;\r\n    line-height: 1.7;\r\n    margin: 0;\r\n    opacity: 0.8;\r\n    transition: opacity 0.3s ease;\r\n  }\r\n\r\n  .why-card:hover .why-desc {\r\n    opacity: 1;\r\n  }\r\n\r\n  \/* ===== COUNTER INSIDE CARD ===== *\/\r\n  .why-card .counter-number {\r\n    font-size: 3.5rem;\r\n    font-weight: 800;\r\n    color: rgba(119, 46, 59, 0.04);\r\n    line-height: 1;\r\n    margin-top: 1rem;\r\n    transition: all 0.6s ease;\r\n    letter-spacing: -0.03em;\r\n  }\r\n\r\n  .why-card:hover .counter-number {\r\n    color: rgba(119, 46, 59, 0.08);\r\n    transform: scale(1.1);\r\n  }\r\n\r\n  \/* ===== SPECIAL HOVER GLOW ===== *\/\r\n  .why-card .glow-spot {\r\n    position: absolute;\r\n    width: 200px;\r\n    height: 200px;\r\n    border-radius: 50%;\r\n    background: radial-gradient(circle, rgba(119,46,59,0.03), transparent 70%);\r\n    pointer-events: none;\r\n    opacity: 0;\r\n    transition: opacity 0.4s ease;\r\n  }\r\n\r\n  .why-card:hover .glow-spot {\r\n    opacity: 1;\r\n  }\r\n\r\n  \/* ===== RESPONSIVE ===== *\/\r\n  @media (max-width: 1024px) {\r\n    .why-grid {\r\n      grid-template-columns: repeat(2, 1fr);\r\n    }\r\n    .why-header h2 {\r\n      font-size: 2.6rem;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .why-choose-us {\r\n      padding: 3rem 1.5rem;\r\n    }\r\n    .why-grid {\r\n      grid-template-columns: 1fr;\r\n      max-width: 400px;\r\n      margin: 0 auto;\r\n    }\r\n    .why-header h2 {\r\n      font-size: 2.2rem;\r\n    }\r\n    .why-card {\r\n      padding: 2rem 1.5rem;\r\n    }\r\n    .why-card .icon-wrapper {\r\n      width: 70px;\r\n      height: 70px;\r\n      font-size: 1.8rem;\r\n    }\r\n    .why-card .counter-number {\r\n      font-size: 2.8rem;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .why-header h2 {\r\n      font-size: 1.8rem;\r\n    }\r\n    .why-card .why-title {\r\n      font-size: 1.1rem;\r\n    }\r\n  }\r\n\r\n  \/* ===== SCROLL REVEAL ===== *\/\r\n  .why-card {\r\n    opacity: 0;\r\n    transform: translateY(50px) scale(0.9);\r\n    transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);\r\n  }\r\n\r\n  .why-card.visible {\r\n    opacity: 1;\r\n    transform: translateY(0) scale(1);\r\n  }\r\n\r\n  .why-card:nth-child(1) { transition-delay: 0.05s; }\r\n  .why-card:nth-child(2) { transition-delay: 0.15s; }\r\n  .why-card:nth-child(3) { transition-delay: 0.25s; }\r\n  .why-card:nth-child(4) { transition-delay: 0.35s; }\r\n<\/style>\r\n\r\n<!-- ===== HTML ===== -->\r\n<section class=\"why-choose-us\" id=\"whyChooseUs\">\r\n\r\n  <!-- Animated Particles -->\r\n  <div class=\"particles\">\r\n    <div class=\"particle\"><\/div>\r\n    <div class=\"particle\"><\/div>\r\n    <div class=\"particle\"><\/div>\r\n    <div class=\"particle\"><\/div>\r\n    <div class=\"particle\"><\/div>\r\n    <div class=\"particle\"><\/div>\r\n  <\/div>\r\n\r\n  <!-- Header -->\r\n  <div class=\"why-header\">\r\n    <h2>Why <span>Choose Us<\/span><\/h2>\r\n    <p class=\"subtitle\">We don't just process applications \u2014 we transform lives with expertise, care, and 100% commitment.<\/p>\r\n  <\/div>\r\n\r\n  <!-- Why Grid -->\r\n  <div class=\"why-grid\">\r\n\r\n    <!-- Card 1: 100% Success Rate -->\r\n    <div class=\"why-card\" data-tilt>\r\n      <div class=\"glow-spot\"><\/div>\r\n      <div class=\"icon-wrapper\">\r\n        <i class=\"fas fa-trophy\"><\/i>\r\n      <\/div>\r\n      <h3 class=\"why-title\">100% Success Rate<\/h3>\r\n      <p class=\"why-desc\">\r\n        Our proven track record speaks for itself. Every client who trusted us got their application approved.\r\n      <\/p>\r\n      <div class=\"counter-number\">\ud83c\udfc6<\/div>\r\n    <\/div>\r\n\r\n    <!-- Card 2: Expert Team -->\r\n    <div class=\"why-card\" data-tilt>\r\n      <div class=\"glow-spot\"><\/div>\r\n      <div class=\"icon-wrapper\">\r\n        <i class=\"fas fa-user-tie\"><\/i>\r\n      <\/div>\r\n      <h3 class=\"why-title\">Expert Immigration Team<\/h3>\r\n      <p class=\"why-desc\">\r\n        10+ years of experience in UK immigration law. Our specialists know the system inside out.\r\n      <\/p>\r\n      <div class=\"counter-number\">\ud83d\udc68\u200d\u2696\ufe0f<\/div>\r\n    <\/div>\r\n\r\n    <!-- Card 3: Fast Processing -->\r\n    <div class=\"why-card\" data-tilt>\r\n      <div class=\"glow-spot\"><\/div>\r\n      <div class=\"icon-wrapper\">\r\n        <i class=\"fas fa-rocket\"><\/i>\r\n      <\/div>\r\n      <h3 class=\"why-title\">Fast & Reliable<\/h3>\r\n      <p class=\"why-desc\">\r\n        Priority service available with 48-hour submission. We value your time and urgency.\r\n      <\/p>\r\n      <div class=\"counter-number\">\u26a1<\/div>\r\n    <\/div>\r\n\r\n    <!-- Card 4: Personalized Service -->\r\n    <div class=\"why-card\" data-tilt>\r\n      <div class=\"glow-spot\"><\/div>\r\n      <div class=\"icon-wrapper\">\r\n        <i class=\"fas fa-heart\"><\/i>\r\n      <\/div>\r\n      <h3 class=\"why-title\">Personalized Care<\/h3>\r\n      <p class=\"why-desc\">\r\n        Every case is unique. We provide tailored solutions and one-on-one guidance throughout.\r\n      <\/p>\r\n      <div class=\"counter-number\">\ud83d\udc9d<\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<!-- ===== JAVASCRIPT ===== -->\r\n<script>\r\n  (function() {\r\n    const section = document.getElementById('whyChooseUs');\r\n    const cards = document.querySelectorAll('.why-card');\r\n\r\n    \/\/ ===== SCROLL REVEAL =====\r\n    const observer = new IntersectionObserver((entries) => {\r\n      entries.forEach(entry => {\r\n        if (entry.isIntersecting) {\r\n          const cards = entry.target.querySelectorAll('.why-card');\r\n          cards.forEach((card, index) => {\r\n            setTimeout(() => {\r\n              card.classList.add('visible');\r\n            }, index * 150);\r\n          });\r\n        }\r\n      });\r\n    }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' });\r\n\r\n    observer.observe(section);\r\n\r\n    \/\/ ===== 3D TILT EFFECT =====\r\n    cards.forEach(card => {\r\n      card.addEventListener('mousemove', function(e) {\r\n        const rect = this.getBoundingClientRect();\r\n        const x = e.clientX - rect.left;\r\n        const y = e.clientY - rect.top;\r\n        const centerX = rect.width \/ 2;\r\n        const centerY = rect.height \/ 2;\r\n        const rotateX = (y - centerY) \/ 15;\r\n        const rotateY = (centerX - x) \/ 15;\r\n        \r\n        this.style.transform = `perspective(1000px) rotateX(${rotateX}deg) rotateY(${rotateY}deg) translateY(-15px) scale(1.03)`;\r\n        \r\n        \/\/ Glow spot follow\r\n        const glow = this.querySelector('.glow-spot');\r\n        if (glow) {\r\n          glow.style.left = (x - 100) + 'px';\r\n          glow.style.top = (y - 100) + 'px';\r\n        }\r\n      });\r\n\r\n      card.addEventListener('mouseleave', function() {\r\n        this.style.transform = 'perspective(1000px) rotateX(0deg) rotateY(0deg) translateY(0) scale(1)';\r\n      });\r\n    });\r\n\r\n    \/\/ ===== PARALLAX PARTICLES =====\r\n    document.addEventListener('mousemove', function(e) {\r\n      const particles = document.querySelectorAll('.particle');\r\n      const x = (e.clientX \/ window.innerWidth - 0.5) * 20;\r\n      const y = (e.clientY \/ window.innerHeight - 0.5) * 20;\r\n      \r\n      particles.forEach((particle, index) => {\r\n        const speed = 0.02 + (index * 0.005);\r\n        particle.style.transform = `translate(${x * speed}px, ${y * speed}px)`;\r\n      });\r\n    });\r\n\r\n  })();\r\n<\/script>\r\n\r\n<!-- Font Awesome -->\r\n<script>\r\n  if (!document.querySelector('link[href*=\"font-awesome\"]')) {\r\n    var link = document.createElement('link');\r\n    link.rel = 'stylesheet';\r\n    link.href = 'https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css';\r\n    document.head.appendChild(link);\r\n  }\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-feb47f2 e-con e-atomic-element e-flexbox-base e-0f39359 \" data-id=\"feb47f2\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"feb47f2\">\n    \t\t<div class=\"elementor-element elementor-element-c3e0d93 elementor-widget elementor-widget-html\" data-id=\"c3e0d93\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================ -->\r\n<!-- BOOKING FORM - FORMSUBMIT + GMAIL            -->\r\n<!-- ============================================ -->\r\n\r\n<style>\r\n  .booking-section {\r\n    padding: 4rem 2rem;\r\n    max-width: 1100px;\r\n    margin: 0 auto;\r\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n  }\r\n\r\n  .booking-header {\r\n    text-align: center;\r\n    margin-bottom: 3rem;\r\n  }\r\n\r\n  .booking-header h2 {\r\n    font-size: 2.8rem;\r\n    font-weight: 800;\r\n    color: #1e1a1b;\r\n    margin: 0 0 0.5rem 0;\r\n  }\r\n\r\n  .booking-header h2 span {\r\n    color: #772e3b;\r\n  }\r\n\r\n  .booking-header p {\r\n    color: #5a4e51;\r\n    font-size: 1.1rem;\r\n    max-width: 550px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .booking-wrapper {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 3rem;\r\n    background: #ffffff;\r\n    border-radius: 32px;\r\n    padding: 2.5rem;\r\n    box-shadow: 0 20px 60px rgba(0,0,0,0.04);\r\n    border: 1px solid rgba(119,46,59,0.06);\r\n  }\r\n\r\n  .calendar-side .section-label,\r\n  .form-side .section-label {\r\n    font-size: 0.8rem;\r\n    font-weight: 700;\r\n    color: #772e3b;\r\n    text-transform: uppercase;\r\n    letter-spacing: 2px;\r\n    margin-bottom: 1.2rem;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 0.6rem;\r\n  }\r\n\r\n  .custom-calendar {\r\n    background: #f8f6f2;\r\n    border-radius: 24px;\r\n    padding: 1.5rem;\r\n  }\r\n\r\n  .calendar-nav {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    margin-bottom: 1.5rem;\r\n  }\r\n\r\n  .calendar-nav .month-year {\r\n    font-size: 1.1rem;\r\n    font-weight: 700;\r\n    color: #1e1a1b;\r\n  }\r\n\r\n  .calendar-nav button {\r\n    background: transparent;\r\n    border: 1px solid rgba(119,46,59,0.08);\r\n    border-radius: 12px;\r\n    width: 40px;\r\n    height: 40px;\r\n    color: #772e3b;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .calendar-nav button:hover {\r\n    background: #772e3b;\r\n    color: #fff;\r\n  }\r\n\r\n  .calendar-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(7, 1fr);\r\n    gap: 4px;\r\n  }\r\n\r\n  .calendar-grid .day-name {\r\n    text-align: center;\r\n    font-size: 0.7rem;\r\n    font-weight: 600;\r\n    color: #5a4e51;\r\n    padding: 0.5rem 0;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .calendar-grid .day {\r\n    text-align: center;\r\n    padding: 0.6rem 0;\r\n    border-radius: 12px;\r\n    cursor: pointer;\r\n    font-size: 0.9rem;\r\n    font-weight: 500;\r\n    color: #1e1a1b;\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .calendar-grid .day:hover:not(.empty):not(.disabled) {\r\n    background: rgba(119,46,59,0.06);\r\n    transform: scale(1.05);\r\n  }\r\n\r\n  .calendar-grid .day.selected {\r\n    background: #772e3b;\r\n    color: #fff;\r\n    transform: scale(1.05);\r\n    box-shadow: 0 8px 20px rgba(119,46,59,0.2);\r\n  }\r\n\r\n  .calendar-grid .day.empty {\r\n    cursor: default;\r\n  }\r\n\r\n  .calendar-grid .day.disabled {\r\n    opacity: 0.3;\r\n    cursor: not-allowed;\r\n  }\r\n\r\n  .time-slots {\r\n    margin-top: 1.5rem;\r\n  }\r\n\r\n  .time-slots .label {\r\n    font-size: 0.8rem;\r\n    font-weight: 600;\r\n    color: #5a4e51;\r\n    margin-bottom: 0.8rem;\r\n    display: block;\r\n  }\r\n\r\n  .slots-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 0.6rem;\r\n  }\r\n\r\n  .slots-grid .slot {\r\n    padding: 0.6rem 0.4rem;\r\n    border-radius: 12px;\r\n    border: 1px solid rgba(119,46,59,0.08);\r\n    background: #fff;\r\n    text-align: center;\r\n    font-size: 0.8rem;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .slots-grid .slot:hover:not(.selected):not(.booked) {\r\n    border-color: #772e3b;\r\n    background: rgba(119,46,59,0.04);\r\n  }\r\n\r\n  .slots-grid .slot.selected {\r\n    background: #772e3b;\r\n    color: #fff;\r\n    border-color: #772e3b;\r\n    box-shadow: 0 8px 20px rgba(119,46,59,0.15);\r\n  }\r\n\r\n  .slots-grid .slot.booked {\r\n    opacity: 0.3;\r\n    cursor: not-allowed;\r\n    text-decoration: line-through;\r\n  }\r\n\r\n  .booking-form {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 1.2rem;\r\n  }\r\n\r\n  .booking-form .form-group {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 0.3rem;\r\n  }\r\n\r\n  .booking-form .form-group label {\r\n    font-size: 0.8rem;\r\n    font-weight: 600;\r\n    color: #1e1a1b;\r\n  }\r\n\r\n  .booking-form .form-group label .required {\r\n    color: #772e3b;\r\n  }\r\n\r\n  .booking-form .form-group input,\r\n  .booking-form .form-group select {\r\n    padding: 0.8rem 1rem;\r\n    border-radius: 14px;\r\n    border: 1px solid rgba(119,46,59,0.08);\r\n    font-size: 0.95rem;\r\n    background: #f8f6f2;\r\n    transition: all 0.3s ease;\r\n    outline: none;\r\n    width: 100%;\r\n    font-family: inherit;\r\n  }\r\n\r\n  .booking-form .form-group input:focus,\r\n  .booking-form .form-group select:focus {\r\n    border-color: #772e3b;\r\n    background: #fff;\r\n    box-shadow: 0 0 0 4px rgba(119,46,59,0.05);\r\n  }\r\n\r\n  .booking-form .form-group .selected-info {\r\n    background: rgba(119,46,59,0.04);\r\n    padding: 0.8rem 1rem;\r\n    border-radius: 14px;\r\n    border: 1px solid rgba(119,46,59,0.06);\r\n  }\r\n\r\n  .booking-form .form-group .selected-info strong {\r\n    color: #772e3b;\r\n  }\r\n\r\n  \/* ========================================== *\/\r\n  \/* \ud83d\udd25 PRICE DISPLAY BOX                      *\/\r\n  \/* ========================================== *\/\r\n  .booking-form .price-display {\r\n    background: rgba(119,46,59,0.04);\r\n    border: 2px solid rgba(119,46,59,0.08);\r\n    border-radius: 14px;\r\n    padding: 0.8rem 1.2rem;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .booking-form .price-display .price-label {\r\n    font-size: 0.85rem;\r\n    font-weight: 600;\r\n    color: #1e1a1b;\r\n  }\r\n\r\n  .booking-form .price-display .price-amount {\r\n    font-size: 1.2rem;\r\n    font-weight: 800;\r\n    color: #772e3b;\r\n  }\r\n\r\n  .booking-form .price-display .price-amount .vat-tag {\r\n    font-size: 0.7rem;\r\n    font-weight: 600;\r\n    color: #5a4e51;\r\n    margin-left: 0.2rem;\r\n  }\r\n\r\n  \/* ========================================== *\/\r\n  \/* \ud83d\udd25 PAYMENT BUTTON                         *\/\r\n  \/* ========================================== *\/\r\n  .booking-form .pay-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 0.8rem;\r\n    background: #772e3b;\r\n    color: #fff !important;\r\n    padding: 1rem 2rem;\r\n    border-radius: 50px;\r\n    font-weight: 700;\r\n    font-size: 1rem;\r\n    text-decoration: none !important;\r\n    transition: all 0.4s ease;\r\n    box-shadow: 0 8px 30px rgba(119,46,59,0.2);\r\n    width: 100%;\r\n    border: none;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .booking-form .pay-btn:hover {\r\n    background: #5f2530;\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 12px 40px rgba(119,46,59,0.3);\r\n    color: #fff !important;\r\n  }\r\n\r\n  .booking-form .pay-btn i {\r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  .booking-form .pay-btn:hover i {\r\n    transform: translateX(5px);\r\n  }\r\n\r\n  .booking-form .pay-btn:disabled {\r\n    opacity: 0.5;\r\n    cursor: not-allowed;\r\n    transform: none !important;\r\n  }\r\n\r\n  \/* ========================================== *\/\r\n  \/* PAYMENT SECTION (Hidden by default)       *\/\r\n  \/* ========================================== *\/\r\n  .payment-section {\r\n    display: none;\r\n    margin-top: 0.5rem;\r\n  }\r\n\r\n  .payment-section.show {\r\n    display: block;\r\n    animation: successPop 0.5s ease;\r\n  }\r\n\r\n  .booking-form .submit-btn {\r\n    background: #772e3b;\r\n    color: #fff;\r\n    border: none;\r\n    padding: 1rem 2rem;\r\n    border-radius: 50px;\r\n    font-size: 1rem;\r\n    font-weight: 600;\r\n    cursor: pointer;\r\n    transition: all 0.4s ease;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 0.8rem;\r\n    box-shadow: 0 8px 30px rgba(119,46,59,0.2);\r\n  }\r\n\r\n  .booking-form .submit-btn:hover {\r\n    background: #5f2530;\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 12px 40px rgba(119,46,59,0.3);\r\n  }\r\n\r\n  .success-message {\r\n    display: none;\r\n    text-align: center;\r\n    padding: 2rem;\r\n  }\r\n\r\n  .success-message.show {\r\n    display: block;\r\n    animation: successPop 0.6s ease;\r\n  }\r\n\r\n  @keyframes successPop {\r\n    from { opacity: 0; transform: scale(0.8); }\r\n    to { opacity: 1; transform: scale(1); }\r\n  }\r\n\r\n  .success-message .icon {\r\n    font-size: 4rem;\r\n    color: #772e3b;\r\n    animation: successBounce 1s ease infinite;\r\n  }\r\n\r\n  @keyframes successBounce {\r\n    0%, 100% { transform: scale(1); }\r\n    50% { transform: scale(1.1); }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .booking-wrapper {\r\n      grid-template-columns: 1fr;\r\n      padding: 1.5rem;\r\n    }\r\n    .booking-header h2 {\r\n      font-size: 2rem;\r\n    }\r\n    .slots-grid {\r\n      grid-template-columns: repeat(2, 1fr);\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .booking-header h2 {\r\n      font-size: 1.6rem;\r\n    }\r\n    .booking-wrapper {\r\n      padding: 1.2rem;\r\n    }\r\n    .slots-grid {\r\n      grid-template-columns: repeat(2, 1fr);\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<!-- ===== HTML ===== -->\r\n<section class=\"booking-section\">\r\n\r\n  <div class=\"booking-header\">\r\n    <h2>Schedule a <span>Consultation<\/span><\/h2>\r\n    <p>Choose a date, time, and select the service you need. We'll confirm within 24 hours.<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"booking-wrapper\">\r\n\r\n    <!-- Calendar -->\r\n    <div class=\"calendar-side\">\r\n      <div class=\"section-label\"><i class=\"fas fa-calendar-day\"><\/i> Select Date & Time<\/div>\r\n      <div class=\"custom-calendar\">\r\n        <div class=\"calendar-nav\">\r\n          <button onclick=\"changeMonth(-1)\"><i class=\"fas fa-chevron-left\"><\/i><\/button>\r\n          <span class=\"month-year\" id=\"monthYear\">August 2026<\/span>\r\n          <button onclick=\"changeMonth(1)\"><i class=\"fas fa-chevron-right\"><\/i><\/button>\r\n        <\/div>\r\n        <div class=\"calendar-grid\" id=\"calendarGrid\"><\/div>\r\n      <\/div>\r\n      <div class=\"time-slots\">\r\n        <span class=\"label\"><i class=\"fas fa-clock\"><\/i> Available Time Slots<\/span>\r\n        <div class=\"slots-grid\" id=\"slotsGrid\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Form -->\r\n    <div class=\"form-side\">\r\n      <div class=\"section-label\"><i class=\"fas fa-user-edit\"><\/i> Your Details<\/div>\r\n\r\n      <!-- \ud83d\udd25 FORMSUBMIT - CLIENT KI GMAIL ID DAALEIN -->\r\n      <form class=\"booking-form\" id=\"bookingForm\" \r\n            action=\"https:\/\/formsubmit.co\/webministerstudios@gmail.com\" \r\n            method=\"POST\">\r\n\r\n        <input type=\"text\" name=\"_honey\" style=\"display:none;\">\r\n        <input type=\"hidden\" name=\"_captcha\" value=\"false\">\r\n        <input type=\"hidden\" name=\"_template\" value=\"table\">\r\n        <input type=\"hidden\" name=\"_subject\" value=\"\ud83d\udcc5 New Consultation Booking!\">\r\n        <input type=\"hidden\" name=\"_autoresponse\" value=\"Thanks for booking! We'll confirm within 24 hours.\">\r\n        <input type=\"hidden\" name=\"Booking Date\" id=\"hiddenDate\" value=\"\">\r\n        <input type=\"hidden\" name=\"Booking Time\" id=\"hiddenTime\" value=\"\">\r\n        \r\n        <!-- \ud83d\udd25 PRICE & PAYMENT LINK HIDDEN FIELDS -->\r\n        <input type=\"hidden\" name=\"Booking Amount\" id=\"hiddenPrice\" value=\"\">\r\n        <input type=\"hidden\" name=\"Payment Link\" id=\"hiddenPaymentLink\" value=\"\">\r\n\r\n        <div class=\"form-group\">\r\n          <label>Selected Date & Time <span class=\"required\">*<\/span><\/label>\r\n          <div class=\"selected-info\" id=\"selectedInfo\"><strong>Please select a date and time<\/strong><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"form-group\">\r\n          <label>Full Name <span class=\"required\">*<\/span><\/label>\r\n          <input type=\"text\" name=\"Name\" id=\"fullName\" placeholder=\"e.g., John Smith\" required>\r\n        <\/div>\r\n\r\n        <div class=\"form-group\">\r\n          <label>Phone Number <span class=\"required\">*<\/span><\/label>\r\n          <input type=\"tel\" name=\"Phone\" id=\"phoneNumber\" placeholder=\"e.g., +44 1234 567890\" required>\r\n        <\/div>\r\n\r\n        <div class=\"form-group\">\r\n          <label>Email Address <span class=\"required\">*<\/span><\/label>\r\n          <input type=\"email\" name=\"Email\" id=\"emailAddress\" placeholder=\"e.g., john@example.com\" required>\r\n        <\/div>\r\n\r\n        <!-- ========================================== -->\r\n        <!-- \ud83d\udd25 SERVICES DROPDOWN WITH PRICES           -->\r\n        <!-- ========================================== -->\r\n        <div class=\"form-group\">\r\n          <label>Select Your Service <span class=\"required\">*<\/span><\/label>\r\n          <select name=\"Service\" id=\"serviceSelect\" required onchange=\"updatePayment(this.value)\">\r\n            <option value=\"\">\u2014 Please select a service \u2014<\/option>\r\n            \r\n            <!-- Consultation Packages -->\r\n            <option value=\"Ask An Immigration Expert\" data-price=\"4.99\" \r\n                    data-link=\"https:\/\/buy.stripe.com\/aFa00l0GR6VmgtN7GE0ZW00\">\r\n              Ask An Immigration Expert - \u00a34.99 + VAT\r\n            <\/option>\r\n            <option value=\"Your Clarity Call\" data-price=\"40\" \r\n                    data-link=\"https:\/\/buy.stripe.com\/8x26oJ4X7gvW5P9aSQ0ZW01\">\r\n              Your Clarity Call - \u00a340 + VAT\r\n            <\/option>\r\n            <option value=\"Your Visa Roadmap\" data-price=\"150\" \r\n                    data-link=\"https:\/\/buy.stripe.com\/28E3cxdtD6Vma5p6CA0ZW02\">\r\n              Your Visa Roadmap - \u00a3150 + VAT\r\n            <\/option>\r\n            \r\n            <!-- Bronze Package -->\r\n            <option value=\"Bronze Package\" data-price=\"550\" \r\n                    data-link=\"https:\/\/buy.stripe.com\/6oU4gB1KV93u1yT8KI0ZW03\">\r\n              Bronze Package - \u00a3550 + VAT\r\n            <\/option>\r\n            \r\n            <!-- Silver Package -->\r\n            <option value=\"Silver Package\" data-price=\"1000\" \r\n                    data-link=\"https:\/\/buy.stripe.com\/8x24gBdtDdjKb9t9OM0ZW04\">\r\n              Silver Package - \u00a31,000 + VAT\r\n            <\/option>\r\n            \r\n            <!-- Gold Package -->\r\n            <option value=\"Gold Package\" data-price=\"1500\" \r\n                    data-link=\"https:\/\/buy.stripe.com\/8x27sN1KV93u4L5aSQ0ZW05\">\r\n              Gold Package - \u00a31,500 + VAT\r\n            <\/option>\r\n            \r\n            <!-- Platinum Package -->\r\n            <option value=\"Platinum Package\" data-price=\"2000\" \r\n                    data-link=\"https:\/\/buy.stripe.com\/eVq4gB4X72F64L53qo0ZW06\">\r\n              Platinum Package - \u00a32,000 + VAT\r\n            <\/option>\r\n            \r\n            <option value=\"Not Sure - Need Advice\" data-price=\"0\" data-link=\"\">\r\n              Not Sure - Need Advice\r\n            <\/option>\r\n          <\/select>\r\n        <\/div>\r\n\r\n        <!-- ========================================== -->\r\n        <!-- \ud83d\udd25 PRICE DISPLAY                           -->\r\n        <!-- ========================================== -->\r\n        <div class=\"form-group\">\r\n          <div class=\"price-display\">\r\n            <span class=\"price-label\">\ud83d\udcb0 Estimated Price<\/span>\r\n            <span class=\"price-amount\" id=\"priceDisplay\">\u00a30.00 <span class=\"vat-tag\">+ VAT<\/span><\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- ========================================== -->\r\n        <!-- \ud83d\udd25 PAYMENT BUTTON                         -->\r\n        <!-- ========================================== -->\r\n        <div class=\"payment-section\" id=\"paymentSection\">\r\n          <a href=\"#\" class=\"pay-btn\" id=\"payBtn\" target=\"_blank\">\r\n            <i class=\"fas fa-credit-card\"><\/i> Pay Now & Book\r\n          <\/a>\r\n        <\/div>\r\n\r\n        <button type=\"submit\" class=\"submit-btn\"><i class=\"fas fa-paper-plane\"><\/i> Book Consultation<\/button>\r\n      <\/form>\r\n\r\n      <div class=\"success-message\" id=\"successMessage\">\r\n        <div class=\"icon\"><i class=\"fas fa-check-circle\"><\/i><\/div>\r\n        <h3>Booking Confirmed! \ud83c\udf89<\/h3>\r\n        <p>We'll confirm within 24 hours. Check your email!<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<!-- ===== JAVASCRIPT ===== -->\r\n<script>\r\n  let currentDate = new Date();\r\n  let selectedDate = null;\r\n  let selectedTime = null;\r\n  let currentMonth = currentDate.getMonth();\r\n  let currentYear = currentDate.getFullYear();\r\n  let selectedDateMonth = null;\r\n  let selectedDateYear = null;\r\n\r\n  const monthNames = ['January','February','March','April','May','June','July','August','September','October','November','December'];\r\n  const dayNames = ['Sun','Mon','Tue','Wed','Thu','Fri','Sat'];\r\n  const timeSlots = ['09:00','10:00','11:00','13:00','14:00','15:00','16:00','17:00'];\r\n\r\n  \/\/ ===== PAYMENT UPDATE FUNCTION =====\r\n  function updatePayment(service) {\r\n    const select = document.getElementById('serviceSelect');\r\n    const selectedOption = select.options[select.selectedIndex];\r\n    const price = selectedOption.getAttribute('data-price') || '0';\r\n    const link = selectedOption.getAttribute('data-link') || '';\r\n    const priceDisplay = document.getElementById('priceDisplay');\r\n    const hiddenPrice = document.getElementById('hiddenPrice');\r\n    const payBtn = document.getElementById('payBtn');\r\n    const paymentSection = document.getElementById('paymentSection');\r\n    const hiddenPaymentLink = document.getElementById('hiddenPaymentLink');\r\n    \r\n    if (price > 0 && link) {\r\n      const formattedPrice = parseFloat(price).toFixed(2);\r\n      priceDisplay.innerHTML = `\u00a3${formattedPrice} <span class=\"vat-tag\">+ VAT<\/span>`;\r\n      hiddenPrice.value = `\u00a3${formattedPrice} + VAT`;\r\n      \r\n      \/\/ Update payment button\r\n      payBtn.href = link;\r\n      payBtn.innerHTML = `<i class=\"fas fa-credit-card\"><\/i> Pay \u00a3${formattedPrice} & Book`;\r\n      hiddenPaymentLink.value = link;\r\n      \r\n      \/\/ Show payment section\r\n      paymentSection.classList.add('show');\r\n    } else {\r\n      priceDisplay.innerHTML = '\u00a30.00 <span class=\"vat-tag\">+ VAT<\/span>';\r\n      hiddenPrice.value = '';\r\n      paymentSection.classList.remove('show');\r\n      hiddenPaymentLink.value = '';\r\n    }\r\n  }\r\n\r\n  function renderCalendar() {\r\n    const grid = document.getElementById('calendarGrid');\r\n    document.getElementById('monthYear').textContent = monthNames[currentMonth] + ' ' + currentYear;\r\n    const firstDay = new Date(currentYear, currentMonth, 1).getDay();\r\n    const daysInMonth = new Date(currentYear, currentMonth + 1, 0).getDate();\r\n    const today = new Date();\r\n    let html = '';\r\n    dayNames.forEach(d => html += `<div class=\"day-name\">${d}<\/div>`);\r\n    for (let i = 0; i < firstDay; i++) html += `<div class=\"day empty\"><\/div>`;\r\n    for (let d = 1; d <= daysInMonth; d++) {\r\n      const isPast = new Date(currentYear, currentMonth, d) < new Date(today.getFullYear(), today.getMonth(), today.getDate());\r\n      let cls = 'day';\r\n      if (isPast) cls += ' disabled';\r\n      if (selectedDate === d && currentMonth === selectedDateMonth && currentYear === selectedDateYear) cls += ' selected';\r\n      html += `<div class=\"${cls}\" onclick=\"selectDate(${d})\">${d}<\/div>`;\r\n    }\r\n    grid.innerHTML = html;\r\n    renderTimeSlots();\r\n    updateSelectedInfo();\r\n  }\r\n\r\n  function selectDate(day) {\r\n    const today = new Date();\r\n    if (new Date(currentYear, currentMonth, day) < new Date(today.getFullYear(), today.getMonth(), today.getDate())) return;\r\n    selectedDate = day;\r\n    selectedDateMonth = currentMonth;\r\n    selectedDateYear = currentYear;\r\n    selectedTime = null;\r\n    renderCalendar();\r\n    updateSelectedInfo();\r\n  }\r\n\r\n  function renderTimeSlots() {\r\n    const grid = document.getElementById('slotsGrid');\r\n    const bookedSlots = ['11:00','15:00'];\r\n    let html = '';\r\n    timeSlots.forEach(slot => {\r\n      const isBooked = bookedSlots.includes(slot);\r\n      const isSelected = selectedTime === slot;\r\n      let cls = 'slot';\r\n      if (isBooked) cls += ' booked';\r\n      if (isSelected) cls += ' selected';\r\n      html += `<div class=\"${cls}\" onclick=\"${!isBooked ? `selectTime('${slot}')` : ''}\">${slot}<\/div>`;\r\n    });\r\n    grid.innerHTML = html;\r\n  }\r\n\r\n  function selectTime(time) {\r\n    if (!selectedDate) { alert('Please select a date first!'); return; }\r\n    selectedTime = time;\r\n    renderTimeSlots();\r\n    updateSelectedInfo();\r\n  }\r\n\r\n  function updateSelectedInfo() {\r\n    const info = document.getElementById('selectedInfo');\r\n    const hiddenDate = document.getElementById('hiddenDate');\r\n    const hiddenTime = document.getElementById('hiddenTime');\r\n    if (selectedDate && selectedTime) {\r\n      const dateStr = selectedDate + ' ' + monthNames[selectedDateMonth] + ' ' + selectedDateYear;\r\n      info.innerHTML = `<strong>${dateStr}<\/strong> at <strong>${selectedTime}<\/strong>`;\r\n      hiddenDate.value = dateStr;\r\n      hiddenTime.value = selectedTime;\r\n    } else if (selectedDate) {\r\n      const dateStr = selectedDate + ' ' + monthNames[selectedDateMonth] + ' ' + selectedDateYear;\r\n      info.innerHTML = `<strong>${dateStr}<\/strong> \u2014 <em>Please select a time<\/em>`;\r\n      hiddenDate.value = dateStr;\r\n    } else {\r\n      info.innerHTML = `<strong>Please select a date and time<\/strong>`;\r\n    }\r\n  }\r\n\r\n  function changeMonth(delta) {\r\n    currentMonth += delta;\r\n    if (currentMonth > 11) { currentMonth = 0; currentYear++; }\r\n    if (currentMonth < 0) { currentMonth = 11; currentYear--; }\r\n    renderCalendar();\r\n  }\r\n\r\n  document.getElementById('bookingForm').addEventListener('submit', function(e) {\r\n    if (!selectedDate || !selectedTime) {\r\n      e.preventDefault();\r\n      alert('Please select a date and time first!');\r\n      return;\r\n    }\r\n    const name = document.getElementById('fullName').value.trim();\r\n    const phone = document.getElementById('phoneNumber').value.trim();\r\n    const email = document.getElementById('emailAddress').value.trim();\r\n    const service = document.getElementById('serviceSelect').value;\r\n    if (!name || !phone || !email || !service) {\r\n      e.preventDefault();\r\n      alert('Please fill in all required fields including service selection.');\r\n      return;\r\n    }\r\n    this.querySelector('.submit-btn').innerHTML = '<i class=\"fas fa-spinner fa-spin\"><\/i> Sending...';\r\n    this.querySelector('.submit-btn').disabled = true;\r\n    setTimeout(() => {\r\n      document.getElementById('bookingForm').style.display = 'none';\r\n      document.getElementById('successMessage').classList.add('show');\r\n    }, 1000);\r\n  });\r\n\r\n  renderCalendar();\r\n<\/script>\r\n\r\n<script>\r\n  if (!document.querySelector('link[href*=\"font-awesome\"]')) {\r\n    var link = document.createElement('link');\r\n    link.rel = 'stylesheet';\r\n    link.href = 'https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css';\r\n    document.head.appendChild(link);\r\n  }\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-8d8049c e-con e-atomic-element e-flexbox-base e-93f46d3 \" data-id=\"8d8049c\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"8d8049c\">\n    \t\t<div class=\"elementor-element elementor-element-924402e elementor-widget elementor-widget-html\" data-id=\"924402e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================ -->\r\n<!-- FAQ SECTION - PREMIUM ACCORDION              -->\r\n<!-- WITH ADVANCED ANIMATIONS                     -->\r\n<!-- ============================================ -->\r\n\r\n<style>\r\n  \/* ===== SECTION WRAPPER ===== *\/\r\n  .faq-section {\r\n    padding: 5rem 2rem;\r\n    max-width: 1000px;\r\n    margin: 0 auto;\r\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  \/* ===== ANIMATED BACKGROUND ===== *\/\r\n  .faq-section::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -30%;\r\n    right: -20%;\r\n    width: 600px;\r\n    height: 600px;\r\n    background: radial-gradient(circle, rgba(119,46,59,0.03) 0%, transparent 70%);\r\n    border-radius: 50%;\r\n    pointer-events: none;\r\n    animation: floatBg 20s ease-in-out infinite;\r\n  }\r\n\r\n  .faq-section::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -20%;\r\n    left: -10%;\r\n    width: 500px;\r\n    height: 500px;\r\n    background: radial-gradient(circle, rgba(119,46,59,0.02) 0%, transparent 70%);\r\n    border-radius: 50%;\r\n    pointer-events: none;\r\n    animation: floatBg 25s ease-in-out infinite reverse;\r\n  }\r\n\r\n  @keyframes floatBg {\r\n    0%, 100% { transform: translate(0, 0) scale(1); }\r\n    33% { transform: translate(50px, -30px) scale(1.1); }\r\n    66% { transform: translate(-30px, 40px) scale(0.9); }\r\n  }\r\n\r\n  \/* ===== HEADER ===== *\/\r\n  .faq-header {\r\n    text-align: center;\r\n    margin-bottom: 3.5rem;\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n\r\n  .faq-header .badge {\r\n    display: inline-block;\r\n    background: linear-gradient(135deg, rgba(119,46,59,0.08), rgba(119,46,59,0.02));\r\n    color: #772e3b;\r\n    font-weight: 600;\r\n    font-size: 0.7rem;\r\n    letter-spacing: 2.5px;\r\n    text-transform: uppercase;\r\n    padding: 0.4rem 1.5rem;\r\n    border-radius: 40px;\r\n    margin-bottom: 0.8rem;\r\n    border: 1px solid rgba(119, 46, 59, 0.08);\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .faq-header .badge::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -50%;\r\n    left: -50%;\r\n    width: 200%;\r\n    height: 200%;\r\n    background: linear-gradient(45deg, transparent, rgba(119,46,59,0.05), transparent);\r\n    transform: rotate(45deg);\r\n    animation: badgeShine 4s ease-in-out infinite;\r\n  }\r\n\r\n  @keyframes badgeShine {\r\n    0% { transform: translateX(-100%) rotate(45deg); }\r\n    100% { transform: translateX(100%) rotate(45deg); }\r\n  }\r\n\r\n  .faq-header h2 {\r\n    font-size: 3.2rem;\r\n    font-weight: 800;\r\n    color: #1e1a1b;\r\n    margin: 0 0 0.5rem 0;\r\n    letter-spacing: -0.02em;\r\n  }\r\n\r\n  .faq-header h2 span {\r\n    color: #772e3b;\r\n    position: relative;\r\n  }\r\n\r\n  .faq-header h2 span::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 6px;\r\n    background: rgba(119,46,59,0.15);\r\n    border-radius: 4px;\r\n  }\r\n\r\n  .faq-header .subtitle {\r\n    color: #5a4e51;\r\n    font-size: 1.1rem;\r\n    max-width: 550px;\r\n    margin: 0.5rem auto 0;\r\n    line-height: 1.7;\r\n    opacity: 0.8;\r\n  }\r\n\r\n  \/* ===== FAQ LIST ===== *\/\r\n  .faq-list {\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n\r\n  \/* ===== FAQ ITEM ===== *\/\r\n  .faq-item {\r\n    background: #ffffff;\r\n    border-radius: 20px;\r\n    margin-bottom: 1.2rem;\r\n    border: 1px solid rgba(119, 46, 59, 0.06);\r\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);\r\n    transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);\r\n    position: relative;\r\n    overflow: hidden;\r\n    cursor: pointer;\r\n  }\r\n\r\n  \/* ===== GLOW BORDER ON HOVER ===== *\/\r\n  .faq-item::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background: linear-gradient(135deg, rgba(119,46,59,0.02), transparent 50%);\r\n    opacity: 0;\r\n    transition: opacity 0.5s ease;\r\n    border-radius: 20px;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .faq-item:hover::before {\r\n    opacity: 1;\r\n  }\r\n\r\n  .faq-item:hover {\r\n    border-color: rgba(119, 46, 59, 0.1);\r\n    box-shadow: 0 8px 30px rgba(119, 46, 59, 0.06);\r\n    transform: translateX(4px);\r\n  }\r\n\r\n  .faq-item.active {\r\n    border-color: rgba(119, 46, 59, 0.15);\r\n    box-shadow: 0 15px 40px rgba(119, 46, 59, 0.08);\r\n  }\r\n\r\n  .faq-item.active::after {\r\n    content: '';\r\n    position: absolute;\r\n    left: 0;\r\n    top: 0;\r\n    width: 4px;\r\n    height: 100%;\r\n    background: linear-gradient(180deg, #772e3b, #b0586b);\r\n    border-radius: 4px 0 0 4px;\r\n  }\r\n\r\n  \/* ===== FAQ QUESTION ===== *\/\r\n  .faq-question {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    padding: 1.5rem 2rem;\r\n    position: relative;\r\n    z-index: 1;\r\n    gap: 1.5rem;\r\n  }\r\n\r\n  .faq-question .q-left {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 1rem;\r\n  }\r\n\r\n  .faq-question .q-icon {\r\n    width: 40px;\r\n    height: 40px;\r\n    background: rgba(119, 46, 59, 0.06);\r\n    border-radius: 12px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: #772e3b;\r\n    font-size: 1rem;\r\n    flex-shrink: 0;\r\n    transition: all 0.4s ease;\r\n  }\r\n\r\n  .faq-item:hover .q-icon {\r\n    background: rgba(119, 46, 59, 0.1);\r\n    transform: scale(1.05);\r\n  }\r\n\r\n  .faq-item.active .q-icon {\r\n    background: #772e3b;\r\n    color: #fff;\r\n    transform: scale(1.1);\r\n    box-shadow: 0 8px 20px rgba(119, 46, 59, 0.2);\r\n  }\r\n\r\n  .faq-question .q-number {\r\n    font-size: 0.8rem;\r\n    font-weight: 700;\r\n    color: #772e3b;\r\n    opacity: 0.2;\r\n    font-family: monospace;\r\n    transition: opacity 0.3s ease;\r\n  }\r\n\r\n  .faq-item:hover .q-number {\r\n    opacity: 0.5;\r\n  }\r\n\r\n  .faq-item.active .q-number {\r\n    opacity: 0.8;\r\n  }\r\n\r\n  .faq-question h3 {\r\n    font-size: 1.1rem;\r\n    font-weight: 600;\r\n    color: #1e1a1b;\r\n    margin: 0;\r\n    transition: color 0.3s ease;\r\n    line-height: 1.3;\r\n  }\r\n\r\n  .faq-item:hover .faq-question h3 {\r\n    color: #772e3b;\r\n  }\r\n\r\n  .faq-item.active .faq-question h3 {\r\n    color: #772e3b;\r\n  }\r\n\r\n  \/* ===== TOGGLE ICON ===== *\/\r\n  .faq-toggle {\r\n    width: 44px;\r\n    height: 44px;\r\n    border-radius: 50%;\r\n    background: rgba(119, 46, 59, 0.04);\r\n    border: 1px solid rgba(119, 46, 59, 0.06);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);\r\n    flex-shrink: 0;\r\n    color: #772e3b;\r\n    font-size: 1rem;\r\n  }\r\n\r\n  .faq-item:hover .faq-toggle {\r\n    background: rgba(119, 46, 59, 0.08);\r\n    border-color: rgba(119, 46, 59, 0.1);\r\n  }\r\n\r\n  .faq-item.active .faq-toggle {\r\n    background: #772e3b;\r\n    color: #fff;\r\n    border-color: #772e3b;\r\n    transform: rotate(180deg);\r\n    box-shadow: 0 8px 20px rgba(119, 46, 59, 0.15);\r\n  }\r\n\r\n  \/* ===== FAQ ANSWER ===== *\/\r\n  .faq-answer {\r\n    max-height: 0;\r\n    overflow: hidden;\r\n    transition: max-height 0.6s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.5s ease, padding 0.5s ease;\r\n    opacity: 0;\r\n    padding: 0 2rem 0 2rem;\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n\r\n  .faq-item.active .faq-answer {\r\n    max-height: 500px;\r\n    opacity: 1;\r\n    padding: 0 2rem 2rem 2rem;\r\n  }\r\n\r\n  .faq-answer p {\r\n    color: #5a4e51;\r\n    font-size: 0.95rem;\r\n    line-height: 1.8;\r\n    margin: 0;\r\n    padding-right: 3rem;\r\n  }\r\n\r\n  .faq-answer p strong {\r\n    color: #772e3b;\r\n  }\r\n\r\n  \/* ===== ANSWER DECORATIVE LINE ===== *\/\r\n  .faq-answer::before {\r\n    content: '';\r\n    display: block;\r\n    width: 40px;\r\n    height: 3px;\r\n    background: linear-gradient(90deg, #772e3b, transparent);\r\n    border-radius: 4px;\r\n    margin-bottom: 1rem;\r\n    opacity: 0;\r\n    transition: opacity 0.5s ease 0.3s;\r\n  }\r\n\r\n  .faq-item.active .faq-answer::before {\r\n    opacity: 1;\r\n  }\r\n\r\n  \/* ===== RESPONSIVE ===== *\/\r\n  @media (max-width: 768px) {\r\n    .faq-section {\r\n      padding: 3rem 1.5rem;\r\n    }\r\n    .faq-header h2 {\r\n      font-size: 2.2rem;\r\n    }\r\n    .faq-question {\r\n      padding: 1.2rem 1.5rem;\r\n    }\r\n    .faq-question h3 {\r\n      font-size: 0.95rem;\r\n    }\r\n    .faq-item.active .faq-answer {\r\n      padding: 0 1.5rem 1.5rem 1.5rem;\r\n    }\r\n    .faq-answer p {\r\n      font-size: 0.88rem;\r\n      padding-right: 0;\r\n    }\r\n    .faq-question .q-icon {\r\n      width: 34px;\r\n      height: 34px;\r\n      font-size: 0.85rem;\r\n    }\r\n    .faq-toggle {\r\n      width: 38px;\r\n      height: 38px;\r\n      font-size: 0.85rem;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .faq-header h2 {\r\n      font-size: 1.8rem;\r\n    }\r\n    .faq-question {\r\n      padding: 1rem 1.2rem;\r\n    }\r\n    .faq-question h3 {\r\n      font-size: 0.85rem;\r\n    }\r\n    .faq-item.active .faq-answer {\r\n      padding: 0 1.2rem 1.2rem 1.2rem;\r\n    }\r\n    .faq-answer p {\r\n      font-size: 0.82rem;\r\n    }\r\n    .faq-question .q-left {\r\n      gap: 0.6rem;\r\n    }\r\n    .faq-question .q-icon {\r\n      width: 30px;\r\n      height: 30px;\r\n      font-size: 0.75rem;\r\n    }\r\n    .faq-toggle {\r\n      width: 34px;\r\n      height: 34px;\r\n      font-size: 0.75rem;\r\n    }\r\n  }\r\n\r\n  \/* ===== SCROLL REVEAL ===== *\/\r\n  .faq-item {\r\n    opacity: 0;\r\n    transform: translateY(30px) scale(0.95);\r\n    transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);\r\n  }\r\n\r\n  .faq-item.visible {\r\n    opacity: 1;\r\n    transform: translateY(0) scale(1);\r\n  }\r\n\r\n  .faq-item:nth-child(1) { transition-delay: 0.05s; }\r\n  .faq-item:nth-child(2) { transition-delay: 0.10s; }\r\n  .faq-item:nth-child(3) { transition-delay: 0.15s; }\r\n  .faq-item:nth-child(4) { transition-delay: 0.20s; }\r\n  .faq-item:nth-child(5) { transition-delay: 0.25s; }\r\n  .faq-item:nth-child(6) { transition-delay: 0.30s; }\r\n<\/style>\r\n\r\n<!-- ===== HTML ===== -->\r\n<section class=\"faq-section\" id=\"faqSection\">\r\n\r\n  <!-- Header -->\r\n  <div class=\"faq-header\">\r\n    <div class=\"badge\">\r\n      <i class=\"fas fa-question-circle\" style=\"margin-right: 6px;\"><\/i> Got Questions?\r\n    <\/div>\r\n    <h2>Frequently Asked <span>Questions<\/span><\/h2>\r\n    <p class=\"subtitle\">Everything you need to know about our immigration services. Can't find what you're looking for? Contact us!<\/p>\r\n  <\/div>\r\n\r\n  <!-- FAQ List -->\r\n  <div class=\"faq-list\">\r\n\r\n    <!-- FAQ 1 -->\r\n    <div class=\"faq-item\">\r\n      <div class=\"faq-question\" onclick=\"toggleFAQ(this)\">\r\n        <div class=\"q-left\">\r\n          <span class=\"q-number\">01<\/span>\r\n          <span class=\"q-icon\"><i class=\"fas fa-check-circle\"><\/i><\/span>\r\n          <h3>What is your success rate for visa applications?<\/h3>\r\n        <\/div>\r\n        <div class=\"faq-toggle\">\r\n          <i class=\"fas fa-chevron-down\"><\/i>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"faq-answer\">\r\n        <p>Our <strong>success rate is 100%<\/strong> across all immigration cases. We have helped hundreds of clients successfully obtain their visas, ILR, and British citizenship. Our expert team ensures every application is meticulously prepared to meet all requirements.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- FAQ 2 -->\r\n    <div class=\"faq-item\">\r\n      <div class=\"faq-question\" onclick=\"toggleFAQ(this)\">\r\n        <div class=\"q-left\">\r\n          <span class=\"q-number\">02<\/span>\r\n          <span class=\"q-icon\"><i class=\"fas fa-clock\"><\/i><\/span>\r\n          <h3>How long does the immigration process take?<\/h3>\r\n        <\/div>\r\n        <div class=\"faq-toggle\">\r\n          <i class=\"fas fa-chevron-down\"><\/i>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"faq-answer\">\r\n        <p>The timeline varies depending on the type of application. <strong>Standard visa applications<\/strong> typically take 8-12 weeks, while <strong>priority services<\/strong> can process within 48 working hours. Our team will provide a clear timeline during your consultation.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- FAQ 3 -->\r\n    <div class=\"faq-item\">\r\n      <div class=\"faq-question\" onclick=\"toggleFAQ(this)\">\r\n        <div class=\"q-left\">\r\n          <span class=\"q-number\">03<\/span>\r\n          <span class=\"q-icon\"><i class=\"fas fa-gbp-sign\"><\/i><\/span>\r\n          <h3>What are your fees and payment options?<\/h3>\r\n        <\/div>\r\n        <div class=\"faq-toggle\">\r\n          <i class=\"fas fa-chevron-down\"><\/i>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"faq-answer\">\r\n        <p>We offer <strong>transparent fixed-fee packages<\/strong> starting from \u00a3199 for consultations. Full consultancy services start from \u00a31200. We accept <strong>card payments, bank transfers, and installment plans<\/strong> for larger packages. All fees are inclusive of VAT.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- FAQ 4 -->\r\n    <div class=\"faq-item\">\r\n      <div class=\"faq-question\" onclick=\"toggleFAQ(this)\">\r\n        <div class=\"q-left\">\r\n          <span class=\"q-number\">04<\/span>\r\n          <span class=\"q-icon\"><i class=\"fas fa-file-alt\"><\/i><\/span>\r\n          <h3>What documents do I need for my application?<\/h3>\r\n        <\/div>\r\n        <div class=\"faq-toggle\">\r\n          <i class=\"fas fa-chevron-down\"><\/i>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"faq-answer\">\r\n        <p>Document requirements vary by visa type. Generally, you'll need: <strong>passport, proof of address, financial statements, English language test results, and relevant certificates<\/strong>. We provide a <strong>comprehensive document checklist<\/strong> tailored to your specific application.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- FAQ 5 -->\r\n    <div class=\"faq-item\">\r\n      <div class=\"faq-question\" onclick=\"toggleFAQ(this)\">\r\n        <div class=\"q-left\">\r\n          <span class=\"q-number\">05<\/span>\r\n          <span class=\"q-icon\"><i class=\"fas fa-passport\"><\/i><\/span>\r\n          <h3>Can you help with ILR and British citizenship?<\/h3>\r\n        <\/div>\r\n        <div class=\"faq-toggle\">\r\n          <i class=\"fas fa-chevron-down\"><\/i>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"faq-answer\">\r\n        <p><strong>Absolutely!<\/strong> We specialize in <strong>Indefinite Leave to Remain (ILR)<\/strong> and <strong>Naturalisation<\/strong> applications. Our team will guide you through the eligibility criteria, document preparation, and application submission to ensure a smooth process.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- FAQ 6 -->\r\n    <div class=\"faq-item\">\r\n      <div class=\"faq-question\" onclick=\"toggleFAQ(this)\">\r\n        <div class=\"q-left\">\r\n          <span class=\"q-number\">06<\/span>\r\n          <span class=\"q-icon\"><i class=\"fas fa-headset\"><\/i><\/span>\r\n          <h3>Do you offer support after application submission?<\/h3>\r\n        <\/div>\r\n        <div class=\"faq-toggle\">\r\n          <i class=\"fas fa-chevron-down\"><\/i>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"faq-answer\">\r\n        <p><strong>Yes!<\/strong> We provide <strong>full post-submission support<\/strong>. Our team will track your application, respond to any Home Office queries, and keep you updated throughout the process. We're with you every step of the way until you receive your decision.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<!-- ===== JAVASCRIPT ===== -->\r\n<script>\r\n  (function() {\r\n    \/\/ ===== FAQ TOGGLE FUNCTION =====\r\n    window.toggleFAQ = function(element) {\r\n      const item = element.closest('.faq-item');\r\n      const isActive = item.classList.contains('active');\r\n\r\n      \/\/ Close all other FAQ items\r\n      document.querySelectorAll('.faq-item').forEach(otherItem => {\r\n        if (otherItem !== item) {\r\n          otherItem.classList.remove('active');\r\n        }\r\n      });\r\n\r\n      \/\/ Toggle current item\r\n      if (isActive) {\r\n        item.classList.remove('active');\r\n      } else {\r\n        item.classList.add('active');\r\n      }\r\n    };\r\n\r\n    \/\/ ===== SCROLL REVEAL =====\r\n    const section = document.getElementById('faqSection');\r\n    const items = document.querySelectorAll('.faq-item');\r\n\r\n    const observer = new IntersectionObserver((entries) => {\r\n      entries.forEach(entry => {\r\n        if (entry.isIntersecting) {\r\n          const items = entry.target.querySelectorAll('.faq-item');\r\n          items.forEach((item, index) => {\r\n            setTimeout(() => {\r\n              item.classList.add('visible');\r\n            }, index * 100);\r\n          });\r\n        }\r\n      });\r\n    }, { threshold: 0.1 });\r\n\r\n    observer.observe(section);\r\n\r\n    \/\/ ===== KEYBOARD SUPPORT =====\r\n    document.querySelectorAll('.faq-question').forEach(q => {\r\n      q.addEventListener('keydown', function(e) {\r\n        if (e.key === 'Enter' || e.key === ' ') {\r\n          e.preventDefault();\r\n          toggleFAQ(this);\r\n        }\r\n      });\r\n      q.setAttribute('role', 'button');\r\n      q.setAttribute('tabindex', '0');\r\n    });\r\n\r\n    \/\/ ===== OPEN FIRST FAQ BY DEFAULT =====\r\n    setTimeout(() => {\r\n      const firstItem = document.querySelector('.faq-item');\r\n      if (firstItem) {\r\n        firstItem.classList.add('active');\r\n      }\r\n    }, 800);\r\n\r\n  })();\r\n<\/script>\r\n\r\n<!-- Font Awesome -->\r\n<script>\r\n  if (!document.querySelector('link[href*=\"font-awesome\"]')) {\r\n    var link = document.createElement('link');\r\n    link.rel = 'stylesheet';\r\n    link.href = 'https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css';\r\n    document.head.appendChild(link);\r\n  }\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-2abac1f e-con e-atomic-element e-flexbox-base e-a0fb980 \" data-id=\"2abac1f\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"2abac1f\">\n    <div class=\"elementor-element elementor-element-56058ac e-flex e-con-boxed e-con e-parent\" data-id=\"56058ac\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-44fb721 e-con-full e-flex e-con e-child\" data-id=\"44fb721\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-13bafab elementor-widget elementor-widget-text-editor\" data-id=\"13bafab\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Blog<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d697546 elementor-widget elementor-widget-heading\" data-id=\"d697546\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">News From Earlworth<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-17d7d1f e-con-full e-flex e-con e-child\" data-id=\"17d7d1f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3194728 elementor-widget elementor-widget-button\" data-id=\"3194728\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/startersites.io\/elementor\/consultant\/?page_id=14\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">All Posts<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\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\n<\/div>\n<div class=\"elementor-element elementor-element-14e018b e-con e-atomic-element e-flexbox-base e-c2dd2c0 \" data-id=\"14e018b\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"14e018b\">\n    \t\t<div class=\"elementor-element elementor-element-6084901 elementor-widget elementor-widget-shortcode\" data-id=\"6084901\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"ct-posts-shortcode\" data-prefix=\"blog\"><div class=\"entries\" data-archive=\"default\" data-layout=\"grid\" data-cards=\"boxed\" data-hover=\"zoom-in\"><article class=\"entry-card card-content post-360 post type-post status-publish format-standard has-post-thumbnail hentry category-business\" ><a class=\"ct-media-container boundless-image has-hover-effect\" href=\"https:\/\/earlsworth.co.uk\/?p=360\" aria-label=\"Adipiscing Bibendum Estultricies Integer Quis\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"549\" src=\"https:\/\/earlsworth.co.uk\/wp-content\/uploads\/2024\/01\/article-thumb-1-1-768x549.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/earlsworth.co.uk\/wp-content\/uploads\/2024\/01\/article-thumb-1-1-768x549.webp 768w, https:\/\/earlsworth.co.uk\/wp-content\/uploads\/2024\/01\/article-thumb-1-1-600x429.webp 600w, https:\/\/earlsworth.co.uk\/wp-content\/uploads\/2024\/01\/article-thumb-1-1-300x214.webp 300w, https:\/\/earlsworth.co.uk\/wp-content\/uploads\/2024\/01\/article-thumb-1-1-1024x731.webp 1024w, https:\/\/earlsworth.co.uk\/wp-content\/uploads\/2024\/01\/article-thumb-1-1.webp 1260w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" itemprop=\"image\" style=\"aspect-ratio: 4\/3;\" \/><\/a><ul class=\"entry-meta\" data-type=\"simple:slash\" data-id=\"VHmbDq\" ><li class=\"meta-categories\" data-type=\"simple\"><a href=\"https:\/\/earlsworth.co.uk\/?cat=3\" rel=\"tag\" class=\"ct-term-3\">Business<\/a><\/li><\/ul><h2 class=\"entry-title\"><a href=\"https:\/\/earlsworth.co.uk\/?p=360\" rel=\"bookmark\">Adipiscing Bibendum Estultricies Integer Quis<\/a><\/h2><div class=\"entry-excerpt\"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et\u2026<\/p>\n<\/div><\/article><article class=\"entry-card card-content post-357 post type-post status-publish format-standard has-post-thumbnail hentry category-analytics\" ><a class=\"ct-media-container boundless-image has-hover-effect\" href=\"https:\/\/earlsworth.co.uk\/?p=357\" aria-label=\"Commodo Elitat Imperdiet Accumsan Sitamet\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"549\" src=\"https:\/\/earlsworth.co.uk\/wp-content\/uploads\/2024\/01\/article-thumb-2-1-768x549.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/earlsworth.co.uk\/wp-content\/uploads\/2024\/01\/article-thumb-2-1-768x549.webp 768w, https:\/\/earlsworth.co.uk\/wp-content\/uploads\/2024\/01\/article-thumb-2-1-600x429.webp 600w, https:\/\/earlsworth.co.uk\/wp-content\/uploads\/2024\/01\/article-thumb-2-1-300x214.webp 300w, https:\/\/earlsworth.co.uk\/wp-content\/uploads\/2024\/01\/article-thumb-2-1-1024x731.webp 1024w, https:\/\/earlsworth.co.uk\/wp-content\/uploads\/2024\/01\/article-thumb-2-1.webp 1260w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" itemprop=\"image\" style=\"aspect-ratio: 4\/3;\" \/><\/a><ul class=\"entry-meta\" data-type=\"simple:slash\" data-id=\"VHmbDq\" ><li class=\"meta-categories\" data-type=\"simple\"><a href=\"https:\/\/earlsworth.co.uk\/?cat=2\" rel=\"tag\" class=\"ct-term-2\">Analytics<\/a><\/li><\/ul><h2 class=\"entry-title\"><a href=\"https:\/\/earlsworth.co.uk\/?p=357\" rel=\"bookmark\">Commodo Elitat Imperdiet Accumsan Sitamet<\/a><\/h2><div class=\"entry-excerpt\"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et\u2026<\/p>\n<\/div><\/article><article class=\"entry-card card-content post-354 post type-post status-publish format-standard has-post-thumbnail hentry category-management\" ><a class=\"ct-media-container boundless-image has-hover-effect\" href=\"https:\/\/earlsworth.co.uk\/?p=354\" aria-label=\"Orcinulla Pellentesque Dignissim Enim Venenatis\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"549\" src=\"https:\/\/earlsworth.co.uk\/wp-content\/uploads\/2024\/01\/article-thumb-3-1-768x549.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/earlsworth.co.uk\/wp-content\/uploads\/2024\/01\/article-thumb-3-1-768x549.webp 768w, https:\/\/earlsworth.co.uk\/wp-content\/uploads\/2024\/01\/article-thumb-3-1-600x429.webp 600w, https:\/\/earlsworth.co.uk\/wp-content\/uploads\/2024\/01\/article-thumb-3-1-300x214.webp 300w, https:\/\/earlsworth.co.uk\/wp-content\/uploads\/2024\/01\/article-thumb-3-1-1024x731.webp 1024w, https:\/\/earlsworth.co.uk\/wp-content\/uploads\/2024\/01\/article-thumb-3-1.webp 1260w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" itemprop=\"image\" style=\"aspect-ratio: 4\/3;\" \/><\/a><ul class=\"entry-meta\" data-type=\"simple:slash\" data-id=\"VHmbDq\" ><li class=\"meta-categories\" data-type=\"simple\"><a href=\"https:\/\/earlsworth.co.uk\/?cat=5\" rel=\"tag\" class=\"ct-term-5\">Management<\/a><\/li><\/ul><h2 class=\"entry-title\"><a href=\"https:\/\/earlsworth.co.uk\/?p=354\" rel=\"bookmark\">Orcinulla Pellentesque Dignissim Enim Venenatis<\/a><\/h2><div class=\"entry-excerpt\"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et\u2026<\/p>\n<\/div><\/article><\/div><\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Excellence in Immigration Law Welcome to Earlsworth Immigration Law, a boutique immigration firm known for excellence and a steadfast commitment to delivering outstanding immigration services. Book a Consultation Our Services Our Happy Clients What Our Clients Say We provide an array of immigration services spanning from student visas, all the way to spouse visa applications. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-614","page","type-page","status-publish","hentry"],"blocksy_meta":{"has_hero_section":"disabled","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":7}},"_links":{"self":[{"href":"https:\/\/earlsworth.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/614","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/earlsworth.co.uk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/earlsworth.co.uk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/earlsworth.co.uk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/earlsworth.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=614"}],"version-history":[{"count":133,"href":"https:\/\/earlsworth.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/614\/revisions"}],"predecessor-version":[{"id":1574,"href":"https:\/\/earlsworth.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/614\/revisions\/1574"}],"wp:attachment":[{"href":"https:\/\/earlsworth.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=614"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}