{"id":17896,"date":"2021-07-30T09:00:20","date_gmt":"2021-07-30T09:00:20","guid":{"rendered":"https:\/\/broadgate.ca\/?page_id=17896"},"modified":"2026-06-10T17:54:37","modified_gmt":"2026-06-10T17:54:37","slug":"home","status":"publish","type":"page","link":"https:\/\/broadgate.ca\/fa\/home\/","title":{"rendered":"Home"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"17896\" class=\"elementor elementor-17896\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d52a615 elementor-section-full_width elementor-section-height-default elementor-section-height-default sc_fly_static\" data-id=\"d52a615\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-extended\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-068db0d sc_inner_width_none sc_content_align_inherit sc_layouts_column_icons_position_left sc_fly_static\" data-id=\"068db0d\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f526d1d sc_fly_static elementor-widget elementor-widget-html\" data-id=\"f526d1d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ===== BroadGate Hero Widget \u2014 paste into Elementor HTML element ===== -->\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=Outfit:wght@400;500;600&display=swap');\r\n\r\n  \/* ===== Full-screen splash \/ curtain reveal ===== *\/\r\n  .bg-splash{\r\n    --blue:#2b5cab;\r\n    --red:#e41c23;\r\n    position:fixed;\r\n    inset:0;\r\n    z-index:99999;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    background:linear-gradient(160deg,#244e92 0%, #2b5cab 55%, #1d3f78 100%);\r\n    overflow:hidden;\r\n    font-family:'Outfit',system-ui,sans-serif;\r\n    \/* the curtain lift at the end \u2014 pure CSS, no script needed *\/\r\n    animation:bgCurtain 1.1s cubic-bezier(.7,0,.2,1) forwards;\r\n    animation-delay:2.4s;\r\n  }\r\n  \/* soft moving glow inside the splash *\/\r\n  .bg-splash::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:-40%;\r\n    background:\r\n      radial-gradient(35% 40% at 30% 30%, rgba(255,255,255,0.12), transparent 60%),\r\n      radial-gradient(30% 35% at 75% 70%, rgba(228,28,35,0.18), transparent 60%);\r\n    animation:bgSplashGlow 5s ease-in-out infinite alternate;\r\n  }\r\n  @keyframes bgSplashGlow{\r\n    from{ transform:translate3d(0,0,0) scale(1); }\r\n    to{ transform:translate3d(2%,-3%,0) scale(1.08); }\r\n  }\r\n  @keyframes bgCurtain{\r\n    0%   { transform:translateY(0); visibility:visible; }\r\n    99%  { transform:translateY(-100%); visibility:visible; pointer-events:auto; }\r\n    100% { transform:translateY(-100%); visibility:hidden; pointer-events:none; }\r\n  }\r\n\r\n  .bg-splash__inner{\r\n    position:relative;\r\n    z-index:2;\r\n    text-align:center;\r\n    color:#fff;\r\n  }\r\n\r\n  \/* expanding gateway ring that frames the brand *\/\r\n  .bg-splash__ring{\r\n    width:78px; height:78px;\r\n    margin:0 auto 22px;\r\n    border:2px solid rgba(255,255,255,0.85);\r\n    border-radius:50%;\r\n    position:relative;\r\n    opacity:0;\r\n    transform:scale(.5);\r\n    animation:bgRingPop .7s cubic-bezier(.2,.8,.2,1) forwards;\r\n    animation-delay:.2s;\r\n  }\r\n  .bg-splash__ring::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:-9px;\r\n    border-radius:50%;\r\n    border:2px solid rgba(228,28,35,0.7);\r\n    border-top-color:transparent;\r\n    border-left-color:transparent;\r\n    animation:bgRingSpin 1.4s linear infinite;\r\n  }\r\n  @keyframes bgRingPop{\r\n    to{ opacity:1; transform:scale(1); }\r\n  }\r\n  @keyframes bgRingSpin{\r\n    to{ transform:rotate(360deg); }\r\n  }\r\n\r\n  .bg-splash__brand{\r\n    font-family:'Fraunces',Georgia,serif;\r\n    font-weight:600;\r\n    font-size:clamp(28px,5vw,46px);\r\n    letter-spacing:.01em;\r\n    margin:0;\r\n    \/* clip-reveal wipes the wordmark in *\/\r\n    overflow:hidden;\r\n    white-space:nowrap;\r\n    display:inline-block;\r\n  }\r\n  .bg-splash__brand span{\r\n    display:inline-block;\r\n    opacity:0;\r\n    transform:translateY(120%);\r\n    animation:bgBrandUp .75s cubic-bezier(.2,.8,.2,1) forwards;\r\n  }\r\n  .bg-splash__brand span:nth-child(1){ animation-delay:.45s; }\r\n  .bg-splash__brand span:nth-child(2){ animation-delay:.58s; color:#ffd2d4; }\r\n  @keyframes bgBrandUp{\r\n    to{ opacity:1; transform:translateY(0); }\r\n  }\r\n\r\n  .bg-splash__tag{\r\n    margin:14px 0 0;\r\n    font-size:13px;\r\n    font-weight:500;\r\n    letter-spacing:.22em;\r\n    text-transform:uppercase;\r\n    color:rgba(255,255,255,0.78);\r\n    opacity:0;\r\n    animation:bgTagIn .7s ease forwards;\r\n    animation-delay:.95s;\r\n  }\r\n  @keyframes bgTagIn{\r\n    from{ opacity:0; transform:translateY(8px); }\r\n    to{ opacity:.78; transform:translateY(0); }\r\n  }\r\n  \/* underline sweep beneath the tagline *\/\r\n  .bg-splash__tag::after{\r\n    content:\"\";\r\n    display:block;\r\n    width:0; height:2px;\r\n    margin:12px auto 0;\r\n    background:var(--red);\r\n    animation:bgTagLine .7s ease forwards;\r\n    animation-delay:1.2s;\r\n  }\r\n  @keyframes bgTagLine{\r\n    to{ width:64px; }\r\n  }\r\n\r\n  @media (prefers-reduced-motion:reduce){\r\n    .bg-splash{ display:none; }\r\n  }\r\n\r\n  .bg-hero{\r\n    --blue:#2b5cab;\r\n    --blue-dark:#1f4480;\r\n    --red:#e41c23;\r\n    --ink:#585859;\r\n    --paper:#ffffff;\r\n    position:relative;\r\n    display:grid;\r\n    grid-template-columns:1.15fr 0.85fr;\r\n    align-items:center;\r\n    gap:48px;\r\n    padding:64px clamp(20px,5vw,80px);\r\n    background:\r\n      radial-gradient(120% 150% at 85% 0%, rgba(90,140,210,0.28) 0%, rgba(90,140,210,0) 55%),\r\n      linear-gradient(180deg,\r\n        var(--seg-top, #173a73) 0%,\r\n        var(--seg-bot, #2b5cab) 100%);\r\n    overflow:hidden;\r\n    border-radius:0;\r\n    font-family:'Outfit',system-ui,sans-serif;\r\n    isolation:isolate;\r\n  }\r\n  \/* faint dot-grid texture so the surface never reads as flat\/empty *\/\r\n  .bg-hero__grid{\r\n    position:absolute;\r\n    inset:0;\r\n    z-index:0;\r\n    pointer-events:none;\r\n    background-image:radial-gradient(rgba(255,255,255,0.16) 1px, transparent 1.4px);\r\n    background-size:28px 28px;\r\n    -webkit-mask-image:radial-gradient(120% 100% at 70% 30%, #000 0%, transparent 72%);\r\n    mask-image:radial-gradient(120% 100% at 70% 30%, #000 0%, transparent 72%);\r\n    opacity:.45;\r\n  }\r\n  \/* slow-drifting glow blobs for depth and life *\/\r\n  .bg-hero__blob{\r\n    position:absolute;\r\n    z-index:0;\r\n    border-radius:50%;\r\n    filter:blur(50px);\r\n    pointer-events:none;\r\n    opacity:.5;\r\n  }\r\n  .bg-hero__blob--1{\r\n    width:380px; height:380px;\r\n    top:-130px; left:-100px;\r\n    background:radial-gradient(circle at 30% 30%, rgba(120,165,225,0.45), rgba(120,165,225,0) 70%);\r\n    animation:bgBlob1 16s ease-in-out infinite alternate;\r\n  }\r\n  .bg-hero__blob--2{\r\n    width:300px; height:300px;\r\n    bottom:-120px; right:6%;\r\n    background:radial-gradient(circle at 60% 40%, rgba(30,68,128,0.55), rgba(30,68,128,0) 70%);\r\n    animation:bgBlob2 20s ease-in-out infinite alternate;\r\n  }\r\n  .bg-hero__blob--3{\r\n    width:300px; height:300px;\r\n    top:40%; left:42%;\r\n    background:radial-gradient(circle at 50% 50%, rgba(91,140,210,0.30), rgba(91,140,210,0) 70%);\r\n    animation:bgBlob3 24s ease-in-out infinite alternate;\r\n  }\r\n  @keyframes bgBlob1{\r\n    from{ transform:translate(0,0) scale(1); }\r\n    to{ transform:translate(40px,30px) scale(1.12); }\r\n  }\r\n  @keyframes bgBlob2{\r\n    from{ transform:translate(0,0) scale(1); }\r\n    to{ transform:translate(-50px,-30px) scale(1.15); }\r\n  }\r\n  @keyframes bgBlob3{\r\n    from{ transform:translate(0,0) scale(1); }\r\n    to{ transform:translate(-30px,40px) scale(0.9); }\r\n  }\r\n\r\n  \/* animated aurora wash that slowly drifts across the background *\/\r\n  .bg-hero__aurora{\r\n    position:absolute;\r\n    inset:-30%;\r\n    z-index:0;\r\n    pointer-events:none;\r\n    background:\r\n      radial-gradient(40% 50% at 20% 30%, rgba(120,165,225,0.12), transparent 60%),\r\n      radial-gradient(35% 45% at 80% 20%, rgba(255,255,255,0.06), transparent 60%),\r\n      radial-gradient(45% 55% at 60% 80%, rgba(30,68,128,0.18), transparent 60%);\r\n    filter:blur(8px);\r\n    animation:bgAurora 18s ease-in-out infinite alternate;\r\n  }\r\n  @keyframes bgAurora{\r\n    0%   { transform:translate3d(0,0,0) rotate(0deg) scale(1); }\r\n    50%  { transform:translate3d(2%,-2%,0) rotate(4deg) scale(1.06); }\r\n    100% { transform:translate3d(-2%,2%,0) rotate(-3deg) scale(1.04); }\r\n  }\r\n\r\n  \/* subtle decorative arc echoing a gateway *\/\r\n  .bg-hero::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    top:-120px; right:-120px;\r\n    width:360px; height:360px;\r\n    border:2px solid rgba(255,255,255,0.14);\r\n    border-radius:50%;\r\n    pointer-events:none;\r\n    z-index:1;\r\n  }\r\n  .bg-hero::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    bottom:-230px; right:-130px;\r\n    width:460px; height:460px;\r\n    border:2px solid rgba(255,255,255,0.13);\r\n    border-radius:50%;\r\n    pointer-events:none;\r\n    z-index:1;\r\n  }\r\n\r\n  .bg-hero__left{ position:relative; z-index:2; }\r\n\r\n  .bg-hero__eyebrow{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:8px;\r\n    font-size:13px;\r\n    font-weight:600;\r\n    letter-spacing:.14em;\r\n    text-transform:uppercase;\r\n    color:rgba(255,255,255,0.88);\r\n    margin:0 0 22px;\r\n  }\r\n  .bg-hero__eyebrow::before{\r\n    content:\"\";\r\n    width:26px; height:2px;\r\n    background:var(--red);\r\n    display:inline-block;\r\n    transform-origin:left center;\r\n    animation:bgLineGrow .8s cubic-bezier(.2,.7,.2,1) forwards;\r\n    animation-delay:.45s;\r\n    transform:scaleX(0);\r\n  }\r\n  @keyframes bgLineGrow{\r\n    from{ transform:scaleX(0); }\r\n    to{ transform:scaleX(1); }\r\n  }\r\n\r\n  .bg-hero__title{\r\n    font-family:'Fraunces',Georgia,serif;\r\n    font-weight:600;\r\n    color:#ffffff;\r\n    font-size:clamp(30px,4.4vw,54px);\r\n    line-height:1.08;\r\n    letter-spacing:-0.01em;\r\n    margin:0 0 18px;\r\n  }\r\n  \/* per-word reveal: each word rises and fades in *\/\r\n  .bg-hero__title .word{\r\n    display:inline-block;\r\n    opacity:0;\r\n    transform:translateY(28px) rotate(2deg);\r\n    animation:bgWord .75s cubic-bezier(.2,.8,.2,1) forwards;\r\n  }\r\n  @keyframes bgWord{\r\n    to{ opacity:1; transform:translateY(0) rotate(0deg); }\r\n  }\r\n  .bg-hero__title .accent{ color:#a9c8f5; }\r\n  .bg-hero__title .accent-red{\r\n    color:#ff6b70;\r\n    font-style:italic;\r\n  }\r\n\r\n  .bg-hero__sub{\r\n    color:rgba(255,255,255,0.85);\r\n    font-size:clamp(15px,1.4vw,18px);\r\n    line-height:1.6;\r\n    max-width:46ch;\r\n    margin:0 0 34px;\r\n  }\r\n\r\n  .bg-hero__cta{ display:flex; flex-wrap:wrap; gap:16px; }\r\n\r\n  .bg-btn{\r\n    position:relative;\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:10px;\r\n    padding:15px 30px;\r\n    border-radius:10px;\r\n    font-size:16px;\r\n    font-weight:600;\r\n    text-decoration:none;\r\n    cursor:pointer;\r\n    overflow:hidden;\r\n    transition:transform .25s cubic-bezier(.2,.7,.2,1), box-shadow .25s ease, background .25s ease, color .25s ease;\r\n  }\r\n  \/* shine sweep that glides across buttons on hover *\/\r\n  .bg-btn::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    top:0; left:-130%;\r\n    width:60%; height:100%;\r\n    background:linear-gradient(120deg, transparent, rgba(255,255,255,0.45), transparent);\r\n    transform:skewX(-20deg);\r\n    transition:left .6s ease;\r\n    pointer-events:none;\r\n  }\r\n  .bg-btn:hover::after{ left:140%; }\r\n\r\n  .bg-btn--primary{\r\n    background:#ffffff;\r\n    color:var(--blue);\r\n    box-shadow:0 12px 28px rgba(15,40,85,0.35);\r\n  }\r\n  .bg-btn--primary:hover{\r\n    transform:translateY(-3px);\r\n    box-shadow:0 16px 36px rgba(15,40,85,0.45);\r\n    background:#f0f5ff;\r\n  }\r\n  .bg-btn--secondary{\r\n    background:rgba(255,255,255,0.08);\r\n    color:#fff;\r\n    border:2px solid rgba(255,255,255,0.55);\r\n  }\r\n  .bg-btn--secondary:hover{\r\n    background:#fff;\r\n    color:var(--blue);\r\n    border-color:#fff;\r\n    transform:translateY(-3px);\r\n    box-shadow:0 14px 30px rgba(15,40,85,0.30);\r\n  }\r\n  .bg-btn svg{\r\n    width:16px; height:16px;\r\n    transition:transform .25s cubic-bezier(.2,.7,.2,1);\r\n  }\r\n  \/* arrow nudges forward on hover *\/\r\n  .bg-btn--primary:hover svg{ transform:translateX(5px); }\r\n\r\n  \/* Founder image *\/\r\n  .bg-hero__right{ position:relative; z-index:2; transition:transform .35s cubic-bezier(.2,.7,.2,1); }\r\n  .bg-hero__media{\r\n    position:relative;\r\n    border-radius:16px;\r\n    overflow:hidden;\r\n    aspect-ratio:4\/5;\r\n    box-shadow:0 24px 60px rgba(10,30,70,0.45);\r\n    transition:transform .5s cubic-bezier(.2,.7,.2,1), box-shadow .5s ease;\r\n  }\r\n  .bg-hero__media img{\r\n    width:100%; height:100%;\r\n    object-fit:cover;\r\n    display:block;\r\n    transform:scale(1.05);\r\n    transition:transform .7s cubic-bezier(.2,.7,.2,1);\r\n    \/* very slow gentle drift to keep the portrait feeling alive *\/\r\n    animation:bgKenBurns 24s ease-in-out infinite alternate;\r\n  }\r\n  @keyframes bgKenBurns{\r\n    from{ transform:scale(1.05) translateY(0); }\r\n    to{ transform:scale(1.10) translateY(-1.5%); }\r\n  }\r\n  \/* sheen that passes over the portrait once on load *\/\r\n  .bg-hero__media::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    top:0; left:-150%;\r\n    width:75%; height:100%;\r\n    background:linear-gradient(120deg, transparent, rgba(255,255,255,0.30), transparent);\r\n    transform:skewX(-18deg);\r\n    animation:bgSheen 1.4s ease-out forwards;\r\n    animation-delay:1s;\r\n    pointer-events:none;\r\n  }\r\n  @keyframes bgSheen{\r\n    to{ left:160%; }\r\n  }\r\n  .bg-hero__right:hover .bg-hero__media{\r\n    transform:translateY(-6px);\r\n    box-shadow:0 32px 72px rgba(10,30,70,0.55);\r\n  }\r\n  .bg-hero__right:hover .bg-hero__media img{\r\n    transform:scale(1.12);\r\n  }\r\n\r\n  \/* accent corner tab *\/\r\n  .bg-hero__badge{\r\n    position:absolute;\r\n    bottom:18px; left:-14px;\r\n    background:var(--red);\r\n    color:#fff;\r\n    font-size:13px; font-weight:600;\r\n    letter-spacing:.05em;\r\n    padding:10px 18px;\r\n    border-radius:8px;\r\n    box-shadow:0 8px 20px rgba(228,28,35,0.3);\r\n    z-index:3;\r\n  }\r\n  \/* gentle pulsing ring behind the badge to draw the eye *\/\r\n  .bg-hero__badge::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    border-radius:8px;\r\n    box-shadow:0 0 0 0 rgba(228,28,35,0.45);\r\n    animation:bgPulse 2.8s ease-out infinite;\r\n    animation-delay:1.8s;\r\n  }\r\n  @keyframes bgPulse{\r\n    0%   { box-shadow:0 0 0 0 rgba(228,28,35,0.40); }\r\n    70%  { box-shadow:0 0 0 14px rgba(228,28,35,0); }\r\n    100% { box-shadow:0 0 0 0 rgba(228,28,35,0); }\r\n  }\r\n\r\n  \/* ===== Load animations ===== *\/\r\n  @keyframes bgRise{\r\n    from{ opacity:0; transform:translateY(22px); }\r\n    to{ opacity:1; transform:translateY(0); }\r\n  }\r\n  @keyframes bgImage{\r\n    from{ opacity:0; transform:translateY(28px) scale(.97); }\r\n    to{ opacity:1; transform:translateY(0) scale(1); }\r\n  }\r\n  \/* elements start hidden, then animate in with a stagger *\/\r\n  .bg-hero__eyebrow,\r\n  .bg-hero__sub,\r\n  .bg-hero__cta,\r\n  .bg-hero__media,\r\n  .bg-hero__badge{\r\n    opacity:0;\r\n    animation-duration:.7s;\r\n    animation-timing-function:cubic-bezier(.2,.7,.2,1);\r\n    animation-fill-mode:forwards;\r\n  }\r\n  .bg-hero__eyebrow{ animation-name:bgRise; animation-delay:.10s; }\r\n  .bg-hero__sub    { animation-name:bgRise; animation-delay:.78s; }\r\n  .bg-hero__cta    { animation-name:bgRise; animation-delay:.92s; }\r\n  .bg-hero__media  { animation-name:bgImage; animation-delay:.30s; animation-duration:.9s; }\r\n  .bg-hero__badge  { animation-name:bgRise; animation-delay:1.4s; }\r\n\r\n  \/* title words stagger in after the eyebrow *\/\r\n  .bg-hero__title .word:nth-child(1){ animation-delay:.30s; }\r\n  .bg-hero__title .word:nth-child(2){ animation-delay:.38s; }\r\n  .bg-hero__title .word:nth-child(3){ animation-delay:.46s; }\r\n  .bg-hero__title .word:nth-child(4){ animation-delay:.54s; }\r\n  .bg-hero__title .word:nth-child(5){ animation-delay:.62s; }\r\n  .bg-hero__title .word:nth-child(6){ animation-delay:.70s; }\r\n\r\n  \/* decorative rings drift + breathe *\/\r\n  .bg-hero::before{\r\n    opacity:0;\r\n    animation:bgRingIn 1.1s ease forwards, bgFloat 9s ease-in-out 1.6s infinite;\r\n    animation-delay:.5s;\r\n  }\r\n  .bg-hero::after{\r\n    opacity:0;\r\n    animation:bgRingIn 1.1s ease forwards;\r\n    animation-delay:.65s;\r\n  }\r\n  @keyframes bgRingIn{\r\n    from{ opacity:0; transform:scale(.85); }\r\n    to{ opacity:1; transform:scale(1); }\r\n  }\r\n  @keyframes bgFloat{\r\n    0%,100%{ transform:translate(0,0); }\r\n    50%{ transform:translate(-12px,12px); }\r\n  }\r\n  @keyframes bgFloatAlt{\r\n    0%,100%{ transform:translate(0,0); }\r\n    50%{ transform:translate(10px,-10px); }\r\n  }\r\n\r\n  \/* respect reduced-motion preferences *\/\r\n  @media (prefers-reduced-motion:reduce){\r\n    .bg-hero__aurora,\r\n    .bg-hero__blob,\r\n    .bg-hero__eyebrow,.bg-hero__eyebrow::before,\r\n    .bg-hero__title .word,\r\n    .bg-hero__sub,\r\n    .bg-hero__cta,.bg-hero__media,.bg-hero__media img,.bg-hero__media::after,\r\n    .bg-hero__badge,.bg-hero__badge::before,\r\n    .bg-hero::before,.bg-hero::after{\r\n      animation:none;\r\n      opacity:1;\r\n      transform:none;\r\n    }\r\n    .bg-hero__blob{ opacity:.4; }\r\n  }\r\n\r\n  @media (max-width:880px){\r\n    .bg-hero{\r\n      grid-template-columns:1fr;\r\n      gap:36px;\r\n      text-align:left;\r\n      padding:44px clamp(20px,6vw,40px);\r\n    }\r\n    .bg-hero__right{ order:-1; max-width:340px; margin:0 auto; justify-self:center; width:100%; }\r\n    .bg-hero__media{ aspect-ratio:1\/1; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"bg-splash\" id=\"bgSplash\" role=\"presentation\" aria-hidden=\"true\">\r\n  <div class=\"bg-splash__inner\">\r\n    <div class=\"bg-splash__ring\"><\/div>\r\n    <h2 class=\"bg-splash__brand\"><span>Broad<\/span><span>Gate<\/span><\/h2>\r\n    <p class=\"bg-splash__tag\">Canadian Immigration<\/p>\r\n  <\/div>\r\n<\/div>\r\n\r\n<section class=\"bg-hero\">\r\n  <div class=\"bg-hero__aurora\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"bg-hero__grid\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"bg-hero__blob bg-hero__blob--1\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"bg-hero__blob bg-hero__blob--2\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"bg-hero__blob bg-hero__blob--3\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div class=\"bg-hero__left\">\r\n    <p class=\"bg-hero__eyebrow\">BroadGate Immigration<\/p>\r\n    <h1 class=\"bg-hero__title\">\r\n      <span class=\"word\">Trusted<\/span>\r\n      <span class=\"word accent\">Canadian<\/span>\r\n      <span class=\"word\">immigration<\/span>\r\n      <span class=\"word\">guidance,<\/span>\r\n      <span class=\"word accent-red\">built<\/span>\r\n      <span class=\"word accent-red\">around you<\/span>\r\n    <\/h1>\r\n    <p class=\"bg-hero__sub\">\r\n      Personalized strategy and end-to-end support for your move to Canada \u2014\r\n      so every step forward is one you take with confidence.\r\n    <\/p>\r\n    <div class=\"bg-hero__cta\">\r\n      <a href=\"#book\" class=\"bg-btn bg-btn--primary\">\r\n        Book a Consultation\r\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n      <\/a>\r\n      <a href=\"https:\/\/broadgate.ca\/fa\/free-immigration-assessment\/\" class=\"bg-btn bg-btn--secondary\">Free Assessment<\/a>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"bg-hero__right\">\r\n    <div class=\"bg-hero__media\">\r\n      <img decoding=\"async\" src=\"https:\/\/broadgate.ca\/wp-content\/uploads\/2026\/05\/chosen_transparent-2-scaled.png\">\r\n      <div class=\"bg-hero__badge\">RCIC-IRB<\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n\/* Elementor and many themes wrap this widget in a container that has a CSS\r\n   transform. A position:fixed element inside a transformed ancestor is\r\n   confined to that ancestor's box instead of the viewport, so the splash\r\n   gets hidden. This moves the splash to be a direct child of <body> so it\r\n   can cover the real viewport. Pure relocation \u2014 the animation itself is CSS. *\/\r\n(function(){\r\n  function liftOut(){\r\n    var s = document.getElementById('bgSplash');\r\n    if(s && s.parentNode !== document.body){\r\n      document.body.appendChild(s);\r\n    }\r\n  }\r\n  if(document.body){ liftOut(); }\r\n  else { document.addEventListener('DOMContentLoaded', liftOut); }\r\n})();\r\n\r\n\/* Gentle mouse parallax on the hero. If this script is stripped, the page\r\n   still renders fine \u2014 the parallax is purely an enhancement. *\/\r\n(function(){\r\n  function ready(fn){\r\n    if(document.readyState !== 'loading') fn();\r\n    else document.addEventListener('DOMContentLoaded', fn);\r\n  }\r\n  ready(function(){\r\n    var hero = document.querySelector('.bg-hero');\r\n    if(!hero) return;\r\n    var reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion:reduce)').matches;\r\n\r\n    \/\/ --- Subtle mouse parallax on background blobs + portrait ---\r\n    if(!reduce){\r\n      var blobs = hero.querySelectorAll('.bg-hero__blob');\r\n      var media = hero.querySelector('.bg-hero__right');\r\n      hero.addEventListener('mousemove', function(ev){\r\n        var r = hero.getBoundingClientRect();\r\n        var dx = (ev.clientX - r.left) \/ r.width - 0.5;\r\n        var dy = (ev.clientY - r.top) \/ r.height - 0.5;\r\n        blobs.forEach(function(b, i){\r\n          var depth = (i + 1) * 10;\r\n          b.style.transform = 'translate(' + (dx * depth) + 'px,' + (dy * depth) + 'px)';\r\n        });\r\n        if(media){\r\n          media.style.transform = 'translate(' + (dx * -8) + 'px,' + (dy * -8) + 'px)';\r\n        }\r\n      });\r\n      hero.addEventListener('mouseleave', function(){\r\n        blobs.forEach(function(b){ b.style.transform = ''; });\r\n        if(media) media.style.transform = '';\r\n      });\r\n    }\r\n  });\r\n})();\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b89817b elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default sc_fly_static\" data-id=\"b89817b\" data-element_type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-41dcf4c sc_inner_width_none sc_content_align_inherit sc_layouts_column_icons_position_left sc_fly_static\" data-id=\"41dcf4c\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1a1aa00 elementor-widget-divider--view-line sc_fly_static elementor-widget elementor-widget-divider\" data-id=\"1a1aa00\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-bd1d322 elementor-section-full_width elementor-section-height-default elementor-section-height-default sc_fly_static\" data-id=\"bd1d322\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-extended\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-98d0492 sc_inner_width_none sc_content_align_inherit sc_layouts_column_icons_position_left sc_fly_static\" data-id=\"98d0492\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-57622f2 sc_fly_static elementor-widget elementor-widget-html\" data-id=\"57622f2\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ===== BroadGate Values Widget \u2014 paste into Elementor HTML element ===== -->\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=Outfit:wght@400;500;600&display=swap');\r\n\r\n  .bgv{\r\n    --blue:#2b5cab;\r\n    --blue-dark:#1f4480;\r\n    --red:#e41c23;\r\n    position:relative;\r\n    overflow:hidden;\r\n    isolation:isolate;\r\n    border-radius:0;\r\n    padding:64px clamp(24px,5vw,80px);\r\n    font-family:'Outfit',system-ui,sans-serif;\r\n    background:\r\n      radial-gradient(120% 150% at 85% 0%, rgba(90,140,210,0.28) 0%, rgba(90,140,210,0) 55%),\r\n      linear-gradient(180deg,\r\n        var(--seg-top, #1f4480) 0%,\r\n        var(--seg-bot, #2b5cab) 100%);\r\n  }\r\n  \/* seam rings \u2014 continue the circle motif across section boundaries *\/\r\n  .bgv::before{\r\n    content:\"\"; position:absolute; top:-230px; right:-130px;\r\n    width:460px; height:460px; border:2px solid rgba(255,255,255,0.13);\r\n    border-radius:50%; pointer-events:none; z-index:0;\r\n  }\r\n  .bgv::after{\r\n    content:\"\"; position:absolute; bottom:-230px; left:-130px;\r\n    width:460px; height:460px; border:2px solid rgba(255,255,255,0.13);\r\n    border-radius:50%; pointer-events:none; z-index:0;\r\n  }\r\n\r\n  \/* faint dot-grid texture *\/\r\n  .bgv__grid-bg{\r\n    position:absolute; inset:0; z-index:0; pointer-events:none;\r\n    background-image:radial-gradient(rgba(255,255,255,0.16) 1px, transparent 1.4px);\r\n    background-size:28px 28px;\r\n    -webkit-mask-image:radial-gradient(120% 100% at 50% 0%, #000 0%, transparent 72%);\r\n    mask-image:radial-gradient(120% 100% at 50% 0%, #000 0%, transparent 72%);\r\n    opacity:.4;\r\n  }\r\n  \/* slow-drifting glow blobs *\/\r\n  .bgv__blob{\r\n    position:absolute; z-index:0; border-radius:50%;\r\n    filter:blur(50px); pointer-events:none; opacity:.5;\r\n  }\r\n  .bgv__blob--1{\r\n    width:360px; height:360px; top:-140px; left:-100px;\r\n    background:radial-gradient(circle at 30% 30%, rgba(120,165,225,0.45), rgba(120,165,225,0) 70%);\r\n    animation:bgvBlob1 18s ease-in-out infinite alternate;\r\n  }\r\n  .bgv__blob--2{\r\n    width:320px; height:320px; bottom:-150px; right:5%;\r\n    background:radial-gradient(circle at 60% 40%, rgba(30,68,128,0.55), rgba(30,68,128,0) 70%);\r\n    animation:bgvBlob2 22s ease-in-out infinite alternate;\r\n  }\r\n  @keyframes bgvBlob1{\r\n    from{ transform:translate(0,0) scale(1); }\r\n    to{ transform:translate(40px,30px) scale(1.12); }\r\n  }\r\n  @keyframes bgvBlob2{\r\n    from{ transform:translate(0,0) scale(1); }\r\n    to{ transform:translate(-50px,-30px) scale(1.15); }\r\n  }\r\n\r\n  .bgv__grid{\r\n    position:relative; z-index:2;\r\n    display:grid;\r\n    grid-template-columns:repeat(3,1fr);\r\n    gap:28px;\r\n    max-width:1100px;\r\n    margin:0 auto;\r\n  }\r\n\r\n  .bgv__item{\r\n    position:relative;\r\n    text-align:center;\r\n    padding:40px 24px;\r\n    border-radius:16px;\r\n    background:rgba(255,255,255,0.07);\r\n    border:1px solid rgba(255,255,255,0.16);\r\n    backdrop-filter:blur(6px);\r\n    -webkit-backdrop-filter:blur(6px);\r\n    transition:transform .28s cubic-bezier(.2,.7,.2,1), background .28s ease, border-color .28s ease, box-shadow .28s ease;\r\n  }\r\n  .bgv__item:hover{\r\n    transform:translateY(-6px);\r\n    background:rgba(255,255,255,0.12);\r\n    border-color:rgba(255,255,255,0.32);\r\n    box-shadow:0 18px 40px rgba(10,30,70,0.35);\r\n  }\r\n\r\n  \/* icon badge *\/\r\n  .bgv__icon{\r\n    width:74px; height:74px; margin:0 auto 22px;\r\n    border-radius:18px;\r\n    display:flex; align-items:center; justify-content:center;\r\n    background:rgba(255,255,255,0.12);\r\n    border:1px solid rgba(255,255,255,0.22);\r\n    color:#fff;\r\n    transition:background .28s ease, transform .28s ease, border-color .28s ease;\r\n  }\r\n  .bgv__item:hover .bgv__icon{\r\n    background:#fff; color:var(--blue);\r\n    border-color:#fff;\r\n    transform:scale(1.06);\r\n  }\r\n  .bgv__icon svg{ width:36px; height:36px; }\r\n\r\n  .bgv__name{\r\n    font-family:'Fraunces',Georgia,serif;\r\n    font-weight:600;\r\n    color:#fff;\r\n    font-size:clamp(24px,3vw,30px);\r\n    line-height:1.15;\r\n    letter-spacing:-0.01em;\r\n    margin:0;\r\n  }\r\n  \/* small accent underline that draws in *\/\r\n  .bgv__name::after{\r\n    content:\"\";\r\n    display:block;\r\n    width:0; height:3px;\r\n    margin:16px auto 0;\r\n    border-radius:3px;\r\n    background:var(--red);\r\n    transition:width .5s ease;\r\n  }\r\n  .bgv__item.is-shown .bgv__name::after{ width:48px; }\r\n\r\n  \/* load \/ scroll-in animation *\/\r\n  @keyframes bgvRise{ from{opacity:0; transform:translateY(26px);} to{opacity:1; transform:translateY(0);} }\r\n  .bgv__item{ opacity:0; }\r\n  .bgv__item.is-shown{ animation:bgvRise .6s cubic-bezier(.2,.7,.2,1) forwards; }\r\n  .bgv__item:nth-child(1).is-shown{ animation-delay:.05s; }\r\n  .bgv__item:nth-child(2).is-shown{ animation-delay:.17s; }\r\n  .bgv__item:nth-child(3).is-shown{ animation-delay:.29s; }\r\n\r\n  \/* fallback: if JS is stripped, never leave items invisible *\/\r\n  .no-js-fallback .bgv__item{ opacity:1; animation:none; }\r\n\r\n  @media (prefers-reduced-motion:reduce){\r\n    .bgv__blob{ animation:none; opacity:.4; }\r\n    .bgv__item{ opacity:1; animation:none; }\r\n    .bgv__item .bgv__name::after{ width:48px; }\r\n  }\r\n\r\n  @media (max-width:760px){\r\n    .bgv__grid{ grid-template-columns:1fr; max-width:420px; gap:20px; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"bgv\">\r\n  <div class=\"bgv__grid-bg\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"bgv__blob bgv__blob--1\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"bgv__blob bgv__blob--2\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div class=\"bgv__grid\">\r\n    <div class=\"bgv__item\">\r\n      <div class=\"bgv__icon\">\r\n        <!-- Integrity: shield with check -->\r\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg>\r\n      <\/div>\r\n      <p class=\"bgv__name\">Integrity<\/p>\r\n    <\/div>\r\n    <div class=\"bgv__item\">\r\n      <div class=\"bgv__icon\">\r\n        <!-- Transparency: eye -->\r\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7-10-7-10-7z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>\r\n      <\/div>\r\n      <p class=\"bgv__name\">Transparency<\/p>\r\n    <\/div>\r\n    <div class=\"bgv__item\">\r\n      <div class=\"bgv__icon\">\r\n        <!-- Professionalism: briefcase -->\r\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M16 7V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v2\"\/><path d=\"M2 13h20\"\/><\/svg>\r\n      <\/div>\r\n      <p class=\"bgv__name\">Professionalism<\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n\/* Reveal each value card when it scrolls into view (draws the underline + fades up).\r\n   If this script is stripped by Elementor, the fallback class keeps items visible. *\/\r\n(function(){\r\n  function ready(fn){\r\n    if(document.readyState !== 'loading') fn();\r\n    else document.addEventListener('DOMContentLoaded', fn);\r\n  }\r\n  ready(function(){\r\n    var section = document.querySelector('.bgv');\r\n    if(!section) return;\r\n    var items = section.querySelectorAll('.bgv__item');\r\n\r\n    function reveal(item){ item.classList.add('is-shown'); }\r\n\r\n    if('IntersectionObserver' in window){\r\n      var io = new IntersectionObserver(function(entries){\r\n        entries.forEach(function(e){\r\n          if(e.isIntersecting){ reveal(e.target); io.unobserve(e.target); }\r\n        });\r\n      }, {threshold:0.4});\r\n      items.forEach(function(it){ io.observe(it); });\r\n    } else {\r\n      items.forEach(reveal);\r\n    }\r\n  });\r\n})();\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-dd00313 elementor-section-full_width elementor-section-height-default elementor-section-height-default sc_fly_static\" data-id=\"dd00313\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-extended\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-253afc3 sc_inner_width_none sc_content_align_inherit sc_layouts_column_icons_position_left sc_fly_static\" data-id=\"253afc3\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5a98f8d elementor-widget__width-initial sc_fly_static elementor-widget elementor-widget-html\" data-id=\"5a98f8d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ===== BroadGate Services Widget \u2014 paste into Elementor HTML element ===== -->\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=Outfit:wght@400;500;600&display=swap');\r\n\r\n  .bgsv{\r\n    --blue:#2b5cab;\r\n    --blue-dark:#1f4480;\r\n    --red:#e41c23;\r\n    --ink:#585859;\r\n    position:relative;\r\n    font-family:'Outfit',system-ui,sans-serif;\r\n    padding:88px clamp(24px,5vw,96px);\r\n    overflow:hidden;\r\n    isolation:isolate;\r\n    border-radius:0;\r\n    background:\r\n      radial-gradient(120% 150% at 85% 0%, rgba(90,140,210,0.28) 0%, rgba(90,140,210,0) 55%),\r\n      linear-gradient(180deg,\r\n        var(--seg-top, #2b5cab) 0%,\r\n        var(--seg-bot, #3f74c4) 100%);\r\n  }\r\n  \/* seam rings \u2014 continue the circle motif across section boundaries *\/\r\n  .bgsv::before{\r\n    content:\"\"; position:absolute; top:-230px; left:-130px;\r\n    width:460px; height:460px; border:2px solid rgba(255,255,255,0.13);\r\n    border-radius:50%; pointer-events:none; z-index:0;\r\n  }\r\n  .bgsv::after{\r\n    content:\"\"; position:absolute; bottom:-230px; right:-130px;\r\n    width:460px; height:460px; border:2px solid rgba(255,255,255,0.13);\r\n    border-radius:50%; pointer-events:none; z-index:0;\r\n  }\r\n\r\n  \/* faint dot-grid texture so the surface never reads as flat\/empty *\/\r\n  .bgsv__grid-bg{\r\n    position:absolute;\r\n    inset:0;\r\n    z-index:0;\r\n    pointer-events:none;\r\n    background-image:radial-gradient(rgba(255,255,255,0.16) 1px, transparent 1.4px);\r\n    background-size:28px 28px;\r\n    -webkit-mask-image:radial-gradient(120% 80% at 50% 0%, #000 0%, transparent 72%);\r\n    mask-image:radial-gradient(120% 80% at 50% 0%, #000 0%, transparent 72%);\r\n    opacity:.45;\r\n  }\r\n\r\n  \/* slow-drifting glow blobs for depth and life *\/\r\n  .bgsv__blob{\r\n    position:absolute;\r\n    z-index:0;\r\n    border-radius:50%;\r\n    filter:blur(50px);\r\n    pointer-events:none;\r\n    opacity:.5;\r\n  }\r\n  .bgsv__blob--1{\r\n    width:420px; height:420px;\r\n    top:-160px; left:-120px;\r\n    background:radial-gradient(circle at 30% 30%, rgba(120,165,225,0.45), rgba(120,165,225,0) 70%);\r\n    animation:bgsvBlob1 16s ease-in-out infinite alternate;\r\n  }\r\n  .bgsv__blob--2{\r\n    width:340px; height:340px;\r\n    bottom:-150px; right:6%;\r\n    background:radial-gradient(circle at 60% 40%, rgba(30,68,128,0.55), rgba(30,68,128,0) 70%);\r\n    animation:bgsvBlob2 20s ease-in-out infinite alternate;\r\n  }\r\n  .bgsv__blob--3{\r\n    width:360px; height:360px;\r\n    top:44%; left:46%;\r\n    background:radial-gradient(circle at 50% 50%, rgba(91,140,210,0.30), rgba(91,140,210,0) 70%);\r\n    animation:bgsvBlob3 24s ease-in-out infinite alternate;\r\n  }\r\n  @keyframes bgsvBlob1{\r\n    from{ transform:translate(0,0) scale(1); }\r\n    to{ transform:translate(40px,30px) scale(1.12); }\r\n  }\r\n  @keyframes bgsvBlob2{\r\n    from{ transform:translate(0,0) scale(1); }\r\n    to{ transform:translate(-50px,-30px) scale(1.15); }\r\n  }\r\n  @keyframes bgsvBlob3{\r\n    from{ transform:translate(0,0) scale(1); }\r\n    to{ transform:translate(-30px,40px) scale(0.9); }\r\n  }\r\n\r\n  .bgsv__head{ position:relative; z-index:2; text-align:center; max-width:760px; margin:0 auto 64px; }\r\n  .bgsv__eyebrow{\r\n    display:inline-flex; align-items:center; gap:10px;\r\n    font-size:15px; font-weight:600; letter-spacing:.14em;\r\n    text-transform:uppercase; color:rgba(255,255,255,0.88); margin:0 0 18px;\r\n  }\r\n  .bgsv__eyebrow::before,.bgsv__eyebrow::after{\r\n    content:\"\"; width:28px; height:2px; background:var(--red); display:inline-block;\r\n  }\r\n  .bgsv__title{\r\n    font-family:'Fraunces',Georgia,serif; font-weight:600; color:#fff;\r\n    font-size:clamp(34px,4.2vw,54px); line-height:1.1; margin:0 0 16px;\r\n  }\r\n  .bgsv__sub{ color:rgba(255,255,255,0.85); font-size:19px; line-height:1.6; margin:0; }\r\n\r\n  .bgsv__grid{\r\n    position:relative;\r\n    z-index:2;\r\n    display:grid;\r\n    grid-template-columns:repeat(3,1fr);\r\n    gap:32px;\r\n    max-width:1320px;\r\n    margin:0 auto;\r\n    align-items:start;\r\n  }\r\n\r\n  .bgsv__card{\r\n    position:relative;\r\n    background:#ffffff;\r\n    border:1px solid rgba(255,255,255,0.5);\r\n    border-radius:20px;\r\n    padding:44px 38px;\r\n    box-shadow:0 18px 44px rgba(15,40,85,0.30);\r\n    transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;\r\n    overflow:hidden;\r\n  }\r\n  \/* top accent bar *\/\r\n  .bgsv__card::before{\r\n    content:\"\"; position:absolute; top:0; left:0; right:0; height:5px;\r\n    background:linear-gradient(90deg,var(--blue),var(--red));\r\n    transform:scaleX(0); transform-origin:left; transition:transform .35s ease;\r\n  }\r\n  .bgsv__card:hover{\r\n    transform:translateY(-6px);\r\n    box-shadow:0 28px 60px rgba(15,40,85,0.42);\r\n    border-color:rgba(255,255,255,0.8);\r\n  }\r\n  .bgsv__card:hover::before{ transform:scaleX(1); }\r\n\r\n  .bgsv__icon{\r\n    width:66px; height:66px; border-radius:14px;\r\n    display:flex; align-items:center; justify-content:center;\r\n    background:rgba(43,92,171,0.10); color:var(--blue);\r\n    margin-bottom:22px; transition:background .28s ease, color .28s ease;\r\n  }\r\n  .bgsv__card:hover .bgsv__icon{ background:var(--blue); color:#fff; }\r\n  .bgsv__icon svg{ width:32px; height:32px; }\r\n\r\n  .bgsv__name{\r\n    font-family:'Fraunces',Georgia,serif; font-weight:600;\r\n    font-size:27px; color:var(--ink); margin:0 0 8px;\r\n  }\r\n  .bgsv__hint{\r\n    font-size:15px; color:var(--blue); font-weight:500;\r\n    margin:0; display:flex; align-items:center; gap:7px;\r\n  }\r\n  .bgsv__hint svg{ width:16px; height:16px; transition:transform .3s ease; }\r\n\r\n  \/* expanding panel *\/\r\n  .bgsv__panel{\r\n    display:grid;\r\n    grid-template-rows:0fr;\r\n    transition:grid-template-rows .35s ease;\r\n  }\r\n  .bgsv__panel-inner{ overflow:hidden; }\r\n  .bgsv__list{\r\n    list-style:none; margin:22px 0 0; padding:22px 0 0;\r\n    border-top:1px solid rgba(43,92,171,0.12);\r\n  }\r\n  .bgsv__list li{ margin:0 0 3px; }\r\n  .bgsv__list a{\r\n    display:flex; align-items:center; gap:12px;\r\n    padding:11px 12px; border-radius:9px;\r\n    color:var(--ink); text-decoration:none; font-size:17px;\r\n    transition:background .2s ease, color .2s ease;\r\n  }\r\n  .bgsv__list a::before{\r\n    content:\"\"; width:7px; height:7px; border-radius:50%;\r\n    background:var(--red); flex:none;\r\n  }\r\n  .bgsv__list a:hover{ background:rgba(43,92,171,0.07); color:var(--blue); }\r\n\r\n  .bgsv__more{\r\n    display:inline-flex; align-items:center; gap:9px;\r\n    margin-top:20px; padding:14px 28px;\r\n    background:var(--blue); color:#fff; text-decoration:none;\r\n    font-size:16px; font-weight:600; border-radius:9px;\r\n    transition:background .2s ease, gap .2s ease;\r\n  }\r\n  .bgsv__more:hover{ background:var(--blue-dark); gap:13px; }\r\n  .bgsv__more svg{ width:17px; height:17px; }\r\n\r\n  \/* reveal logic: hover on desktop, .is-open (tap) on any *\/\r\n  @media (hover:hover){\r\n    .bgsv__card:hover .bgsv__panel{ grid-template-rows:1fr; }\r\n    .bgsv__card:hover .bgsv__hint svg{ transform:rotate(90deg); }\r\n  }\r\n  .bgsv__card.is-open .bgsv__panel{ grid-template-rows:1fr; }\r\n  .bgsv__card.is-open .bgsv__hint svg{ transform:rotate(90deg); }\r\n\r\n  \/* load animation *\/\r\n  @keyframes bgsvRise{ from{opacity:0; transform:translateY(24px);} to{opacity:1; transform:translateY(0);} }\r\n  .bgsv__card{ opacity:0; animation:bgsvRise .6s cubic-bezier(.2,.7,.2,1) forwards; }\r\n  .bgsv__card:nth-child(1){ animation-delay:.12s; }\r\n  .bgsv__card:nth-child(2){ animation-delay:.20s; }\r\n  .bgsv__card:nth-child(3){ animation-delay:.28s; }\r\n  .bgsv__card:nth-child(4){ animation-delay:.36s; }\r\n  .bgsv__card:nth-child(5){ animation-delay:.44s; }\r\n  .bgsv__card:nth-child(6){ animation-delay:.52s; }\r\n  @media (prefers-reduced-motion:reduce){\r\n    .bgsv__card{ animation:none; opacity:1; }\r\n    .bgsv__blob{ animation:none; opacity:.4; }\r\n  }\r\n\r\n  @media (max-width:880px){\r\n    .bgsv__grid{ grid-template-columns:1fr; max-width:560px; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"bgsv\">\r\n  <div class=\"bgsv__grid-bg\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"bgsv__blob bgsv__blob--1\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"bgsv__blob bgsv__blob--2\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"bgsv__blob bgsv__blob--3\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div class=\"bgsv__head\">\r\n    <p class=\"bgsv__eyebrow\">Our Services<\/p>\r\n    <h2 class=\"bgsv__title\">How we can help you move forward<\/h2>\r\n    <p class=\"bgsv__sub\">Tailored immigration pathways for every stage of your journey to Canada.<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"bgsv__grid\">\r\n\r\n    <!-- Card 1: Temporary Visa -->\r\n    <div class=\"bgsv__card\" onclick=\"this.classList.toggle('is-open')\">\r\n      <div class=\"bgsv__icon\">\r\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 7h18M3 12h18M3 17h18\"\/><path d=\"M8 3v18\"\/><\/svg>\r\n      <\/div>\r\n      <h3 class=\"bgsv__name\">Temporary Visa<\/h3>\r\n      <p class=\"bgsv__hint\">View Services <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 6l6 6-6 6\"\/><\/svg><\/p>\r\n      <div class=\"bgsv__panel\"><div class=\"bgsv__panel-inner\">\r\n        <ul class=\"bgsv__list\">\r\n          <li><a href=\"#visitor-visa\">Visitor Visa<\/a><\/li>\r\n          <li><a href=\"#study-permit\">Study Permit<\/a><\/li>\r\n          <li><a href=\"#work-permit\">Work Permit<\/a><\/li>\r\n        <\/ul>\r\n        <a href=\"#temporary-visa\" class=\"bgsv__more\">\r\n          More\r\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n        <\/a>\r\n      <\/div><\/div>\r\n    <\/div>\r\n\r\n    <!-- Card 2: Permanent Residence -->\r\n    <div class=\"bgsv__card\" onclick=\"this.classList.toggle('is-open')\">\r\n      <div class=\"bgsv__icon\">\r\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 11l9-8 9 8\"\/><path d=\"M5 10v10h14V10\"\/><path d=\"M9 20v-6h6v6\"\/><\/svg>\r\n      <\/div>\r\n      <h3 class=\"bgsv__name\">Permanent Residence<\/h3>\r\n      <p class=\"bgsv__hint\">View Services <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 6l6 6-6 6\"\/><\/svg><\/p>\r\n      <div class=\"bgsv__panel\"><div class=\"bgsv__panel-inner\">\r\n        <ul class=\"bgsv__list\">\r\n          <li><a href=\"#express-entry\">Express Entry<\/a><\/li>\r\n          <li><a href=\"#pnp\">Provincial Nominee Program (PNP)<\/a><\/li>\r\n          <li><a href=\"#sponsorship\">Sponsorship<\/a><\/li>\r\n        <\/ul>\r\n        <a href=\"#permanent-residence\" class=\"bgsv__more\">\r\n          More\r\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n        <\/a>\r\n      <\/div><\/div>\r\n    <\/div>\r\n\r\n    <!-- Card 3: Business and Investment -->\r\n    <div class=\"bgsv__card\" onclick=\"this.classList.toggle('is-open')\">\r\n      <div class=\"bgsv__icon\">\r\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 21h18\"\/><path d=\"M5 21V8l7-4 7 4v13\"\/><path d=\"M9 21v-6h6v6\"\/><\/svg>\r\n      <\/div>\r\n      <h3 class=\"bgsv__name\">Business and Investment<\/h3>\r\n      <p class=\"bgsv__hint\">View Services <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 6l6 6-6 6\"\/><\/svg><\/p>\r\n      <div class=\"bgsv__panel\"><div class=\"bgsv__panel-inner\">\r\n        <ul class=\"bgsv__list\">\r\n          <!-- TODO: replace these placeholder sub-services -->\r\n          <li><a href=\"#start-up-visa\">Start-Up Visa<\/a><\/li>\r\n          <li><a href=\"#self-employed\">Self-Employed Persons Program<\/a><\/li>\r\n          <li><a href=\"#investor-program\">Investor \/ Entrepreneur Program<\/a><\/li>\r\n        <\/ul>\r\n        <a href=\"#business-investment\" class=\"bgsv__more\">\r\n          More\r\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n        <\/a>\r\n      <\/div><\/div>\r\n    <\/div>\r\n\r\n    <!-- Card 4: Canadian Citizenship -->\r\n    <div class=\"bgsv__card\" onclick=\"this.classList.toggle('is-open')\">\r\n      <div class=\"bgsv__icon\">\r\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"8\" r=\"5\"\/><path d=\"M8.5 12.5 7 22l5-3 5 3-1.5-9.5\"\/><\/svg>\r\n      <\/div>\r\n      <h3 class=\"bgsv__name\">Canadian Citizenship<\/h3>\r\n      <p class=\"bgsv__hint\">View Services <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 6l6 6-6 6\"\/><\/svg><\/p>\r\n      <div class=\"bgsv__panel\"><div class=\"bgsv__panel-inner\">\r\n        <ul class=\"bgsv__list\">\r\n          <li><a href=\"#citizenship-application\">Citizenship Application<\/a><\/li>\r\n          <li><a href=\"#citizenship-test\">Citizenship Test Preparation<\/a><\/li>\r\n          <li><a href=\"#proof-of-citizenship\">Proof of Citizenship<\/a><\/li>\r\n        <\/ul>\r\n        <a href=\"#canadian-citizenship\" class=\"bgsv__more\">\r\n          More\r\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n        <\/a>\r\n      <\/div><\/div>\r\n    <\/div>\r\n\r\n    <!-- Card 5: Appeals & Refusal -->\r\n    <div class=\"bgsv__card\" onclick=\"this.classList.toggle('is-open')\">\r\n      <div class=\"bgsv__icon\">\r\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg>\r\n      <\/div>\r\n      <h3 class=\"bgsv__name\">Appeals &amp; Refusal<\/h3>\r\n      <p class=\"bgsv__hint\">View Services <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 6l6 6-6 6\"\/><\/svg><\/p>\r\n      <div class=\"bgsv__panel\"><div class=\"bgsv__panel-inner\">\r\n        <ul class=\"bgsv__list\">\r\n          <li><a href=\"#residency-obligation\">Residency Obligation<\/a><\/li>\r\n          <li><a href=\"#inadmissibility\">Inadmissibility Issues<\/a><\/li>\r\n          <li><a href=\"#sponsorship-appeals\">Sponsorship Appeals<\/a><\/li>\r\n        <\/ul>\r\n        <a href=\"#appeals-refusal\" class=\"bgsv__more\">\r\n          More\r\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n        <\/a>\r\n      <\/div><\/div>\r\n    <\/div>\r\n\r\n    <!-- Card 6: Other -->\r\n    <div class=\"bgsv__card\" onclick=\"this.classList.toggle('is-open')\">\r\n      <div class=\"bgsv__icon\">\r\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"5\" cy=\"12\" r=\"1.6\"\/><circle cx=\"12\" cy=\"12\" r=\"1.6\"\/><circle cx=\"19\" cy=\"12\" r=\"1.6\"\/><\/svg>\r\n      <\/div>\r\n      <h3 class=\"bgsv__name\">Other<\/h3>\r\n      <p class=\"bgsv__hint\">View Services <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 6l6 6-6 6\"\/><\/svg><\/p>\r\n      <div class=\"bgsv__panel\"><div class=\"bgsv__panel-inner\">\r\n        <ul class=\"bgsv__list\">\r\n          <li><a href=\"#refugee-claims\">Refugee Claims<\/a><\/li>\r\n          <li><a href=\"#commissioner-of-oath\">Commissioner of Oath<\/a><\/li>\r\n          <li><a href=\"#consultation\">General Consultation<\/a><\/li>\r\n        <\/ul>\r\n        <a href=\"#other-services\" class=\"bgsv__more\">\r\n          More\r\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n        <\/a>\r\n      <\/div><\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ff30ee2 sc_fly_static elementor-widget elementor-widget-html\" data-id=\"ff30ee2\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ===== BroadGate About Widget \u2014 paste into Elementor HTML element ===== -->\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=Outfit:wght@400;500;600&display=swap');\r\n\r\n  .bga{\r\n    --blue:#2b5cab;\r\n    --blue-dark:#1f4480;\r\n    --red:#e41c23;\r\n    position:relative;\r\n    overflow:hidden;\r\n    isolation:isolate;\r\n    border-radius:0;\r\n    padding:80px clamp(24px,5vw,80px);\r\n    font-family:'Outfit',system-ui,sans-serif;\r\n    background:\r\n      radial-gradient(120% 150% at 85% 0%, rgba(90,140,210,0.28) 0%, rgba(90,140,210,0) 55%),\r\n      linear-gradient(180deg,\r\n        var(--seg-top, #2b5cab) 0%,\r\n        var(--seg-bot, #3f74c4) 100%);\r\n  }\r\n  \/* seam rings \u2014 continue the circle motif across section boundaries *\/\r\n  .bga::before{\r\n    content:\"\"; position:absolute; top:-230px; right:-130px;\r\n    width:460px; height:460px; border:2px solid rgba(255,255,255,0.13);\r\n    border-radius:50%; pointer-events:none; z-index:0;\r\n  }\r\n  .bga::after{\r\n    content:\"\"; position:absolute; bottom:-230px; left:-130px;\r\n    width:460px; height:460px; border:2px solid rgba(255,255,255,0.13);\r\n    border-radius:50%; pointer-events:none; z-index:0;\r\n  }\r\n\r\n  \/* faint dot-grid texture *\/\r\n  .bga__grid-bg{\r\n    position:absolute; inset:0; z-index:0; pointer-events:none;\r\n    background-image:radial-gradient(rgba(255,255,255,0.16) 1px, transparent 1.4px);\r\n    background-size:28px 28px;\r\n    -webkit-mask-image:radial-gradient(120% 100% at 30% 30%, #000 0%, transparent 72%);\r\n    mask-image:radial-gradient(120% 100% at 30% 30%, #000 0%, transparent 72%);\r\n    opacity:.4;\r\n  }\r\n  \/* slow-drifting glow blobs *\/\r\n  .bga__blob{\r\n    position:absolute; z-index:0; border-radius:50%;\r\n    filter:blur(50px); pointer-events:none; opacity:.5;\r\n  }\r\n  .bga__blob--1{\r\n    width:380px; height:380px; top:-140px; left:-110px;\r\n    background:radial-gradient(circle at 30% 30%, rgba(120,165,225,0.45), rgba(120,165,225,0) 70%);\r\n    animation:bgaBlob1 18s ease-in-out infinite alternate;\r\n  }\r\n  .bga__blob--2{\r\n    width:320px; height:320px; bottom:-150px; right:6%;\r\n    background:radial-gradient(circle at 60% 40%, rgba(30,68,128,0.55), rgba(30,68,128,0) 70%);\r\n    animation:bgaBlob2 22s ease-in-out infinite alternate;\r\n  }\r\n  @keyframes bgaBlob1{\r\n    from{ transform:translate(0,0) scale(1); }\r\n    to{ transform:translate(40px,30px) scale(1.12); }\r\n  }\r\n  @keyframes bgaBlob2{\r\n    from{ transform:translate(0,0) scale(1); }\r\n    to{ transform:translate(-50px,-30px) scale(1.15); }\r\n  }\r\n\r\n  .bga__container{\r\n    position:relative; z-index:2;\r\n    max-width:1200px; margin:0 auto;\r\n    display:grid;\r\n    grid-template-columns:1fr 1fr;\r\n    gap:60px;\r\n    align-items:center;\r\n  }\r\n\r\n  .bga__content{ display:flex; flex-direction:column; }\r\n\r\n  .bga__eyebrow{\r\n    display:inline-flex; align-items:center; gap:9px;\r\n    font-size:0.85rem; font-weight:600; letter-spacing:.14em;\r\n    text-transform:uppercase; color:rgba(255,255,255,0.88); margin:0 0 16px;\r\n  }\r\n  .bga__eyebrow::before{\r\n    content:\"\"; width:26px; height:2px; background:var(--red); display:inline-block;\r\n  }\r\n\r\n  .bga__title{\r\n    font-family:'Fraunces',Georgia,serif;\r\n    font-size:clamp(2rem,4vw,2.7rem); font-weight:600; line-height:1.15;\r\n    color:#ffffff; margin:0 0 24px; letter-spacing:-0.01em;\r\n  }\r\n  .bga__title span{ color:#a9c8f5; }\r\n\r\n  .bga__description{\r\n    font-size:1.05rem; line-height:1.75;\r\n    color:rgba(255,255,255,0.85); margin:0 0 18px;\r\n  }\r\n  .bga__description:last-of-type{ margin-bottom:32px; }\r\n\r\n  .bga__cta-group{ display:flex; flex-wrap:wrap; gap:14px; }\r\n\r\n  .bga__cta{\r\n    position:relative;\r\n    display:inline-flex; align-items:center; gap:8px;\r\n    padding:14px 28px; text-decoration:none;\r\n    font-weight:600; font-size:1rem; border-radius:9px;\r\n    overflow:hidden;\r\n    transition:transform .25s cubic-bezier(.2,.7,.2,1), box-shadow .25s ease, background .25s ease, color .25s ease;\r\n  }\r\n  \/* shine sweep on hover *\/\r\n  .bga__cta::before{\r\n    content:\"\"; position:absolute; top:0; left:-130%;\r\n    width:60%; height:100%;\r\n    background:linear-gradient(120deg, transparent, rgba(255,255,255,0.4), transparent);\r\n    transform:skewX(-20deg); transition:left .6s ease; pointer-events:none;\r\n  }\r\n  .bga__cta:hover::before{ left:140%; }\r\n  .bga__cta::after{ content:'\u2192'; transition:transform .25s ease; }\r\n  .bga__cta:hover::after{ transform:translateX(4px); }\r\n\r\n  \/* primary = white on blue *\/\r\n  .bga__cta-primary{\r\n    background:#ffffff; color:var(--blue);\r\n    box-shadow:0 12px 28px rgba(15,40,85,0.35);\r\n  }\r\n  .bga__cta-primary:hover{\r\n    transform:translateY(-3px); background:#f0f5ff; color:var(--blue);\r\n    box-shadow:0 16px 36px rgba(15,40,85,0.45);\r\n  }\r\n  \/* secondary = white outline *\/\r\n  .bga__cta-secondary{\r\n    background:rgba(255,255,255,0.08); color:#fff;\r\n    border:2px solid rgba(255,255,255,0.55); padding:12px 26px;\r\n  }\r\n  .bga__cta-secondary:hover{\r\n    transform:translateY(-3px); background:#fff; color:var(--blue);\r\n    border-color:#fff; box-shadow:0 14px 30px rgba(15,40,85,0.30);\r\n  }\r\n\r\n  \/* image *\/\r\n  .bga__image-wrapper{ position:relative; }\r\n  .bga__image{\r\n    width:100%; height:auto; border-radius:16px;\r\n    box-shadow:0 24px 60px rgba(10,30,70,0.45);\r\n    display:block; position:relative; z-index:1;\r\n    transition:transform .5s cubic-bezier(.2,.7,.2,1), box-shadow .5s ease;\r\n  }\r\n  .bga__image-wrapper:hover .bga__image{\r\n    transform:translateY(-6px);\r\n    box-shadow:0 32px 72px rgba(10,30,70,0.55);\r\n  }\r\n  \/* offset accent panels *\/\r\n  .bga__image-wrapper::before{\r\n    content:\"\"; position:absolute; top:-18px; right:-18px;\r\n    width:100%; height:100%; border:2px solid rgba(255,255,255,0.30);\r\n    border-radius:16px; z-index:0;\r\n  }\r\n  .bga__image-wrapper::after{\r\n    content:\"\"; position:absolute; bottom:-18px; left:-18px;\r\n    width:84px; height:84px; background:var(--red);\r\n    border-radius:14px; z-index:0; opacity:.85;\r\n    box-shadow:0 10px 24px rgba(228,28,35,0.35);\r\n  }\r\n\r\n  \/* load \/ scroll-in animation *\/\r\n  @keyframes bgaRise{ from{opacity:0; transform:translateY(24px);} to{opacity:1; transform:translateY(0);} }\r\n  @keyframes bgaImg{ from{opacity:0; transform:translateY(28px) scale(.97);} to{opacity:1; transform:translateY(0) scale(1);} }\r\n  .bga__eyebrow,.bga__title,.bga__description,.bga__cta-group,.bga__image-wrapper{\r\n    opacity:0; animation-duration:.7s; animation-timing-function:cubic-bezier(.2,.7,.2,1); animation-fill-mode:forwards;\r\n  }\r\n  .bga__eyebrow{ animation-name:bgaRise; animation-delay:.10s; }\r\n  .bga__title{ animation-name:bgaRise; animation-delay:.20s; }\r\n  .bga__description:nth-of-type(1){ animation-name:bgaRise; animation-delay:.30s; }\r\n  .bga__description:nth-of-type(2){ animation-name:bgaRise; animation-delay:.40s; }\r\n  .bga__description:nth-of-type(3){ animation-name:bgaRise; animation-delay:.50s; }\r\n  .bga__cta-group{ animation-name:bgaRise; animation-delay:.60s; }\r\n  .bga__image-wrapper{ animation-name:bgaImg; animation-delay:.30s; animation-duration:.9s; }\r\n\r\n  @media (prefers-reduced-motion:reduce){\r\n    .bga__blob{ animation:none; opacity:.4; }\r\n    .bga__eyebrow,.bga__title,.bga__description,.bga__cta-group,.bga__image-wrapper{\r\n      animation:none; opacity:1; transform:none;\r\n    }\r\n  }\r\n\r\n  @media (max-width:1024px){\r\n    .bga__title{ font-size:2.1rem; }\r\n  }\r\n  @media (max-width:768px){\r\n    .bga{ padding:60px 22px; }\r\n    .bga__container{ grid-template-columns:1fr; gap:48px; }\r\n    .bga__image-wrapper{ order:-1; }\r\n    .bga__title{ font-size:1.85rem; }\r\n    .bga__image-wrapper::before{ top:-10px; right:-10px; }\r\n    .bga__image-wrapper::after{ bottom:-10px; left:-10px; width:60px; height:60px; }\r\n    .bga__cta-group{ flex-direction:column; align-items:stretch; }\r\n    .bga__cta{ justify-content:center; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"bga\">\r\n  <div class=\"bga__grid-bg\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"bga__blob bga__blob--1\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"bga__blob bga__blob--2\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div class=\"bga__container\">\r\n    <div class=\"bga__content\">\r\n      <span class=\"bga__eyebrow\">About Us<\/span>\r\n      <h2 class=\"bga__title\">Your trusted partner on the journey <span>to Canada<\/span><\/h2>\r\n      <p class=\"bga__description\">\r\n        Broadgate Immigration was founded with a simple mission \u2014 to make the journey to Canada more accessible, transparent, and stress-free for individuals, families, and businesses around the world.\r\n      <\/p>\r\n      <p class=\"bga__description\">\r\n        We understand that every immigration journey represents a major life decision filled with opportunity, ambition, and uncertainty. That is why we focus on delivering clear communication, professional guidance, and dependable support tailored to each client's unique goals.\r\n      <\/p>\r\n      <p class=\"bga__description\">\r\n        From temporary visas to permanent residency pathways, Broadgate is committed to helping clients move forward with confidence. Our team takes pride in building lasting relationships through integrity, responsiveness, and a genuine commitment to helping people create new opportunities in Canada.\r\n      <\/p>\r\n      <div class=\"bga__cta-group\">\r\n        <a href=\"https:\/\/broadgate.ca\/fa\/free-immigration-assessment\/\" class=\"bga__cta bga__cta-primary\">Take Free Assessment<\/a>\r\n        <a href=\"#consultation\" class=\"bga__cta bga__cta-secondary\">Book Consultation<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"bga__image-wrapper\">\r\n      <img decoding=\"async\" src=\"https:\/\/broadgate.ca\/wp-content\/uploads\/2026\/05\/Final-13.png\" alt=\"Broadgate Immigration team\" class=\"bga__image\">\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-bad7270 elementor-section-full_width elementor-section-height-default elementor-section-height-default sc_fly_static\" data-id=\"bad7270\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-extended\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0b8e7b0 sc_inner_width_none sc_content_align_inherit sc_layouts_column_icons_position_left sc_fly_static\" data-id=\"0b8e7b0\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-bee1180 sc_fly_static elementor-widget elementor-widget-html\" data-id=\"bee1180\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ===== BroadGate Our Process Widget \u2014 paste into Elementor HTML element ===== -->\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=Outfit:wght@400;500;600&display=swap');\r\n\r\n  .bgp{\r\n    --blue:#2b5cab;\r\n    --blue-dark:#1f4480;\r\n    --red:#e41c23;\r\n    position:relative;\r\n    overflow:hidden;\r\n    isolation:isolate;\r\n    padding:80px clamp(24px,5vw,80px);\r\n    font-family:'Outfit',system-ui,sans-serif;\r\n    background:\r\n      radial-gradient(120% 150% at 15% 0%, rgba(90,140,210,0.28) 0%, rgba(90,140,210,0) 55%),\r\n      linear-gradient(180deg,\r\n        var(--seg-top, #2b5cab) 0%,\r\n        var(--seg-bot, #3f74c4) 100%);\r\n  }\r\n  \/* seam rings \u2014 continue the circle motif across section boundaries *\/\r\n  .bgp::before{\r\n    content:\"\"; position:absolute; top:-230px; left:-130px;\r\n    width:460px; height:460px; border:2px solid rgba(255,255,255,0.13);\r\n    border-radius:50%; pointer-events:none; z-index:0;\r\n  }\r\n  .bgp::after{\r\n    content:\"\"; position:absolute; bottom:-230px; left:-130px;\r\n    width:460px; height:460px; border:2px solid rgba(255,255,255,0.13);\r\n    border-radius:50%; pointer-events:none; z-index:0;\r\n  }\r\n\r\n  \/* faint dot-grid texture *\/\r\n  .bgp__grid-bg{\r\n    position:absolute; inset:0; z-index:0; pointer-events:none;\r\n    background-image:radial-gradient(rgba(255,255,255,0.16) 1px, transparent 1.4px);\r\n    background-size:28px 28px;\r\n    -webkit-mask-image:radial-gradient(120% 100% at 70% 30%, #000 0%, transparent 72%);\r\n    mask-image:radial-gradient(120% 100% at 70% 30%, #000 0%, transparent 72%);\r\n    opacity:.4;\r\n  }\r\n  \/* slow-drifting glow blobs *\/\r\n  .bgp__blob{\r\n    position:absolute; z-index:0; border-radius:50%;\r\n    filter:blur(50px); pointer-events:none; opacity:.5;\r\n  }\r\n  .bgp__blob--1{\r\n    width:380px; height:380px; top:-140px; right:-110px;\r\n    background:radial-gradient(circle at 30% 30%, rgba(120,165,225,0.45), rgba(120,165,225,0) 70%);\r\n    animation:bgpBlob1 18s ease-in-out infinite alternate;\r\n  }\r\n  .bgp__blob--2{\r\n    width:320px; height:320px; bottom:-150px; left:6%;\r\n    background:radial-gradient(circle at 60% 40%, rgba(30,68,128,0.55), rgba(30,68,128,0) 70%);\r\n    animation:bgpBlob2 22s ease-in-out infinite alternate;\r\n  }\r\n  @keyframes bgpBlob1{\r\n    from{ transform:translate(0,0) scale(1); }\r\n    to{ transform:translate(-40px,30px) scale(1.12); }\r\n  }\r\n  @keyframes bgpBlob2{\r\n    from{ transform:translate(0,0) scale(1); }\r\n    to{ transform:translate(50px,-30px) scale(1.15); }\r\n  }\r\n\r\n  .bgp__container{\r\n    position:relative; z-index:2;\r\n    max-width:1200px; margin:0 auto;\r\n  }\r\n\r\n  \/* header *\/\r\n  .bgp__header{\r\n    text-align:center; max-width:680px; margin:0 auto 60px;\r\n    display:flex; flex-direction:column; align-items:center;\r\n  }\r\n  .bgp__eyebrow{\r\n    display:inline-flex; align-items:center; gap:9px;\r\n    font-size:0.85rem; font-weight:600; letter-spacing:.14em;\r\n    text-transform:uppercase; color:rgba(255,255,255,0.88); margin:0 0 16px;\r\n  }\r\n  .bgp__eyebrow::before,\r\n  .bgp__eyebrow::after{\r\n    content:\"\"; width:26px; height:2px; background:var(--red); display:inline-block;\r\n  }\r\n  .bgp__title{\r\n    font-family:'Fraunces',Georgia,serif;\r\n    font-size:clamp(2rem,4vw,2.7rem); font-weight:600; line-height:1.15;\r\n    color:#ffffff; margin:0 0 18px; letter-spacing:-0.01em;\r\n  }\r\n  .bgp__title span{ color:#a9c8f5; }\r\n  .bgp__subtitle{\r\n    font-size:1.05rem; line-height:1.7; color:rgba(255,255,255,0.85); margin:0;\r\n  }\r\n\r\n  \/* steps grid *\/\r\n  .bgp__steps{\r\n    display:grid;\r\n    grid-template-columns:repeat(3,1fr);\r\n    gap:28px;\r\n    position:relative;\r\n  }\r\n\r\n  .bgp__card{\r\n    position:relative;\r\n    background:rgba(255,255,255,0.07);\r\n    border:1px solid rgba(255,255,255,0.16);\r\n    border-radius:16px;\r\n    padding:38px 30px 34px;\r\n    backdrop-filter:blur(6px);\r\n    -webkit-backdrop-filter:blur(6px);\r\n    overflow:hidden;\r\n    transition:transform .35s cubic-bezier(.2,.7,.2,1), box-shadow .35s ease, background .35s ease, border-color .35s ease;\r\n  }\r\n  .bgp__card:hover{\r\n    transform:translateY(-8px);\r\n    background:rgba(255,255,255,0.12);\r\n    border-color:rgba(255,255,255,0.32);\r\n    box-shadow:0 24px 50px rgba(10,30,70,0.42);\r\n  }\r\n  \/* top accent line that grows on hover *\/\r\n  .bgp__card::after{\r\n    content:\"\"; position:absolute; top:0; left:0;\r\n    width:100%; height:3px; background:var(--red);\r\n    transform:scaleX(0); transform-origin:left; transition:transform .4s ease;\r\n  }\r\n  .bgp__card:hover::after{ transform:scaleX(1); }\r\n\r\n  .bgp__num{\r\n    font-family:'Fraunces',Georgia,serif;\r\n    font-size:2.6rem; font-weight:600; line-height:1;\r\n    color:#a9c8f5; margin:0 0 20px;\r\n    display:flex; align-items:center; gap:12px;\r\n  }\r\n  .bgp__num::after{\r\n    content:\"\"; flex:1; height:1px; background:rgba(255,255,255,0.20);\r\n  }\r\n\r\n  .bgp__card-title{\r\n    font-family:'Fraunces',Georgia,serif;\r\n    font-size:1.3rem; font-weight:600; line-height:1.25;\r\n    color:#ffffff; margin:0 0 12px;\r\n  }\r\n  .bgp__card-text{\r\n    font-size:1rem; line-height:1.7; color:rgba(255,255,255,0.82); margin:0;\r\n  }\r\n\r\n  \/* connecting arrows between cards (desktop) *\/\r\n  .bgp__steps::before{\r\n    content:\"\"; position:absolute; top:54px; left:33.33%; right:33.33%;\r\n    height:0; border-top:2px dashed rgba(255,255,255,0.22);\r\n    z-index:0; pointer-events:none;\r\n  }\r\n\r\n  \/* load \/ scroll-in animation *\/\r\n  @keyframes bgpRise{ from{opacity:0; transform:translateY(24px);} to{opacity:1; transform:translateY(0);} }\r\n  .bgp__eyebrow,.bgp__title,.bgp__subtitle,.bgp__card{\r\n    opacity:0; animation-duration:.7s; animation-timing-function:cubic-bezier(.2,.7,.2,1); animation-fill-mode:forwards;\r\n    animation-name:bgpRise;\r\n  }\r\n  .bgp__eyebrow{ animation-delay:.10s; }\r\n  .bgp__title{ animation-delay:.20s; }\r\n  .bgp__subtitle{ animation-delay:.30s; }\r\n  .bgp__card:nth-child(1){ animation-delay:.40s; }\r\n  .bgp__card:nth-child(2){ animation-delay:.52s; }\r\n  .bgp__card:nth-child(3){ animation-delay:.64s; }\r\n\r\n  @media (prefers-reduced-motion:reduce){\r\n    .bgp__blob{ animation:none; opacity:.4; }\r\n    .bgp__eyebrow,.bgp__title,.bgp__subtitle,.bgp__card{\r\n      animation:none; opacity:1; transform:none;\r\n    }\r\n  }\r\n\r\n  @media (max-width:1024px){\r\n    .bgp__title{ font-size:2.1rem; }\r\n    .bgp__steps{ grid-template-columns:1fr; gap:22px; }\r\n    .bgp__steps::before{ display:none; }\r\n  }\r\n  @media (max-width:768px){\r\n    .bgp{ padding:60px 22px; }\r\n    .bgp__title{ font-size:1.85rem; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"bgp\">\r\n  <div class=\"bgp__grid-bg\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"bgp__blob bgp__blob--1\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"bgp__blob bgp__blob--2\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div class=\"bgp__container\">\r\n    <div class=\"bgp__header\">\r\n      <span class=\"bgp__eyebrow\">Our Approach<\/span>\r\n      <h2 class=\"bgp__title\">A clear path <span>from start to finish<\/span><\/h2>\r\n      <p class=\"bgp__subtitle\">\r\n        We keep your immigration journey simple and transparent \u2014 guiding you through every stage with professional support you can rely on.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"bgp__steps\">\r\n      <div class=\"bgp__card\">\r\n        <div class=\"bgp__num\">01<\/div>\r\n        <h3 class=\"bgp__card-title\">Consultation &amp; Strategy<\/h3>\r\n        <p class=\"bgp__card-text\">We start by assessing your unique situation and outline realistic immigration options.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"bgp__card\">\r\n        <div class=\"bgp__num\">02<\/div>\r\n        <h3 class=\"bgp__card-title\">Preparation &amp; Submission<\/h3>\r\n        <p class=\"bgp__card-text\">Your application is prepared carefully for accuracy and compliance.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"bgp__card\">\r\n        <div class=\"bgp__num\">03<\/div>\r\n        <h3 class=\"bgp__card-title\">Follow-Up &amp; Guidance<\/h3>\r\n        <p class=\"bgp__card-text\">We track progress and guide you through next steps.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7b20614 elementor-section-full_width elementor-section-height-default elementor-section-height-default sc_fly_static\" data-id=\"7b20614\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-extended\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2dfb132 sc_inner_width_none sc_content_align_inherit sc_layouts_column_icons_position_left sc_fly_static\" data-id=\"2dfb132\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0dab448 sc_fly_static elementor-widget elementor-widget-html\" data-id=\"0dab448\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ===== BroadGate Map Header Widget \u2014 paste into Elementor HTML element, ABOVE the Google Maps widget ===== -->\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=Outfit:wght@400;500;600&display=swap');\r\n\r\n  .bgmh{\r\n    --blue:#2b5cab;\r\n    --blue-dark:#1f4480;\r\n    --red:#e41c23;\r\n    position:relative;\r\n    overflow:hidden;\r\n    isolation:isolate;\r\n    \/* squared top (meets About above), rounded bottom isn't needed \u2014 map sits flush below *\/\r\n    border-radius:0;\r\n    padding:72px clamp(24px,5vw,80px) 64px;\r\n    font-family:'Outfit',system-ui,sans-serif;\r\n    background:\r\n      radial-gradient(120% 150% at 85% 0%, rgba(90,140,210,0.28) 0%, rgba(90,140,210,0) 55%),\r\n      linear-gradient(180deg,\r\n        var(--seg-top, #3a6cbe) 0%,\r\n        var(--seg-bot, #4f86d6) 100%);\r\n  }\r\n  \/* seam ring \u2014 matches the About section's bottom-left ring above it *\/\r\n  .bgmh::before{\r\n    content:\"\"; position:absolute; top:-230px; left:-130px;\r\n    width:460px; height:460px; border:2px solid rgba(255,255,255,0.13);\r\n    border-radius:50%; pointer-events:none; z-index:0;\r\n  }\r\n  \/* lower-right ring drifting toward the map for continuity *\/\r\n  .bgmh::after{\r\n    content:\"\"; position:absolute; bottom:-180px; right:-120px;\r\n    width:380px; height:380px; border:2px solid rgba(255,255,255,0.10);\r\n    border-radius:50%; pointer-events:none; z-index:0;\r\n  }\r\n\r\n  \/* faint dot-grid texture *\/\r\n  .bgmh__grid-bg{\r\n    position:absolute; inset:0; z-index:0; pointer-events:none;\r\n    background-image:radial-gradient(rgba(255,255,255,0.16) 1px, transparent 1.4px);\r\n    background-size:28px 28px;\r\n    -webkit-mask-image:radial-gradient(120% 100% at 50% 0%, #000 0%, transparent 72%);\r\n    mask-image:radial-gradient(120% 100% at 50% 0%, #000 0%, transparent 72%);\r\n    opacity:.4;\r\n  }\r\n  \/* slow-drifting glow blobs *\/\r\n  .bgmh__blob{\r\n    position:absolute; z-index:0; border-radius:50%;\r\n    filter:blur(50px); pointer-events:none; opacity:.5;\r\n  }\r\n  .bgmh__blob--1{\r\n    width:360px; height:360px; top:-140px; left:-90px;\r\n    background:radial-gradient(circle at 30% 30%, rgba(120,165,225,0.45), rgba(120,165,225,0) 70%);\r\n    animation:bgmhBlob1 18s ease-in-out infinite alternate;\r\n  }\r\n  .bgmh__blob--2{\r\n    width:320px; height:320px; bottom:-150px; right:5%;\r\n    background:radial-gradient(circle at 60% 40%, rgba(30,68,128,0.55), rgba(30,68,128,0) 70%);\r\n    animation:bgmhBlob2 22s ease-in-out infinite alternate;\r\n  }\r\n  @keyframes bgmhBlob1{\r\n    from{ transform:translate(0,0) scale(1); }\r\n    to{ transform:translate(40px,30px) scale(1.12); }\r\n  }\r\n  @keyframes bgmhBlob2{\r\n    from{ transform:translate(0,0) scale(1); }\r\n    to{ transform:translate(-50px,-30px) scale(1.15); }\r\n  }\r\n\r\n  .bgmh__inner{\r\n    position:relative; z-index:2;\r\n    text-align:center; max-width:840px; margin:0 auto;\r\n  }\r\n\r\n  .bgmh__eyebrow{\r\n    display:inline-flex; align-items:center; gap:10px;\r\n    font-size:14px; font-weight:600; letter-spacing:.16em;\r\n    text-transform:uppercase; color:rgba(255,255,255,0.88); margin:0 0 16px;\r\n  }\r\n  .bgmh__eyebrow::before,.bgmh__eyebrow::after{\r\n    content:\"\"; width:26px; height:2px; background:var(--red); display:inline-block;\r\n  }\r\n\r\n  .bgmh__title{\r\n    font-family:'Fraunces',Georgia,serif; font-weight:600; color:#fff;\r\n    font-size:clamp(30px,4vw,48px); line-height:1.1; margin:0 0 14px;\r\n    letter-spacing:-0.01em;\r\n  }\r\n  .bgmh__sub{\r\n    color:rgba(255,255,255,0.85); font-size:18px; line-height:1.6;\r\n    margin:0 0 32px;\r\n  }\r\n\r\n  \/* contact row *\/\r\n  .bgmh__contacts{\r\n    display:flex; flex-wrap:wrap; justify-content:center; gap:14px;\r\n  }\r\n  .bgmh__item{\r\n    display:inline-flex; align-items:center; gap:12px;\r\n    background:rgba(255,255,255,0.10);\r\n    border:1px solid rgba(255,255,255,0.20);\r\n    backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px);\r\n    border-radius:12px; padding:14px 20px;\r\n    transition:transform .25s ease, background .25s ease, border-color .25s ease, box-shadow .25s ease;\r\n    text-decoration:none;\r\n  }\r\n  .bgmh__item:hover{\r\n    transform:translateY(-3px);\r\n    background:rgba(255,255,255,0.16);\r\n    border-color:rgba(255,255,255,0.4);\r\n    box-shadow:0 14px 30px rgba(10,30,70,0.3);\r\n  }\r\n  .bgmh__ico{\r\n    width:40px; height:40px; flex:none; border-radius:10px;\r\n    display:flex; align-items:center; justify-content:center;\r\n    background:rgba(255,255,255,0.15); color:#fff;\r\n    transition:background .25s ease, color .25s ease;\r\n  }\r\n  .bgmh__item:hover .bgmh__ico{ background:#fff; color:var(--blue); }\r\n  .bgmh__ico svg{ width:20px; height:20px; }\r\n  .bgmh__text{ text-align:left; line-height:1.3; }\r\n  .bgmh__label{\r\n    display:block; font-size:12px; font-weight:600; letter-spacing:.08em;\r\n    text-transform:uppercase; color:rgba(255,255,255,0.7); margin-bottom:2px;\r\n  }\r\n  .bgmh__value{ display:block; font-size:15px; color:#fff; font-weight:500; }\r\n\r\n  \/* load animation *\/\r\n  @keyframes bgmhRise{ from{opacity:0; transform:translateY(20px);} to{opacity:1; transform:translateY(0);} }\r\n  .bgmh__eyebrow,.bgmh__title,.bgmh__sub,.bgmh__contacts{\r\n    opacity:0; animation:bgmhRise .65s cubic-bezier(.2,.7,.2,1) forwards;\r\n  }\r\n  .bgmh__eyebrow{ animation-delay:.08s; }\r\n  .bgmh__title{ animation-delay:.18s; }\r\n  .bgmh__sub{ animation-delay:.28s; }\r\n  .bgmh__contacts{ animation-delay:.38s; }\r\n  @media (prefers-reduced-motion:reduce){\r\n    .bgmh__blob{ animation:none; opacity:.4; }\r\n    .bgmh__eyebrow,.bgmh__title,.bgmh__sub,.bgmh__contacts{ animation:none; opacity:1; }\r\n  }\r\n\r\n  @media (max-width:600px){\r\n    .bgmh__contacts{ flex-direction:column; align-items:stretch; }\r\n    .bgmh__item{ justify-content:flex-start; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"bgmh\">\r\n  <div class=\"bgmh__grid-bg\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"bgmh__blob bgmh__blob--1\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"bgmh__blob bgmh__blob--2\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div class=\"bgmh__inner\">\r\n    <p class=\"bgmh__eyebrow\">Visit Us<\/p>\r\n    <h2 class=\"bgmh__title\">Find Our Office<\/h2>\r\n    <p class=\"bgmh__sub\">We'd love to meet you. Reach out or stop by our office in Richmond Hill.<\/p>\r\n\r\n    <div class=\"bgmh__contacts\">\r\n      <!-- Email -->\r\n      <a class=\"bgmh__item\" href=\"mailto:info@broadgate.ca\">\r\n        <span class=\"bgmh__ico\">\r\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\"\/><path d=\"m22 7-10 6L2 7\"\/><\/svg>\r\n        <\/span>\r\n        <span class=\"bgmh__text\">\r\n          <span class=\"bgmh__label\">Email<\/span>\r\n          <span class=\"bgmh__value\">info@broadgate.ca<\/span>\r\n        <\/span>\r\n      <\/a>\r\n\r\n      <!-- Phone -->\r\n      <a class=\"bgmh__item\" href=\"tel:+14163191727\">\r\n        <span class=\"bgmh__ico\">\r\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>\r\n        <\/span>\r\n        <span class=\"bgmh__text\">\r\n          <span class=\"bgmh__label\">Phone<\/span>\r\n          <span class=\"bgmh__value\">+1 (416) 319-1727<\/span>\r\n        <\/span>\r\n      <\/a>\r\n\r\n      <!-- Address -->\r\n      <a class=\"bgmh__item\" href=\"https:\/\/maps.google.com\/?q=8910+Yonge+St+Suite+203,+Richmond+Hill,+ON+L4C+0L7\" target=\"_blank\" rel=\"noopener\">\r\n        <span class=\"bgmh__ico\">\r\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n        <\/span>\r\n        <span class=\"bgmh__text\">\r\n          <span class=\"bgmh__label\">Address<\/span>\r\n          <span class=\"bgmh__value\">8910 Yonge St Suite 203, Richmond Hill, ON L4C 0L7<\/span>\r\n        <\/span>\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3bfb8b1 elementor-section-full_width elementor-section-height-default elementor-section-height-default sc_fly_static\" data-id=\"3bfb8b1\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-extended\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-cd6e10a sc_inner_width_none sc_content_align_inherit sc_layouts_column_icons_position_left sc_fly_static\" data-id=\"cd6e10a\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d40b15c sc_fly_static elementor-widget elementor-widget-trx_sc_googlemap\" data-id=\"d40b15c\" data-element_type=\"widget\" data-widget_type=\"trx_sc_googlemap.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div id=\"sc_googlemap_1066798127_wrap\" class=\"sc_googlemap_wrap\"><div id=\"sc_googlemap_1066798127\"\t\t\tclass=\"sc_item_content sc_map sc_googlemap sc_googlemap_default trx_addons_inline_1005096719\"\n\t\t\t \t\t\tdata-zoom=\"16\"\n\t\t\tdata-center=\"\"\n\t\t\tdata-style=\"default\"\n\t\t\tdata-cluster-icon=\"\"\n\t\t\t><iframe\n\t\t\t\t\t\tsrc=\"https:\/\/maps.google.com\/maps?t=m&output=embed&iwloc=near&z=16&q=8910+Yonge+St+Suite+203\"\n\t\t\t\t\t\taria-label=\"\"><\/iframe><\/div><\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-845d9da elementor-section-boxed elementor-section-height-default elementor-section-height-default sc_fly_static\" data-id=\"845d9da\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-extended\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-417bb29 sc_inner_width_none sc_content_align_inherit sc_layouts_column_icons_position_left sc_fly_static\" data-id=\"417bb29\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4b90dca sc_fly_static elementor-widget elementor-widget-spacer\" data-id=\"4b90dca\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f81679f elementor-section-boxed elementor-section-height-default elementor-section-height-default sc_fly_static\" data-id=\"f81679f\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-extended\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-fdf218c sc_inner_width_none sc_content_align_inherit sc_layouts_column_icons_position_left sc_fly_static\" data-id=\"fdf218c\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c8815fd elementor-widget__width-initial sc_fly_static elementor-widget elementor-widget-html\" data-id=\"c8815fd\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ===== BroadGate Final CTA Widget \u2014 paste into Elementor HTML element ===== -->\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=Outfit:wght@400;500;600&display=swap');\r\n\r\n  .bgcta{\r\n    --blue:#2b5cab;\r\n    --blue-dark:#1f4480;\r\n    --red:#e41c23;\r\n    position:relative;\r\n    overflow:hidden;\r\n    border-radius:22px;\r\n    padding:78px clamp(24px,6vw,80px);\r\n    text-align:center;\r\n    font-family:'Outfit',system-ui,sans-serif;\r\n    background:\r\n      radial-gradient(120% 160% at 80% 0%, rgba(228,28,35,0.28) 0%, rgba(228,28,35,0) 50%),\r\n      linear-gradient(135deg,var(--blue) 0%, var(--blue-dark) 100%);\r\n  }\r\n  \/* decorative rings *\/\r\n  .bgcta::before{\r\n    content:\"\"; position:absolute; top:-140px; left:-100px;\r\n    width:380px; height:380px; border:2px solid rgba(255,255,255,0.12);\r\n    border-radius:50%; pointer-events:none;\r\n  }\r\n  .bgcta::after{\r\n    content:\"\"; position:absolute; bottom:-160px; right:-80px;\r\n    width:320px; height:320px; border:2px solid rgba(255,255,255,0.10);\r\n    border-radius:50%; pointer-events:none;\r\n  }\r\n\r\n  .bgcta__inner{ position:relative; z-index:2; max-width:680px; margin:0 auto; }\r\n\r\n  .bgcta__eyebrow{\r\n    display:inline-flex; align-items:center; gap:9px;\r\n    font-size:14px; font-weight:600; letter-spacing:.16em;\r\n    text-transform:uppercase; color:rgba(255,255,255,0.85); margin:0 0 18px;\r\n  }\r\n  .bgcta__eyebrow::before,.bgcta__eyebrow::after{\r\n    content:\"\"; width:26px; height:2px; background:var(--red); display:inline-block;\r\n  }\r\n\r\n  .bgcta__title{\r\n    font-family:'Fraunces',Georgia,serif; font-weight:600; color:#fff;\r\n    font-size:clamp(32px,4.6vw,56px); line-height:1.08; margin:0 0 16px;\r\n    letter-spacing:-0.01em;\r\n  }\r\n  .bgcta__sub{\r\n    color:rgba(255,255,255,0.85); font-size:18px; line-height:1.6;\r\n    margin:0 auto 38px; max-width:46ch;\r\n  }\r\n\r\n  .bgcta__btns{ display:flex; flex-wrap:wrap; gap:16px; justify-content:center; }\r\n\r\n  .bgcta__btn{\r\n    display:inline-flex; align-items:center; gap:10px;\r\n    padding:17px 34px; border-radius:11px;\r\n    font-size:17px; font-weight:600; text-decoration:none;\r\n    cursor:pointer; transition:transform .18s ease, box-shadow .18s ease, background .18s ease;\r\n  }\r\n  .bgcta__btn svg{ width:17px; height:17px; }\r\n  \/* primary = red *\/\r\n  .bgcta__btn--primary{\r\n    background:var(--red); color:#fff;\r\n    box-shadow:0 12px 28px rgba(228,28,35,0.40);\r\n  }\r\n  .bgcta__btn--primary:hover{\r\n    transform:translateY(-2px); background:#c8161c;\r\n    box-shadow:0 16px 34px rgba(228,28,35,0.50);\r\n  }\r\n  \/* secondary = white outline *\/\r\n  .bgcta__btn--secondary{\r\n    background:rgba(255,255,255,0.08); color:#fff;\r\n    border:2px solid rgba(255,255,255,0.55);\r\n  }\r\n  .bgcta__btn--secondary:hover{\r\n    transform:translateY(-2px); background:#fff; color:var(--blue);\r\n    border-color:#fff;\r\n  }\r\n\r\n  \/* load animation *\/\r\n  @keyframes bgctaRise{ from{opacity:0; transform:translateY(22px);} to{opacity:1; transform:translateY(0);} }\r\n  .bgcta__eyebrow,.bgcta__title,.bgcta__sub,.bgcta__btns{\r\n    opacity:0; animation:bgctaRise .7s cubic-bezier(.2,.7,.2,1) forwards;\r\n  }\r\n  .bgcta__eyebrow{ animation-delay:.10s; }\r\n  .bgcta__title{ animation-delay:.22s; }\r\n  .bgcta__sub{ animation-delay:.34s; }\r\n  .bgcta__btns{ animation-delay:.46s; }\r\n  @media (prefers-reduced-motion:reduce){\r\n    .bgcta__eyebrow,.bgcta__title,.bgcta__sub,.bgcta__btns{ animation:none; opacity:1; }\r\n  }\r\n\r\n  @media (max-width:600px){\r\n    .bgcta{ padding:56px 24px; }\r\n    .bgcta__btn{ width:100%; justify-content:center; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"bgcta\">\r\n  <div class=\"bgcta__inner\">\r\n    <p class=\"bgcta__eyebrow\">BroadGate Immigration<\/p>\r\n    <h2 class=\"bgcta__title\">Ready to Start Your Journey?<\/h2>\r\n    <p class=\"bgcta__sub\">\r\n      Take the first step toward your future in Canada with guidance built around you.\r\n    <\/p>\r\n    <div class=\"bgcta__btns\">\r\n      <a href=\"https:\/\/broadgate.ca\/fa\/free-immigration-assessment\/\" class=\"bgcta__btn bgcta__btn--primary\">\r\n        Take Free Assessment\r\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n      <\/a>\r\n      <a href=\"#book\" class=\"bgcta__btn bgcta__btn--secondary\">Book Consultation<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>BroadGate Canadian Immigration BroadGate Immigration Trusted Canadian immigration guidance, built around you Personalized strategy and end-to-end support for your move to Canada \u2014 so every step forward is one you&hellip;<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-17896","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/broadgate.ca\/fa\/wp-json\/wp\/v2\/pages\/17896","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/broadgate.ca\/fa\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/broadgate.ca\/fa\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/broadgate.ca\/fa\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/broadgate.ca\/fa\/wp-json\/wp\/v2\/comments?post=17896"}],"version-history":[{"count":346,"href":"https:\/\/broadgate.ca\/fa\/wp-json\/wp\/v2\/pages\/17896\/revisions"}],"predecessor-version":[{"id":23739,"href":"https:\/\/broadgate.ca\/fa\/wp-json\/wp\/v2\/pages\/17896\/revisions\/23739"}],"wp:attachment":[{"href":"https:\/\/broadgate.ca\/fa\/wp-json\/wp\/v2\/media?parent=17896"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}