{"id":37816,"date":"2026-04-08T12:09:23","date_gmt":"2026-04-08T09:09:23","guid":{"rendered":"https:\/\/ukuni.org\/?page_id=37816"},"modified":"2026-04-08T12:09:25","modified_gmt":"2026-04-08T09:09:25","slug":"spring-vroadshow-may26","status":"publish","type":"page","link":"https:\/\/ukuni.org\/ar\/spring-vroadshow-may26\/","title":{"rendered":"Spring VRoadshow May 2026"},"content":{"rendered":"<section \n  class=\"inner-banner ibnr-1 bg-[url(&#039;https:\/\/ukuni.org\/wp-content\/uploads\/2026\/04\/header-1.webp&#039;)] bg-cover bg-center w-[95%] md:w-[98%] m-auto rounded-3xl \" \n    >\n  <div class=\"container mx-auto px-5 md:px-10 h-[350px] flex flex-col justify-center items-center text-center\">\n    <h1 class=\"font-poppins font-semibold text-[36px] leading-[40px] sm:text-[40px] sm:leading-[48px] md:text-[48px] md:leading-[56px] lg:text-[54px] lg:leading-[64px] tracking-[0%] capitalize text-[#072440]\">\n      UKuni Virtual International University Roadshow \u2013 May 2026    <\/h1>\n    <!-- Breadcrumb -->\n      <\/div>\n<\/section>\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700&#038;family=Cairo:wght@400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n<style>\n\n#ucs1x309 .ltr-price {\n    direction: ltr;\n    unicode-bidi: isolate;\n    display: inline-block;\n}\n\/* 3.6.3: ltr-price is for INLINE prices only - if it (wrongly) wraps whole\n   paragraphs or lists (pasted content), neutralize it so it cannot force LTR *\/\n#ucs1x309 .ltr-price:has(p, div, ul, ol, li, h1, h2, h3, h4, h5, h6) {\n    direction: inherit;\n    unicode-bidi: normal;\n    display: inline;\n}\n\/* 3.6.4: titles never need price isolation - neutralize it there entirely *\/\n#ucs1x309 .cs-hero-title .ltr-price,\n#ucs1x309 .cs-col-title .ltr-price,\n#ucs1x309 .cs-pd-title .ltr-price {\n    direction: inherit;\n    unicode-bidi: normal;\n    display: inline;\n}\n#ucs1x309 {\n    --pri: #072440; --acc: #CE1B1C; --bg: #FFFFFF;\n    --pri-rgb: 7,36,64; --acc-rgb: 206,27,28;\n    font-family: 'Poppins', 'Cairo', -apple-system, BlinkMacSystemFont, sans-serif;\n    background: var(--bg); -webkit-font-smoothing: antialiased; color: #1a1a2e;\n}\n#ucs1x309 *, #ucs1x309 *::before, #ucs1x309 *::after { box-sizing: border-box; margin: 0; padding: 0; }\n#ucs1x309 .cs-inner { max-width: 1500px; margin: 0 auto; padding: 0px 32px; }\n#ucs1x309 .cs-hero > *, #ucs1x309 .cs-row > * { min-width: 0; }\n#ucs1x309 .cs-hero-intro, #ucs1x309 .cs-item-txt, #ucs1x309 .cs-rt, #ucs1x309 .cs-pd-body { overflow-wrap: break-word; }\n\n\/* HERO *\/\n#ucs1x309 .cs-hero {\n    display: grid;\n    gap: 40px;\n    align-items: center;\n    margin-bottom: 0;\n    padding-bottom: 0;\n    border-bottom: none;\n}\n#ucs1x309 .cs-hero-title { font-size: clamp(22px, 3vw, 32px); font-weight: 700; color: var(--pri); line-height: 1.28; margin-bottom: 18px; letter-spacing: -.3px; width:98% !important}\n#ucs1x309 .cs-hero-title strong, #ucs1x309 .cs-hero-title b { color: var(--acc); }\n#ucs1x309 .cs-hero-intro { font-size: 15.5px; line-height: 1.85; color: #5a6474; width:99% !important}\n#ucs1x309 .cs-hero-intro strong, #ucs1x309 .cs-hero-intro b { font-weight: 700; color: #1a1a2e; }\n#ucs1x309 .cs-hero-intro a { color: var(--acc); }\n\n#ucs1x309 .cs-hero-img-wrap {\n    position: relative;\n    width: 100%;\n    min-width: 0;\n}\n#ucs1x309 .cs-hero-img {\n    display: block;\n    width: 95%;\n    height: 390px;\n    object-fit: cover;\n    object-position: 50% 50%;\n    border-radius: 31px;\n}\n\n\/* HERO CARD WRAPPER *\/\n#ucs1x309 .cs-hero-card {\n    border-radius: 12px; border: 1px solid #eef0f3; overflow: hidden;\n    background: rgba(7,36,64,.02); margin-bottom: 48px;\n}\n#ucs1x309 .cs-hero-card-body { padding: 32px 28px; }\n\n\/* \u2550\u2550\u2550 FLAGS BAR \u2550\u2550\u2550 *\/\n#ucs1x309 .cs-flags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 12px;\n    align-items: center;\n    justify-content: flex-start;\n    margin-top: 20px;\n    padding-top: 16px;\n    border-top: 1px solid #eef0f3;\n}\n#ucs1x309 .cs-flag-pill {\n    display: inline-flex; align-items: center; gap: 8px;\n    padding-block: 7px; padding-inline: 10px 16px; background: #f0f4f9; border-radius: 28px;\n    border: 1px solid #e2e8f0; transition: all .2s ease; text-decoration: none; color: inherit;\n}\n\/* AUTO TEXT DIRECTION (3.6.0): each text block follows its own language,\n   so translated Arabic gets RTL punctuation + right alignment automatically *\/\n#ucs1x309 .cs-hero-title, #ucs1x309 .cs-hero-title p, #ucs1x309 .cs-hero-title div,\n#ucs1x309 .cs-hero-intro, #ucs1x309 .cs-hero-intro p, #ucs1x309 .cs-hero-intro div, #ucs1x309 .cs-hero-intro li,\n#ucs1x309 .cs-item-txt, #ucs1x309 .cs-item-txt p, #ucs1x309 .cs-item-txt div, #ucs1x309 .cs-item-txt li,\n#ucs1x309 .cs-rt, #ucs1x309 .cs-rt p, #ucs1x309 .cs-rt div, #ucs1x309 .cs-rt li,\n#ucs1x309 .cs-col-title,\n#ucs1x309 .cs-note-1, #ucs1x309 .cs-note-1 p, #ucs1x309 .cs-note-1 div, #ucs1x309 .cs-note-1 li,\n#ucs1x309 .cs-note-2, #ucs1x309 .cs-note-2 p, #ucs1x309 .cs-note-2 div, #ucs1x309 .cs-note-2 li,\n#ucs1x309 .cs-pd-title,\n#ucs1x309 .cs-pd-body, #ucs1x309 .cs-pd-body p, #ucs1x309 .cs-pd-body div, #ucs1x309 .cs-pd-body li,\n#ucs1x309 .cs-flag-name, #ucs1x309 .cs-logos-sep-text { unicode-bidi: plaintext; text-align: start; }\n#ucs1x309 .cs-flag-pill:hover { background: #e4eaf2; transform: translateY(-1px); box-shadow: 0 2px 8px rgba(0,0,0,.06); }\n#ucs1x309 .cs-flag-emoji { font-size: 36px; line-height: 1; display: flex; }\n#ucs1x309 .cs-flag-name { font-size: 13px; font-weight: 600; color: #1a1a2e; white-space: nowrap; }\n#ucs1x309 .cs-flag-icon {\n    display: inline-flex; align-items: center; justify-content: center;\n    padding: 4px; border-radius: 8px; border: 1px solid transparent; transition: all .2s ease;\n}\n#ucs1x309 .cs-flag-icon:hover { background: rgba(0,0,0,.04); transform: scale(1.1); }\n\n\/* \u2550\u2550\u2550 PROGRAM DETAIL CARDS \u2550\u2550\u2550 *\/\n#ucs1x309 .cs-pd-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 16px; margin-top: 24px;\n}\n#ucs1x309 .cs-pd-card {\n    background: #ffffff;\n    border: 1px solid #eef0f3;\n    border-radius: 12px; padding: 20px 18px;\n    transition: all .25s ease; position: relative; overflow: hidden;\n}\n#ucs1x309 .cs-pd-card::before {\n    content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;\n    background: linear-gradient(90deg, var(--pri), var(--acc)); opacity: 0; transition: opacity .25s;\n}\n#ucs1x309 .cs-pd-card:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0,0,0,.06); }\n#ucs1x309 .cs-pd-card:hover::before { opacity: 1; }\n#ucs1x309 .cs-pd-head { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }\n#ucs1x309 .cs-pd-icon {\n    width: 38px; height: 38px; border-radius: 10px;\n    background: #f0f4f9;\n    display: flex; align-items: center; justify-content: center;\n    font-size: 20px; flex-shrink: 0;\n}\n#ucs1x309 .cs-pd-title { font-size: 13px; font-weight: 700; color: #072440; }\n#ucs1x309 .cs-pd-body { font-size: 13px; line-height: 1.75; color: #5a6474; }\n\n\/* \u2550\u2550\u2550 DUAL LOGOS BAR \u2550\u2550\u2550 *\/\n#ucs1x309 .cs-logos-bar {\n    display: flex; align-items: center; justify-content: center; gap: 0;\n    padding: 18px 24px; border-top: 1px solid #eef0f3;\n    background: rgba(7,36,64,.025);\n}\n#ucs1x309 .cs-logo-item {\n    display: flex; align-items: center; justify-content: center; flex-shrink: 0;\n    text-decoration: none; transition: opacity .2s, transform .2s;\n}\n#ucs1x309 .cs-logo-item:hover { opacity: .82; transform: scale(1.04); }\n#ucs1x309 .cs-logo-img {\n    width: 80px; height: 80px;\n    object-fit: contain; display: block;\n}\n#ucs1x309 .cs-logos-sep {\n    display: flex; flex-direction: column; align-items: center; gap: 5px;\n    padding: 0 20px; flex-shrink: 0;\n}\n#ucs1x309 .cs-logos-sep-line { width: 1px; height: 22px; background: #ccd2db; }\n#ucs1x309 .cs-logos-sep-text { font-size: 11px; color: #8a9099; font-weight: 500; letter-spacing: .4px; white-space: nowrap; }\n\n\/* ROW *\/\n#ucs1x309 .cs-row { display: grid; gap: 32px; align-items: start; margin-bottom: 56px; }\n#ucs1x309 .cs-row:last-child { margin-bottom: 0; }\n#ucs1x309 .cs-divider { height: 2px; background: #eef0f3; margin: 0 0 56px; }\n\n\/* NEW (3.5.0): stacked rows \u2014 swap visual order of the two children when needed *\/\n#ucs1x309 .cs-order-flip > :first-child { order: 2; }\n#ucs1x309 .cs-order-flip > :last-child  { order: 1; }\n\n\/* SLIDER *\/\n#ucs1x309 .cs-slider { position: relative; border-radius: 12px; overflow: hidden; background: #1a1a2e; -webkit-user-select: none; user-select: none; }\n#ucs1x309 .cs-slide { position: absolute; inset: 0; background-size: cover; background-repeat: no-repeat; opacity: 0; transition: opacity .7s ease; }\n#ucs1x309 .cs-slide.active { opacity: 1; }\n#ucs1x309 .cs-arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; border-radius: 50%; background: rgba(0,0,0,.45); border: none; cursor: pointer; color: #fff; font-size: 24px; line-height: 1; display: flex; align-items: center; justify-content: center; z-index: 10; transition: background .2s; }\n#ucs1x309 .cs-arrow:hover { background: rgba(0,0,0,.72); }\n#ucs1x309 .cs-prev { left: 12px; } #ucs1x309 .cs-next { right: 12px; }\n#ucs1x309 .cs-dots { position: absolute; bottom: 12px; left: 50%; transform: translateX(-50%); display: flex; gap: 6px; z-index: 10; }\n#ucs1x309 .cs-dot { width: 8px; height: 8px; border-radius: 4px; background: rgba(255,255,255,.5); border: none; cursor: pointer; padding: 0; transition: all .35s ease; }\n#ucs1x309 .cs-dot.active { width: 22px; background: var(--acc); }\n\n\/* TEXT COLUMN *\/\n#ucs1x309 .cs-col { background: #f8f9fb; border-radius: 14px; padding: 28px 24px; border: 1px solid #eef0f3; }\n#ucs1x309 .cs-col-head { display: flex; align-items: center; gap: 10px; margin-bottom: 20px; padding-bottom: 14px; border-bottom: 1px solid #e4e7eb; }\n#ucs1x309 .cs-col-icon { width: 36px; height: 36px; border-radius: 8px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }\n#ucs1x309 .cs-col-icon svg { width: 18px; height: 18px; }\n#ucs1x309 .cs-col-title { font-size: 17px; font-weight: 700; color: var(--pri); }\n\n\/* Bullet items *\/\n#ucs1x309 .cs-item { display: flex; gap: 12px; align-items: flex-start; padding: 10px 0; border-bottom: 1px solid #eef0f3; transition: padding-inline-start .2s; }\n#ucs1x309 .cs-item:last-child { border-bottom: none; }\n#ucs1x309 .cs-item:hover { padding-inline-start: 4px; }\n#ucs1x309 .cs-dot-b { width: 7px; height: 7px; border-radius: 50%; background: var(--acc); flex-shrink: 0; margin-top: 8px; }\n#ucs1x309 .cs-item-txt { font-size: 14.5px; line-height: 1.65; color: #1a1a2e; }\n#ucs1x309 .cs-item-txt strong, #ucs1x309 .cs-item-txt b { font-weight: 700; }\n#ucs1x309 .cs-item-txt em, #ucs1x309 .cs-item-txt i { font-style: italic; }\n#ucs1x309 .cs-item-txt u { text-decoration: underline; }\n\n\/* Numbered items *\/\n#ucs1x309 .cs-req { display: flex; gap: 14px; align-items: flex-start; padding: 12px 0; border-bottom: 1px solid #eef0f3; transition: padding-inline-start .2s; }\n#ucs1x309 .cs-req:last-child { border-bottom: none; }\n#ucs1x309 .cs-req:hover { padding-inline-start: 4px; }\n#ucs1x309 .cs-rn { width: 28px; height: 28px; border-radius: 7px; background: var(--pri); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; flex-shrink: 0; margin-top: 2px; }\n#ucs1x309 .cs-rt { font-size: 14.5px; line-height: 1.65; padding-top: 3px; }\n#ucs1x309 .cs-rt strong, #ucs1x309 .cs-rt b { font-weight: 700; }\n#ucs1x309 .cs-rt em, #ucs1x309 .cs-rt i { font-style: italic; }\n#ucs1x309 .cs-rt u { text-decoration: underline; }\n\n#ucs1x309 .cs-col-title strong, #ucs1x309 .cs-col-title b { font-weight: 800; }\n#ucs1x309 .cs-col-title em, #ucs1x309 .cs-col-title i { font-style: italic; }\n\n\/* Lists within rich content *\/\n#ucs1x309 .cs-hero-intro ul { list-style: disc; }\n#ucs1x309 .cs-hero-intro ol { list-style: decimal; }\n#ucs1x309 .cs-note-1 ul, #ucs1x309 .cs-note-2 ul, #ucs1x309 .cs-pd-body ul { list-style: disc; }\n#ucs1x309 .cs-note-1 ol, #ucs1x309 .cs-note-2 ol, #ucs1x309 .cs-pd-body ol { list-style: decimal; }\n#ucs1x309 .cs-item-txt ul { list-style: disc; padding-inline-start: 18px; }\n#ucs1x309 .cs-item-txt ol { list-style: decimal; padding-inline-start: 18px; }\n#ucs1x309 .cs-rt ul { list-style: disc; padding-inline-start: 18px; }\n#ucs1x309 .cs-rt ol { list-style: decimal; padding-inline-start: 18px; }\n#ucs1x309 .cs-hero-intro ul,\n#ucs1x309 .cs-hero-intro ol,\n#ucs1x309 .cs-note-1 ul,\n#ucs1x309 .cs-note-1 ol,\n#ucs1x309 .cs-note-2 ul,\n#ucs1x309 .cs-note-2 ol,\n#ucs1x309 .cs-pd-body ul,\n#ucs1x309 .cs-pd-body ol { padding-inline-start: 22px; margin: 6px 0; }\n#ucs1x309 .cs-hero-intro ul li, #ucs1x309 .cs-hero-intro ol li,\n#ucs1x309 .cs-note-1 li, #ucs1x309 .cs-note-2 li,\n#ucs1x309 .cs-pd-body li, #ucs1x309 .cs-item-txt li, #ucs1x309 .cs-rt li {\n    margin-bottom: 4px; line-height: 1.7;\n}\n\n\/* NOTE styles *\/\n#ucs1x309 .cs-note-1 { margin-top: 18px; padding: 8px 0; padding-inline-start: 14px; border-inline-start: 3px solid #e8c000; font-size: 13.5px; line-height: 1.75; color: #4a3c00; }\n#ucs1x309 .cs-note-1 strong, #ucs1x309 .cs-note-1 b { color: #2e2500; font-weight: 600; }\n#ucs1x309 .cs-note-2 { margin-top: 18px; padding: 8px 0; padding-inline-start: 14px; border-inline-start: 3px solid #2e7dc0; font-size: 13.5px; line-height: 1.75; color: #0d2e4a; }\n#ucs1x309 .cs-note-2 strong, #ucs1x309 .cs-note-2 b { color: #061c2e; font-weight: 600; }\n\n\/* CTA *\/\n#ucs1x309 .cs-cta { text-align: center; margin-top: 24px; }\n#ucs1x309 .cs-btn { display: inline-flex; align-items: center; gap: 10px; padding: 13px 36px; background: var(--acc); color: #fff; border-radius: 7px; font-weight: 600; font-size: 15px; text-decoration: none; letter-spacing: .2px; transition: all .25s ease; }\n#ucs1x309 .cs-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(var(--acc-rgb),.3); filter: brightness(1.06); color: #fff; text-decoration: none; }\n#ucs1x309 .cs-btn svg { width: 16px; height: 16px; flex-shrink: 0; transition: transform .25s; }\n#ucs1x309 .cs-btn:hover svg { transform: translateX(3px); }\n\n\/* Animations *\/\n@keyframes ucs1x309U { from{opacity:0;transform:translateY(26px)} to{opacity:1;transform:translateY(0)} }\n#ucs1x309 .au { opacity:0; animation:ucs1x309U .65s cubic-bezier(.22,1,.36,1) forwards; }\n#ucs1x309 .d1{animation-delay:.06s} #ucs1x309 .d2{animation-delay:.14s}\n#ucs1x309 .d3{animation-delay:.22s} #ucs1x309 .d4{animation-delay:.30s}\n\n\/* \u2550\u2550\u2550 RTL MODE (3.6.2) \u2014 applies ONLY to the Arabic (TranslatePress) \/ RTL version \u2550\u2550\u2550 *\/\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) {\n    direction: rtl;\n    font-family: 'Cairo', 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;\n}\n\/* explicit direction:rtl for bullets & lists \u2014 markers move to the RIGHT *\/\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) ul, :is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) ol, :is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) li { direction: rtl; }\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-item, :is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-req { direction: rtl; }\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-btn { direction: rtl; letter-spacing: 0; font-family: 'Cairo', 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif; }\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-hero-title { letter-spacing: 0; line-height: 1.55; width: 100% !important; }\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-hero-intro { width: 100% !important; }\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-hero-img { width: 100%; }\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-col-title, :is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-pd-title { line-height: 1.6; }\n\/* 3.6.4: titles are forced RTL and flush RIGHT in the Arabic version -\n   numbers like \"6.\" always sit at the right end, no heuristics involved *\/\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-hero-title, :is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-hero-title div, :is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-hero-title p,\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-col-title, :is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-pd-title {\n    direction: rtl;\n    unicode-bidi: isolate;\n    text-align: right;\n}\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-logos-sep-text { letter-spacing: 0; }\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-btn svg { transform: scaleX(-1); }\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-btn:hover svg { transform: scaleX(-1) translateX(3px); }\n\n\/* \u2500\u2500 Responsive \u2500\u2500 *\/\n@media (max-width: 900px) {\n    #ucs1x309 .cs-row  { grid-template-columns: 1fr !important; }\n    #ucs1x309 .cs-hero { grid-template-columns: 1fr !important; gap: 24px; }\n    #ucs1x309 .cs-hero-img { height: auto !important; min-height: 200px; }\n    #ucs1x309 .cs-inner { padding: 44px 20px; }\n    #ucs1x309 .cs-pd-grid { grid-template-columns: 1fr !important; }\n    #ucs1x309 .cs-logos-bar { padding: 14px 16px; }\n    #ucs1x309 .cs-logos-sep { padding: 0 12px; }\n}\n@media (max-width: 480px) {\n    #ucs1x309 .cs-inner { padding: 32px 16px; }\n    #ucs1x309 .cs-logos-bar { padding: 12px 16px; flex-wrap: nowrap; }\n    #ucs1x309 .cs-logo-img { width: 56px !important; height: 56px !important; }\n    #ucs1x309 .cs-logos-sep { padding: 0 10px; }\n    #ucs1x309 .cs-logos-sep-text { font-size: 10px; }\n    #ucs1x309 .cs-flags { gap: 8px; }\n    #ucs1x309 .cs-flag-pill { padding-block: 5px; padding-inline: 7px 10px; }\n    #ucs1x309 .cs-flag-emoji { font-size: 25px !important; }\n}\n<\/style>\n\n<section id=\"ucs1x309\" class=\"cs-rtl\" dir=\"rtl\">\n<div class=\"cs-inner\">\n\n<div class=\"cs-hero-card au d1\">\n    <div class=\"cs-hero-card-body\">\n        <div class=\"cs-hero\" style=\"grid-template-columns:50fr 50fr\">\n                        <div class=\"cs-hero-img-wrap\">\n                <img decoding=\"async\" class=\"cs-hero-img\" src=\"https:\/\/ukuni.org\/wp-content\/uploads\/2026\/04\/Join-Ukuni-Virtual.jpg-scaled.jpeg\" alt=\"\" loading=\"lazy\">\n            <\/div>\n            \n            <div>\n                <h2 class=\"cs-hero-title au d2\"><p class=\"MsoNormal\" style=\"line-height:normal\"><b><span style=\"font-family:&quot;Times New Roman&quot;,serif\">Join UKuni\u2019s Virtual International University Fair<\/span><\/b><span style=\"font-family:&quot;Times New Roman&quot;,serif\"><\/span><\/p>\n\n<\/h2>\n                <div class=\"cs-hero-intro au d3\"><p class=\"MsoNormal\" style=\"line-height:normal\"><span style=\"font-family:&quot;Times New Roman&quot;,serif\">Meet international universities, speak to UKuni counsellors, attend live\nworkshops, and explore sample lessons online on <b>5 and 6 May<\/b>.<\/span><\/p><div><ul dir=\"auto\"> <li dir=\"auto\"><span style=\"font-family: &quot;Times New Roman&quot;, serif\"><font color=\"#ce1b1c\">Attend from anywhere in Saudi Arabia<\/font><\/span><\/li><li dir=\"auto\"><span style=\"font-family: &quot;Times New Roman&quot;, serif\"><font color=\"#ce1b1c\">Meet university representatives online<\/font><\/span><\/li><li dir=\"auto\"><span style=\"font-family: &quot;Times New Roman&quot;, serif\"><font color=\"#ce1b1c\">Speak to UKuni counsellors one to one<\/font><\/span><\/li><li dir=\"auto\"><span style=\"font-family: &quot;Times New Roman&quot;, serif\"><font color=\"#ce1b1c\">Register free and apply free during the event<\/font><br><\/span><\/li><\/ul><\/div><\/div>\n\n                \n                            <\/div>\n\n                    <\/div>\n    <\/div>\n\n    \n<\/div><!-- .cs-hero-card -->\n\n\n\n\n<\/div>\n<\/section>\n\n<script>\n(function(){\n    function initSlider(id,interval){\n        var wrap=document.getElementById(id);\n        if(!wrap)return;\n        var slides=Array.prototype.slice.call(wrap.querySelectorAll('.cs-slide'));\n        var dots=Array.prototype.slice.call(wrap.querySelectorAll('.cs-dot'));\n        var total=slides.length;\n        if(total<2)return;\n        var cur=0,timer=null;\n        function goTo(n){\n            slides[cur].classList.remove('active');\n            if(dots[cur])dots[cur].classList.remove('active');\n            cur=(n%total+total)%total;\n            slides[cur].classList.add('active');\n            if(dots[cur])dots[cur].classList.add('active');\n        }\n        function play(){timer=setInterval(function(){goTo(cur+1);},interval);}\n        function pause(){clearInterval(timer);}\n        function reset(){pause();play();}\n        var prev=wrap.querySelector('.cs-prev');\n        var next=wrap.querySelector('.cs-next');\n        if(prev)prev.addEventListener('click',function(){goTo(cur-1);reset();});\n        if(next)next.addEventListener('click',function(){goTo(cur+1);reset();});\n        dots.forEach(function(btn){\n            btn.addEventListener('click',function(){goTo(parseInt(this.dataset.idx,10));reset();});\n        });\n        var tx=0;\n        wrap.addEventListener('touchstart',function(e){tx=e.touches[0].clientX;},{passive:true});\n        wrap.addEventListener('touchend',function(e){\n            var diff=tx-e.changedTouches[0].clientX;\n            if(Math.abs(diff)>40){goTo(cur+(diff>0?1:-1));reset();}\n        },{passive:true});\n        wrap.addEventListener('mouseenter',pause);\n        wrap.addEventListener('mouseleave',play);\n        play();\n    }\n    \/* 3.6.1: auto-RTL safety net (server already marks TranslatePress pages).\n       Also catches LATE translation (browser auto-translate) via observer.\n       Additive only \u2014 it never removes a server-side rtl decision. *\/\n    function applyDir(){\n        var sec=document.getElementById('ucs1x309');\n        if(!sec||sec.classList.contains('cs-rtl'))return;\n        var hd=((document.documentElement.getAttribute('dir'))||'').toLowerCase();\n        var bd=((document.body&&document.body.getAttribute('dir'))||'').toLowerCase();\n        var rtl=(hd==='rtl'||bd==='rtl');\n        if(!rtl){rtl=\/^\\\/(ar|he|fa|ur)(\\\/|$)\/i.test(location.pathname);}\n        if(!rtl){rtl=\/(^|\\s)translatepress-ar\/i.test((document.body&&document.body.className)||'')||\/^ar([-_]|$)\/i.test(document.documentElement.lang||'');}\n        if(!rtl){\n            var t=(sec.textContent||'').slice(0,2500);\n            var r=(t.match(\/[\\u0591-\\u07FF\\uFB1D-\\uFDFD\\uFE70-\\uFEFC]\/g)||[]).length;\n            var l=(t.match(\/[A-Za-z]\/g)||[]).length;\n            rtl=(r>10 && r>l);\n        }\n        if(rtl){sec.classList.add('cs-rtl');sec.setAttribute('dir','rtl');}\n    }\n    function run(){\n        applyDir();\n                    }\n    if(document.readyState==='loading'){document.addEventListener('DOMContentLoaded',run);}else{run();}\n    window.addEventListener('load',applyDir);\n    try{\n        var dT,sec0=document.getElementById('ucs1x309');\n        var mo=new MutationObserver(function(){clearTimeout(dT);dT=setTimeout(applyDir,150);});\n        if(sec0){mo.observe(sec0,{subtree:true,childList:true,characterData:true});}\n        mo.observe(document.documentElement,{attributes:true,attributeFilter:['dir','lang']});\n        setTimeout(applyDir,1200);setTimeout(applyDir,3000);\n    }catch(e){}\n}());\n<\/script>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-fe48e5de wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-fill\"><a class=\"wp-block-button__link has-white-color has-text-color has-background has-link-color has-custom-font-size wp-element-button\" href=\"#sprvr26-registration\" style=\"border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;background-color:#ce1b1c;font-size:16px;font-style:normal;font-weight:700\">Register Now!<\/a><\/div>\n<\/div>\n\n\n\n<div style=\"height:26px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">Free registration. Free application support during the event.<\/p>\n\n\n\n<div style=\"height:26px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-dots\"\/>\n\n\n\n<div style=\"height:26px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700&#038;family=Cairo:wght@400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n<style>\n\n#ucs2x111 .ltr-price {\n    direction: ltr;\n    unicode-bidi: isolate;\n    display: inline-block;\n}\n\/* 3.6.3: ltr-price is for INLINE prices only - if it (wrongly) wraps whole\n   paragraphs or lists (pasted content), neutralize it so it cannot force LTR *\/\n#ucs2x111 .ltr-price:has(p, div, ul, ol, li, h1, h2, h3, h4, h5, h6) {\n    direction: inherit;\n    unicode-bidi: normal;\n    display: inline;\n}\n\/* 3.6.4: titles never need price isolation - neutralize it there entirely *\/\n#ucs2x111 .cs-hero-title .ltr-price,\n#ucs2x111 .cs-col-title .ltr-price,\n#ucs2x111 .cs-pd-title .ltr-price {\n    direction: inherit;\n    unicode-bidi: normal;\n    display: inline;\n}\n#ucs2x111 {\n    --pri: #072440; --acc: #CE1B1C; --bg: #FFFFFF;\n    --pri-rgb: 7,36,64; --acc-rgb: 206,27,28;\n    font-family: 'Poppins', 'Cairo', -apple-system, BlinkMacSystemFont, sans-serif;\n    background: var(--bg); -webkit-font-smoothing: antialiased; color: #1a1a2e;\n}\n#ucs2x111 *, #ucs2x111 *::before, #ucs2x111 *::after { box-sizing: border-box; margin: 0; padding: 0; }\n#ucs2x111 .cs-inner { max-width: 1500px; margin: 0 auto; padding: 0px 32px; }\n#ucs2x111 .cs-hero > *, #ucs2x111 .cs-row > * { min-width: 0; }\n#ucs2x111 .cs-hero-intro, #ucs2x111 .cs-item-txt, #ucs2x111 .cs-rt, #ucs2x111 .cs-pd-body { overflow-wrap: break-word; }\n\n\/* HERO *\/\n#ucs2x111 .cs-hero {\n    display: grid;\n    gap: 40px;\n    align-items: center;\n    margin-bottom: 0;\n    padding-bottom: 0;\n    border-bottom: none;\n}\n#ucs2x111 .cs-hero-title { font-size: clamp(22px, 3vw, 32px); font-weight: 700; color: var(--pri); line-height: 1.28; margin-bottom: 18px; letter-spacing: -.3px; width:98% !important}\n#ucs2x111 .cs-hero-title strong, #ucs2x111 .cs-hero-title b { color: var(--acc); }\n#ucs2x111 .cs-hero-intro { font-size: 15.5px; line-height: 1.85; color: #5a6474; width:99% !important}\n#ucs2x111 .cs-hero-intro strong, #ucs2x111 .cs-hero-intro b { font-weight: 700; color: #1a1a2e; }\n#ucs2x111 .cs-hero-intro a { color: var(--acc); }\n\n#ucs2x111 .cs-hero-img-wrap {\n    position: relative;\n    width: 100%;\n    min-width: 0;\n}\n#ucs2x111 .cs-hero-img {\n    display: block;\n    width: 95%;\n    height: 390px;\n    object-fit: cover;\n    object-position: 50% 50%;\n    border-radius: 14px;\n}\n\n\/* HERO CARD WRAPPER *\/\n#ucs2x111 .cs-hero-card {\n    border-radius: 12px; border: 1px solid #eef0f3; overflow: hidden;\n    background: rgba(7,36,64,.02); margin-bottom: 48px;\n}\n#ucs2x111 .cs-hero-card-body { padding: 32px 28px; }\n\n\/* \u2550\u2550\u2550 FLAGS BAR \u2550\u2550\u2550 *\/\n#ucs2x111 .cs-flags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 12px;\n    align-items: center;\n    justify-content: flex-start;\n    margin-top: 20px;\n    padding-top: 16px;\n    border-top: 1px solid #eef0f3;\n}\n#ucs2x111 .cs-flag-pill {\n    display: inline-flex; align-items: center; gap: 8px;\n    padding-block: 7px; padding-inline: 10px 16px; background: #f0f4f9; border-radius: 28px;\n    border: 1px solid #e2e8f0; transition: all .2s ease; text-decoration: none; color: inherit;\n}\n\/* AUTO TEXT DIRECTION (3.6.0): each text block follows its own language,\n   so translated Arabic gets RTL punctuation + right alignment automatically *\/\n#ucs2x111 .cs-hero-title, #ucs2x111 .cs-hero-title p, #ucs2x111 .cs-hero-title div,\n#ucs2x111 .cs-hero-intro, #ucs2x111 .cs-hero-intro p, #ucs2x111 .cs-hero-intro div, #ucs2x111 .cs-hero-intro li,\n#ucs2x111 .cs-item-txt, #ucs2x111 .cs-item-txt p, #ucs2x111 .cs-item-txt div, #ucs2x111 .cs-item-txt li,\n#ucs2x111 .cs-rt, #ucs2x111 .cs-rt p, #ucs2x111 .cs-rt div, #ucs2x111 .cs-rt li,\n#ucs2x111 .cs-col-title,\n#ucs2x111 .cs-note-1, #ucs2x111 .cs-note-1 p, #ucs2x111 .cs-note-1 div, #ucs2x111 .cs-note-1 li,\n#ucs2x111 .cs-note-2, #ucs2x111 .cs-note-2 p, #ucs2x111 .cs-note-2 div, #ucs2x111 .cs-note-2 li,\n#ucs2x111 .cs-pd-title,\n#ucs2x111 .cs-pd-body, #ucs2x111 .cs-pd-body p, #ucs2x111 .cs-pd-body div, #ucs2x111 .cs-pd-body li,\n#ucs2x111 .cs-flag-name, #ucs2x111 .cs-logos-sep-text { unicode-bidi: plaintext; text-align: start; }\n#ucs2x111 .cs-flag-pill:hover { background: #e4eaf2; transform: translateY(-1px); box-shadow: 0 2px 8px rgba(0,0,0,.06); }\n#ucs2x111 .cs-flag-emoji { font-size: 36px; line-height: 1; display: flex; }\n#ucs2x111 .cs-flag-name { font-size: 13px; font-weight: 600; color: #1a1a2e; white-space: nowrap; }\n#ucs2x111 .cs-flag-icon {\n    display: inline-flex; align-items: center; justify-content: center;\n    padding: 4px; border-radius: 8px; border: 1px solid transparent; transition: all .2s ease;\n}\n#ucs2x111 .cs-flag-icon:hover { background: rgba(0,0,0,.04); transform: scale(1.1); }\n\n\/* \u2550\u2550\u2550 PROGRAM DETAIL CARDS \u2550\u2550\u2550 *\/\n#ucs2x111 .cs-pd-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 16px; margin-top: 24px;\n}\n#ucs2x111 .cs-pd-card {\n    background: #ffffff;\n    border: 1px solid #eef0f3;\n    border-radius: 12px; padding: 20px 18px;\n    transition: all .25s ease; position: relative; overflow: hidden;\n}\n#ucs2x111 .cs-pd-card::before {\n    content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;\n    background: linear-gradient(90deg, var(--pri), var(--acc)); opacity: 0; transition: opacity .25s;\n}\n#ucs2x111 .cs-pd-card:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0,0,0,.06); }\n#ucs2x111 .cs-pd-card:hover::before { opacity: 1; }\n#ucs2x111 .cs-pd-head { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }\n#ucs2x111 .cs-pd-icon {\n    width: 38px; height: 38px; border-radius: 10px;\n    background: #f0f4f9;\n    display: flex; align-items: center; justify-content: center;\n    font-size: 20px; flex-shrink: 0;\n}\n#ucs2x111 .cs-pd-title { font-size: 13px; font-weight: 700; color: #072440; }\n#ucs2x111 .cs-pd-body { font-size: 13px; line-height: 1.75; color: #5a6474; }\n\n\/* \u2550\u2550\u2550 DUAL LOGOS BAR \u2550\u2550\u2550 *\/\n#ucs2x111 .cs-logos-bar {\n    display: flex; align-items: center; justify-content: center; gap: 0;\n    padding: 18px 24px; border-top: 1px solid #eef0f3;\n    background: rgba(7,36,64,.025);\n}\n#ucs2x111 .cs-logo-item {\n    display: flex; align-items: center; justify-content: center; flex-shrink: 0;\n    text-decoration: none; transition: opacity .2s, transform .2s;\n}\n#ucs2x111 .cs-logo-item:hover { opacity: .82; transform: scale(1.04); }\n#ucs2x111 .cs-logo-img {\n    width: 80px; height: 80px;\n    object-fit: contain; display: block;\n}\n#ucs2x111 .cs-logos-sep {\n    display: flex; flex-direction: column; align-items: center; gap: 5px;\n    padding: 0 20px; flex-shrink: 0;\n}\n#ucs2x111 .cs-logos-sep-line { width: 1px; height: 22px; background: #ccd2db; }\n#ucs2x111 .cs-logos-sep-text { font-size: 11px; color: #8a9099; font-weight: 500; letter-spacing: .4px; white-space: nowrap; }\n\n\/* ROW *\/\n#ucs2x111 .cs-row { display: grid; gap: 32px; align-items: start; margin-bottom: 56px; }\n#ucs2x111 .cs-row:last-child { margin-bottom: 0; }\n#ucs2x111 .cs-divider { height: 2px; background: #eef0f3; margin: 0 0 56px; }\n\n\/* NEW (3.5.0): stacked rows \u2014 swap visual order of the two children when needed *\/\n#ucs2x111 .cs-order-flip > :first-child { order: 2; }\n#ucs2x111 .cs-order-flip > :last-child  { order: 1; }\n\n\/* SLIDER *\/\n#ucs2x111 .cs-slider { position: relative; border-radius: 12px; overflow: hidden; background: #1a1a2e; -webkit-user-select: none; user-select: none; }\n#ucs2x111 .cs-slide { position: absolute; inset: 0; background-size: cover; background-repeat: no-repeat; opacity: 0; transition: opacity .7s ease; }\n#ucs2x111 .cs-slide.active { opacity: 1; }\n#ucs2x111 .cs-arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; border-radius: 50%; background: rgba(0,0,0,.45); border: none; cursor: pointer; color: #fff; font-size: 24px; line-height: 1; display: flex; align-items: center; justify-content: center; z-index: 10; transition: background .2s; }\n#ucs2x111 .cs-arrow:hover { background: rgba(0,0,0,.72); }\n#ucs2x111 .cs-prev { left: 12px; } #ucs2x111 .cs-next { right: 12px; }\n#ucs2x111 .cs-dots { position: absolute; bottom: 12px; left: 50%; transform: translateX(-50%); display: flex; gap: 6px; z-index: 10; }\n#ucs2x111 .cs-dot { width: 8px; height: 8px; border-radius: 4px; background: rgba(255,255,255,.5); border: none; cursor: pointer; padding: 0; transition: all .35s ease; }\n#ucs2x111 .cs-dot.active { width: 22px; background: var(--acc); }\n\n\/* TEXT COLUMN *\/\n#ucs2x111 .cs-col { background: #f8f9fb; border-radius: 14px; padding: 28px 24px; border: 1px solid #eef0f3; }\n#ucs2x111 .cs-col-head { display: flex; align-items: center; gap: 10px; margin-bottom: 20px; padding-bottom: 14px; border-bottom: 1px solid #e4e7eb; }\n#ucs2x111 .cs-col-icon { width: 36px; height: 36px; border-radius: 8px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }\n#ucs2x111 .cs-col-icon svg { width: 18px; height: 18px; }\n#ucs2x111 .cs-col-title { font-size: 17px; font-weight: 700; color: var(--pri); }\n\n\/* Bullet items *\/\n#ucs2x111 .cs-item { display: flex; gap: 12px; align-items: flex-start; padding: 10px 0; border-bottom: 1px solid #eef0f3; transition: padding-inline-start .2s; }\n#ucs2x111 .cs-item:last-child { border-bottom: none; }\n#ucs2x111 .cs-item:hover { padding-inline-start: 4px; }\n#ucs2x111 .cs-dot-b { width: 7px; height: 7px; border-radius: 50%; background: var(--acc); flex-shrink: 0; margin-top: 8px; }\n#ucs2x111 .cs-item-txt { font-size: 14.5px; line-height: 1.65; color: #1a1a2e; }\n#ucs2x111 .cs-item-txt strong, #ucs2x111 .cs-item-txt b { font-weight: 700; }\n#ucs2x111 .cs-item-txt em, #ucs2x111 .cs-item-txt i { font-style: italic; }\n#ucs2x111 .cs-item-txt u { text-decoration: underline; }\n\n\/* Numbered items *\/\n#ucs2x111 .cs-req { display: flex; gap: 14px; align-items: flex-start; padding: 12px 0; border-bottom: 1px solid #eef0f3; transition: padding-inline-start .2s; }\n#ucs2x111 .cs-req:last-child { border-bottom: none; }\n#ucs2x111 .cs-req:hover { padding-inline-start: 4px; }\n#ucs2x111 .cs-rn { width: 28px; height: 28px; border-radius: 7px; background: var(--pri); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; flex-shrink: 0; margin-top: 2px; }\n#ucs2x111 .cs-rt { font-size: 14.5px; line-height: 1.65; padding-top: 3px; }\n#ucs2x111 .cs-rt strong, #ucs2x111 .cs-rt b { font-weight: 700; }\n#ucs2x111 .cs-rt em, #ucs2x111 .cs-rt i { font-style: italic; }\n#ucs2x111 .cs-rt u { text-decoration: underline; }\n\n#ucs2x111 .cs-col-title strong, #ucs2x111 .cs-col-title b { font-weight: 800; }\n#ucs2x111 .cs-col-title em, #ucs2x111 .cs-col-title i { font-style: italic; }\n\n\/* Lists within rich content *\/\n#ucs2x111 .cs-hero-intro ul { list-style: disc; }\n#ucs2x111 .cs-hero-intro ol { list-style: decimal; }\n#ucs2x111 .cs-note-1 ul, #ucs2x111 .cs-note-2 ul, #ucs2x111 .cs-pd-body ul { list-style: disc; }\n#ucs2x111 .cs-note-1 ol, #ucs2x111 .cs-note-2 ol, #ucs2x111 .cs-pd-body ol { list-style: decimal; }\n#ucs2x111 .cs-item-txt ul { list-style: disc; padding-inline-start: 18px; }\n#ucs2x111 .cs-item-txt ol { list-style: decimal; padding-inline-start: 18px; }\n#ucs2x111 .cs-rt ul { list-style: disc; padding-inline-start: 18px; }\n#ucs2x111 .cs-rt ol { list-style: decimal; padding-inline-start: 18px; }\n#ucs2x111 .cs-hero-intro ul,\n#ucs2x111 .cs-hero-intro ol,\n#ucs2x111 .cs-note-1 ul,\n#ucs2x111 .cs-note-1 ol,\n#ucs2x111 .cs-note-2 ul,\n#ucs2x111 .cs-note-2 ol,\n#ucs2x111 .cs-pd-body ul,\n#ucs2x111 .cs-pd-body ol { padding-inline-start: 22px; margin: 6px 0; }\n#ucs2x111 .cs-hero-intro ul li, #ucs2x111 .cs-hero-intro ol li,\n#ucs2x111 .cs-note-1 li, #ucs2x111 .cs-note-2 li,\n#ucs2x111 .cs-pd-body li, #ucs2x111 .cs-item-txt li, #ucs2x111 .cs-rt li {\n    margin-bottom: 4px; line-height: 1.7;\n}\n\n\/* NOTE styles *\/\n#ucs2x111 .cs-note-1 { margin-top: 18px; padding: 8px 0; padding-inline-start: 14px; border-inline-start: 3px solid #e8c000; font-size: 13.5px; line-height: 1.75; color: #4a3c00; }\n#ucs2x111 .cs-note-1 strong, #ucs2x111 .cs-note-1 b { color: #2e2500; font-weight: 600; }\n#ucs2x111 .cs-note-2 { margin-top: 18px; padding: 8px 0; padding-inline-start: 14px; border-inline-start: 3px solid #2e7dc0; font-size: 13.5px; line-height: 1.75; color: #0d2e4a; }\n#ucs2x111 .cs-note-2 strong, #ucs2x111 .cs-note-2 b { color: #061c2e; font-weight: 600; }\n\n\/* CTA *\/\n#ucs2x111 .cs-cta { text-align: center; margin-top: 24px; }\n#ucs2x111 .cs-btn { display: inline-flex; align-items: center; gap: 10px; padding: 13px 36px; background: var(--acc); color: #fff; border-radius: 7px; font-weight: 600; font-size: 15px; text-decoration: none; letter-spacing: .2px; transition: all .25s ease; }\n#ucs2x111 .cs-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(var(--acc-rgb),.3); filter: brightness(1.06); color: #fff; text-decoration: none; }\n#ucs2x111 .cs-btn svg { width: 16px; height: 16px; flex-shrink: 0; transition: transform .25s; }\n#ucs2x111 .cs-btn:hover svg { transform: translateX(3px); }\n\n\/* Animations *\/\n@keyframes ucs2x111U { from{opacity:0;transform:translateY(26px)} to{opacity:1;transform:translateY(0)} }\n#ucs2x111 .au { opacity:0; animation:ucs2x111U .65s cubic-bezier(.22,1,.36,1) forwards; }\n#ucs2x111 .d1{animation-delay:.06s} #ucs2x111 .d2{animation-delay:.14s}\n#ucs2x111 .d3{animation-delay:.22s} #ucs2x111 .d4{animation-delay:.30s}\n\n\/* \u2550\u2550\u2550 RTL MODE (3.6.2) \u2014 applies ONLY to the Arabic (TranslatePress) \/ RTL version \u2550\u2550\u2550 *\/\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) {\n    direction: rtl;\n    font-family: 'Cairo', 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;\n}\n\/* explicit direction:rtl for bullets & lists \u2014 markers move to the RIGHT *\/\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) ul, :is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) ol, :is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) li { direction: rtl; }\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-item, :is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-req { direction: rtl; }\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-btn { direction: rtl; letter-spacing: 0; font-family: 'Cairo', 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif; }\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-hero-title { letter-spacing: 0; line-height: 1.55; width: 100% !important; }\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-hero-intro { width: 100% !important; }\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-hero-img { width: 100%; }\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-col-title, :is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-pd-title { line-height: 1.6; }\n\/* 3.6.4: titles are forced RTL and flush RIGHT in the Arabic version -\n   numbers like \"6.\" always sit at the right end, no heuristics involved *\/\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-hero-title, :is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-hero-title div, :is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-hero-title p,\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-col-title, :is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-pd-title {\n    direction: rtl;\n    unicode-bidi: isolate;\n    text-align: right;\n}\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-logos-sep-text { letter-spacing: 0; }\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-btn svg { transform: scaleX(-1); }\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-btn:hover svg { transform: scaleX(-1) translateX(3px); }\n\n\/* \u2500\u2500 Responsive \u2500\u2500 *\/\n@media (max-width: 900px) {\n    #ucs2x111 .cs-row  { grid-template-columns: 1fr !important; }\n    #ucs2x111 .cs-hero { grid-template-columns: 1fr !important; gap: 24px; }\n    #ucs2x111 .cs-hero-img { height: auto !important; min-height: 200px; }\n    #ucs2x111 .cs-inner { padding: 44px 20px; }\n    #ucs2x111 .cs-pd-grid { grid-template-columns: 1fr !important; }\n    #ucs2x111 .cs-logos-bar { padding: 14px 16px; }\n    #ucs2x111 .cs-logos-sep { padding: 0 12px; }\n}\n@media (max-width: 480px) {\n    #ucs2x111 .cs-inner { padding: 32px 16px; }\n    #ucs2x111 .cs-logos-bar { padding: 12px 16px; flex-wrap: nowrap; }\n    #ucs2x111 .cs-logo-img { width: 56px !important; height: 56px !important; }\n    #ucs2x111 .cs-logos-sep { padding: 0 10px; }\n    #ucs2x111 .cs-logos-sep-text { font-size: 10px; }\n    #ucs2x111 .cs-flags { gap: 8px; }\n    #ucs2x111 .cs-flag-pill { padding-block: 5px; padding-inline: 7px 10px; }\n    #ucs2x111 .cs-flag-emoji { font-size: 25px !important; }\n}\n<\/style>\n\n<section id=\"ucs2x111\" class=\"cs-rtl\" dir=\"rtl\">\n<div class=\"cs-inner\">\n\n<div class=\"cs-hero-card au d1\">\n    <div class=\"cs-hero-card-body\">\n        <div class=\"cs-hero\" style=\"grid-template-columns:50fr 50fr\">\n            \n            <div>\n                <h2 class=\"cs-hero-title au d2\"><p class=\"MsoNormal\" style=\"line-height:normal\"><b><span style=\"font-family:&quot;Times New Roman&quot;,serif\">What Is the UKuni vRoadshow<br><\/span><\/b><\/p><\/h2>\n                <div class=\"cs-hero-intro au d3\"><p class=\"MsoNormal\" style=\"line-height:normal\"><span style=\"font-family:&quot;Times New Roman&quot;,serif\">The UKuni vRoadshow is a <b>virtual international university fair<\/b>\ndesigned for students in Saudi Arabia who want to explore study options abroad in a clear and practical way.<\/span><\/p><p class=\"MsoNormal\" style=\"line-height:normal\"><span style=\"font-family:&quot;Times New Roman&quot;,serif\">\n\n<\/span><\/p><p class=\"MsoNormal\" style=\"line-height:normal\"><span style=\"font-family:&quot;Times New Roman&quot;,serif\"><br><\/span><\/p><p class=\"MsoNormal\" style=\"line-height:normal\"><span style=\"font-family:&quot;Times New Roman&quot;,serif\">Instead of travelling to a physical venue, you can join online and access\nthe event from your laptop or mobile phone. During the event, you will be able to meet university representatives, speak with UKuni counsellors, attend live workshops, and watch sample lessons from academics.<\/span><\/p><p class=\"MsoNormal\" style=\"line-height:normal\"><span style=\"font-family:&quot;Times New Roman&quot;,serif\"><br><\/span><\/p><p class=\"MsoNormal\" style=\"line-height:normal\"><span style=\"font-family:&quot;Times New Roman&quot;,serif\">\n\n<\/span><\/p><p class=\"MsoNormal\" style=\"line-height:normal\"><span style=\"font-family:&quot;Times New Roman&quot;,serif\">This format allows you to explore your options, ask direct questions, and\ntake practical next steps without leaving your home.<\/span><\/p><\/div>\n\n                \n                            <\/div>\n\n                        <div class=\"cs-hero-img-wrap\">\n                <img decoding=\"async\" class=\"cs-hero-img\" src=\"https:\/\/ukuni.org\/wp-content\/uploads\/2026\/04\/What-is-the-UKuni-vRoadshow.jpg-scaled.jpeg\" alt=\"\" loading=\"lazy\">\n            <\/div>\n                    <\/div>\n    <\/div>\n\n    \n<\/div><!-- .cs-hero-card -->\n\n\n\n\n<\/div>\n<\/section>\n\n<script>\n(function(){\n    function initSlider(id,interval){\n        var wrap=document.getElementById(id);\n        if(!wrap)return;\n        var slides=Array.prototype.slice.call(wrap.querySelectorAll('.cs-slide'));\n        var dots=Array.prototype.slice.call(wrap.querySelectorAll('.cs-dot'));\n        var total=slides.length;\n        if(total<2)return;\n        var cur=0,timer=null;\n        function goTo(n){\n            slides[cur].classList.remove('active');\n            if(dots[cur])dots[cur].classList.remove('active');\n            cur=(n%total+total)%total;\n            slides[cur].classList.add('active');\n            if(dots[cur])dots[cur].classList.add('active');\n        }\n        function play(){timer=setInterval(function(){goTo(cur+1);},interval);}\n        function pause(){clearInterval(timer);}\n        function reset(){pause();play();}\n        var prev=wrap.querySelector('.cs-prev');\n        var next=wrap.querySelector('.cs-next');\n        if(prev)prev.addEventListener('click',function(){goTo(cur-1);reset();});\n        if(next)next.addEventListener('click',function(){goTo(cur+1);reset();});\n        dots.forEach(function(btn){\n            btn.addEventListener('click',function(){goTo(parseInt(this.dataset.idx,10));reset();});\n        });\n        var tx=0;\n        wrap.addEventListener('touchstart',function(e){tx=e.touches[0].clientX;},{passive:true});\n        wrap.addEventListener('touchend',function(e){\n            var diff=tx-e.changedTouches[0].clientX;\n            if(Math.abs(diff)>40){goTo(cur+(diff>0?1:-1));reset();}\n        },{passive:true});\n        wrap.addEventListener('mouseenter',pause);\n        wrap.addEventListener('mouseleave',play);\n        play();\n    }\n    \/* 3.6.1: auto-RTL safety net (server already marks TranslatePress pages).\n       Also catches LATE translation (browser auto-translate) via observer.\n       Additive only \u2014 it never removes a server-side rtl decision. *\/\n    function applyDir(){\n        var sec=document.getElementById('ucs2x111');\n        if(!sec||sec.classList.contains('cs-rtl'))return;\n        var hd=((document.documentElement.getAttribute('dir'))||'').toLowerCase();\n        var bd=((document.body&&document.body.getAttribute('dir'))||'').toLowerCase();\n        var rtl=(hd==='rtl'||bd==='rtl');\n        if(!rtl){rtl=\/^\\\/(ar|he|fa|ur)(\\\/|$)\/i.test(location.pathname);}\n        if(!rtl){rtl=\/(^|\\s)translatepress-ar\/i.test((document.body&&document.body.className)||'')||\/^ar([-_]|$)\/i.test(document.documentElement.lang||'');}\n        if(!rtl){\n            var t=(sec.textContent||'').slice(0,2500);\n            var r=(t.match(\/[\\u0591-\\u07FF\\uFB1D-\\uFDFD\\uFE70-\\uFEFC]\/g)||[]).length;\n            var l=(t.match(\/[A-Za-z]\/g)||[]).length;\n            rtl=(r>10 && r>l);\n        }\n        if(rtl){sec.classList.add('cs-rtl');sec.setAttribute('dir','rtl');}\n    }\n    function run(){\n        applyDir();\n                    }\n    if(document.readyState==='loading'){document.addEventListener('DOMContentLoaded',run);}else{run();}\n    window.addEventListener('load',applyDir);\n    try{\n        var dT,sec0=document.getElementById('ucs2x111');\n        var mo=new MutationObserver(function(){clearTimeout(dT);dT=setTimeout(applyDir,150);});\n        if(sec0){mo.observe(sec0,{subtree:true,childList:true,characterData:true});}\n        mo.observe(document.documentElement,{attributes:true,attributeFilter:['dir','lang']});\n        setTimeout(applyDir,1200);setTimeout(applyDir,3000);\n    }catch(e){}\n}());\n<\/script>\n\n\n\n\n\n<div style=\"height:26px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n  <section class=\"universities-sec universities-logos-carousel px-4 \" >\n  <div class=\"universities-inner  bg-[#E8F5FF] rounded-3xl  py-20 md:py-30 px-6 md:px-12 lg:px-20 \">\n  <div class=\"container mx-auto\">\n        <div class=\"flex flex-col\">\n                      <div class=\"w-full px-0 md:px-4\">\n              <div class=\"universities-us-text text-center max-w-[100%] w-[1030px] m-auto mb-15\">\n                                  <h2\n                    class=\"font-poppins font-bold !text-[32px] leading-[40px] sm:text-[40px] sm:leading-[48px] md:text-[48px] md:leading-[56px] lg:text-[54px] lg:leading-[64px] text-[#072440] mb-4\">\n                    Attending Universities<\/h2>\n                                              <\/div>\n            <\/div>\n                                 \n          \n        <\/div>\n\n      <\/div>\n              <div class=\"marquee\">\n                <div class=\"marquee-inner\">\n                  <div class=\"marquee-content\">\n                                            <div class=\"logo-item\">\n                          <div class=\"logo-item__inner\">\n                          <img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"862\" src=\"https:\/\/ukuni.org\/wp-content\/uploads\/2025\/12\/kaplan-logo-scaled.jpg\" class=\"\" alt=\"\" srcset=\"https:\/\/ukuni.org\/wp-content\/uploads\/2025\/12\/kaplan-logo-scaled.jpg 2560w, https:\/\/ukuni.org\/wp-content\/uploads\/2025\/12\/kaplan-logo-300x101.jpg 300w, https:\/\/ukuni.org\/wp-content\/uploads\/2025\/12\/kaplan-logo-1024x345.jpg 1024w, https:\/\/ukuni.org\/wp-content\/uploads\/2025\/12\/kaplan-logo-768x259.jpg 768w, https:\/\/ukuni.org\/wp-content\/uploads\/2025\/12\/kaplan-logo-1536x517.jpg 1536w, https:\/\/ukuni.org\/wp-content\/uploads\/2025\/12\/kaplan-logo-2048x690.jpg 2048w, https:\/\/ukuni.org\/wp-content\/uploads\/2025\/12\/kaplan-logo-18x6.jpg 18w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/>                                                    <\/div>\n                         \n                        <\/div>\n                                            <div class=\"logo-item\">\n                          <div class=\"logo-item__inner\">\n                          <img loading=\"lazy\" decoding=\"async\" width=\"250\" height=\"252\" src=\"https:\/\/ukuni.org\/wp-content\/uploads\/2025\/11\/University_of_Edinburgh_ceremonial_roundel.svg.png\" class=\"\" alt=\"\" srcset=\"https:\/\/ukuni.org\/wp-content\/uploads\/2025\/11\/University_of_Edinburgh_ceremonial_roundel.svg.png 250w, https:\/\/ukuni.org\/wp-content\/uploads\/2025\/11\/University_of_Edinburgh_ceremonial_roundel.svg-150x150.png 150w, https:\/\/ukuni.org\/wp-content\/uploads\/2025\/11\/University_of_Edinburgh_ceremonial_roundel.svg-12x12.png 12w\" sizes=\"auto, (max-width: 250px) 100vw, 250px\" \/>                                                    <\/div>\n                         \n                        <\/div>\n                                            <div class=\"logo-item\">\n                          <div class=\"logo-item__inner\">\n                          <img loading=\"lazy\" decoding=\"async\" width=\"207\" height=\"148\" src=\"https:\/\/ukuni.org\/wp-content\/uploads\/2025\/10\/kings-college.png\" class=\"\" alt=\"\" srcset=\"https:\/\/ukuni.org\/wp-content\/uploads\/2025\/10\/kings-college.png 207w, https:\/\/ukuni.org\/wp-content\/uploads\/2025\/10\/kings-college-18x12.png 18w\" sizes=\"auto, (max-width: 207px) 100vw, 207px\" \/>                                                    <\/div>\n                         \n                        <\/div>\n                                            <div class=\"logo-item\">\n                          <div class=\"logo-item__inner\">\n                          <img loading=\"lazy\" decoding=\"async\" width=\"135\" height=\"72\" src=\"https:\/\/ukuni.org\/wp-content\/uploads\/2025\/10\/manchester.png\" class=\"\" alt=\"\" srcset=\"https:\/\/ukuni.org\/wp-content\/uploads\/2025\/10\/manchester.png 135w, https:\/\/ukuni.org\/wp-content\/uploads\/2025\/10\/manchester-18x10.png 18w\" sizes=\"auto, (max-width: 135px) 100vw, 135px\" \/>                                                    <\/div>\n                         \n                        <\/div>\n                                            <div class=\"logo-item\">\n                          <div class=\"logo-item__inner\">\n                          <img loading=\"lazy\" decoding=\"async\" width=\"1226\" height=\"721\" src=\"https:\/\/ukuni.org\/wp-content\/uploads\/2025\/11\/Oxford-International-Brighton-London-Oxford.png\" class=\"\" alt=\"\" srcset=\"https:\/\/ukuni.org\/wp-content\/uploads\/2025\/11\/Oxford-International-Brighton-London-Oxford.png 1226w, https:\/\/ukuni.org\/wp-content\/uploads\/2025\/11\/Oxford-International-Brighton-London-Oxford-300x176.png 300w, https:\/\/ukuni.org\/wp-content\/uploads\/2025\/11\/Oxford-International-Brighton-London-Oxford-1024x602.png 1024w, https:\/\/ukuni.org\/wp-content\/uploads\/2025\/11\/Oxford-International-Brighton-London-Oxford-768x452.png 768w, https:\/\/ukuni.org\/wp-content\/uploads\/2025\/11\/Oxford-International-Brighton-London-Oxford-18x12.png 18w\" sizes=\"auto, (max-width: 1226px) 100vw, 1226px\" \/>                                                    <\/div>\n                         \n                        <\/div>\n                                            <div class=\"logo-item\">\n                          <div class=\"logo-item__inner\">\n                          <img loading=\"lazy\" decoding=\"async\" width=\"134\" height=\"72\" src=\"https:\/\/ukuni.org\/wp-content\/uploads\/2025\/10\/kent.png\" class=\"\" alt=\"\" srcset=\"https:\/\/ukuni.org\/wp-content\/uploads\/2025\/10\/kent.png 134w, https:\/\/ukuni.org\/wp-content\/uploads\/2025\/10\/kent-18x10.png 18w\" sizes=\"auto, (max-width: 134px) 100vw, 134px\" \/>                                                    <\/div>\n                         \n                        <\/div>\n                                            <div class=\"logo-item\">\n                          <div class=\"logo-item__inner\">\n                          <img loading=\"lazy\" decoding=\"async\" width=\"135\" height=\"72\" src=\"https:\/\/ukuni.org\/wp-content\/uploads\/2025\/10\/manchester1824.png\" class=\"\" alt=\"\" srcset=\"https:\/\/ukuni.org\/wp-content\/uploads\/2025\/10\/manchester1824.png 135w, https:\/\/ukuni.org\/wp-content\/uploads\/2025\/10\/manchester1824-18x10.png 18w\" sizes=\"auto, (max-width: 135px) 100vw, 135px\" \/>                                                    <\/div>\n                         \n                        <\/div>\n                                            <div class=\"logo-item\">\n                          <div class=\"logo-item__inner\">\n                          <img loading=\"lazy\" decoding=\"async\" width=\"135\" height=\"73\" src=\"https:\/\/ukuni.org\/wp-content\/uploads\/2025\/10\/sussex.png\" class=\"\" alt=\"\" srcset=\"https:\/\/ukuni.org\/wp-content\/uploads\/2025\/10\/sussex.png 135w, https:\/\/ukuni.org\/wp-content\/uploads\/2025\/10\/sussex-18x10.png 18w\" sizes=\"auto, (max-width: 135px) 100vw, 135px\" \/>                                                    <\/div>\n                         \n                        <\/div>\n                                            <div class=\"logo-item\">\n                          <div class=\"logo-item__inner\">\n                          <img loading=\"lazy\" decoding=\"async\" width=\"135\" height=\"72\" src=\"https:\/\/ukuni.org\/wp-content\/uploads\/2025\/10\/leeds.png\" class=\"\" alt=\"\" srcset=\"https:\/\/ukuni.org\/wp-content\/uploads\/2025\/10\/leeds.png 135w, https:\/\/ukuni.org\/wp-content\/uploads\/2025\/10\/leeds-18x10.png 18w\" sizes=\"auto, (max-width: 135px) 100vw, 135px\" \/>                                                    <\/div>\n                         \n                        <\/div>\n                                            <div class=\"logo-item\">\n                          <div class=\"logo-item__inner\">\n                          <img loading=\"lazy\" decoding=\"async\" width=\"135\" height=\"72\" src=\"https:\/\/ukuni.org\/wp-content\/uploads\/2025\/10\/Logo-Uni-6-1.webp\" class=\"\" alt=\"\" \/>                                                    <\/div>\n                         \n                        <\/div>\n                                            <div class=\"logo-item\">\n                          <div class=\"logo-item__inner\">\n                          <img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"1053\" src=\"https:\/\/ukuni.org\/wp-content\/uploads\/2025\/10\/exeter.png\" class=\"\" alt=\"\" srcset=\"https:\/\/ukuni.org\/wp-content\/uploads\/2025\/10\/exeter.png 1600w, https:\/\/ukuni.org\/wp-content\/uploads\/2025\/10\/exeter-300x197.png 300w, https:\/\/ukuni.org\/wp-content\/uploads\/2025\/10\/exeter-1024x674.png 1024w, https:\/\/ukuni.org\/wp-content\/uploads\/2025\/10\/exeter-768x505.png 768w, https:\/\/ukuni.org\/wp-content\/uploads\/2025\/10\/exeter-1536x1011.png 1536w, https:\/\/ukuni.org\/wp-content\/uploads\/2025\/10\/exeter-18x12.png 18w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/>                                                    <\/div>\n                         \n                        <\/div>\n                                            <div class=\"logo-item\">\n                          <div class=\"logo-item__inner\">\n                          <img loading=\"lazy\" decoding=\"async\" width=\"301\" height=\"167\" src=\"https:\/\/ukuni.org\/wp-content\/uploads\/2026\/02\/Cardiff.png\" class=\"\" alt=\"\" srcset=\"https:\/\/ukuni.org\/wp-content\/uploads\/2026\/02\/Cardiff.png 301w, https:\/\/ukuni.org\/wp-content\/uploads\/2026\/02\/Cardiff-18x10.png 18w\" sizes=\"auto, (max-width: 301px) 100vw, 301px\" \/>                                                    <\/div>\n                         \n                        <\/div>\n                                            <div class=\"logo-item\">\n                          <div class=\"logo-item__inner\">\n                          <img loading=\"lazy\" decoding=\"async\" width=\"163\" height=\"148\" src=\"https:\/\/ukuni.org\/wp-content\/uploads\/2026\/04\/Gedu.png\" class=\"\" alt=\"\" srcset=\"https:\/\/ukuni.org\/wp-content\/uploads\/2026\/04\/Gedu.png 163w, https:\/\/ukuni.org\/wp-content\/uploads\/2026\/04\/Gedu-13x12.png 13w\" sizes=\"auto, (max-width: 163px) 100vw, 163px\" \/>                                                    <\/div>\n                         \n                        <\/div>\n                                            <div class=\"logo-item\">\n                          <div class=\"logo-item__inner\">\n                          <img loading=\"lazy\" decoding=\"async\" width=\"134\" height=\"73\" src=\"https:\/\/ukuni.org\/wp-content\/uploads\/2025\/10\/strathlyde.png\" class=\"\" alt=\"\" srcset=\"https:\/\/ukuni.org\/wp-content\/uploads\/2025\/10\/strathlyde.png 134w, https:\/\/ukuni.org\/wp-content\/uploads\/2025\/10\/strathlyde-18x10.png 18w\" sizes=\"auto, (max-width: 134px) 100vw, 134px\" \/>                                                    <\/div>\n                         \n                        <\/div>\n                                            <div class=\"logo-item\">\n                          <div class=\"logo-item__inner\">\n                          <img loading=\"lazy\" decoding=\"async\" width=\"270\" height=\"187\" src=\"https:\/\/ukuni.org\/wp-content\/uploads\/2026\/02\/Trinty-college.png\" class=\"\" alt=\"\" srcset=\"https:\/\/ukuni.org\/wp-content\/uploads\/2026\/02\/Trinty-college.png 270w, https:\/\/ukuni.org\/wp-content\/uploads\/2026\/02\/Trinty-college-18x12.png 18w\" sizes=\"auto, (max-width: 270px) 100vw, 270px\" \/>                                                    <\/div>\n                         \n                        <\/div>\n                                            <div class=\"logo-item\">\n                          <div class=\"logo-item__inner\">\n                          <img loading=\"lazy\" decoding=\"async\" width=\"1023\" height=\"267\" src=\"https:\/\/ukuni.org\/wp-content\/uploads\/2025\/10\/queen-mary-logo.png\" class=\"\" alt=\"\" srcset=\"https:\/\/ukuni.org\/wp-content\/uploads\/2025\/10\/queen-mary-logo.png 1023w, https:\/\/ukuni.org\/wp-content\/uploads\/2025\/10\/queen-mary-logo-300x78.png 300w, https:\/\/ukuni.org\/wp-content\/uploads\/2025\/10\/queen-mary-logo-768x200.png 768w, https:\/\/ukuni.org\/wp-content\/uploads\/2025\/10\/queen-mary-logo-18x5.png 18w\" sizes=\"auto, (max-width: 1023px) 100vw, 1023px\" \/>                                                    <\/div>\n                         \n                        <\/div>\n                                            <div class=\"logo-item\">\n                          <div class=\"logo-item__inner\">\n                          <img loading=\"lazy\" decoding=\"async\" width=\"397\" height=\"262\" src=\"https:\/\/ukuni.org\/wp-content\/uploads\/2025\/10\/Oxford-Brookes-University.png\" class=\"\" alt=\"\" srcset=\"https:\/\/ukuni.org\/wp-content\/uploads\/2025\/10\/Oxford-Brookes-University.png 397w, https:\/\/ukuni.org\/wp-content\/uploads\/2025\/10\/Oxford-Brookes-University-300x198.png 300w, https:\/\/ukuni.org\/wp-content\/uploads\/2025\/10\/Oxford-Brookes-University-18x12.png 18w\" sizes=\"auto, (max-width: 397px) 100vw, 397px\" \/>                                                    <\/div>\n                         \n                        <\/div>\n                                            <div class=\"logo-item\">\n                          <div class=\"logo-item__inner\">\n                          <img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"571\" src=\"https:\/\/ukuni.org\/wp-content\/uploads\/2025\/11\/LancasterLogo.png\" class=\"\" alt=\"\" srcset=\"https:\/\/ukuni.org\/wp-content\/uploads\/2025\/11\/LancasterLogo.png 1280w, https:\/\/ukuni.org\/wp-content\/uploads\/2025\/11\/LancasterLogo-300x134.png 300w, https:\/\/ukuni.org\/wp-content\/uploads\/2025\/11\/LancasterLogo-1024x457.png 1024w, https:\/\/ukuni.org\/wp-content\/uploads\/2025\/11\/LancasterLogo-768x343.png 768w, https:\/\/ukuni.org\/wp-content\/uploads\/2025\/11\/LancasterLogo-18x8.png 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/>                                                    <\/div>\n                         \n                        <\/div>\n                                      <\/div>\n                <\/div>\n\n              <\/div>\n            <\/div>\n    <\/div>\n  <\/section>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-fe48e5de wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-fill\"><a class=\"wp-block-button__link has-white-color has-text-color has-background has-link-color has-custom-font-size wp-element-button\" href=\"#sprvr26-registration\" style=\"border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;background-color:#ce1b1c;font-size:16px;font-style:normal;font-weight:700\">Register Now!<\/a><\/div>\n<\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-dots\"\/>\n\n\n\n<div style=\"height:26px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div style=\"height:26px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700&#038;family=Cairo:wght@400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n<style>\n\n#ucs3x202 .ltr-price {\n    direction: ltr;\n    unicode-bidi: isolate;\n    display: inline-block;\n}\n\/* 3.6.3: ltr-price is for INLINE prices only - if it (wrongly) wraps whole\n   paragraphs or lists (pasted content), neutralize it so it cannot force LTR *\/\n#ucs3x202 .ltr-price:has(p, div, ul, ol, li, h1, h2, h3, h4, h5, h6) {\n    direction: inherit;\n    unicode-bidi: normal;\n    display: inline;\n}\n\/* 3.6.4: titles never need price isolation - neutralize it there entirely *\/\n#ucs3x202 .cs-hero-title .ltr-price,\n#ucs3x202 .cs-col-title .ltr-price,\n#ucs3x202 .cs-pd-title .ltr-price {\n    direction: inherit;\n    unicode-bidi: normal;\n    display: inline;\n}\n#ucs3x202 {\n    --pri: #072440; --acc: #CE1B1C; --bg: #FFFFFF;\n    --pri-rgb: 7,36,64; --acc-rgb: 206,27,28;\n    font-family: 'Poppins', 'Cairo', -apple-system, BlinkMacSystemFont, sans-serif;\n    background: var(--bg); -webkit-font-smoothing: antialiased; color: #1a1a2e;\n}\n#ucs3x202 *, #ucs3x202 *::before, #ucs3x202 *::after { box-sizing: border-box; margin: 0; padding: 0; }\n#ucs3x202 .cs-inner { max-width: 1500px; margin: 0 auto; padding: 0px 32px; }\n#ucs3x202 .cs-hero > *, #ucs3x202 .cs-row > * { min-width: 0; }\n#ucs3x202 .cs-hero-intro, #ucs3x202 .cs-item-txt, #ucs3x202 .cs-rt, #ucs3x202 .cs-pd-body { overflow-wrap: break-word; }\n\n\/* HERO *\/\n#ucs3x202 .cs-hero {\n    display: grid;\n    gap: 40px;\n    align-items: center;\n    margin-bottom: 0;\n    padding-bottom: 0;\n    border-bottom: none;\n}\n#ucs3x202 .cs-hero-title { font-size: clamp(22px, 3vw, 32px); font-weight: 700; color: var(--pri); line-height: 1.28; margin-bottom: 18px; letter-spacing: -.3px; width:98% !important}\n#ucs3x202 .cs-hero-title strong, #ucs3x202 .cs-hero-title b { color: var(--acc); }\n#ucs3x202 .cs-hero-intro { font-size: 15.5px; line-height: 1.85; color: #5a6474; width:99% !important}\n#ucs3x202 .cs-hero-intro strong, #ucs3x202 .cs-hero-intro b { font-weight: 700; color: #1a1a2e; }\n#ucs3x202 .cs-hero-intro a { color: var(--acc); }\n\n#ucs3x202 .cs-hero-img-wrap {\n    position: relative;\n    width: 100%;\n    min-width: 0;\n}\n#ucs3x202 .cs-hero-img {\n    display: block;\n    width: 95%;\n    height: 320px;\n    object-fit: cover;\n    object-position: 50% 50%;\n    border-radius: 14px;\n}\n\n\/* HERO CARD WRAPPER *\/\n#ucs3x202 .cs-hero-card {\n    border-radius: 12px; border: 1px solid #eef0f3; overflow: hidden;\n    background: rgba(7,36,64,.02); margin-bottom: 48px;\n}\n#ucs3x202 .cs-hero-card-body { padding: 32px 28px; }\n\n\/* \u2550\u2550\u2550 FLAGS BAR \u2550\u2550\u2550 *\/\n#ucs3x202 .cs-flags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 12px;\n    align-items: center;\n    justify-content: flex-start;\n    margin-top: 20px;\n    padding-top: 16px;\n    border-top: 1px solid #eef0f3;\n}\n#ucs3x202 .cs-flag-pill {\n    display: inline-flex; align-items: center; gap: 8px;\n    padding-block: 7px; padding-inline: 10px 16px; background: #f0f4f9; border-radius: 28px;\n    border: 1px solid #e2e8f0; transition: all .2s ease; text-decoration: none; color: inherit;\n}\n\/* AUTO TEXT DIRECTION (3.6.0): each text block follows its own language,\n   so translated Arabic gets RTL punctuation + right alignment automatically *\/\n#ucs3x202 .cs-hero-title, #ucs3x202 .cs-hero-title p, #ucs3x202 .cs-hero-title div,\n#ucs3x202 .cs-hero-intro, #ucs3x202 .cs-hero-intro p, #ucs3x202 .cs-hero-intro div, #ucs3x202 .cs-hero-intro li,\n#ucs3x202 .cs-item-txt, #ucs3x202 .cs-item-txt p, #ucs3x202 .cs-item-txt div, #ucs3x202 .cs-item-txt li,\n#ucs3x202 .cs-rt, #ucs3x202 .cs-rt p, #ucs3x202 .cs-rt div, #ucs3x202 .cs-rt li,\n#ucs3x202 .cs-col-title,\n#ucs3x202 .cs-note-1, #ucs3x202 .cs-note-1 p, #ucs3x202 .cs-note-1 div, #ucs3x202 .cs-note-1 li,\n#ucs3x202 .cs-note-2, #ucs3x202 .cs-note-2 p, #ucs3x202 .cs-note-2 div, #ucs3x202 .cs-note-2 li,\n#ucs3x202 .cs-pd-title,\n#ucs3x202 .cs-pd-body, #ucs3x202 .cs-pd-body p, #ucs3x202 .cs-pd-body div, #ucs3x202 .cs-pd-body li,\n#ucs3x202 .cs-flag-name, #ucs3x202 .cs-logos-sep-text { unicode-bidi: plaintext; text-align: start; }\n#ucs3x202 .cs-flag-pill:hover { background: #e4eaf2; transform: translateY(-1px); box-shadow: 0 2px 8px rgba(0,0,0,.06); }\n#ucs3x202 .cs-flag-emoji { font-size: 36px; line-height: 1; display: flex; }\n#ucs3x202 .cs-flag-name { font-size: 13px; font-weight: 600; color: #1a1a2e; white-space: nowrap; }\n#ucs3x202 .cs-flag-icon {\n    display: inline-flex; align-items: center; justify-content: center;\n    padding: 4px; border-radius: 8px; border: 1px solid transparent; transition: all .2s ease;\n}\n#ucs3x202 .cs-flag-icon:hover { background: rgba(0,0,0,.04); transform: scale(1.1); }\n\n\/* \u2550\u2550\u2550 PROGRAM DETAIL CARDS \u2550\u2550\u2550 *\/\n#ucs3x202 .cs-pd-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 16px; margin-top: 24px;\n}\n#ucs3x202 .cs-pd-card {\n    background: #ffffff;\n    border: 1px solid #eef0f3;\n    border-radius: 12px; padding: 20px 18px;\n    transition: all .25s ease; position: relative; overflow: hidden;\n}\n#ucs3x202 .cs-pd-card::before {\n    content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;\n    background: linear-gradient(90deg, var(--pri), var(--acc)); opacity: 0; transition: opacity .25s;\n}\n#ucs3x202 .cs-pd-card:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0,0,0,.06); }\n#ucs3x202 .cs-pd-card:hover::before { opacity: 1; }\n#ucs3x202 .cs-pd-head { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }\n#ucs3x202 .cs-pd-icon {\n    width: 38px; height: 38px; border-radius: 10px;\n    background: #f0f4f9;\n    display: flex; align-items: center; justify-content: center;\n    font-size: 20px; flex-shrink: 0;\n}\n#ucs3x202 .cs-pd-title { font-size: 13px; font-weight: 700; color: #072440; }\n#ucs3x202 .cs-pd-body { font-size: 13px; line-height: 1.75; color: #5a6474; }\n\n\/* \u2550\u2550\u2550 DUAL LOGOS BAR \u2550\u2550\u2550 *\/\n#ucs3x202 .cs-logos-bar {\n    display: flex; align-items: center; justify-content: center; gap: 0;\n    padding: 18px 24px; border-top: 1px solid #eef0f3;\n    background: rgba(7,36,64,.025);\n}\n#ucs3x202 .cs-logo-item {\n    display: flex; align-items: center; justify-content: center; flex-shrink: 0;\n    text-decoration: none; transition: opacity .2s, transform .2s;\n}\n#ucs3x202 .cs-logo-item:hover { opacity: .82; transform: scale(1.04); }\n#ucs3x202 .cs-logo-img {\n    width: 80px; height: 80px;\n    object-fit: contain; display: block;\n}\n#ucs3x202 .cs-logos-sep {\n    display: flex; flex-direction: column; align-items: center; gap: 5px;\n    padding: 0 20px; flex-shrink: 0;\n}\n#ucs3x202 .cs-logos-sep-line { width: 1px; height: 22px; background: #ccd2db; }\n#ucs3x202 .cs-logos-sep-text { font-size: 11px; color: #8a9099; font-weight: 500; letter-spacing: .4px; white-space: nowrap; }\n\n\/* ROW *\/\n#ucs3x202 .cs-row { display: grid; gap: 32px; align-items: start; margin-bottom: 56px; }\n#ucs3x202 .cs-row:last-child { margin-bottom: 0; }\n#ucs3x202 .cs-divider { height: 2px; background: #eef0f3; margin: 0 0 56px; }\n\n\/* NEW (3.5.0): stacked rows \u2014 swap visual order of the two children when needed *\/\n#ucs3x202 .cs-order-flip > :first-child { order: 2; }\n#ucs3x202 .cs-order-flip > :last-child  { order: 1; }\n\n\/* SLIDER *\/\n#ucs3x202 .cs-slider { position: relative; border-radius: 12px; overflow: hidden; background: #1a1a2e; -webkit-user-select: none; user-select: none; }\n#ucs3x202 .cs-slide { position: absolute; inset: 0; background-size: cover; background-repeat: no-repeat; opacity: 0; transition: opacity .7s ease; }\n#ucs3x202 .cs-slide.active { opacity: 1; }\n#ucs3x202 .cs-arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; border-radius: 50%; background: rgba(0,0,0,.45); border: none; cursor: pointer; color: #fff; font-size: 24px; line-height: 1; display: flex; align-items: center; justify-content: center; z-index: 10; transition: background .2s; }\n#ucs3x202 .cs-arrow:hover { background: rgba(0,0,0,.72); }\n#ucs3x202 .cs-prev { left: 12px; } #ucs3x202 .cs-next { right: 12px; }\n#ucs3x202 .cs-dots { position: absolute; bottom: 12px; left: 50%; transform: translateX(-50%); display: flex; gap: 6px; z-index: 10; }\n#ucs3x202 .cs-dot { width: 8px; height: 8px; border-radius: 4px; background: rgba(255,255,255,.5); border: none; cursor: pointer; padding: 0; transition: all .35s ease; }\n#ucs3x202 .cs-dot.active { width: 22px; background: var(--acc); }\n\n\/* TEXT COLUMN *\/\n#ucs3x202 .cs-col { background: #f8f9fb; border-radius: 14px; padding: 28px 24px; border: 1px solid #eef0f3; }\n#ucs3x202 .cs-col-head { display: flex; align-items: center; gap: 10px; margin-bottom: 20px; padding-bottom: 14px; border-bottom: 1px solid #e4e7eb; }\n#ucs3x202 .cs-col-icon { width: 36px; height: 36px; border-radius: 8px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }\n#ucs3x202 .cs-col-icon svg { width: 18px; height: 18px; }\n#ucs3x202 .cs-col-title { font-size: 17px; font-weight: 700; color: var(--pri); }\n\n\/* Bullet items *\/\n#ucs3x202 .cs-item { display: flex; gap: 12px; align-items: flex-start; padding: 10px 0; border-bottom: 1px solid #eef0f3; transition: padding-inline-start .2s; }\n#ucs3x202 .cs-item:last-child { border-bottom: none; }\n#ucs3x202 .cs-item:hover { padding-inline-start: 4px; }\n#ucs3x202 .cs-dot-b { width: 7px; height: 7px; border-radius: 50%; background: var(--acc); flex-shrink: 0; margin-top: 8px; }\n#ucs3x202 .cs-item-txt { font-size: 14.5px; line-height: 1.65; color: #1a1a2e; }\n#ucs3x202 .cs-item-txt strong, #ucs3x202 .cs-item-txt b { font-weight: 700; }\n#ucs3x202 .cs-item-txt em, #ucs3x202 .cs-item-txt i { font-style: italic; }\n#ucs3x202 .cs-item-txt u { text-decoration: underline; }\n\n\/* Numbered items *\/\n#ucs3x202 .cs-req { display: flex; gap: 14px; align-items: flex-start; padding: 12px 0; border-bottom: 1px solid #eef0f3; transition: padding-inline-start .2s; }\n#ucs3x202 .cs-req:last-child { border-bottom: none; }\n#ucs3x202 .cs-req:hover { padding-inline-start: 4px; }\n#ucs3x202 .cs-rn { width: 28px; height: 28px; border-radius: 7px; background: var(--pri); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; flex-shrink: 0; margin-top: 2px; }\n#ucs3x202 .cs-rt { font-size: 14.5px; line-height: 1.65; padding-top: 3px; }\n#ucs3x202 .cs-rt strong, #ucs3x202 .cs-rt b { font-weight: 700; }\n#ucs3x202 .cs-rt em, #ucs3x202 .cs-rt i { font-style: italic; }\n#ucs3x202 .cs-rt u { text-decoration: underline; }\n\n#ucs3x202 .cs-col-title strong, #ucs3x202 .cs-col-title b { font-weight: 800; }\n#ucs3x202 .cs-col-title em, #ucs3x202 .cs-col-title i { font-style: italic; }\n\n\/* Lists within rich content *\/\n#ucs3x202 .cs-hero-intro ul { list-style: disc; }\n#ucs3x202 .cs-hero-intro ol { list-style: decimal; }\n#ucs3x202 .cs-note-1 ul, #ucs3x202 .cs-note-2 ul, #ucs3x202 .cs-pd-body ul { list-style: disc; }\n#ucs3x202 .cs-note-1 ol, #ucs3x202 .cs-note-2 ol, #ucs3x202 .cs-pd-body ol { list-style: decimal; }\n#ucs3x202 .cs-item-txt ul { list-style: disc; padding-inline-start: 18px; }\n#ucs3x202 .cs-item-txt ol { list-style: decimal; padding-inline-start: 18px; }\n#ucs3x202 .cs-rt ul { list-style: disc; padding-inline-start: 18px; }\n#ucs3x202 .cs-rt ol { list-style: decimal; padding-inline-start: 18px; }\n#ucs3x202 .cs-hero-intro ul,\n#ucs3x202 .cs-hero-intro ol,\n#ucs3x202 .cs-note-1 ul,\n#ucs3x202 .cs-note-1 ol,\n#ucs3x202 .cs-note-2 ul,\n#ucs3x202 .cs-note-2 ol,\n#ucs3x202 .cs-pd-body ul,\n#ucs3x202 .cs-pd-body ol { padding-inline-start: 22px; margin: 6px 0; }\n#ucs3x202 .cs-hero-intro ul li, #ucs3x202 .cs-hero-intro ol li,\n#ucs3x202 .cs-note-1 li, #ucs3x202 .cs-note-2 li,\n#ucs3x202 .cs-pd-body li, #ucs3x202 .cs-item-txt li, #ucs3x202 .cs-rt li {\n    margin-bottom: 4px; line-height: 1.7;\n}\n\n\/* NOTE styles *\/\n#ucs3x202 .cs-note-1 { margin-top: 18px; padding: 8px 0; padding-inline-start: 14px; border-inline-start: 3px solid #e8c000; font-size: 13.5px; line-height: 1.75; color: #4a3c00; }\n#ucs3x202 .cs-note-1 strong, #ucs3x202 .cs-note-1 b { color: #2e2500; font-weight: 600; }\n#ucs3x202 .cs-note-2 { margin-top: 18px; padding: 8px 0; padding-inline-start: 14px; border-inline-start: 3px solid #2e7dc0; font-size: 13.5px; line-height: 1.75; color: #0d2e4a; }\n#ucs3x202 .cs-note-2 strong, #ucs3x202 .cs-note-2 b { color: #061c2e; font-weight: 600; }\n\n\/* CTA *\/\n#ucs3x202 .cs-cta { text-align: center; margin-top: 24px; }\n#ucs3x202 .cs-btn { display: inline-flex; align-items: center; gap: 10px; padding: 13px 36px; background: var(--acc); color: #fff; border-radius: 7px; font-weight: 600; font-size: 15px; text-decoration: none; letter-spacing: .2px; transition: all .25s ease; }\n#ucs3x202 .cs-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(var(--acc-rgb),.3); filter: brightness(1.06); color: #fff; text-decoration: none; }\n#ucs3x202 .cs-btn svg { width: 16px; height: 16px; flex-shrink: 0; transition: transform .25s; }\n#ucs3x202 .cs-btn:hover svg { transform: translateX(3px); }\n\n\/* Animations *\/\n@keyframes ucs3x202U { from{opacity:0;transform:translateY(26px)} to{opacity:1;transform:translateY(0)} }\n#ucs3x202 .au { opacity:0; animation:ucs3x202U .65s cubic-bezier(.22,1,.36,1) forwards; }\n#ucs3x202 .d1{animation-delay:.06s} #ucs3x202 .d2{animation-delay:.14s}\n#ucs3x202 .d3{animation-delay:.22s} #ucs3x202 .d4{animation-delay:.30s}\n\n\/* \u2550\u2550\u2550 RTL MODE (3.6.2) \u2014 applies ONLY to the Arabic (TranslatePress) \/ RTL version \u2550\u2550\u2550 *\/\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) {\n    direction: rtl;\n    font-family: 'Cairo', 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;\n}\n\/* explicit direction:rtl for bullets & lists \u2014 markers move to the RIGHT *\/\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) ul, :is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) ol, :is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) li { direction: rtl; }\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-item, :is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-req { direction: rtl; }\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-btn { direction: rtl; letter-spacing: 0; font-family: 'Cairo', 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif; }\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-hero-title { letter-spacing: 0; line-height: 1.55; width: 100% !important; }\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-hero-intro { width: 100% !important; }\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-hero-img { width: 100%; }\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-col-title, :is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-pd-title { line-height: 1.6; }\n\/* 3.6.4: titles are forced RTL and flush RIGHT in the Arabic version -\n   numbers like \"6.\" always sit at the right end, no heuristics involved *\/\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-hero-title, :is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-hero-title div, :is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-hero-title p,\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-col-title, :is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-pd-title {\n    direction: rtl;\n    unicode-bidi: isolate;\n    text-align: right;\n}\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-logos-sep-text { letter-spacing: 0; }\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-btn svg { transform: scaleX(-1); }\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-btn:hover svg { transform: scaleX(-1) translateX(3px); }\n\n\/* \u2500\u2500 Responsive \u2500\u2500 *\/\n@media (max-width: 900px) {\n    #ucs3x202 .cs-row  { grid-template-columns: 1fr !important; }\n    #ucs3x202 .cs-hero { grid-template-columns: 1fr !important; gap: 24px; }\n    #ucs3x202 .cs-hero-img { height: auto !important; min-height: 200px; }\n    #ucs3x202 .cs-inner { padding: 44px 20px; }\n    #ucs3x202 .cs-pd-grid { grid-template-columns: 1fr !important; }\n    #ucs3x202 .cs-logos-bar { padding: 14px 16px; }\n    #ucs3x202 .cs-logos-sep { padding: 0 12px; }\n}\n@media (max-width: 480px) {\n    #ucs3x202 .cs-inner { padding: 32px 16px; }\n    #ucs3x202 .cs-logos-bar { padding: 12px 16px; flex-wrap: nowrap; }\n    #ucs3x202 .cs-logo-img { width: 56px !important; height: 56px !important; }\n    #ucs3x202 .cs-logos-sep { padding: 0 10px; }\n    #ucs3x202 .cs-logos-sep-text { font-size: 10px; }\n    #ucs3x202 .cs-flags { gap: 8px; }\n    #ucs3x202 .cs-flag-pill { padding-block: 5px; padding-inline: 7px 10px; }\n    #ucs3x202 .cs-flag-emoji { font-size: 25px !important; }\n}\n<\/style>\n\n<section id=\"ucs3x202\" class=\"cs-rtl\" dir=\"rtl\">\n<div class=\"cs-inner\">\n\n<div class=\"cs-hero-card au d1\">\n    <div class=\"cs-hero-card-body\">\n        <div class=\"cs-hero\" style=\"grid-template-columns:1fr\">\n            \n            <div>\n                <h2 class=\"cs-hero-title au d2\"><p class=\"MsoNormal\" style=\"line-height:normal\"><b><span style=\"font-family:&quot;Times New Roman&quot;,serif\">Why You Should Attend?<br><\/span><\/b><\/p><\/h2>\n                <div class=\"cs-hero-intro au d3\"><p class=\"MsoNormal\" style=\"line-height:normal\"><span style=\"font-family:&quot;Times New Roman&quot;,serif\">The event is designed to help you move from general interest to real\nclarity.<\/span><\/p><p class=\"MsoNormal\" style=\"line-height:normal\"><span style=\"font-family: &quot;Times New Roman&quot;, serif\">Whether you are exploring undergraduate study, postgraduate study, <\/span><span style=\"font-family: &quot;Times New Roman&quot;, serif\">English language options, or future pathways, the vRoadshow gives you direct access to the people and information that matter most.<\/span><\/p>\n\n<\/div>\n\n                \n                            <\/div>\n\n                    <\/div>\n    <\/div>\n\n    \n<\/div><!-- .cs-hero-card -->\n\n<div class=\"cs-row au d1\" style=\"grid-template-columns: 50fr 50fr\">\n\n    <div class=\"cs-slider\" id=\"ucs3x202s1\" style=\"height:390px;border-radius:12px;\">\n                                <div class=\"cs-slide active\"\n                 style=\"background-image:url('https:\/\/ukuni.org\/wp-content\/uploads\/2026\/04\/Why-you-should-attend.jpg-scaled.jpeg');background-position:center center;\"\n                 role=\"img\" aria-label=\"\"><\/div>\n                                    <\/div>\n\n    <div class=\"cs-col\">\n                        <div class=\"cs-item\">\n            <span class=\"cs-dot-b\"><\/span>\n            <span class=\"cs-item-txt\">Meet international university representatives directly<\/span>\n        <\/div>\n                <div class=\"cs-item\">\n            <span class=\"cs-dot-b\"><\/span>\n            <span class=\"cs-item-txt\">Ask questions about courses, entry requirements, and progression<\/span>\n        <\/div>\n                <div class=\"cs-item\">\n            <span class=\"cs-dot-b\"><\/span>\n            <span class=\"cs-item-txt\">Speak with UKuni counsellors about your situation<\/span>\n        <\/div>\n                <div class=\"cs-item\">\n            <span class=\"cs-dot-b\"><\/span>\n            <span class=\"cs-item-txt\">Attend sessions on topics students care about<\/span>\n        <\/div>\n                <div class=\"cs-item\">\n            <span class=\"cs-dot-b\"><\/span>\n            <span class=\"cs-item-txt\">Explore options from home in a simple and organised way<\/span>\n        <\/div>\n                <div class=\"cs-item\">\n            <span class=\"cs-dot-b\"><\/span>\n            <span class=\"cs-item-txt\">FREE APPLICATIONS IN THE EVENT<\/span>\n        <\/div>\n                    <\/div>\n\n<\/div>\n\n\n\n\n<\/div>\n<\/section>\n\n<script>\n(function(){\n    function initSlider(id,interval){\n        var wrap=document.getElementById(id);\n        if(!wrap)return;\n        var slides=Array.prototype.slice.call(wrap.querySelectorAll('.cs-slide'));\n        var dots=Array.prototype.slice.call(wrap.querySelectorAll('.cs-dot'));\n        var total=slides.length;\n        if(total<2)return;\n        var cur=0,timer=null;\n        function goTo(n){\n            slides[cur].classList.remove('active');\n            if(dots[cur])dots[cur].classList.remove('active');\n            cur=(n%total+total)%total;\n            slides[cur].classList.add('active');\n            if(dots[cur])dots[cur].classList.add('active');\n        }\n        function play(){timer=setInterval(function(){goTo(cur+1);},interval);}\n        function pause(){clearInterval(timer);}\n        function reset(){pause();play();}\n        var prev=wrap.querySelector('.cs-prev');\n        var next=wrap.querySelector('.cs-next');\n        if(prev)prev.addEventListener('click',function(){goTo(cur-1);reset();});\n        if(next)next.addEventListener('click',function(){goTo(cur+1);reset();});\n        dots.forEach(function(btn){\n            btn.addEventListener('click',function(){goTo(parseInt(this.dataset.idx,10));reset();});\n        });\n        var tx=0;\n        wrap.addEventListener('touchstart',function(e){tx=e.touches[0].clientX;},{passive:true});\n        wrap.addEventListener('touchend',function(e){\n            var diff=tx-e.changedTouches[0].clientX;\n            if(Math.abs(diff)>40){goTo(cur+(diff>0?1:-1));reset();}\n        },{passive:true});\n        wrap.addEventListener('mouseenter',pause);\n        wrap.addEventListener('mouseleave',play);\n        play();\n    }\n    \/* 3.6.1: auto-RTL safety net (server already marks TranslatePress pages).\n       Also catches LATE translation (browser auto-translate) via observer.\n       Additive only \u2014 it never removes a server-side rtl decision. *\/\n    function applyDir(){\n        var sec=document.getElementById('ucs3x202');\n        if(!sec||sec.classList.contains('cs-rtl'))return;\n        var hd=((document.documentElement.getAttribute('dir'))||'').toLowerCase();\n        var bd=((document.body&&document.body.getAttribute('dir'))||'').toLowerCase();\n        var rtl=(hd==='rtl'||bd==='rtl');\n        if(!rtl){rtl=\/^\\\/(ar|he|fa|ur)(\\\/|$)\/i.test(location.pathname);}\n        if(!rtl){rtl=\/(^|\\s)translatepress-ar\/i.test((document.body&&document.body.className)||'')||\/^ar([-_]|$)\/i.test(document.documentElement.lang||'');}\n        if(!rtl){\n            var t=(sec.textContent||'').slice(0,2500);\n            var r=(t.match(\/[\\u0591-\\u07FF\\uFB1D-\\uFDFD\\uFE70-\\uFEFC]\/g)||[]).length;\n            var l=(t.match(\/[A-Za-z]\/g)||[]).length;\n            rtl=(r>10 && r>l);\n        }\n        if(rtl){sec.classList.add('cs-rtl');sec.setAttribute('dir','rtl');}\n    }\n    function run(){\n        applyDir();\n                    }\n    if(document.readyState==='loading'){document.addEventListener('DOMContentLoaded',run);}else{run();}\n    window.addEventListener('load',applyDir);\n    try{\n        var dT,sec0=document.getElementById('ucs3x202');\n        var mo=new MutationObserver(function(){clearTimeout(dT);dT=setTimeout(applyDir,150);});\n        if(sec0){mo.observe(sec0,{subtree:true,childList:true,characterData:true});}\n        mo.observe(document.documentElement,{attributes:true,attributeFilter:['dir','lang']});\n        setTimeout(applyDir,1200);setTimeout(applyDir,3000);\n    }catch(e){}\n}());\n<\/script>\n\n\n\n<div style=\"height:26px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-fe48e5de wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-fill\"><a class=\"wp-block-button__link has-white-color has-text-color has-background has-link-color has-custom-font-size wp-element-button\" href=\"#sprvr26-registration\" style=\"border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;background-color:#ce1b1c;font-size:16px;font-style:normal;font-weight:700\">Register Now!<\/a><\/div>\n<\/div>\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n#urh31i118 {\n    --pri: #072440;\n    --acc: #CE1B1C;\n    --bg:  #EBF9FC;\n    --acc-rgb: 206,27,28;\n    font-family: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;\n    background: var(--bg);\n    -webkit-font-smoothing: antialiased;\n}\n#urh31i118 * { box-sizing: border-box; margin: 0; padding: 0; }\n#urh31i118 .rh-inner {\n    max-width: 1140px; margin: 0 auto; padding: 60px 32px;\n}\n#urh31i118 .rh-title {\n    text-align: center;\n    font-size: clamp(22px, 3vw, 32px);\n    font-weight: 700; color: var(--pri);\n    margin-bottom: 36px; letter-spacing: -.3px;\n}\n#urh31i118 .rh-subtitle {\n    text-align: center;\n    font-size: clamp(14px, 1.8vw, 17px);\n    font-weight: 400;\n    color: var(--pri);\n    opacity: .78;\n    line-height: 1.7;\n    max-width: 780px;\n    margin: 0 auto 36px;\n    white-space: pre-line;\n}\n#urh31i118 .rh-cols {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 24px; margin-bottom: 36px;\n}\n#urh31i118 .rh-slider {\n    position: relative;\n    border-radius: 10px;\n    overflow: hidden; height: 330px;\n    background: #1a1a2e;\n    -webkit-user-select: none; user-select: none;\n}\n#urh31i118 .rh-yt-wrap {\n    border-radius: 10px;\n    overflow: hidden; height: 330px;\n    position: relative; background: #000;\n}\n#urh31i118 .rh-yt-wrap iframe { width: 100%; height: 100%; border: none; display: block; }\n#urh31i118 .rh-slide {\n    position: absolute; inset: 0;\n    background-size: cover; background-repeat: no-repeat;\n    opacity: 0; transition: opacity 0.7s ease;\n}\n#urh31i118 .rh-slide.active { opacity: 1; }\n#urh31i118 .rh-arrow {\n    position: absolute; top: 50%; transform: translateY(-50%);\n    width: 40px; height: 40px; border-radius: 50%;\n    background: rgba(0,0,0,.45); border: none; cursor: pointer;\n    color: #fff; font-size: 24px; line-height: 1; padding: 0;\n    display: flex; align-items: center; justify-content: center;\n    z-index: 10; transition: background .2s;\n}\n#urh31i118 .rh-arrow:hover { background: rgba(0,0,0,.7); }\n#urh31i118 .rh-prev { left: 12px; }\n#urh31i118 .rh-next { right: 12px; }\n#urh31i118 .rh-dots {\n    position: absolute; bottom: 12px;\n    left: 50%; transform: translateX(-50%);\n    display: flex; gap: 6px; z-index: 10;\n}\n#urh31i118 .rh-dot {\n    width: 8px; height: 8px; border-radius: 4px;\n    background: rgba(255,255,255,.5);\n    border: none; cursor: pointer; padding: 0;\n    transition: all .35s ease;\n}\n#urh31i118 .rh-dot.active { width: 22px; background: var(--acc); }\n#urh31i118 .rh-empty {\n    height: 100%; display: flex; align-items: center;\n    justify-content: center; color: #666; font-size: 14px;\n}\n#urh31i118 .rh-cta { text-align: center; }\n#urh31i118 .rh-btn {\n    display: inline-flex; align-items: center; gap: 10px;\n    padding: 13px 36px; background: var(--acc); color: #fff;\n    border-radius: 7px; font-weight: 600; font-size: 15px;\n    text-decoration: none; letter-spacing: .2px;\n    transition: all .25s ease;\n}\n#urh31i118 .rh-btn:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 8px 24px rgba(var(--acc-rgb),.3);\n    filter: brightness(1.06); color: #fff; text-decoration: none;\n}\n#urh31i118 .rh-btn svg { width: 16px; height: 16px; flex-shrink: 0; transition: transform .25s; }\n#urh31i118 .rh-btn:hover svg { transform: translateX(3px); }\n@media (max-width: 768px) {\n    #urh31i118 .rh-inner { padding: 40px 20px; }\n    #urh31i118 .rh-cols  { grid-template-columns: 1fr !important; }\n}\n@media (max-width: 480px) {\n    #urh31i118 .rh-inner { padding: 32px 16px; }\n}\n<\/style>\n\n<section id=\"urh31i118\">\n    <div class=\"rh-inner\">\n\n        <h2 class=\"rh-title\"> See What the UKuni vRoadshow Is Like<\/h2>\n\n        \n        <div class=\"rh-cols\">\n\n            <!-- \u2550\u2550\u2550 LEFT Column \u2550\u2550\u2550 -->\n            \n            <!-- \u2550\u2550\u2550 RIGHT Column \u2550\u2550\u2550 -->\n                                                <div class=\"rh-yt-wrap\">\n                                                    <iframe\n                                src=\"https:\/\/www.youtube.com\/embed\/iaCkEQOuyb8?rel=0&#038;modestbranding=1\"\n                                title=\"YouTube video\"\n                                allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n                                allowfullscreen\n                            ><\/iframe>\n                                            <\/div>\n                            \n        <\/div><!-- \/cols -->\n\n                <div class=\"rh-cta\">\n            <a\n                href=\"#sprvr26-registration\"\n                target=\"_self\"\n                class=\"rh-btn\"\n                            >\n                Register Now!                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\">\n                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3\"\/>\n                <\/svg>\n            <\/a>\n        <\/div>\n        \n    <\/div><!-- \/inner -->\n<\/section>\n\n\n\n\n\n\n\n<div style=\"height:26px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-dots\"\/>\n\n\n\n<div style=\"height:26px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700&#038;family=Cairo:wght@400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n<style>\n\n#ucs4x113 .ltr-price {\n    direction: ltr;\n    unicode-bidi: isolate;\n    display: inline-block;\n}\n\/* 3.6.3: ltr-price is for INLINE prices only - if it (wrongly) wraps whole\n   paragraphs or lists (pasted content), neutralize it so it cannot force LTR *\/\n#ucs4x113 .ltr-price:has(p, div, ul, ol, li, h1, h2, h3, h4, h5, h6) {\n    direction: inherit;\n    unicode-bidi: normal;\n    display: inline;\n}\n\/* 3.6.4: titles never need price isolation - neutralize it there entirely *\/\n#ucs4x113 .cs-hero-title .ltr-price,\n#ucs4x113 .cs-col-title .ltr-price,\n#ucs4x113 .cs-pd-title .ltr-price {\n    direction: inherit;\n    unicode-bidi: normal;\n    display: inline;\n}\n#ucs4x113 {\n    --pri: #072440; --acc: #CE1B1C; --bg: #FFFFFF;\n    --pri-rgb: 7,36,64; --acc-rgb: 206,27,28;\n    font-family: 'Poppins', 'Cairo', -apple-system, BlinkMacSystemFont, sans-serif;\n    background: var(--bg); -webkit-font-smoothing: antialiased; color: #1a1a2e;\n}\n#ucs4x113 *, #ucs4x113 *::before, #ucs4x113 *::after { box-sizing: border-box; margin: 0; padding: 0; }\n#ucs4x113 .cs-inner { max-width: 1500px; margin: 0 auto; padding: 0px 32px; }\n#ucs4x113 .cs-hero > *, #ucs4x113 .cs-row > * { min-width: 0; }\n#ucs4x113 .cs-hero-intro, #ucs4x113 .cs-item-txt, #ucs4x113 .cs-rt, #ucs4x113 .cs-pd-body { overflow-wrap: break-word; }\n\n\/* HERO *\/\n#ucs4x113 .cs-hero {\n    display: grid;\n    gap: 40px;\n    align-items: center;\n    margin-bottom: 0;\n    padding-bottom: 0;\n    border-bottom: none;\n}\n#ucs4x113 .cs-hero-title { font-size: clamp(22px, 3vw, 32px); font-weight: 700; color: var(--pri); line-height: 1.28; margin-bottom: 18px; letter-spacing: -.3px; width:98% !important}\n#ucs4x113 .cs-hero-title strong, #ucs4x113 .cs-hero-title b { color: var(--acc); }\n#ucs4x113 .cs-hero-intro { font-size: 15.5px; line-height: 1.85; color: #5a6474; width:99% !important}\n#ucs4x113 .cs-hero-intro strong, #ucs4x113 .cs-hero-intro b { font-weight: 700; color: #1a1a2e; }\n#ucs4x113 .cs-hero-intro a { color: var(--acc); }\n\n#ucs4x113 .cs-hero-img-wrap {\n    position: relative;\n    width: 100%;\n    min-width: 0;\n}\n#ucs4x113 .cs-hero-img {\n    display: block;\n    width: 95%;\n    height: 320px;\n    object-fit: cover;\n    object-position: 50% 50%;\n    border-radius: 14px;\n}\n\n\/* HERO CARD WRAPPER *\/\n#ucs4x113 .cs-hero-card {\n    border-radius: 12px; border: 1px solid #eef0f3; overflow: hidden;\n    background: rgba(7,36,64,.02); margin-bottom: 48px;\n}\n#ucs4x113 .cs-hero-card-body { padding: 32px 28px; }\n\n\/* \u2550\u2550\u2550 FLAGS BAR \u2550\u2550\u2550 *\/\n#ucs4x113 .cs-flags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 12px;\n    align-items: center;\n    justify-content: flex-start;\n    margin-top: 20px;\n    padding-top: 16px;\n    border-top: 1px solid #eef0f3;\n}\n#ucs4x113 .cs-flag-pill {\n    display: inline-flex; align-items: center; gap: 8px;\n    padding-block: 7px; padding-inline: 10px 16px; background: #f0f4f9; border-radius: 28px;\n    border: 1px solid #e2e8f0; transition: all .2s ease; text-decoration: none; color: inherit;\n}\n\/* AUTO TEXT DIRECTION (3.6.0): each text block follows its own language,\n   so translated Arabic gets RTL punctuation + right alignment automatically *\/\n#ucs4x113 .cs-hero-title, #ucs4x113 .cs-hero-title p, #ucs4x113 .cs-hero-title div,\n#ucs4x113 .cs-hero-intro, #ucs4x113 .cs-hero-intro p, #ucs4x113 .cs-hero-intro div, #ucs4x113 .cs-hero-intro li,\n#ucs4x113 .cs-item-txt, #ucs4x113 .cs-item-txt p, #ucs4x113 .cs-item-txt div, #ucs4x113 .cs-item-txt li,\n#ucs4x113 .cs-rt, #ucs4x113 .cs-rt p, #ucs4x113 .cs-rt div, #ucs4x113 .cs-rt li,\n#ucs4x113 .cs-col-title,\n#ucs4x113 .cs-note-1, #ucs4x113 .cs-note-1 p, #ucs4x113 .cs-note-1 div, #ucs4x113 .cs-note-1 li,\n#ucs4x113 .cs-note-2, #ucs4x113 .cs-note-2 p, #ucs4x113 .cs-note-2 div, #ucs4x113 .cs-note-2 li,\n#ucs4x113 .cs-pd-title,\n#ucs4x113 .cs-pd-body, #ucs4x113 .cs-pd-body p, #ucs4x113 .cs-pd-body div, #ucs4x113 .cs-pd-body li,\n#ucs4x113 .cs-flag-name, #ucs4x113 .cs-logos-sep-text { unicode-bidi: plaintext; text-align: start; }\n#ucs4x113 .cs-flag-pill:hover { background: #e4eaf2; transform: translateY(-1px); box-shadow: 0 2px 8px rgba(0,0,0,.06); }\n#ucs4x113 .cs-flag-emoji { font-size: 36px; line-height: 1; display: flex; }\n#ucs4x113 .cs-flag-name { font-size: 13px; font-weight: 600; color: #1a1a2e; white-space: nowrap; }\n#ucs4x113 .cs-flag-icon {\n    display: inline-flex; align-items: center; justify-content: center;\n    padding: 4px; border-radius: 8px; border: 1px solid transparent; transition: all .2s ease;\n}\n#ucs4x113 .cs-flag-icon:hover { background: rgba(0,0,0,.04); transform: scale(1.1); }\n\n\/* \u2550\u2550\u2550 PROGRAM DETAIL CARDS \u2550\u2550\u2550 *\/\n#ucs4x113 .cs-pd-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 16px; margin-top: 24px;\n}\n#ucs4x113 .cs-pd-card {\n    background: #ffffff;\n    border: 1px solid #eef0f3;\n    border-radius: 12px; padding: 20px 18px;\n    transition: all .25s ease; position: relative; overflow: hidden;\n}\n#ucs4x113 .cs-pd-card::before {\n    content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;\n    background: linear-gradient(90deg, var(--pri), var(--acc)); opacity: 0; transition: opacity .25s;\n}\n#ucs4x113 .cs-pd-card:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0,0,0,.06); }\n#ucs4x113 .cs-pd-card:hover::before { opacity: 1; }\n#ucs4x113 .cs-pd-head { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }\n#ucs4x113 .cs-pd-icon {\n    width: 38px; height: 38px; border-radius: 10px;\n    background: #f0f4f9;\n    display: flex; align-items: center; justify-content: center;\n    font-size: 20px; flex-shrink: 0;\n}\n#ucs4x113 .cs-pd-title { font-size: 13px; font-weight: 700; color: #072440; }\n#ucs4x113 .cs-pd-body { font-size: 13px; line-height: 1.75; color: #5a6474; }\n\n\/* \u2550\u2550\u2550 DUAL LOGOS BAR \u2550\u2550\u2550 *\/\n#ucs4x113 .cs-logos-bar {\n    display: flex; align-items: center; justify-content: center; gap: 0;\n    padding: 18px 24px; border-top: 1px solid #eef0f3;\n    background: rgba(7,36,64,.025);\n}\n#ucs4x113 .cs-logo-item {\n    display: flex; align-items: center; justify-content: center; flex-shrink: 0;\n    text-decoration: none; transition: opacity .2s, transform .2s;\n}\n#ucs4x113 .cs-logo-item:hover { opacity: .82; transform: scale(1.04); }\n#ucs4x113 .cs-logo-img {\n    width: 80px; height: 80px;\n    object-fit: contain; display: block;\n}\n#ucs4x113 .cs-logos-sep {\n    display: flex; flex-direction: column; align-items: center; gap: 5px;\n    padding: 0 20px; flex-shrink: 0;\n}\n#ucs4x113 .cs-logos-sep-line { width: 1px; height: 22px; background: #ccd2db; }\n#ucs4x113 .cs-logos-sep-text { font-size: 11px; color: #8a9099; font-weight: 500; letter-spacing: .4px; white-space: nowrap; }\n\n\/* ROW *\/\n#ucs4x113 .cs-row { display: grid; gap: 32px; align-items: start; margin-bottom: 56px; }\n#ucs4x113 .cs-row:last-child { margin-bottom: 0; }\n#ucs4x113 .cs-divider { height: 2px; background: #eef0f3; margin: 0 0 56px; }\n\n\/* NEW (3.5.0): stacked rows \u2014 swap visual order of the two children when needed *\/\n#ucs4x113 .cs-order-flip > :first-child { order: 2; }\n#ucs4x113 .cs-order-flip > :last-child  { order: 1; }\n\n\/* SLIDER *\/\n#ucs4x113 .cs-slider { position: relative; border-radius: 12px; overflow: hidden; background: #1a1a2e; -webkit-user-select: none; user-select: none; }\n#ucs4x113 .cs-slide { position: absolute; inset: 0; background-size: cover; background-repeat: no-repeat; opacity: 0; transition: opacity .7s ease; }\n#ucs4x113 .cs-slide.active { opacity: 1; }\n#ucs4x113 .cs-arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; border-radius: 50%; background: rgba(0,0,0,.45); border: none; cursor: pointer; color: #fff; font-size: 24px; line-height: 1; display: flex; align-items: center; justify-content: center; z-index: 10; transition: background .2s; }\n#ucs4x113 .cs-arrow:hover { background: rgba(0,0,0,.72); }\n#ucs4x113 .cs-prev { left: 12px; } #ucs4x113 .cs-next { right: 12px; }\n#ucs4x113 .cs-dots { position: absolute; bottom: 12px; left: 50%; transform: translateX(-50%); display: flex; gap: 6px; z-index: 10; }\n#ucs4x113 .cs-dot { width: 8px; height: 8px; border-radius: 4px; background: rgba(255,255,255,.5); border: none; cursor: pointer; padding: 0; transition: all .35s ease; }\n#ucs4x113 .cs-dot.active { width: 22px; background: var(--acc); }\n\n\/* TEXT COLUMN *\/\n#ucs4x113 .cs-col { background: #f8f9fb; border-radius: 14px; padding: 28px 24px; border: 1px solid #eef0f3; }\n#ucs4x113 .cs-col-head { display: flex; align-items: center; gap: 10px; margin-bottom: 20px; padding-bottom: 14px; border-bottom: 1px solid #e4e7eb; }\n#ucs4x113 .cs-col-icon { width: 36px; height: 36px; border-radius: 8px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }\n#ucs4x113 .cs-col-icon svg { width: 18px; height: 18px; }\n#ucs4x113 .cs-col-title { font-size: 17px; font-weight: 700; color: var(--pri); }\n\n\/* Bullet items *\/\n#ucs4x113 .cs-item { display: flex; gap: 12px; align-items: flex-start; padding: 10px 0; border-bottom: 1px solid #eef0f3; transition: padding-inline-start .2s; }\n#ucs4x113 .cs-item:last-child { border-bottom: none; }\n#ucs4x113 .cs-item:hover { padding-inline-start: 4px; }\n#ucs4x113 .cs-dot-b { width: 7px; height: 7px; border-radius: 50%; background: var(--acc); flex-shrink: 0; margin-top: 8px; }\n#ucs4x113 .cs-item-txt { font-size: 14.5px; line-height: 1.65; color: #1a1a2e; }\n#ucs4x113 .cs-item-txt strong, #ucs4x113 .cs-item-txt b { font-weight: 700; }\n#ucs4x113 .cs-item-txt em, #ucs4x113 .cs-item-txt i { font-style: italic; }\n#ucs4x113 .cs-item-txt u { text-decoration: underline; }\n\n\/* Numbered items *\/\n#ucs4x113 .cs-req { display: flex; gap: 14px; align-items: flex-start; padding: 12px 0; border-bottom: 1px solid #eef0f3; transition: padding-inline-start .2s; }\n#ucs4x113 .cs-req:last-child { border-bottom: none; }\n#ucs4x113 .cs-req:hover { padding-inline-start: 4px; }\n#ucs4x113 .cs-rn { width: 28px; height: 28px; border-radius: 7px; background: var(--pri); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; flex-shrink: 0; margin-top: 2px; }\n#ucs4x113 .cs-rt { font-size: 14.5px; line-height: 1.65; padding-top: 3px; }\n#ucs4x113 .cs-rt strong, #ucs4x113 .cs-rt b { font-weight: 700; }\n#ucs4x113 .cs-rt em, #ucs4x113 .cs-rt i { font-style: italic; }\n#ucs4x113 .cs-rt u { text-decoration: underline; }\n\n#ucs4x113 .cs-col-title strong, #ucs4x113 .cs-col-title b { font-weight: 800; }\n#ucs4x113 .cs-col-title em, #ucs4x113 .cs-col-title i { font-style: italic; }\n\n\/* Lists within rich content *\/\n#ucs4x113 .cs-hero-intro ul { list-style: disc; }\n#ucs4x113 .cs-hero-intro ol { list-style: decimal; }\n#ucs4x113 .cs-note-1 ul, #ucs4x113 .cs-note-2 ul, #ucs4x113 .cs-pd-body ul { list-style: disc; }\n#ucs4x113 .cs-note-1 ol, #ucs4x113 .cs-note-2 ol, #ucs4x113 .cs-pd-body ol { list-style: decimal; }\n#ucs4x113 .cs-item-txt ul { list-style: disc; padding-inline-start: 18px; }\n#ucs4x113 .cs-item-txt ol { list-style: decimal; padding-inline-start: 18px; }\n#ucs4x113 .cs-rt ul { list-style: disc; padding-inline-start: 18px; }\n#ucs4x113 .cs-rt ol { list-style: decimal; padding-inline-start: 18px; }\n#ucs4x113 .cs-hero-intro ul,\n#ucs4x113 .cs-hero-intro ol,\n#ucs4x113 .cs-note-1 ul,\n#ucs4x113 .cs-note-1 ol,\n#ucs4x113 .cs-note-2 ul,\n#ucs4x113 .cs-note-2 ol,\n#ucs4x113 .cs-pd-body ul,\n#ucs4x113 .cs-pd-body ol { padding-inline-start: 22px; margin: 6px 0; }\n#ucs4x113 .cs-hero-intro ul li, #ucs4x113 .cs-hero-intro ol li,\n#ucs4x113 .cs-note-1 li, #ucs4x113 .cs-note-2 li,\n#ucs4x113 .cs-pd-body li, #ucs4x113 .cs-item-txt li, #ucs4x113 .cs-rt li {\n    margin-bottom: 4px; line-height: 1.7;\n}\n\n\/* NOTE styles *\/\n#ucs4x113 .cs-note-1 { margin-top: 18px; padding: 8px 0; padding-inline-start: 14px; border-inline-start: 3px solid #e8c000; font-size: 13.5px; line-height: 1.75; color: #4a3c00; }\n#ucs4x113 .cs-note-1 strong, #ucs4x113 .cs-note-1 b { color: #2e2500; font-weight: 600; }\n#ucs4x113 .cs-note-2 { margin-top: 18px; padding: 8px 0; padding-inline-start: 14px; border-inline-start: 3px solid #2e7dc0; font-size: 13.5px; line-height: 1.75; color: #0d2e4a; }\n#ucs4x113 .cs-note-2 strong, #ucs4x113 .cs-note-2 b { color: #061c2e; font-weight: 600; }\n\n\/* CTA *\/\n#ucs4x113 .cs-cta { text-align: center; margin-top: 24px; }\n#ucs4x113 .cs-btn { display: inline-flex; align-items: center; gap: 10px; padding: 13px 36px; background: var(--acc); color: #fff; border-radius: 7px; font-weight: 600; font-size: 15px; text-decoration: none; letter-spacing: .2px; transition: all .25s ease; }\n#ucs4x113 .cs-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(var(--acc-rgb),.3); filter: brightness(1.06); color: #fff; text-decoration: none; }\n#ucs4x113 .cs-btn svg { width: 16px; height: 16px; flex-shrink: 0; transition: transform .25s; }\n#ucs4x113 .cs-btn:hover svg { transform: translateX(3px); }\n\n\/* Animations *\/\n@keyframes ucs4x113U { from{opacity:0;transform:translateY(26px)} to{opacity:1;transform:translateY(0)} }\n#ucs4x113 .au { opacity:0; animation:ucs4x113U .65s cubic-bezier(.22,1,.36,1) forwards; }\n#ucs4x113 .d1{animation-delay:.06s} #ucs4x113 .d2{animation-delay:.14s}\n#ucs4x113 .d3{animation-delay:.22s} #ucs4x113 .d4{animation-delay:.30s}\n\n\/* \u2550\u2550\u2550 RTL MODE (3.6.2) \u2014 applies ONLY to the Arabic (TranslatePress) \/ RTL version \u2550\u2550\u2550 *\/\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) {\n    direction: rtl;\n    font-family: 'Cairo', 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;\n}\n\/* explicit direction:rtl for bullets & lists \u2014 markers move to the RIGHT *\/\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) ul, :is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) ol, :is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) li { direction: rtl; }\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-item, :is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-req { direction: rtl; }\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-btn { direction: rtl; letter-spacing: 0; font-family: 'Cairo', 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif; }\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-hero-title { letter-spacing: 0; line-height: 1.55; width: 100% !important; }\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-hero-intro { width: 100% !important; }\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-hero-img { width: 100%; }\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-col-title, :is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-pd-title { line-height: 1.6; }\n\/* 3.6.4: titles are forced RTL and flush RIGHT in the Arabic version -\n   numbers like \"6.\" always sit at the right end, no heuristics involved *\/\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-hero-title, :is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-hero-title div, :is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-hero-title p,\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-col-title, :is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-pd-title {\n    direction: rtl;\n    unicode-bidi: isolate;\n    text-align: right;\n}\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-logos-sep-text { letter-spacing: 0; }\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-btn svg { transform: scaleX(-1); }\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-btn:hover svg { transform: scaleX(-1) translateX(3px); }\n\n\/* \u2500\u2500 Responsive \u2500\u2500 *\/\n@media (max-width: 900px) {\n    #ucs4x113 .cs-row  { grid-template-columns: 1fr !important; }\n    #ucs4x113 .cs-hero { grid-template-columns: 1fr !important; gap: 24px; }\n    #ucs4x113 .cs-hero-img { height: auto !important; min-height: 200px; }\n    #ucs4x113 .cs-inner { padding: 44px 20px; }\n    #ucs4x113 .cs-pd-grid { grid-template-columns: 1fr !important; }\n    #ucs4x113 .cs-logos-bar { padding: 14px 16px; }\n    #ucs4x113 .cs-logos-sep { padding: 0 12px; }\n}\n@media (max-width: 480px) {\n    #ucs4x113 .cs-inner { padding: 32px 16px; }\n    #ucs4x113 .cs-logos-bar { padding: 12px 16px; flex-wrap: nowrap; }\n    #ucs4x113 .cs-logo-img { width: 56px !important; height: 56px !important; }\n    #ucs4x113 .cs-logos-sep { padding: 0 10px; }\n    #ucs4x113 .cs-logos-sep-text { font-size: 10px; }\n    #ucs4x113 .cs-flags { gap: 8px; }\n    #ucs4x113 .cs-flag-pill { padding-block: 5px; padding-inline: 7px 10px; }\n    #ucs4x113 .cs-flag-emoji { font-size: 25px !important; }\n}\n<\/style>\n\n<section id=\"ucs4x113\" class=\"cs-rtl\" dir=\"rtl\">\n<div class=\"cs-inner\">\n\n<div class=\"cs-hero-card au d1\">\n    <div class=\"cs-hero-card-body\">\n        <div class=\"cs-hero\" style=\"grid-template-columns:1fr\">\n            \n            <div>\n                <h2 class=\"cs-hero-title au d2\"><p class=\"MsoNormal\" style=\"line-height:normal\"><b><span style=\"font-family:&quot;Times New Roman&quot;,serif\">Event Format &amp; Schedule<br><\/span><\/b><\/p><\/h2>\n                <div class=\"cs-hero-intro au d3\"><p class=\"MsoNormal\" style=\"line-height:normal\"><span style=\"font-family:&quot;Times New Roman&quot;,serif\">The event runs on both <b>5 May<\/b> and <b>6 May<\/b>, with the same structure on each day.<br><\/span><\/p><\/div>\n\n                \n                                <div class=\"cs-pd-grid au d4\">\n                                        <div class=\"cs-pd-card\">\n                        <div class=\"cs-pd-head\">\n                            <span class=\"cs-pd-icon\">\ud83d\udd50<\/span>\n                            <span class=\"cs-pd-title\"><p class=\"MsoNormal\" style=\"line-height:normal\"><b><span style=\"font-family:&quot;Times New Roman&quot;,serif\">1:00 PM to 4:00 PM<br><\/span><\/b><\/p><\/span>\n                        <\/div>\n                        <div class=\"cs-pd-body\"><p class=\"MsoNormal\" style=\"line-height:normal\"><\/p><ul dir=\"auto\"><li dir=\"auto\"><span style=\"font-family:&quot;Times New Roman&quot;,serif\"><font style=\"font-size: 16px\">Pre recorded sample lessons<\/font><\/span><\/li><\/ul><p><\/p><\/div>\n                    <\/div>\n                                        <div class=\"cs-pd-card\">\n                        <div class=\"cs-pd-head\">\n                            <span class=\"cs-pd-icon\">\ud83d\udd53<\/span>\n                            <span class=\"cs-pd-title\"><p class=\"MsoNormal\" style=\"line-height:normal\"><b><span style=\"font-family:&quot;Times New Roman&quot;,serif\">4:00 PM to 8:00 PM<br><\/span><\/b><\/p><\/span>\n                        <\/div>\n                        <div class=\"cs-pd-body\"><p class=\"MsoNormal\" style=\"line-height:normal\"><\/p><ul dir=\"auto\"><li dir=\"auto\"><span style=\"font-family:&quot;Times New Roman&quot;,serif\"><font style=\"font-size: 16px\">One to one meetings with university representative and UKuni counsellors<\/font><\/span><\/li><\/ul><div><\/div><ul dir=\"auto\"><li dir=\"auto\"><span style=\"font-family:&quot;Times New Roman&quot;,serif\"><font style=\"font-size: 16px\">Live Workshops<\/font><\/span><\/li><\/ul><p><\/p><\/div>\n                    <\/div>\n                                        <div class=\"cs-pd-card\">\n                        <div class=\"cs-pd-head\">\n                            <span class=\"cs-pd-icon\"> \ud83d\udccd<\/span>\n                            <span class=\"cs-pd-title\">Note<\/span>\n                        <\/div>\n                        <div class=\"cs-pd-body\"><p class=\"MsoNormal\" style=\"line-height:normal\"><span style=\"font-family:&quot;Times New Roman&quot;,serif\"><font style=\"font-size: 16px\">You can register once and access the event on both days.<\/font><br><\/span><\/p><\/div>\n                    <\/div>\n                                        <div class=\"cs-pd-card\">\n                        <div class=\"cs-pd-head\">\n                            <span class=\"cs-pd-icon\">\ud83d\udccb<\/span>\n                            <span class=\"cs-pd-title\">Free Applications<\/span>\n                        <\/div>\n                        <div class=\"cs-pd-body\"><font style=\"font-size: 14px\">Qualified attendees will get free application services ONLY during the event.<\/font><\/div>\n                    <\/div>\n                                    <\/div>\n                            <\/div>\n\n                    <\/div>\n    <\/div>\n\n    \n<\/div><!-- .cs-hero-card -->\n\n\n\n\n<\/div>\n<\/section>\n\n<script>\n(function(){\n    function initSlider(id,interval){\n        var wrap=document.getElementById(id);\n        if(!wrap)return;\n        var slides=Array.prototype.slice.call(wrap.querySelectorAll('.cs-slide'));\n        var dots=Array.prototype.slice.call(wrap.querySelectorAll('.cs-dot'));\n        var total=slides.length;\n        if(total<2)return;\n        var cur=0,timer=null;\n        function goTo(n){\n            slides[cur].classList.remove('active');\n            if(dots[cur])dots[cur].classList.remove('active');\n            cur=(n%total+total)%total;\n            slides[cur].classList.add('active');\n            if(dots[cur])dots[cur].classList.add('active');\n        }\n        function play(){timer=setInterval(function(){goTo(cur+1);},interval);}\n        function pause(){clearInterval(timer);}\n        function reset(){pause();play();}\n        var prev=wrap.querySelector('.cs-prev');\n        var next=wrap.querySelector('.cs-next');\n        if(prev)prev.addEventListener('click',function(){goTo(cur-1);reset();});\n        if(next)next.addEventListener('click',function(){goTo(cur+1);reset();});\n        dots.forEach(function(btn){\n            btn.addEventListener('click',function(){goTo(parseInt(this.dataset.idx,10));reset();});\n        });\n        var tx=0;\n        wrap.addEventListener('touchstart',function(e){tx=e.touches[0].clientX;},{passive:true});\n        wrap.addEventListener('touchend',function(e){\n            var diff=tx-e.changedTouches[0].clientX;\n            if(Math.abs(diff)>40){goTo(cur+(diff>0?1:-1));reset();}\n        },{passive:true});\n        wrap.addEventListener('mouseenter',pause);\n        wrap.addEventListener('mouseleave',play);\n        play();\n    }\n    \/* 3.6.1: auto-RTL safety net (server already marks TranslatePress pages).\n       Also catches LATE translation (browser auto-translate) via observer.\n       Additive only \u2014 it never removes a server-side rtl decision. *\/\n    function applyDir(){\n        var sec=document.getElementById('ucs4x113');\n        if(!sec||sec.classList.contains('cs-rtl'))return;\n        var hd=((document.documentElement.getAttribute('dir'))||'').toLowerCase();\n        var bd=((document.body&&document.body.getAttribute('dir'))||'').toLowerCase();\n        var rtl=(hd==='rtl'||bd==='rtl');\n        if(!rtl){rtl=\/^\\\/(ar|he|fa|ur)(\\\/|$)\/i.test(location.pathname);}\n        if(!rtl){rtl=\/(^|\\s)translatepress-ar\/i.test((document.body&&document.body.className)||'')||\/^ar([-_]|$)\/i.test(document.documentElement.lang||'');}\n        if(!rtl){\n            var t=(sec.textContent||'').slice(0,2500);\n            var r=(t.match(\/[\\u0591-\\u07FF\\uFB1D-\\uFDFD\\uFE70-\\uFEFC]\/g)||[]).length;\n            var l=(t.match(\/[A-Za-z]\/g)||[]).length;\n            rtl=(r>10 && r>l);\n        }\n        if(rtl){sec.classList.add('cs-rtl');sec.setAttribute('dir','rtl');}\n    }\n    function run(){\n        applyDir();\n                    }\n    if(document.readyState==='loading'){document.addEventListener('DOMContentLoaded',run);}else{run();}\n    window.addEventListener('load',applyDir);\n    try{\n        var dT,sec0=document.getElementById('ucs4x113');\n        var mo=new MutationObserver(function(){clearTimeout(dT);dT=setTimeout(applyDir,150);});\n        if(sec0){mo.observe(sec0,{subtree:true,childList:true,characterData:true});}\n        mo.observe(document.documentElement,{attributes:true,attributeFilter:['dir','lang']});\n        setTimeout(applyDir,1200);setTimeout(applyDir,3000);\n    }catch(e){}\n}());\n<\/script>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-fe48e5de wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-fill\"><a class=\"wp-block-button__link has-white-color has-text-color has-background has-link-color has-custom-font-size wp-element-button\" href=\"#sprvr26-registration\" style=\"border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;background-color:#ce1b1c;font-size:16px;font-style:normal;font-weight:700\">Register Now!<\/a><\/div>\n<\/div>\n\n\n\n<div style=\"height:26px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-dots\"\/>\n\n\n\n<div style=\"height:26px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div style=\"height:26px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700&#038;family=Cairo:wght@400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n<style>\n\n#ucs5x710 .ltr-price {\n    direction: ltr;\n    unicode-bidi: isolate;\n    display: inline-block;\n}\n\/* 3.6.3: ltr-price is for INLINE prices only - if it (wrongly) wraps whole\n   paragraphs or lists (pasted content), neutralize it so it cannot force LTR *\/\n#ucs5x710 .ltr-price:has(p, div, ul, ol, li, h1, h2, h3, h4, h5, h6) {\n    direction: inherit;\n    unicode-bidi: normal;\n    display: inline;\n}\n\/* 3.6.4: titles never need price isolation - neutralize it there entirely *\/\n#ucs5x710 .cs-hero-title .ltr-price,\n#ucs5x710 .cs-col-title .ltr-price,\n#ucs5x710 .cs-pd-title .ltr-price {\n    direction: inherit;\n    unicode-bidi: normal;\n    display: inline;\n}\n#ucs5x710 {\n    --pri: #072440; --acc: #CE1B1C; --bg: #FFFFFF;\n    --pri-rgb: 7,36,64; --acc-rgb: 206,27,28;\n    font-family: 'Poppins', 'Cairo', -apple-system, BlinkMacSystemFont, sans-serif;\n    background: var(--bg); -webkit-font-smoothing: antialiased; color: #1a1a2e;\n}\n#ucs5x710 *, #ucs5x710 *::before, #ucs5x710 *::after { box-sizing: border-box; margin: 0; padding: 0; }\n#ucs5x710 .cs-inner { max-width: 1500px; margin: 0 auto; padding: 0px 32px; }\n#ucs5x710 .cs-hero > *, #ucs5x710 .cs-row > * { min-width: 0; }\n#ucs5x710 .cs-hero-intro, #ucs5x710 .cs-item-txt, #ucs5x710 .cs-rt, #ucs5x710 .cs-pd-body { overflow-wrap: break-word; }\n\n\/* HERO *\/\n#ucs5x710 .cs-hero {\n    display: grid;\n    gap: 40px;\n    align-items: center;\n    margin-bottom: 0;\n    padding-bottom: 0;\n    border-bottom: none;\n}\n#ucs5x710 .cs-hero-title { font-size: clamp(22px, 3vw, 32px); font-weight: 700; color: var(--pri); line-height: 1.28; margin-bottom: 18px; letter-spacing: -.3px; width:98% !important}\n#ucs5x710 .cs-hero-title strong, #ucs5x710 .cs-hero-title b { color: var(--acc); }\n#ucs5x710 .cs-hero-intro { font-size: 15.5px; line-height: 1.85; color: #5a6474; width:99% !important}\n#ucs5x710 .cs-hero-intro strong, #ucs5x710 .cs-hero-intro b { font-weight: 700; color: #1a1a2e; }\n#ucs5x710 .cs-hero-intro a { color: var(--acc); }\n\n#ucs5x710 .cs-hero-img-wrap {\n    position: relative;\n    width: 100%;\n    min-width: 0;\n}\n#ucs5x710 .cs-hero-img {\n    display: block;\n    width: 95%;\n    height: 390px;\n    object-fit: cover;\n    object-position: 50% 50%;\n    border-radius: 22px;\n}\n\n\/* HERO CARD WRAPPER *\/\n#ucs5x710 .cs-hero-card {\n    border-radius: 12px; border: 1px solid #eef0f3; overflow: hidden;\n    background: rgba(7,36,64,.02); margin-bottom: 48px;\n}\n#ucs5x710 .cs-hero-card-body { padding: 32px 28px; }\n\n\/* \u2550\u2550\u2550 FLAGS BAR \u2550\u2550\u2550 *\/\n#ucs5x710 .cs-flags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 12px;\n    align-items: center;\n    justify-content: flex-start;\n    margin-top: 20px;\n    padding-top: 16px;\n    border-top: 1px solid #eef0f3;\n}\n#ucs5x710 .cs-flag-pill {\n    display: inline-flex; align-items: center; gap: 8px;\n    padding-block: 7px; padding-inline: 10px 16px; background: #f0f4f9; border-radius: 28px;\n    border: 1px solid #e2e8f0; transition: all .2s ease; text-decoration: none; color: inherit;\n}\n\/* AUTO TEXT DIRECTION (3.6.0): each text block follows its own language,\n   so translated Arabic gets RTL punctuation + right alignment automatically *\/\n#ucs5x710 .cs-hero-title, #ucs5x710 .cs-hero-title p, #ucs5x710 .cs-hero-title div,\n#ucs5x710 .cs-hero-intro, #ucs5x710 .cs-hero-intro p, #ucs5x710 .cs-hero-intro div, #ucs5x710 .cs-hero-intro li,\n#ucs5x710 .cs-item-txt, #ucs5x710 .cs-item-txt p, #ucs5x710 .cs-item-txt div, #ucs5x710 .cs-item-txt li,\n#ucs5x710 .cs-rt, #ucs5x710 .cs-rt p, #ucs5x710 .cs-rt div, #ucs5x710 .cs-rt li,\n#ucs5x710 .cs-col-title,\n#ucs5x710 .cs-note-1, #ucs5x710 .cs-note-1 p, #ucs5x710 .cs-note-1 div, #ucs5x710 .cs-note-1 li,\n#ucs5x710 .cs-note-2, #ucs5x710 .cs-note-2 p, #ucs5x710 .cs-note-2 div, #ucs5x710 .cs-note-2 li,\n#ucs5x710 .cs-pd-title,\n#ucs5x710 .cs-pd-body, #ucs5x710 .cs-pd-body p, #ucs5x710 .cs-pd-body div, #ucs5x710 .cs-pd-body li,\n#ucs5x710 .cs-flag-name, #ucs5x710 .cs-logos-sep-text { unicode-bidi: plaintext; text-align: start; }\n#ucs5x710 .cs-flag-pill:hover { background: #e4eaf2; transform: translateY(-1px); box-shadow: 0 2px 8px rgba(0,0,0,.06); }\n#ucs5x710 .cs-flag-emoji { font-size: 36px; line-height: 1; display: flex; }\n#ucs5x710 .cs-flag-name { font-size: 13px; font-weight: 600; color: #1a1a2e; white-space: nowrap; }\n#ucs5x710 .cs-flag-icon {\n    display: inline-flex; align-items: center; justify-content: center;\n    padding: 4px; border-radius: 8px; border: 1px solid transparent; transition: all .2s ease;\n}\n#ucs5x710 .cs-flag-icon:hover { background: rgba(0,0,0,.04); transform: scale(1.1); }\n\n\/* \u2550\u2550\u2550 PROGRAM DETAIL CARDS \u2550\u2550\u2550 *\/\n#ucs5x710 .cs-pd-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 16px; margin-top: 24px;\n}\n#ucs5x710 .cs-pd-card {\n    background: #ffffff;\n    border: 1px solid #eef0f3;\n    border-radius: 12px; padding: 20px 18px;\n    transition: all .25s ease; position: relative; overflow: hidden;\n}\n#ucs5x710 .cs-pd-card::before {\n    content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;\n    background: linear-gradient(90deg, var(--pri), var(--acc)); opacity: 0; transition: opacity .25s;\n}\n#ucs5x710 .cs-pd-card:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0,0,0,.06); }\n#ucs5x710 .cs-pd-card:hover::before { opacity: 1; }\n#ucs5x710 .cs-pd-head { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }\n#ucs5x710 .cs-pd-icon {\n    width: 38px; height: 38px; border-radius: 10px;\n    background: #f0f4f9;\n    display: flex; align-items: center; justify-content: center;\n    font-size: 20px; flex-shrink: 0;\n}\n#ucs5x710 .cs-pd-title { font-size: 13px; font-weight: 700; color: #072440; }\n#ucs5x710 .cs-pd-body { font-size: 13px; line-height: 1.75; color: #5a6474; }\n\n\/* \u2550\u2550\u2550 DUAL LOGOS BAR \u2550\u2550\u2550 *\/\n#ucs5x710 .cs-logos-bar {\n    display: flex; align-items: center; justify-content: center; gap: 0;\n    padding: 18px 24px; border-top: 1px solid #eef0f3;\n    background: rgba(7,36,64,.025);\n}\n#ucs5x710 .cs-logo-item {\n    display: flex; align-items: center; justify-content: center; flex-shrink: 0;\n    text-decoration: none; transition: opacity .2s, transform .2s;\n}\n#ucs5x710 .cs-logo-item:hover { opacity: .82; transform: scale(1.04); }\n#ucs5x710 .cs-logo-img {\n    width: 80px; height: 80px;\n    object-fit: contain; display: block;\n}\n#ucs5x710 .cs-logos-sep {\n    display: flex; flex-direction: column; align-items: center; gap: 5px;\n    padding: 0 20px; flex-shrink: 0;\n}\n#ucs5x710 .cs-logos-sep-line { width: 1px; height: 22px; background: #ccd2db; }\n#ucs5x710 .cs-logos-sep-text { font-size: 11px; color: #8a9099; font-weight: 500; letter-spacing: .4px; white-space: nowrap; }\n\n\/* ROW *\/\n#ucs5x710 .cs-row { display: grid; gap: 32px; align-items: start; margin-bottom: 56px; }\n#ucs5x710 .cs-row:last-child { margin-bottom: 0; }\n#ucs5x710 .cs-divider { height: 2px; background: #eef0f3; margin: 0 0 56px; }\n\n\/* NEW (3.5.0): stacked rows \u2014 swap visual order of the two children when needed *\/\n#ucs5x710 .cs-order-flip > :first-child { order: 2; }\n#ucs5x710 .cs-order-flip > :last-child  { order: 1; }\n\n\/* SLIDER *\/\n#ucs5x710 .cs-slider { position: relative; border-radius: 12px; overflow: hidden; background: #1a1a2e; -webkit-user-select: none; user-select: none; }\n#ucs5x710 .cs-slide { position: absolute; inset: 0; background-size: cover; background-repeat: no-repeat; opacity: 0; transition: opacity .7s ease; }\n#ucs5x710 .cs-slide.active { opacity: 1; }\n#ucs5x710 .cs-arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; border-radius: 50%; background: rgba(0,0,0,.45); border: none; cursor: pointer; color: #fff; font-size: 24px; line-height: 1; display: flex; align-items: center; justify-content: center; z-index: 10; transition: background .2s; }\n#ucs5x710 .cs-arrow:hover { background: rgba(0,0,0,.72); }\n#ucs5x710 .cs-prev { left: 12px; } #ucs5x710 .cs-next { right: 12px; }\n#ucs5x710 .cs-dots { position: absolute; bottom: 12px; left: 50%; transform: translateX(-50%); display: flex; gap: 6px; z-index: 10; }\n#ucs5x710 .cs-dot { width: 8px; height: 8px; border-radius: 4px; background: rgba(255,255,255,.5); border: none; cursor: pointer; padding: 0; transition: all .35s ease; }\n#ucs5x710 .cs-dot.active { width: 22px; background: var(--acc); }\n\n\/* TEXT COLUMN *\/\n#ucs5x710 .cs-col { background: #f8f9fb; border-radius: 14px; padding: 28px 24px; border: 1px solid #eef0f3; }\n#ucs5x710 .cs-col-head { display: flex; align-items: center; gap: 10px; margin-bottom: 20px; padding-bottom: 14px; border-bottom: 1px solid #e4e7eb; }\n#ucs5x710 .cs-col-icon { width: 36px; height: 36px; border-radius: 8px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }\n#ucs5x710 .cs-col-icon svg { width: 18px; height: 18px; }\n#ucs5x710 .cs-col-title { font-size: 17px; font-weight: 700; color: var(--pri); }\n\n\/* Bullet items *\/\n#ucs5x710 .cs-item { display: flex; gap: 12px; align-items: flex-start; padding: 10px 0; border-bottom: 1px solid #eef0f3; transition: padding-inline-start .2s; }\n#ucs5x710 .cs-item:last-child { border-bottom: none; }\n#ucs5x710 .cs-item:hover { padding-inline-start: 4px; }\n#ucs5x710 .cs-dot-b { width: 7px; height: 7px; border-radius: 50%; background: var(--acc); flex-shrink: 0; margin-top: 8px; }\n#ucs5x710 .cs-item-txt { font-size: 14.5px; line-height: 1.65; color: #1a1a2e; }\n#ucs5x710 .cs-item-txt strong, #ucs5x710 .cs-item-txt b { font-weight: 700; }\n#ucs5x710 .cs-item-txt em, #ucs5x710 .cs-item-txt i { font-style: italic; }\n#ucs5x710 .cs-item-txt u { text-decoration: underline; }\n\n\/* Numbered items *\/\n#ucs5x710 .cs-req { display: flex; gap: 14px; align-items: flex-start; padding: 12px 0; border-bottom: 1px solid #eef0f3; transition: padding-inline-start .2s; }\n#ucs5x710 .cs-req:last-child { border-bottom: none; }\n#ucs5x710 .cs-req:hover { padding-inline-start: 4px; }\n#ucs5x710 .cs-rn { width: 28px; height: 28px; border-radius: 7px; background: var(--pri); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; flex-shrink: 0; margin-top: 2px; }\n#ucs5x710 .cs-rt { font-size: 14.5px; line-height: 1.65; padding-top: 3px; }\n#ucs5x710 .cs-rt strong, #ucs5x710 .cs-rt b { font-weight: 700; }\n#ucs5x710 .cs-rt em, #ucs5x710 .cs-rt i { font-style: italic; }\n#ucs5x710 .cs-rt u { text-decoration: underline; }\n\n#ucs5x710 .cs-col-title strong, #ucs5x710 .cs-col-title b { font-weight: 800; }\n#ucs5x710 .cs-col-title em, #ucs5x710 .cs-col-title i { font-style: italic; }\n\n\/* Lists within rich content *\/\n#ucs5x710 .cs-hero-intro ul { list-style: disc; }\n#ucs5x710 .cs-hero-intro ol { list-style: decimal; }\n#ucs5x710 .cs-note-1 ul, #ucs5x710 .cs-note-2 ul, #ucs5x710 .cs-pd-body ul { list-style: disc; }\n#ucs5x710 .cs-note-1 ol, #ucs5x710 .cs-note-2 ol, #ucs5x710 .cs-pd-body ol { list-style: decimal; }\n#ucs5x710 .cs-item-txt ul { list-style: disc; padding-inline-start: 18px; }\n#ucs5x710 .cs-item-txt ol { list-style: decimal; padding-inline-start: 18px; }\n#ucs5x710 .cs-rt ul { list-style: disc; padding-inline-start: 18px; }\n#ucs5x710 .cs-rt ol { list-style: decimal; padding-inline-start: 18px; }\n#ucs5x710 .cs-hero-intro ul,\n#ucs5x710 .cs-hero-intro ol,\n#ucs5x710 .cs-note-1 ul,\n#ucs5x710 .cs-note-1 ol,\n#ucs5x710 .cs-note-2 ul,\n#ucs5x710 .cs-note-2 ol,\n#ucs5x710 .cs-pd-body ul,\n#ucs5x710 .cs-pd-body ol { padding-inline-start: 22px; margin: 6px 0; }\n#ucs5x710 .cs-hero-intro ul li, #ucs5x710 .cs-hero-intro ol li,\n#ucs5x710 .cs-note-1 li, #ucs5x710 .cs-note-2 li,\n#ucs5x710 .cs-pd-body li, #ucs5x710 .cs-item-txt li, #ucs5x710 .cs-rt li {\n    margin-bottom: 4px; line-height: 1.7;\n}\n\n\/* NOTE styles *\/\n#ucs5x710 .cs-note-1 { margin-top: 18px; padding: 8px 0; padding-inline-start: 14px; border-inline-start: 3px solid #e8c000; font-size: 13.5px; line-height: 1.75; color: #4a3c00; }\n#ucs5x710 .cs-note-1 strong, #ucs5x710 .cs-note-1 b { color: #2e2500; font-weight: 600; }\n#ucs5x710 .cs-note-2 { margin-top: 18px; padding: 8px 0; padding-inline-start: 14px; border-inline-start: 3px solid #2e7dc0; font-size: 13.5px; line-height: 1.75; color: #0d2e4a; }\n#ucs5x710 .cs-note-2 strong, #ucs5x710 .cs-note-2 b { color: #061c2e; font-weight: 600; }\n\n\/* CTA *\/\n#ucs5x710 .cs-cta { text-align: center; margin-top: 24px; }\n#ucs5x710 .cs-btn { display: inline-flex; align-items: center; gap: 10px; padding: 13px 36px; background: var(--acc); color: #fff; border-radius: 7px; font-weight: 600; font-size: 15px; text-decoration: none; letter-spacing: .2px; transition: all .25s ease; }\n#ucs5x710 .cs-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(var(--acc-rgb),.3); filter: brightness(1.06); color: #fff; text-decoration: none; }\n#ucs5x710 .cs-btn svg { width: 16px; height: 16px; flex-shrink: 0; transition: transform .25s; }\n#ucs5x710 .cs-btn:hover svg { transform: translateX(3px); }\n\n\/* Animations *\/\n@keyframes ucs5x710U { from{opacity:0;transform:translateY(26px)} to{opacity:1;transform:translateY(0)} }\n#ucs5x710 .au { opacity:0; animation:ucs5x710U .65s cubic-bezier(.22,1,.36,1) forwards; }\n#ucs5x710 .d1{animation-delay:.06s} #ucs5x710 .d2{animation-delay:.14s}\n#ucs5x710 .d3{animation-delay:.22s} #ucs5x710 .d4{animation-delay:.30s}\n\n\/* \u2550\u2550\u2550 RTL MODE (3.6.2) \u2014 applies ONLY to the Arabic (TranslatePress) \/ RTL version \u2550\u2550\u2550 *\/\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) {\n    direction: rtl;\n    font-family: 'Cairo', 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;\n}\n\/* explicit direction:rtl for bullets & lists \u2014 markers move to the RIGHT *\/\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) ul, :is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) ol, :is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) li { direction: rtl; }\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-item, :is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-req { direction: rtl; }\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-btn { direction: rtl; letter-spacing: 0; font-family: 'Cairo', 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif; }\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-hero-title { letter-spacing: 0; line-height: 1.55; width: 100% !important; }\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-hero-intro { width: 100% !important; }\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-hero-img { width: 100%; }\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-col-title, :is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-pd-title { line-height: 1.6; }\n\/* 3.6.4: titles are forced RTL and flush RIGHT in the Arabic version -\n   numbers like \"6.\" always sit at the right end, no heuristics involved *\/\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-hero-title, :is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-hero-title div, :is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-hero-title p,\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-col-title, :is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-pd-title {\n    direction: rtl;\n    unicode-bidi: isolate;\n    text-align: right;\n}\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-logos-sep-text { letter-spacing: 0; }\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-btn svg { transform: scaleX(-1); }\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-btn:hover svg { transform: scaleX(-1) translateX(3px); }\n\n\/* \u2500\u2500 Responsive \u2500\u2500 *\/\n@media (max-width: 900px) {\n    #ucs5x710 .cs-row  { grid-template-columns: 1fr !important; }\n    #ucs5x710 .cs-hero { grid-template-columns: 1fr !important; gap: 24px; }\n    #ucs5x710 .cs-hero-img { height: auto !important; min-height: 200px; }\n    #ucs5x710 .cs-inner { padding: 44px 20px; }\n    #ucs5x710 .cs-pd-grid { grid-template-columns: 1fr !important; }\n    #ucs5x710 .cs-logos-bar { padding: 14px 16px; }\n    #ucs5x710 .cs-logos-sep { padding: 0 12px; }\n}\n@media (max-width: 480px) {\n    #ucs5x710 .cs-inner { padding: 32px 16px; }\n    #ucs5x710 .cs-logos-bar { padding: 12px 16px; flex-wrap: nowrap; }\n    #ucs5x710 .cs-logo-img { width: 56px !important; height: 56px !important; }\n    #ucs5x710 .cs-logos-sep { padding: 0 10px; }\n    #ucs5x710 .cs-logos-sep-text { font-size: 10px; }\n    #ucs5x710 .cs-flags { gap: 8px; }\n    #ucs5x710 .cs-flag-pill { padding-block: 5px; padding-inline: 7px 10px; }\n    #ucs5x710 .cs-flag-emoji { font-size: 25px !important; }\n}\n<\/style>\n\n<section id=\"ucs5x710\" class=\"cs-rtl\" dir=\"rtl\">\n<div class=\"cs-inner\">\n\n<div class=\"cs-hero-card au d1\">\n    <div class=\"cs-hero-card-body\">\n        <div class=\"cs-hero\" style=\"grid-template-columns:50fr 50fr\">\n            \n            <div>\n                <h2 class=\"cs-hero-title au d2\"><p class=\"MsoNormal\" style=\"line-height:normal\"><b><span style=\"font-family:&quot;Times New Roman&quot;,serif\"><font color=\"#ce1b1c\">What You Can Do During the Event<\/font><br><\/span><\/b><\/p><\/h2>\n                <div class=\"cs-hero-intro au d3\"><p class=\"MsoNormal\" style=\"line-height:normal\"><span style=\"font-family:&quot;Times New Roman&quot;,serif\">Inside the vRoadshow, you will be able to explore the event in a\npractical and student-friendly way.<br><\/span><\/p><ul dir=\"auto\"><br><li dir=\"auto\" class=\"MsoNormal\" style=\"line-height:normal\"><span style=\"font-family:&quot;Times New Roman&quot;,serif\">Visit university booths<\/span><\/li><li dir=\"auto\" class=\"MsoNormal\" style=\"line-height:normal\"><span style=\"font-family:&quot;Times New Roman&quot;,serif\">View university information and materials<\/span><\/li><li dir=\"auto\" class=\"MsoNormal\" style=\"line-height:normal\"><span style=\"font-family:&quot;Times New Roman&quot;,serif\">Join one to one conversations with university representatives<\/span><\/li> <li dir=\"auto\" class=\"MsoNormal\" style=\"line-height:normal\"><span style=\"font-family:&quot;Times New Roman&quot;,serif\">Speak to UKuni counsellors for guidance<\/span><\/li> <li dir=\"auto\" class=\"MsoNormal\" style=\"line-height:normal\"><span style=\"font-family:&quot;Times New Roman&quot;,serif\">Attend live workshops<\/span><\/li> <li dir=\"auto\" class=\"MsoNormal\" style=\"line-height:normal\"><span style=\"font-family:&quot;Times New Roman&quot;,serif\">Watch sample lessons from academics<\/span><\/li> <li dir=\"auto\" class=\"MsoNormal\" style=\"line-height:normal\"><span style=\"font-family:&quot;Times New Roman&quot;,serif\">Explore content before, during, and after the event<\/span><\/li> <li dir=\"auto\" class=\"MsoNormal\" style=\"line-height:normal\"><b><span style=\"font-family:&quot;Times New Roman&quot;,serif\">APPLY FOR FREE     DURING THE EVENT!<br><\/span><\/b><\/li><\/ul><\/div>\n\n                \n                            <\/div>\n\n                        <div class=\"cs-hero-img-wrap\">\n                <img decoding=\"async\" class=\"cs-hero-img\" src=\"https:\/\/ukuni.org\/wp-content\/uploads\/2026\/04\/What-you-can-do-during-the-event.jpg-scaled.jpeg\" alt=\"\" loading=\"lazy\">\n            <\/div>\n                    <\/div>\n    <\/div>\n\n    \n<\/div><!-- .cs-hero-card -->\n\n\n\n\n<\/div>\n<\/section>\n\n<script>\n(function(){\n    function initSlider(id,interval){\n        var wrap=document.getElementById(id);\n        if(!wrap)return;\n        var slides=Array.prototype.slice.call(wrap.querySelectorAll('.cs-slide'));\n        var dots=Array.prototype.slice.call(wrap.querySelectorAll('.cs-dot'));\n        var total=slides.length;\n        if(total<2)return;\n        var cur=0,timer=null;\n        function goTo(n){\n            slides[cur].classList.remove('active');\n            if(dots[cur])dots[cur].classList.remove('active');\n            cur=(n%total+total)%total;\n            slides[cur].classList.add('active');\n            if(dots[cur])dots[cur].classList.add('active');\n        }\n        function play(){timer=setInterval(function(){goTo(cur+1);},interval);}\n        function pause(){clearInterval(timer);}\n        function reset(){pause();play();}\n        var prev=wrap.querySelector('.cs-prev');\n        var next=wrap.querySelector('.cs-next');\n        if(prev)prev.addEventListener('click',function(){goTo(cur-1);reset();});\n        if(next)next.addEventListener('click',function(){goTo(cur+1);reset();});\n        dots.forEach(function(btn){\n            btn.addEventListener('click',function(){goTo(parseInt(this.dataset.idx,10));reset();});\n        });\n        var tx=0;\n        wrap.addEventListener('touchstart',function(e){tx=e.touches[0].clientX;},{passive:true});\n        wrap.addEventListener('touchend',function(e){\n            var diff=tx-e.changedTouches[0].clientX;\n            if(Math.abs(diff)>40){goTo(cur+(diff>0?1:-1));reset();}\n        },{passive:true});\n        wrap.addEventListener('mouseenter',pause);\n        wrap.addEventListener('mouseleave',play);\n        play();\n    }\n    \/* 3.6.1: auto-RTL safety net (server already marks TranslatePress pages).\n       Also catches LATE translation (browser auto-translate) via observer.\n       Additive only \u2014 it never removes a server-side rtl decision. *\/\n    function applyDir(){\n        var sec=document.getElementById('ucs5x710');\n        if(!sec||sec.classList.contains('cs-rtl'))return;\n        var hd=((document.documentElement.getAttribute('dir'))||'').toLowerCase();\n        var bd=((document.body&&document.body.getAttribute('dir'))||'').toLowerCase();\n        var rtl=(hd==='rtl'||bd==='rtl');\n        if(!rtl){rtl=\/^\\\/(ar|he|fa|ur)(\\\/|$)\/i.test(location.pathname);}\n        if(!rtl){rtl=\/(^|\\s)translatepress-ar\/i.test((document.body&&document.body.className)||'')||\/^ar([-_]|$)\/i.test(document.documentElement.lang||'');}\n        if(!rtl){\n            var t=(sec.textContent||'').slice(0,2500);\n            var r=(t.match(\/[\\u0591-\\u07FF\\uFB1D-\\uFDFD\\uFE70-\\uFEFC]\/g)||[]).length;\n            var l=(t.match(\/[A-Za-z]\/g)||[]).length;\n            rtl=(r>10 && r>l);\n        }\n        if(rtl){sec.classList.add('cs-rtl');sec.setAttribute('dir','rtl');}\n    }\n    function run(){\n        applyDir();\n                    }\n    if(document.readyState==='loading'){document.addEventListener('DOMContentLoaded',run);}else{run();}\n    window.addEventListener('load',applyDir);\n    try{\n        var dT,sec0=document.getElementById('ucs5x710');\n        var mo=new MutationObserver(function(){clearTimeout(dT);dT=setTimeout(applyDir,150);});\n        if(sec0){mo.observe(sec0,{subtree:true,childList:true,characterData:true});}\n        mo.observe(document.documentElement,{attributes:true,attributeFilter:['dir','lang']});\n        setTimeout(applyDir,1200);setTimeout(applyDir,3000);\n    }catch(e){}\n}());\n<\/script>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-dots\"\/>\n\n\n\n<div style=\"height:26px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div style=\"height:26px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700&#038;family=Cairo:wght@400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n<style>\n\n#ucs6x547 .ltr-price {\n    direction: ltr;\n    unicode-bidi: isolate;\n    display: inline-block;\n}\n\/* 3.6.3: ltr-price is for INLINE prices only - if it (wrongly) wraps whole\n   paragraphs or lists (pasted content), neutralize it so it cannot force LTR *\/\n#ucs6x547 .ltr-price:has(p, div, ul, ol, li, h1, h2, h3, h4, h5, h6) {\n    direction: inherit;\n    unicode-bidi: normal;\n    display: inline;\n}\n\/* 3.6.4: titles never need price isolation - neutralize it there entirely *\/\n#ucs6x547 .cs-hero-title .ltr-price,\n#ucs6x547 .cs-col-title .ltr-price,\n#ucs6x547 .cs-pd-title .ltr-price {\n    direction: inherit;\n    unicode-bidi: normal;\n    display: inline;\n}\n#ucs6x547 {\n    --pri: #072440; --acc: #CE1B1C; --bg: #FFFFFF;\n    --pri-rgb: 7,36,64; --acc-rgb: 206,27,28;\n    font-family: 'Poppins', 'Cairo', -apple-system, BlinkMacSystemFont, sans-serif;\n    background: var(--bg); -webkit-font-smoothing: antialiased; color: #1a1a2e;\n}\n#ucs6x547 *, #ucs6x547 *::before, #ucs6x547 *::after { box-sizing: border-box; margin: 0; padding: 0; }\n#ucs6x547 .cs-inner { max-width: 1500px; margin: 0 auto; padding: 0px 32px; }\n#ucs6x547 .cs-hero > *, #ucs6x547 .cs-row > * { min-width: 0; }\n#ucs6x547 .cs-hero-intro, #ucs6x547 .cs-item-txt, #ucs6x547 .cs-rt, #ucs6x547 .cs-pd-body { overflow-wrap: break-word; }\n\n\/* HERO *\/\n#ucs6x547 .cs-hero {\n    display: grid;\n    gap: 40px;\n    align-items: center;\n    margin-bottom: 0;\n    padding-bottom: 0;\n    border-bottom: none;\n}\n#ucs6x547 .cs-hero-title { font-size: clamp(22px, 3vw, 32px); font-weight: 700; color: var(--pri); line-height: 1.28; margin-bottom: 18px; letter-spacing: -.3px; width:98% !important}\n#ucs6x547 .cs-hero-title strong, #ucs6x547 .cs-hero-title b { color: var(--acc); }\n#ucs6x547 .cs-hero-intro { font-size: 15.5px; line-height: 1.85; color: #5a6474; width:99% !important}\n#ucs6x547 .cs-hero-intro strong, #ucs6x547 .cs-hero-intro b { font-weight: 700; color: #1a1a2e; }\n#ucs6x547 .cs-hero-intro a { color: var(--acc); }\n\n#ucs6x547 .cs-hero-img-wrap {\n    position: relative;\n    width: 100%;\n    min-width: 0;\n}\n#ucs6x547 .cs-hero-img {\n    display: block;\n    width: 95%;\n    height: 320px;\n    object-fit: cover;\n    object-position: 50% 50%;\n    border-radius: 14px;\n}\n\n\/* HERO CARD WRAPPER *\/\n#ucs6x547 .cs-hero-card {\n    border-radius: 12px; border: 1px solid #eef0f3; overflow: hidden;\n    background: rgba(7,36,64,.02); margin-bottom: 48px;\n}\n#ucs6x547 .cs-hero-card-body { padding: 32px 28px; }\n\n\/* \u2550\u2550\u2550 FLAGS BAR \u2550\u2550\u2550 *\/\n#ucs6x547 .cs-flags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 12px;\n    align-items: center;\n    justify-content: flex-start;\n    margin-top: 20px;\n    padding-top: 16px;\n    border-top: 1px solid #eef0f3;\n}\n#ucs6x547 .cs-flag-pill {\n    display: inline-flex; align-items: center; gap: 8px;\n    padding-block: 7px; padding-inline: 10px 16px; background: #f0f4f9; border-radius: 28px;\n    border: 1px solid #e2e8f0; transition: all .2s ease; text-decoration: none; color: inherit;\n}\n\/* AUTO TEXT DIRECTION (3.6.0): each text block follows its own language,\n   so translated Arabic gets RTL punctuation + right alignment automatically *\/\n#ucs6x547 .cs-hero-title, #ucs6x547 .cs-hero-title p, #ucs6x547 .cs-hero-title div,\n#ucs6x547 .cs-hero-intro, #ucs6x547 .cs-hero-intro p, #ucs6x547 .cs-hero-intro div, #ucs6x547 .cs-hero-intro li,\n#ucs6x547 .cs-item-txt, #ucs6x547 .cs-item-txt p, #ucs6x547 .cs-item-txt div, #ucs6x547 .cs-item-txt li,\n#ucs6x547 .cs-rt, #ucs6x547 .cs-rt p, #ucs6x547 .cs-rt div, #ucs6x547 .cs-rt li,\n#ucs6x547 .cs-col-title,\n#ucs6x547 .cs-note-1, #ucs6x547 .cs-note-1 p, #ucs6x547 .cs-note-1 div, #ucs6x547 .cs-note-1 li,\n#ucs6x547 .cs-note-2, #ucs6x547 .cs-note-2 p, #ucs6x547 .cs-note-2 div, #ucs6x547 .cs-note-2 li,\n#ucs6x547 .cs-pd-title,\n#ucs6x547 .cs-pd-body, #ucs6x547 .cs-pd-body p, #ucs6x547 .cs-pd-body div, #ucs6x547 .cs-pd-body li,\n#ucs6x547 .cs-flag-name, #ucs6x547 .cs-logos-sep-text { unicode-bidi: plaintext; text-align: start; }\n#ucs6x547 .cs-flag-pill:hover { background: #e4eaf2; transform: translateY(-1px); box-shadow: 0 2px 8px rgba(0,0,0,.06); }\n#ucs6x547 .cs-flag-emoji { font-size: 36px; line-height: 1; display: flex; }\n#ucs6x547 .cs-flag-name { font-size: 13px; font-weight: 600; color: #1a1a2e; white-space: nowrap; }\n#ucs6x547 .cs-flag-icon {\n    display: inline-flex; align-items: center; justify-content: center;\n    padding: 4px; border-radius: 8px; border: 1px solid transparent; transition: all .2s ease;\n}\n#ucs6x547 .cs-flag-icon:hover { background: rgba(0,0,0,.04); transform: scale(1.1); }\n\n\/* \u2550\u2550\u2550 PROGRAM DETAIL CARDS \u2550\u2550\u2550 *\/\n#ucs6x547 .cs-pd-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 16px; margin-top: 24px;\n}\n#ucs6x547 .cs-pd-card {\n    background: #ffffff;\n    border: 1px solid #eef0f3;\n    border-radius: 12px; padding: 20px 18px;\n    transition: all .25s ease; position: relative; overflow: hidden;\n}\n#ucs6x547 .cs-pd-card::before {\n    content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;\n    background: linear-gradient(90deg, var(--pri), var(--acc)); opacity: 0; transition: opacity .25s;\n}\n#ucs6x547 .cs-pd-card:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0,0,0,.06); }\n#ucs6x547 .cs-pd-card:hover::before { opacity: 1; }\n#ucs6x547 .cs-pd-head { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }\n#ucs6x547 .cs-pd-icon {\n    width: 38px; height: 38px; border-radius: 10px;\n    background: #f0f4f9;\n    display: flex; align-items: center; justify-content: center;\n    font-size: 20px; flex-shrink: 0;\n}\n#ucs6x547 .cs-pd-title { font-size: 13px; font-weight: 700; color: #072440; }\n#ucs6x547 .cs-pd-body { font-size: 13px; line-height: 1.75; color: #5a6474; }\n\n\/* \u2550\u2550\u2550 DUAL LOGOS BAR \u2550\u2550\u2550 *\/\n#ucs6x547 .cs-logos-bar {\n    display: flex; align-items: center; justify-content: center; gap: 0;\n    padding: 18px 24px; border-top: 1px solid #eef0f3;\n    background: rgba(7,36,64,.025);\n}\n#ucs6x547 .cs-logo-item {\n    display: flex; align-items: center; justify-content: center; flex-shrink: 0;\n    text-decoration: none; transition: opacity .2s, transform .2s;\n}\n#ucs6x547 .cs-logo-item:hover { opacity: .82; transform: scale(1.04); }\n#ucs6x547 .cs-logo-img {\n    width: 80px; height: 80px;\n    object-fit: contain; display: block;\n}\n#ucs6x547 .cs-logos-sep {\n    display: flex; flex-direction: column; align-items: center; gap: 5px;\n    padding: 0 20px; flex-shrink: 0;\n}\n#ucs6x547 .cs-logos-sep-line { width: 1px; height: 22px; background: #ccd2db; }\n#ucs6x547 .cs-logos-sep-text { font-size: 11px; color: #8a9099; font-weight: 500; letter-spacing: .4px; white-space: nowrap; }\n\n\/* ROW *\/\n#ucs6x547 .cs-row { display: grid; gap: 32px; align-items: start; margin-bottom: 56px; }\n#ucs6x547 .cs-row:last-child { margin-bottom: 0; }\n#ucs6x547 .cs-divider { height: 2px; background: #eef0f3; margin: 0 0 56px; }\n\n\/* NEW (3.5.0): stacked rows \u2014 swap visual order of the two children when needed *\/\n#ucs6x547 .cs-order-flip > :first-child { order: 2; }\n#ucs6x547 .cs-order-flip > :last-child  { order: 1; }\n\n\/* SLIDER *\/\n#ucs6x547 .cs-slider { position: relative; border-radius: 12px; overflow: hidden; background: #1a1a2e; -webkit-user-select: none; user-select: none; }\n#ucs6x547 .cs-slide { position: absolute; inset: 0; background-size: cover; background-repeat: no-repeat; opacity: 0; transition: opacity .7s ease; }\n#ucs6x547 .cs-slide.active { opacity: 1; }\n#ucs6x547 .cs-arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; border-radius: 50%; background: rgba(0,0,0,.45); border: none; cursor: pointer; color: #fff; font-size: 24px; line-height: 1; display: flex; align-items: center; justify-content: center; z-index: 10; transition: background .2s; }\n#ucs6x547 .cs-arrow:hover { background: rgba(0,0,0,.72); }\n#ucs6x547 .cs-prev { left: 12px; } #ucs6x547 .cs-next { right: 12px; }\n#ucs6x547 .cs-dots { position: absolute; bottom: 12px; left: 50%; transform: translateX(-50%); display: flex; gap: 6px; z-index: 10; }\n#ucs6x547 .cs-dot { width: 8px; height: 8px; border-radius: 4px; background: rgba(255,255,255,.5); border: none; cursor: pointer; padding: 0; transition: all .35s ease; }\n#ucs6x547 .cs-dot.active { width: 22px; background: var(--acc); }\n\n\/* TEXT COLUMN *\/\n#ucs6x547 .cs-col { background: #f8f9fb; border-radius: 14px; padding: 28px 24px; border: 1px solid #eef0f3; }\n#ucs6x547 .cs-col-head { display: flex; align-items: center; gap: 10px; margin-bottom: 20px; padding-bottom: 14px; border-bottom: 1px solid #e4e7eb; }\n#ucs6x547 .cs-col-icon { width: 36px; height: 36px; border-radius: 8px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }\n#ucs6x547 .cs-col-icon svg { width: 18px; height: 18px; }\n#ucs6x547 .cs-col-title { font-size: 17px; font-weight: 700; color: var(--pri); }\n\n\/* Bullet items *\/\n#ucs6x547 .cs-item { display: flex; gap: 12px; align-items: flex-start; padding: 10px 0; border-bottom: 1px solid #eef0f3; transition: padding-inline-start .2s; }\n#ucs6x547 .cs-item:last-child { border-bottom: none; }\n#ucs6x547 .cs-item:hover { padding-inline-start: 4px; }\n#ucs6x547 .cs-dot-b { width: 7px; height: 7px; border-radius: 50%; background: var(--acc); flex-shrink: 0; margin-top: 8px; }\n#ucs6x547 .cs-item-txt { font-size: 14.5px; line-height: 1.65; color: #1a1a2e; }\n#ucs6x547 .cs-item-txt strong, #ucs6x547 .cs-item-txt b { font-weight: 700; }\n#ucs6x547 .cs-item-txt em, #ucs6x547 .cs-item-txt i { font-style: italic; }\n#ucs6x547 .cs-item-txt u { text-decoration: underline; }\n\n\/* Numbered items *\/\n#ucs6x547 .cs-req { display: flex; gap: 14px; align-items: flex-start; padding: 12px 0; border-bottom: 1px solid #eef0f3; transition: padding-inline-start .2s; }\n#ucs6x547 .cs-req:last-child { border-bottom: none; }\n#ucs6x547 .cs-req:hover { padding-inline-start: 4px; }\n#ucs6x547 .cs-rn { width: 28px; height: 28px; border-radius: 7px; background: var(--pri); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; flex-shrink: 0; margin-top: 2px; }\n#ucs6x547 .cs-rt { font-size: 14.5px; line-height: 1.65; padding-top: 3px; }\n#ucs6x547 .cs-rt strong, #ucs6x547 .cs-rt b { font-weight: 700; }\n#ucs6x547 .cs-rt em, #ucs6x547 .cs-rt i { font-style: italic; }\n#ucs6x547 .cs-rt u { text-decoration: underline; }\n\n#ucs6x547 .cs-col-title strong, #ucs6x547 .cs-col-title b { font-weight: 800; }\n#ucs6x547 .cs-col-title em, #ucs6x547 .cs-col-title i { font-style: italic; }\n\n\/* Lists within rich content *\/\n#ucs6x547 .cs-hero-intro ul { list-style: disc; }\n#ucs6x547 .cs-hero-intro ol { list-style: decimal; }\n#ucs6x547 .cs-note-1 ul, #ucs6x547 .cs-note-2 ul, #ucs6x547 .cs-pd-body ul { list-style: disc; }\n#ucs6x547 .cs-note-1 ol, #ucs6x547 .cs-note-2 ol, #ucs6x547 .cs-pd-body ol { list-style: decimal; }\n#ucs6x547 .cs-item-txt ul { list-style: disc; padding-inline-start: 18px; }\n#ucs6x547 .cs-item-txt ol { list-style: decimal; padding-inline-start: 18px; }\n#ucs6x547 .cs-rt ul { list-style: disc; padding-inline-start: 18px; }\n#ucs6x547 .cs-rt ol { list-style: decimal; padding-inline-start: 18px; }\n#ucs6x547 .cs-hero-intro ul,\n#ucs6x547 .cs-hero-intro ol,\n#ucs6x547 .cs-note-1 ul,\n#ucs6x547 .cs-note-1 ol,\n#ucs6x547 .cs-note-2 ul,\n#ucs6x547 .cs-note-2 ol,\n#ucs6x547 .cs-pd-body ul,\n#ucs6x547 .cs-pd-body ol { padding-inline-start: 22px; margin: 6px 0; }\n#ucs6x547 .cs-hero-intro ul li, #ucs6x547 .cs-hero-intro ol li,\n#ucs6x547 .cs-note-1 li, #ucs6x547 .cs-note-2 li,\n#ucs6x547 .cs-pd-body li, #ucs6x547 .cs-item-txt li, #ucs6x547 .cs-rt li {\n    margin-bottom: 4px; line-height: 1.7;\n}\n\n\/* NOTE styles *\/\n#ucs6x547 .cs-note-1 { margin-top: 18px; padding: 8px 0; padding-inline-start: 14px; border-inline-start: 3px solid #e8c000; font-size: 13.5px; line-height: 1.75; color: #4a3c00; }\n#ucs6x547 .cs-note-1 strong, #ucs6x547 .cs-note-1 b { color: #2e2500; font-weight: 600; }\n#ucs6x547 .cs-note-2 { margin-top: 18px; padding: 8px 0; padding-inline-start: 14px; border-inline-start: 3px solid #2e7dc0; font-size: 13.5px; line-height: 1.75; color: #0d2e4a; }\n#ucs6x547 .cs-note-2 strong, #ucs6x547 .cs-note-2 b { color: #061c2e; font-weight: 600; }\n\n\/* CTA *\/\n#ucs6x547 .cs-cta { text-align: center; margin-top: 24px; }\n#ucs6x547 .cs-btn { display: inline-flex; align-items: center; gap: 10px; padding: 13px 36px; background: var(--acc); color: #fff; border-radius: 7px; font-weight: 600; font-size: 15px; text-decoration: none; letter-spacing: .2px; transition: all .25s ease; }\n#ucs6x547 .cs-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(var(--acc-rgb),.3); filter: brightness(1.06); color: #fff; text-decoration: none; }\n#ucs6x547 .cs-btn svg { width: 16px; height: 16px; flex-shrink: 0; transition: transform .25s; }\n#ucs6x547 .cs-btn:hover svg { transform: translateX(3px); }\n\n\/* Animations *\/\n@keyframes ucs6x547U { from{opacity:0;transform:translateY(26px)} to{opacity:1;transform:translateY(0)} }\n#ucs6x547 .au { opacity:0; animation:ucs6x547U .65s cubic-bezier(.22,1,.36,1) forwards; }\n#ucs6x547 .d1{animation-delay:.06s} #ucs6x547 .d2{animation-delay:.14s}\n#ucs6x547 .d3{animation-delay:.22s} #ucs6x547 .d4{animation-delay:.30s}\n\n\/* \u2550\u2550\u2550 RTL MODE (3.6.2) \u2014 applies ONLY to the Arabic (TranslatePress) \/ RTL version \u2550\u2550\u2550 *\/\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) {\n    direction: rtl;\n    font-family: 'Cairo', 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;\n}\n\/* explicit direction:rtl for bullets & lists \u2014 markers move to the RIGHT *\/\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) ul, :is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) ol, :is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) li { direction: rtl; }\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-item, :is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-req { direction: rtl; }\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-btn { direction: rtl; letter-spacing: 0; font-family: 'Cairo', 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif; }\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-hero-title { letter-spacing: 0; line-height: 1.55; width: 100% !important; }\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-hero-intro { width: 100% !important; }\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-hero-img { width: 100%; }\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-col-title, :is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-pd-title { line-height: 1.6; }\n\/* 3.6.4: titles are forced RTL and flush RIGHT in the Arabic version -\n   numbers like \"6.\" always sit at the right end, no heuristics involved *\/\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-hero-title, :is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-hero-title div, :is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-hero-title p,\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-col-title, :is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-pd-title {\n    direction: rtl;\n    unicode-bidi: isolate;\n    text-align: right;\n}\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-logos-sep-text { letter-spacing: 0; }\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-btn svg { transform: scaleX(-1); }\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-btn:hover svg { transform: scaleX(-1) translateX(3px); }\n\n\/* \u2500\u2500 Responsive \u2500\u2500 *\/\n@media (max-width: 900px) {\n    #ucs6x547 .cs-row  { grid-template-columns: 1fr !important; }\n    #ucs6x547 .cs-hero { grid-template-columns: 1fr !important; gap: 24px; }\n    #ucs6x547 .cs-hero-img { height: auto !important; min-height: 200px; }\n    #ucs6x547 .cs-inner { padding: 44px 20px; }\n    #ucs6x547 .cs-pd-grid { grid-template-columns: 1fr !important; }\n    #ucs6x547 .cs-logos-bar { padding: 14px 16px; }\n    #ucs6x547 .cs-logos-sep { padding: 0 12px; }\n}\n@media (max-width: 480px) {\n    #ucs6x547 .cs-inner { padding: 32px 16px; }\n    #ucs6x547 .cs-logos-bar { padding: 12px 16px; flex-wrap: nowrap; }\n    #ucs6x547 .cs-logo-img { width: 56px !important; height: 56px !important; }\n    #ucs6x547 .cs-logos-sep { padding: 0 10px; }\n    #ucs6x547 .cs-logos-sep-text { font-size: 10px; }\n    #ucs6x547 .cs-flags { gap: 8px; }\n    #ucs6x547 .cs-flag-pill { padding-block: 5px; padding-inline: 7px 10px; }\n    #ucs6x547 .cs-flag-emoji { font-size: 25px !important; }\n}\n<\/style>\n\n<section id=\"ucs6x547\" class=\"cs-rtl\" dir=\"rtl\">\n<div class=\"cs-inner\">\n\n<div class=\"cs-hero-card au d1\">\n    <div class=\"cs-hero-card-body\">\n        <div class=\"cs-hero\" style=\"grid-template-columns:1fr\">\n            \n            <div>\n                <h2 class=\"cs-hero-title au d2\"><p class=\"MsoNormal\" style=\"line-height:normal\"><b><span style=\"font-family:&quot;Times New Roman&quot;,serif\"><font color=\"#ce1b1c\">Pre Recorded Sample Lessons<\/font><br><\/span><\/b><\/p><\/h2>\n                <div class=\"cs-hero-intro au d3\"><p class=\"p1\"><span style=\"font-family: &quot;Times New Roman&quot;, serif\">Students will be able to access pre-recorded sample lessons before the <\/span><span style=\"font-family: &quot;Times New Roman&quot;, serif\">event, during the event, and for <\/span><b style=\"font-family: &quot;Times New Roman&quot;, serif\">30 days after<\/b><span style=\"font-family: &quot;Times New Roman&quot;, serif\"> the event. These sessions <\/span><span style=\"font-family: &quot;Times New Roman&quot;, serif\">are designed to give students a real taste of university level learning.&nbsp; <\/span><\/p><p class=\"p1\">\n\n<\/p><\/div>\n\n                \n                            <\/div>\n\n                    <\/div>\n    <\/div>\n\n    \n<\/div><!-- .cs-hero-card -->\n\n<div class=\"cs-row au d1\" style=\"grid-template-columns: 50fr 50fr\">\n\n    <div class=\"cs-slider\" id=\"ucs6x547s1\" style=\"height:490px;border-radius:26px;\">\n                                <div class=\"cs-slide active\"\n                 style=\"background-image:url('https:\/\/ukuni.org\/wp-content\/uploads\/2026\/04\/Pre-Recorded.jpg-scaled.jpeg');background-position:center center;\"\n                 role=\"img\" aria-label=\"\"><\/div>\n                                    <\/div>\n\n    <div class=\"cs-col\">\n                        <div class=\"cs-item\">\n            <span class=\"cs-dot-b\"><\/span>\n            <span class=\"cs-item-txt\">Think Like a University Student<\/span>\n        <\/div>\n                <div class=\"cs-item\">\n            <span class=\"cs-dot-b\"><\/span>\n            <span class=\"cs-item-txt\">The University Classroom Experience in the UK<\/span>\n        <\/div>\n                <div class=\"cs-item\">\n            <span class=\"cs-dot-b\"><\/span>\n            <span class=\"cs-item-txt\">Psychology of Decision-Making<\/span>\n        <\/div>\n                <div class=\"cs-item\">\n            <span class=\"cs-dot-b\"><\/span>\n            <span class=\"cs-item-txt\">Business and Entrepreneurship in the Real World<\/span>\n        <\/div>\n                <div class=\"cs-item\">\n            <span class=\"cs-dot-b\"><\/span>\n            <span class=\"cs-item-txt\">Introduction to International Relations and Global Events<\/span>\n        <\/div>\n                <div class=\"cs-item\">\n            <span class=\"cs-dot-b\"><\/span>\n            <span class=\"cs-item-txt\">Climate Change, Sustainability, and the Future Economy<\/span>\n        <\/div>\n                <div class=\"cs-item\">\n            <span class=\"cs-dot-b\"><\/span>\n            <span class=\"cs-item-txt\">Cyber Security and AI, Introduction<\/span>\n        <\/div>\n                <div class=\"cs-item\">\n            <span class=\"cs-dot-b\"><\/span>\n            <span class=\"cs-item-txt\">Ethical Use of AI<\/span>\n        <\/div>\n                <div class=\"cs-item\">\n            <span class=\"cs-dot-b\"><\/span>\n            <span class=\"cs-item-txt\">Fundamentals of Leadership with AI<\/span>\n        <\/div>\n                <div class=\"cs-item\">\n            <span class=\"cs-dot-b\"><\/span>\n            <span class=\"cs-item-txt\">Influencing on Social Media<\/span>\n        <\/div>\n                    <\/div>\n\n<\/div>\n\n\n\n\n<\/div>\n<\/section>\n\n<script>\n(function(){\n    function initSlider(id,interval){\n        var wrap=document.getElementById(id);\n        if(!wrap)return;\n        var slides=Array.prototype.slice.call(wrap.querySelectorAll('.cs-slide'));\n        var dots=Array.prototype.slice.call(wrap.querySelectorAll('.cs-dot'));\n        var total=slides.length;\n        if(total<2)return;\n        var cur=0,timer=null;\n        function goTo(n){\n            slides[cur].classList.remove('active');\n            if(dots[cur])dots[cur].classList.remove('active');\n            cur=(n%total+total)%total;\n            slides[cur].classList.add('active');\n            if(dots[cur])dots[cur].classList.add('active');\n        }\n        function play(){timer=setInterval(function(){goTo(cur+1);},interval);}\n        function pause(){clearInterval(timer);}\n        function reset(){pause();play();}\n        var prev=wrap.querySelector('.cs-prev');\n        var next=wrap.querySelector('.cs-next');\n        if(prev)prev.addEventListener('click',function(){goTo(cur-1);reset();});\n        if(next)next.addEventListener('click',function(){goTo(cur+1);reset();});\n        dots.forEach(function(btn){\n            btn.addEventListener('click',function(){goTo(parseInt(this.dataset.idx,10));reset();});\n        });\n        var tx=0;\n        wrap.addEventListener('touchstart',function(e){tx=e.touches[0].clientX;},{passive:true});\n        wrap.addEventListener('touchend',function(e){\n            var diff=tx-e.changedTouches[0].clientX;\n            if(Math.abs(diff)>40){goTo(cur+(diff>0?1:-1));reset();}\n        },{passive:true});\n        wrap.addEventListener('mouseenter',pause);\n        wrap.addEventListener('mouseleave',play);\n        play();\n    }\n    \/* 3.6.1: auto-RTL safety net (server already marks TranslatePress pages).\n       Also catches LATE translation (browser auto-translate) via observer.\n       Additive only \u2014 it never removes a server-side rtl decision. *\/\n    function applyDir(){\n        var sec=document.getElementById('ucs6x547');\n        if(!sec||sec.classList.contains('cs-rtl'))return;\n        var hd=((document.documentElement.getAttribute('dir'))||'').toLowerCase();\n        var bd=((document.body&&document.body.getAttribute('dir'))||'').toLowerCase();\n        var rtl=(hd==='rtl'||bd==='rtl');\n        if(!rtl){rtl=\/^\\\/(ar|he|fa|ur)(\\\/|$)\/i.test(location.pathname);}\n        if(!rtl){rtl=\/(^|\\s)translatepress-ar\/i.test((document.body&&document.body.className)||'')||\/^ar([-_]|$)\/i.test(document.documentElement.lang||'');}\n        if(!rtl){\n            var t=(sec.textContent||'').slice(0,2500);\n            var r=(t.match(\/[\\u0591-\\u07FF\\uFB1D-\\uFDFD\\uFE70-\\uFEFC]\/g)||[]).length;\n            var l=(t.match(\/[A-Za-z]\/g)||[]).length;\n            rtl=(r>10 && r>l);\n        }\n        if(rtl){sec.classList.add('cs-rtl');sec.setAttribute('dir','rtl');}\n    }\n    function run(){\n        applyDir();\n                    }\n    if(document.readyState==='loading'){document.addEventListener('DOMContentLoaded',run);}else{run();}\n    window.addEventListener('load',applyDir);\n    try{\n        var dT,sec0=document.getElementById('ucs6x547');\n        var mo=new MutationObserver(function(){clearTimeout(dT);dT=setTimeout(applyDir,150);});\n        if(sec0){mo.observe(sec0,{subtree:true,childList:true,characterData:true});}\n        mo.observe(document.documentElement,{attributes:true,attributeFilter:['dir','lang']});\n        setTimeout(applyDir,1200);setTimeout(applyDir,3000);\n    }catch(e){}\n}());\n<\/script>\n\n\n\n<div style=\"height:26px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-fe48e5de wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-fill\"><a class=\"wp-block-button__link has-white-color has-text-color has-background has-link-color has-custom-font-size wp-element-button\" href=\"#sprvr26-registration\" style=\"border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;background-color:#ce1b1c;font-size:16px;font-style:normal;font-weight:700\">Register Now!<\/a><\/div>\n<\/div>\n\n\n\n<div style=\"height:26px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700&#038;family=Cairo:wght@400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n<style>\n\n#ucs7x722 .ltr-price {\n    direction: ltr;\n    unicode-bidi: isolate;\n    display: inline-block;\n}\n\/* 3.6.3: ltr-price is for INLINE prices only - if it (wrongly) wraps whole\n   paragraphs or lists (pasted content), neutralize it so it cannot force LTR *\/\n#ucs7x722 .ltr-price:has(p, div, ul, ol, li, h1, h2, h3, h4, h5, h6) {\n    direction: inherit;\n    unicode-bidi: normal;\n    display: inline;\n}\n\/* 3.6.4: titles never need price isolation - neutralize it there entirely *\/\n#ucs7x722 .cs-hero-title .ltr-price,\n#ucs7x722 .cs-col-title .ltr-price,\n#ucs7x722 .cs-pd-title .ltr-price {\n    direction: inherit;\n    unicode-bidi: normal;\n    display: inline;\n}\n#ucs7x722 {\n    --pri: #072440; --acc: #CE1B1C; --bg: #FFFFFF;\n    --pri-rgb: 7,36,64; --acc-rgb: 206,27,28;\n    font-family: 'Poppins', 'Cairo', -apple-system, BlinkMacSystemFont, sans-serif;\n    background: var(--bg); -webkit-font-smoothing: antialiased; color: #1a1a2e;\n}\n#ucs7x722 *, #ucs7x722 *::before, #ucs7x722 *::after { box-sizing: border-box; margin: 0; padding: 0; }\n#ucs7x722 .cs-inner { max-width: 1500px; margin: 0 auto; padding: 0px 32px; }\n#ucs7x722 .cs-hero > *, #ucs7x722 .cs-row > * { min-width: 0; }\n#ucs7x722 .cs-hero-intro, #ucs7x722 .cs-item-txt, #ucs7x722 .cs-rt, #ucs7x722 .cs-pd-body { overflow-wrap: break-word; }\n\n\/* HERO *\/\n#ucs7x722 .cs-hero {\n    display: grid;\n    gap: 40px;\n    align-items: center;\n    margin-bottom: 0;\n    padding-bottom: 0;\n    border-bottom: none;\n}\n#ucs7x722 .cs-hero-title { font-size: clamp(22px, 3vw, 32px); font-weight: 700; color: var(--pri); line-height: 1.28; margin-bottom: 18px; letter-spacing: -.3px; width:98% !important}\n#ucs7x722 .cs-hero-title strong, #ucs7x722 .cs-hero-title b { color: var(--acc); }\n#ucs7x722 .cs-hero-intro { font-size: 15.5px; line-height: 1.85; color: #5a6474; width:99% !important}\n#ucs7x722 .cs-hero-intro strong, #ucs7x722 .cs-hero-intro b { font-weight: 700; color: #1a1a2e; }\n#ucs7x722 .cs-hero-intro a { color: var(--acc); }\n\n#ucs7x722 .cs-hero-img-wrap {\n    position: relative;\n    width: 100%;\n    min-width: 0;\n}\n#ucs7x722 .cs-hero-img {\n    display: block;\n    width: 95%;\n    height: 320px;\n    object-fit: cover;\n    object-position: 50% 50%;\n    border-radius: 14px;\n}\n\n\/* HERO CARD WRAPPER *\/\n#ucs7x722 .cs-hero-card {\n    border-radius: 12px; border: 1px solid #eef0f3; overflow: hidden;\n    background: rgba(7,36,64,.02); margin-bottom: 48px;\n}\n#ucs7x722 .cs-hero-card-body { padding: 32px 28px; }\n\n\/* \u2550\u2550\u2550 FLAGS BAR \u2550\u2550\u2550 *\/\n#ucs7x722 .cs-flags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 12px;\n    align-items: center;\n    justify-content: flex-start;\n    margin-top: 20px;\n    padding-top: 16px;\n    border-top: 1px solid #eef0f3;\n}\n#ucs7x722 .cs-flag-pill {\n    display: inline-flex; align-items: center; gap: 8px;\n    padding-block: 7px; padding-inline: 10px 16px; background: #f0f4f9; border-radius: 28px;\n    border: 1px solid #e2e8f0; transition: all .2s ease; text-decoration: none; color: inherit;\n}\n\/* AUTO TEXT DIRECTION (3.6.0): each text block follows its own language,\n   so translated Arabic gets RTL punctuation + right alignment automatically *\/\n#ucs7x722 .cs-hero-title, #ucs7x722 .cs-hero-title p, #ucs7x722 .cs-hero-title div,\n#ucs7x722 .cs-hero-intro, #ucs7x722 .cs-hero-intro p, #ucs7x722 .cs-hero-intro div, #ucs7x722 .cs-hero-intro li,\n#ucs7x722 .cs-item-txt, #ucs7x722 .cs-item-txt p, #ucs7x722 .cs-item-txt div, #ucs7x722 .cs-item-txt li,\n#ucs7x722 .cs-rt, #ucs7x722 .cs-rt p, #ucs7x722 .cs-rt div, #ucs7x722 .cs-rt li,\n#ucs7x722 .cs-col-title,\n#ucs7x722 .cs-note-1, #ucs7x722 .cs-note-1 p, #ucs7x722 .cs-note-1 div, #ucs7x722 .cs-note-1 li,\n#ucs7x722 .cs-note-2, #ucs7x722 .cs-note-2 p, #ucs7x722 .cs-note-2 div, #ucs7x722 .cs-note-2 li,\n#ucs7x722 .cs-pd-title,\n#ucs7x722 .cs-pd-body, #ucs7x722 .cs-pd-body p, #ucs7x722 .cs-pd-body div, #ucs7x722 .cs-pd-body li,\n#ucs7x722 .cs-flag-name, #ucs7x722 .cs-logos-sep-text { unicode-bidi: plaintext; text-align: start; }\n#ucs7x722 .cs-flag-pill:hover { background: #e4eaf2; transform: translateY(-1px); box-shadow: 0 2px 8px rgba(0,0,0,.06); }\n#ucs7x722 .cs-flag-emoji { font-size: 36px; line-height: 1; display: flex; }\n#ucs7x722 .cs-flag-name { font-size: 13px; font-weight: 600; color: #1a1a2e; white-space: nowrap; }\n#ucs7x722 .cs-flag-icon {\n    display: inline-flex; align-items: center; justify-content: center;\n    padding: 4px; border-radius: 8px; border: 1px solid transparent; transition: all .2s ease;\n}\n#ucs7x722 .cs-flag-icon:hover { background: rgba(0,0,0,.04); transform: scale(1.1); }\n\n\/* \u2550\u2550\u2550 PROGRAM DETAIL CARDS \u2550\u2550\u2550 *\/\n#ucs7x722 .cs-pd-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 16px; margin-top: 24px;\n}\n#ucs7x722 .cs-pd-card {\n    background: #ffffff;\n    border: 1px solid #eef0f3;\n    border-radius: 12px; padding: 20px 18px;\n    transition: all .25s ease; position: relative; overflow: hidden;\n}\n#ucs7x722 .cs-pd-card::before {\n    content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;\n    background: linear-gradient(90deg, var(--pri), var(--acc)); opacity: 0; transition: opacity .25s;\n}\n#ucs7x722 .cs-pd-card:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0,0,0,.06); }\n#ucs7x722 .cs-pd-card:hover::before { opacity: 1; }\n#ucs7x722 .cs-pd-head { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }\n#ucs7x722 .cs-pd-icon {\n    width: 38px; height: 38px; border-radius: 10px;\n    background: #f0f4f9;\n    display: flex; align-items: center; justify-content: center;\n    font-size: 20px; flex-shrink: 0;\n}\n#ucs7x722 .cs-pd-title { font-size: 13px; font-weight: 700; color: #072440; }\n#ucs7x722 .cs-pd-body { font-size: 13px; line-height: 1.75; color: #5a6474; }\n\n\/* \u2550\u2550\u2550 DUAL LOGOS BAR \u2550\u2550\u2550 *\/\n#ucs7x722 .cs-logos-bar {\n    display: flex; align-items: center; justify-content: center; gap: 0;\n    padding: 18px 24px; border-top: 1px solid #eef0f3;\n    background: rgba(7,36,64,.025);\n}\n#ucs7x722 .cs-logo-item {\n    display: flex; align-items: center; justify-content: center; flex-shrink: 0;\n    text-decoration: none; transition: opacity .2s, transform .2s;\n}\n#ucs7x722 .cs-logo-item:hover { opacity: .82; transform: scale(1.04); }\n#ucs7x722 .cs-logo-img {\n    width: 80px; height: 80px;\n    object-fit: contain; display: block;\n}\n#ucs7x722 .cs-logos-sep {\n    display: flex; flex-direction: column; align-items: center; gap: 5px;\n    padding: 0 20px; flex-shrink: 0;\n}\n#ucs7x722 .cs-logos-sep-line { width: 1px; height: 22px; background: #ccd2db; }\n#ucs7x722 .cs-logos-sep-text { font-size: 11px; color: #8a9099; font-weight: 500; letter-spacing: .4px; white-space: nowrap; }\n\n\/* ROW *\/\n#ucs7x722 .cs-row { display: grid; gap: 32px; align-items: start; margin-bottom: 56px; }\n#ucs7x722 .cs-row:last-child { margin-bottom: 0; }\n#ucs7x722 .cs-divider { height: 2px; background: #eef0f3; margin: 0 0 56px; }\n\n\/* NEW (3.5.0): stacked rows \u2014 swap visual order of the two children when needed *\/\n#ucs7x722 .cs-order-flip > :first-child { order: 2; }\n#ucs7x722 .cs-order-flip > :last-child  { order: 1; }\n\n\/* SLIDER *\/\n#ucs7x722 .cs-slider { position: relative; border-radius: 12px; overflow: hidden; background: #1a1a2e; -webkit-user-select: none; user-select: none; }\n#ucs7x722 .cs-slide { position: absolute; inset: 0; background-size: cover; background-repeat: no-repeat; opacity: 0; transition: opacity .7s ease; }\n#ucs7x722 .cs-slide.active { opacity: 1; }\n#ucs7x722 .cs-arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; border-radius: 50%; background: rgba(0,0,0,.45); border: none; cursor: pointer; color: #fff; font-size: 24px; line-height: 1; display: flex; align-items: center; justify-content: center; z-index: 10; transition: background .2s; }\n#ucs7x722 .cs-arrow:hover { background: rgba(0,0,0,.72); }\n#ucs7x722 .cs-prev { left: 12px; } #ucs7x722 .cs-next { right: 12px; }\n#ucs7x722 .cs-dots { position: absolute; bottom: 12px; left: 50%; transform: translateX(-50%); display: flex; gap: 6px; z-index: 10; }\n#ucs7x722 .cs-dot { width: 8px; height: 8px; border-radius: 4px; background: rgba(255,255,255,.5); border: none; cursor: pointer; padding: 0; transition: all .35s ease; }\n#ucs7x722 .cs-dot.active { width: 22px; background: var(--acc); }\n\n\/* TEXT COLUMN *\/\n#ucs7x722 .cs-col { background: #f8f9fb; border-radius: 14px; padding: 28px 24px; border: 1px solid #eef0f3; }\n#ucs7x722 .cs-col-head { display: flex; align-items: center; gap: 10px; margin-bottom: 20px; padding-bottom: 14px; border-bottom: 1px solid #e4e7eb; }\n#ucs7x722 .cs-col-icon { width: 36px; height: 36px; border-radius: 8px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }\n#ucs7x722 .cs-col-icon svg { width: 18px; height: 18px; }\n#ucs7x722 .cs-col-title { font-size: 17px; font-weight: 700; color: var(--pri); }\n\n\/* Bullet items *\/\n#ucs7x722 .cs-item { display: flex; gap: 12px; align-items: flex-start; padding: 10px 0; border-bottom: 1px solid #eef0f3; transition: padding-inline-start .2s; }\n#ucs7x722 .cs-item:last-child { border-bottom: none; }\n#ucs7x722 .cs-item:hover { padding-inline-start: 4px; }\n#ucs7x722 .cs-dot-b { width: 7px; height: 7px; border-radius: 50%; background: var(--acc); flex-shrink: 0; margin-top: 8px; }\n#ucs7x722 .cs-item-txt { font-size: 14.5px; line-height: 1.65; color: #1a1a2e; }\n#ucs7x722 .cs-item-txt strong, #ucs7x722 .cs-item-txt b { font-weight: 700; }\n#ucs7x722 .cs-item-txt em, #ucs7x722 .cs-item-txt i { font-style: italic; }\n#ucs7x722 .cs-item-txt u { text-decoration: underline; }\n\n\/* Numbered items *\/\n#ucs7x722 .cs-req { display: flex; gap: 14px; align-items: flex-start; padding: 12px 0; border-bottom: 1px solid #eef0f3; transition: padding-inline-start .2s; }\n#ucs7x722 .cs-req:last-child { border-bottom: none; }\n#ucs7x722 .cs-req:hover { padding-inline-start: 4px; }\n#ucs7x722 .cs-rn { width: 28px; height: 28px; border-radius: 7px; background: var(--pri); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; flex-shrink: 0; margin-top: 2px; }\n#ucs7x722 .cs-rt { font-size: 14.5px; line-height: 1.65; padding-top: 3px; }\n#ucs7x722 .cs-rt strong, #ucs7x722 .cs-rt b { font-weight: 700; }\n#ucs7x722 .cs-rt em, #ucs7x722 .cs-rt i { font-style: italic; }\n#ucs7x722 .cs-rt u { text-decoration: underline; }\n\n#ucs7x722 .cs-col-title strong, #ucs7x722 .cs-col-title b { font-weight: 800; }\n#ucs7x722 .cs-col-title em, #ucs7x722 .cs-col-title i { font-style: italic; }\n\n\/* Lists within rich content *\/\n#ucs7x722 .cs-hero-intro ul { list-style: disc; }\n#ucs7x722 .cs-hero-intro ol { list-style: decimal; }\n#ucs7x722 .cs-note-1 ul, #ucs7x722 .cs-note-2 ul, #ucs7x722 .cs-pd-body ul { list-style: disc; }\n#ucs7x722 .cs-note-1 ol, #ucs7x722 .cs-note-2 ol, #ucs7x722 .cs-pd-body ol { list-style: decimal; }\n#ucs7x722 .cs-item-txt ul { list-style: disc; padding-inline-start: 18px; }\n#ucs7x722 .cs-item-txt ol { list-style: decimal; padding-inline-start: 18px; }\n#ucs7x722 .cs-rt ul { list-style: disc; padding-inline-start: 18px; }\n#ucs7x722 .cs-rt ol { list-style: decimal; padding-inline-start: 18px; }\n#ucs7x722 .cs-hero-intro ul,\n#ucs7x722 .cs-hero-intro ol,\n#ucs7x722 .cs-note-1 ul,\n#ucs7x722 .cs-note-1 ol,\n#ucs7x722 .cs-note-2 ul,\n#ucs7x722 .cs-note-2 ol,\n#ucs7x722 .cs-pd-body ul,\n#ucs7x722 .cs-pd-body ol { padding-inline-start: 22px; margin: 6px 0; }\n#ucs7x722 .cs-hero-intro ul li, #ucs7x722 .cs-hero-intro ol li,\n#ucs7x722 .cs-note-1 li, #ucs7x722 .cs-note-2 li,\n#ucs7x722 .cs-pd-body li, #ucs7x722 .cs-item-txt li, #ucs7x722 .cs-rt li {\n    margin-bottom: 4px; line-height: 1.7;\n}\n\n\/* NOTE styles *\/\n#ucs7x722 .cs-note-1 { margin-top: 18px; padding: 8px 0; padding-inline-start: 14px; border-inline-start: 3px solid #e8c000; font-size: 13.5px; line-height: 1.75; color: #4a3c00; }\n#ucs7x722 .cs-note-1 strong, #ucs7x722 .cs-note-1 b { color: #2e2500; font-weight: 600; }\n#ucs7x722 .cs-note-2 { margin-top: 18px; padding: 8px 0; padding-inline-start: 14px; border-inline-start: 3px solid #2e7dc0; font-size: 13.5px; line-height: 1.75; color: #0d2e4a; }\n#ucs7x722 .cs-note-2 strong, #ucs7x722 .cs-note-2 b { color: #061c2e; font-weight: 600; }\n\n\/* CTA *\/\n#ucs7x722 .cs-cta { text-align: center; margin-top: 24px; }\n#ucs7x722 .cs-btn { display: inline-flex; align-items: center; gap: 10px; padding: 13px 36px; background: var(--acc); color: #fff; border-radius: 7px; font-weight: 600; font-size: 15px; text-decoration: none; letter-spacing: .2px; transition: all .25s ease; }\n#ucs7x722 .cs-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(var(--acc-rgb),.3); filter: brightness(1.06); color: #fff; text-decoration: none; }\n#ucs7x722 .cs-btn svg { width: 16px; height: 16px; flex-shrink: 0; transition: transform .25s; }\n#ucs7x722 .cs-btn:hover svg { transform: translateX(3px); }\n\n\/* Animations *\/\n@keyframes ucs7x722U { from{opacity:0;transform:translateY(26px)} to{opacity:1;transform:translateY(0)} }\n#ucs7x722 .au { opacity:0; animation:ucs7x722U .65s cubic-bezier(.22,1,.36,1) forwards; }\n#ucs7x722 .d1{animation-delay:.06s} #ucs7x722 .d2{animation-delay:.14s}\n#ucs7x722 .d3{animation-delay:.22s} #ucs7x722 .d4{animation-delay:.30s}\n\n\/* \u2550\u2550\u2550 RTL MODE (3.6.2) \u2014 applies ONLY to the Arabic (TranslatePress) \/ RTL version \u2550\u2550\u2550 *\/\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) {\n    direction: rtl;\n    font-family: 'Cairo', 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;\n}\n\/* explicit direction:rtl for bullets & lists \u2014 markers move to the RIGHT *\/\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) ul, :is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) ol, :is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) li { direction: rtl; }\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-item, :is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-req { direction: rtl; }\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-btn { direction: rtl; letter-spacing: 0; font-family: 'Cairo', 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif; }\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-hero-title { letter-spacing: 0; line-height: 1.55; width: 100% !important; }\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-hero-intro { width: 100% !important; }\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-hero-img { width: 100%; }\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-col-title, :is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-pd-title { line-height: 1.6; }\n\/* 3.6.4: titles are forced RTL and flush RIGHT in the Arabic version -\n   numbers like \"6.\" always sit at the right end, no heuristics involved *\/\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-hero-title, :is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-hero-title div, :is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-hero-title p,\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-col-title, :is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-pd-title {\n    direction: rtl;\n    unicode-bidi: isolate;\n    text-align: right;\n}\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-logos-sep-text { letter-spacing: 0; }\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-btn svg { transform: scaleX(-1); }\n:is(body[class*=\"translatepress-ar\"] #, html[lang|=\"ar\"] #, html[dir=\"rtl\"] #, #.cs-rtl) .cs-btn:hover svg { transform: scaleX(-1) translateX(3px); }\n\n\/* \u2500\u2500 Responsive \u2500\u2500 *\/\n@media (max-width: 900px) {\n    #ucs7x722 .cs-row  { grid-template-columns: 1fr !important; }\n    #ucs7x722 .cs-hero { grid-template-columns: 1fr !important; gap: 24px; }\n    #ucs7x722 .cs-hero-img { height: auto !important; min-height: 200px; }\n    #ucs7x722 .cs-inner { padding: 44px 20px; }\n    #ucs7x722 .cs-pd-grid { grid-template-columns: 1fr !important; }\n    #ucs7x722 .cs-logos-bar { padding: 14px 16px; }\n    #ucs7x722 .cs-logos-sep { padding: 0 12px; }\n}\n@media (max-width: 480px) {\n    #ucs7x722 .cs-inner { padding: 32px 16px; }\n    #ucs7x722 .cs-logos-bar { padding: 12px 16px; flex-wrap: nowrap; }\n    #ucs7x722 .cs-logo-img { width: 56px !important; height: 56px !important; }\n    #ucs7x722 .cs-logos-sep { padding: 0 10px; }\n    #ucs7x722 .cs-logos-sep-text { font-size: 10px; }\n    #ucs7x722 .cs-flags { gap: 8px; }\n    #ucs7x722 .cs-flag-pill { padding-block: 5px; padding-inline: 7px 10px; }\n    #ucs7x722 .cs-flag-emoji { font-size: 25px !important; }\n}\n<\/style>\n\n<section id=\"ucs7x722\" class=\"cs-rtl\" dir=\"rtl\">\n<div class=\"cs-inner\">\n\n<div class=\"cs-hero-card au d1\">\n    <div class=\"cs-hero-card-body\">\n        <div class=\"cs-hero\" style=\"grid-template-columns:1fr\">\n            \n            <div>\n                <h2 class=\"cs-hero-title au d2\"><p class=\"MsoNormal\" style=\"line-height:normal\"><b><span style=\"font-family:&quot;Times New Roman&quot;,serif\"><font color=\"#ce1b1c\">Live Workshops<\/font><br><\/span><\/b><\/p><\/h2>\n                <div class=\"cs-hero-intro au d3\"><p class=\"MsoNormal\" style=\"line-height:normal\"><span style=\"font-family:&quot;Times New Roman&quot;,serif\">The event will also feature live workshops designed around topics\nstudents are actively interested in. Each live workshop runs for <b>45 minutes<\/b>, including content and Q and A.&nbsp; <br><\/span><\/p><\/div>\n\n                \n                            <\/div>\n\n                    <\/div>\n    <\/div>\n\n    \n<\/div><!-- .cs-hero-card -->\n\n\n\n<div class=\"cs-row au d2\" style=\"grid-template-columns: 50fr 50fr\">\n\n    <div class=\"cs-col\">\n                        <div class=\"cs-req\">\n            <span class=\"cs-rn\">1<\/span>\n            <span class=\"cs-rt\">How AI is Changing University Study and Future Careers<\/span>\n        <\/div>\n                <div class=\"cs-req\">\n            <span class=\"cs-rn\">2<\/span>\n            <span class=\"cs-rt\">Influencer Marketing and Social Media<\/span>\n        <\/div>\n                <div class=\"cs-req\">\n            <span class=\"cs-rn\">3<\/span>\n            <span class=\"cs-rt\">Cyber Security, Artificial Intelligence and Machine Learning<\/span>\n        <\/div>\n                <div class=\"cs-req\">\n            <span class=\"cs-rn\">4<\/span>\n            <span class=\"cs-rt\">Applying for a PhD<\/span>\n        <\/div>\n                <div class=\"cs-req\">\n            <span class=\"cs-rn\">5<\/span>\n            <span class=\"cs-rt\">Studying Medicine in the UK and USA<\/span>\n        <\/div>\n                <div class=\"cs-req\">\n            <span class=\"cs-rn\">6<\/span>\n            <span class=\"cs-rt\">Scholarships and Funding for Self-Funded Students<\/span>\n        <\/div>\n                <div class=\"cs-req\">\n            <span class=\"cs-rn\">7<\/span>\n            <span class=\"cs-rt\">Working Abroad After Graduation, Canada, Ireland, Australia, New Zealand<\/span>\n        <\/div>\n                <div class=\"cs-req\">\n            <span class=\"cs-rn\">8<\/span>\n            <span class=\"cs-rt\">English Language Courses and Summer Camps<\/span>\n        <\/div>\n                <div class=\"cs-req\">\n            <span class=\"cs-rn\">9<\/span>\n            <span class=\"cs-rt\">Choosing the Right Major<\/span>\n        <\/div>\n                    <\/div>\n\n    <div class=\"cs-slider\" id=\"ucs7x722s2\" style=\"height:440px;border-radius:14px;\">\n                                <div class=\"cs-slide active\"\n                 style=\"background-image:url('https:\/\/ukuni.org\/wp-content\/uploads\/2026\/04\/Live-Workshops.png');background-position:center top;\"\n                 role=\"img\" aria-label=\"\"><\/div>\n                                    <\/div>\n\n<\/div>\n\n\n<\/div>\n<\/section>\n\n<script>\n(function(){\n    function initSlider(id,interval){\n        var wrap=document.getElementById(id);\n        if(!wrap)return;\n        var slides=Array.prototype.slice.call(wrap.querySelectorAll('.cs-slide'));\n        var dots=Array.prototype.slice.call(wrap.querySelectorAll('.cs-dot'));\n        var total=slides.length;\n        if(total<2)return;\n        var cur=0,timer=null;\n        function goTo(n){\n            slides[cur].classList.remove('active');\n            if(dots[cur])dots[cur].classList.remove('active');\n            cur=(n%total+total)%total;\n            slides[cur].classList.add('active');\n            if(dots[cur])dots[cur].classList.add('active');\n        }\n        function play(){timer=setInterval(function(){goTo(cur+1);},interval);}\n        function pause(){clearInterval(timer);}\n        function reset(){pause();play();}\n        var prev=wrap.querySelector('.cs-prev');\n        var next=wrap.querySelector('.cs-next');\n        if(prev)prev.addEventListener('click',function(){goTo(cur-1);reset();});\n        if(next)next.addEventListener('click',function(){goTo(cur+1);reset();});\n        dots.forEach(function(btn){\n            btn.addEventListener('click',function(){goTo(parseInt(this.dataset.idx,10));reset();});\n        });\n        var tx=0;\n        wrap.addEventListener('touchstart',function(e){tx=e.touches[0].clientX;},{passive:true});\n        wrap.addEventListener('touchend',function(e){\n            var diff=tx-e.changedTouches[0].clientX;\n            if(Math.abs(diff)>40){goTo(cur+(diff>0?1:-1));reset();}\n        },{passive:true});\n        wrap.addEventListener('mouseenter',pause);\n        wrap.addEventListener('mouseleave',play);\n        play();\n    }\n    \/* 3.6.1: auto-RTL safety net (server already marks TranslatePress pages).\n       Also catches LATE translation (browser auto-translate) via observer.\n       Additive only \u2014 it never removes a server-side rtl decision. *\/\n    function applyDir(){\n        var sec=document.getElementById('ucs7x722');\n        if(!sec||sec.classList.contains('cs-rtl'))return;\n        var hd=((document.documentElement.getAttribute('dir'))||'').toLowerCase();\n        var bd=((document.body&&document.body.getAttribute('dir'))||'').toLowerCase();\n        var rtl=(hd==='rtl'||bd==='rtl');\n        if(!rtl){rtl=\/^\\\/(ar|he|fa|ur)(\\\/|$)\/i.test(location.pathname);}\n        if(!rtl){rtl=\/(^|\\s)translatepress-ar\/i.test((document.body&&document.body.className)||'')||\/^ar([-_]|$)\/i.test(document.documentElement.lang||'');}\n        if(!rtl){\n            var t=(sec.textContent||'').slice(0,2500);\n            var r=(t.match(\/[\\u0591-\\u07FF\\uFB1D-\\uFDFD\\uFE70-\\uFEFC]\/g)||[]).length;\n            var l=(t.match(\/[A-Za-z]\/g)||[]).length;\n            rtl=(r>10 && r>l);\n        }\n        if(rtl){sec.classList.add('cs-rtl');sec.setAttribute('dir','rtl');}\n    }\n    function run(){\n        applyDir();\n                    }\n    if(document.readyState==='loading'){document.addEventListener('DOMContentLoaded',run);}else{run();}\n    window.addEventListener('load',applyDir);\n    try{\n        var dT,sec0=document.getElementById('ucs7x722');\n        var mo=new MutationObserver(function(){clearTimeout(dT);dT=setTimeout(applyDir,150);});\n        if(sec0){mo.observe(sec0,{subtree:true,childList:true,characterData:true});}\n        mo.observe(document.documentElement,{attributes:true,attributeFilter:['dir','lang']});\n        setTimeout(applyDir,1200);setTimeout(applyDir,3000);\n    }catch(e){}\n}());\n<\/script>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-fe48e5de wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-fill\"><a class=\"wp-block-button__link has-white-color has-text-color has-background has-link-color has-custom-font-size wp-element-button\" href=\"#sprvr26-registration\" style=\"border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;background-color:#ce1b1c;font-size:16px;font-style:normal;font-weight:700\">Register Now!<\/a><\/div>\n<\/div>\n\n\n\n<div style=\"height:26px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\" style=\"font-size:32px\"><strong><strong>Register Now!<\/strong><\/strong><\/h2>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">Register your details to join the UKuni vRoadshow and explore international study options from anywhere in Saudi Arabia.<\/p>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">Once registered, you will receive access details and can join the event online on <strong>5 and 6 May<\/strong>.<\/p>\n\n\n\n<style>\n  .label-form span {\n    font-family: 'Rubik', sans-serif;\n    font-weight: 500;\n    font-size: 18px;\n    color: #CD2122;\n    border: 2px solid #CD2122;\n    padding: 5px 10px;\n    border-radius: 5px;\n  }\n\n  .label-form {\n    padding: 10px 20px 30px;\n  }\n\n  .sprvr26-container {\n    max-width: 900px;\n    margin: 40px auto;\n    padding: 40px 30px;\n    font-family: 'Rubik', sans-serif;\n    background: #F8FAFF;\n    border-radius: 16px;\n    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);\n  }\n\n  .sprvr26-custom-form {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 20px;\n    justify-content: space-between;\n  }\n\n  .sprvr26-custom-form .form-row {\n    display: flex;\n    width: 100%;\n    justify-content: space-between;\n    gap: 20px;\n    flex-wrap: wrap;\n    margin-bottom: 0px;\n  }\n\n  .sprvr26-custom-form .form-input,\n  .sprvr26-field-style,\n  .sprvr26-form-group input[type=\"text\"],\n  .sprvr26-form-group input[type=\"email\"],\n  .sprvr26-form-group input[type=\"tel\"],\n  .sprvr26-form-group input[type=\"number\"] {\n    height: 72px;\n    width: 100%;\n    margin-bottom: 0px;\n    box-sizing: border-box;\n    border-radius: 15px;\n    border: 1px solid rgba(0, 0, 0, 0.1);\n    background: #ffffff;\n    padding: 25px 32px;\n    font-family: 'Rubik', sans-serif;\n    font-size: 18px;\n    font-weight: 300;\n    line-height: 30px;\n    color: #121212;\n    transition: all 0.3s ease;\n  }\n\n  .sprvr26-custom-form .form-input::placeholder,\n  .sprvr26-form-group input::placeholder {\n    color: #9c9ea6;\n  }\n\n  .sprvr26-custom-form .form-input:focus,\n  .sprvr26-form-group input:focus {\n    outline: none;\n    border-color: #CD2122;\n    background: #fff;\n  }\n\n  \/* Remove number input arrows *\/\n  .sprvr26-form-group input[type=\"number\"]::-webkit-inner-spin-button,\n  .sprvr26-form-group input[type=\"number\"]::-webkit-outer-spin-button {\n    -webkit-appearance: none;\n    margin: 0;\n  }\n  .sprvr26-form-group input[type=\"number\"] {\n    -moz-appearance: textfield;\n  }\n\n  .sprvr26-form-group {\n    width: 100%;\n    margin-bottom: 0px;\n  }\n\n  .sprvr26-form-group.full-width {\n    width: 100%;\n  }\n\n  .sprvr26-form-group.full-width .form-input,\n  .sprvr26-form-group.full-width .sprvr26-phone-wrapper {\n    width: 100% !important;\n  }\n\n  .sprvr26-form-group.full-width .sprvr26-phone-input {\n    flex: 1;\n    min-width: 0;\n    width: 100% !important;\n  }\n\n  .sprvr26-form-group.full-width .sprvr26-country-selector + .select2-container {\n    width: 200px !important;\n    flex-shrink: 0;\n  }\n\n  .sprvr26-form-group.full-width .sprvr26-phone-wrapper {\n    display: flex !important;\n    gap: 12px;\n    align-items: stretch;\n  }\n\n  .sprvr26-form-group label {\n    display: block;\n    margin-bottom: 10px;\n    font-weight: 500;\n    color: #121212;\n    font-size: 16px;\n  }\n\n  \/* ========== Select2 ========== *\/\n  .select2-container {\n    width: 100% !important;\n    max-width: 100% !important;\n    display: block !important;\n    box-sizing: border-box !important;\n  }\n\n  .select2-container--default .select2-selection--single {\n    background-color: #ffffff !important;\n    border: 1px solid rgba(0, 0, 0, 0.1) !important;\n    border-radius: 15px !important;\n    height: 72px !important;\n    display: flex !important;\n    align-items: center !important;\n    padding: 20px 15px !important;\n    transition: all 0.3s ease;\n    width: 100% !important;\n    box-sizing: border-box !important;\n  }\n\n  .select2-container--default.select2-container--focus .select2-selection--single,\n  .select2-container--default.select2-container--open .select2-selection--single {\n    border-color: #CD2122 !important;\n    background-color: #fff !important;\n  }\n\n  .select2-container--default .select2-selection--single .select2-selection__rendered {\n    color: #9c9ea6 !important;\n    line-height: 30px !important;\n    font-size: 18px !important;\n    font-weight: 300 !important;\n    text-align: left !important;\n    font-family: 'Rubik', sans-serif !important;\n    padding: 0 !important;\n    padding-left: 0px !important;\n    padding-right: 40px !important;\n    width: 100% !important;\n    box-sizing: border-box !important;\n    display: block !important;\n    overflow: hidden !important;\n    text-overflow: ellipsis !important;\n    white-space: nowrap !important;\n  }\n\n  .select2-container--default .select2-selection--single .select2-selection__arrow {\n    height: 72px !important;\n    right: 15px !important;\n    width: 20px !important;\n  }\n\n  span.select2-selection.select2-selection--single {\n    width: 100% !important;\n    max-width: 100% !important;\n    padding-left: 15px !important;\n    padding-right: 45px !important;\n    display: flex !important;\n    align-items: center !important;\n    box-sizing: border-box !important;\n  }\n\n  \/* ========== Dropdown ========== *\/\n  .select2-container--default .select2-dropdown {\n    border: 1px solid rgba(0, 0, 0, 0.1) !important;\n    border-radius: 15px !important;\n    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1) !important;\n    box-sizing: border-box !important;\n  }\n\n  .select2-dropdown {\n    border: 1px solid rgba(0, 0, 0, 0.1) !important;\n    border-radius: 15px !important;\n    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1) !important;\n    box-sizing: border-box !important;\n    z-index: 9999 !important;\n  }\n\n  \/* ========== Search Box ========== *\/\n  .select2-search--dropdown {\n    padding: 12px 15px !important;\n    box-sizing: border-box !important;\n    background: #fff !important;\n    border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;\n  }\n\n  .select2-search--dropdown .select2-search__field {\n    padding: 12px 15px !important;\n    border: 1px solid rgba(0, 0, 0, 0.1) !important;\n    border-radius: 10px !important;\n    font-family: 'Rubik', sans-serif !important;\n    font-size: 15px !important;\n    font-weight: 300 !important;\n    width: 100% !important;\n    box-sizing: border-box !important;\n    background: #f8faff !important;\n    color: #121212 !important;\n    transition: all 0.3s ease !important;\n  }\n\n  .select2-search--dropdown .select2-search__field:focus {\n    outline: none !important;\n    border-color: #CD2122 !important;\n    background: #fff !important;\n  }\n\n  .select2-search--dropdown .select2-search__field::placeholder {\n    color: #9c9ea6 !important;\n    font-weight: 300 !important;\n  }\n\n  .select2-results {\n    box-sizing: border-box !important;\n    padding: 5px 0 !important;\n  }\n\n  .select2-results__options {\n    box-sizing: border-box !important;\n    max-height: 280px !important;\n    overflow-y: auto !important;\n  }\n\n  .select2-results__option {\n    padding: 12px 20px !important;\n    font-size: 16px !important;\n    font-family: 'Rubik', sans-serif !important;\n    box-sizing: border-box !important;\n    overflow: hidden !important;\n    text-overflow: ellipsis !important;\n    white-space: nowrap !important;\n    cursor: pointer !important;\n    transition: all 0.2s ease !important;\n  }\n\n  .select2-container--default .select2-results__option--highlighted[aria-selected],\n  .select2-container--default .select2-results__option--highlighted.select2-results__option[aria-selected] {\n    background-color: #CD2122 !important;\n    color: white !important;\n  }\n\n  .select2-container--default .select2-results__option[aria-selected=true] {\n    background-color: #f8faff !important;\n    color: #121212 !important;\n  }\n\n  .select2-results__option.select2-results__message {\n    color: #9c9ea6 !important;\n    font-style: italic !important;\n    text-align: center !important;\n    padding: 20px !important;\n  }\n\n  \/* ========== Multi Select2 ========== *\/\n  .select2-container--default .select2-selection--multiple {\n    background-color: #ffffff !important;\n    border: 1px solid rgba(0, 0, 0, 0.1) !important;\n    border-radius: 15px !important;\n    min-height: 72px !important;\n    padding: 10px 15px !important;\n    box-sizing: border-box !important;\n    transition: all 0.3s ease;\n  }\n\n  .select2-container--default.select2-container--focus .select2-selection--multiple,\n  .select2-container--default.select2-container--open .select2-selection--multiple {\n    border-color: #CD2122 !important;\n    background-color: #fff !important;\n  }\n\n  .select2-container--default .select2-selection--multiple .select2-selection__rendered {\n    display: flex !important;\n    flex-wrap: wrap !important;\n    gap: 6px !important;\n    padding: 5px 0 !important;\n    align-items: center !important;\n  }\n\n  .select2-container--default .select2-selection--multiple .select2-selection__choice {\n    background-color: #CD2122 !important;\n    border: none !important;\n    border-radius: 8px !important;\n    color: #fff !important;\n    padding: 5px 12px !important;\n    font-family: 'Rubik', sans-serif !important;\n    font-size: 14px !important;\n    font-weight: 400 !important;\n    display: flex !important;\n    align-items: center !important;\n    gap: 6px !important;\n  }\n\n  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {\n    color: rgba(255,255,255,0.8) !important;\n    font-size: 16px !important;\n    line-height: 1 !important;\n    cursor: pointer !important;\n    order: 2 !important;\n  }\n\n  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {\n    color: #fff !important;\n  }\n\n  .select2-container--default .select2-selection--multiple .select2-selection__placeholder {\n    color: #9c9ea6 !important;\n    font-size: 18px !important;\n    font-weight: 300 !important;\n    font-family: 'Rubik', sans-serif !important;\n    line-height: 50px !important;\n  }\n\n  .select2-container--default .select2-selection--multiple .select2-search__field {\n    font-family: 'Rubik', sans-serif !important;\n    font-size: 18px !important;\n    font-weight: 300 !important;\n    color: #121212 !important;\n  }\n\n  .select2-container--default .select2-selection--multiple .select2-search__field::placeholder {\n    color: #9c9ea6 !important;\n  }\n\n  \/* ========== Phone Wrapper ========== *\/\n  .sprvr26-phone-wrapper {\n    display: flex !important;\n    gap: 12px;\n    align-items: stretch;\n    width: 100%;\n  }\n\n  .sprvr26-country-selector {\n    width: 200px !important;\n    min-width: 200px;\n    flex-shrink: 0;\n  }\n\n  .sprvr26-phone-input {\n    flex: 1;\n    min-width: 0;\n  }\n\n  .sprvr26-country-selector + .select2-container {\n    width: 200px !important;\n    max-width: 200px !important;\n  }\n\n  \/* ========== Intake Row ========== *\/\n  .sprvr26-intake-row {\n    display: flex;\n    gap: 20px;\n    width: 100%;\n  }\n\n  .sprvr26-intake-row .sprvr26-form-group {\n    flex: 1;\n  }\n\n  \/* ========== Submit Button ========== *\/\n  .sprvr26-button-form {\n    width: 100% !important;\n    padding: 20px 40px;\n    height: 60px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border-radius: 10px;\n    border: 2px solid #CD2122;\n    color: #CD2122;\n    font-family: 'Rubik', sans-serif;\n    font-size: 16px;\n    font-weight: 400;\n    cursor: pointer;\n    background-color: #fff;\n    transition: all 0.3s ease;\n    margin-top: 10px;\n  }\n\n  .sprvr26-button-form:hover:not(:disabled) {\n    background-color: #CD2122 !important;\n    color: white;\n    border-color: #CD2122 !important;\n    transform: translateY(-2px);\n    box-shadow: 0 6px 20px rgba(205, 33, 34, 0.3);\n  }\n\n  .sprvr26-button-form:disabled {\n    opacity: 0.6;\n    cursor: not-allowed;\n    transform: none;\n  }\n\n  \/* ========== Terms ========== *\/\n  .sprvr26-terms-group {\n    margin-top: 0px;\n    margin-bottom: 0px;\n    padding: 20px !important;\n    background: #ffffff;\n    border-radius: 10px;\n    border: 1px solid rgba(0, 0, 0, 0.1);\n    width: 100%;\n    display: flex !important;\n    align-items: center !important;\n    min-height: 60px !important;\n  }\n\n  .sprvr26-terms-group .sprvr26-checkbox-label {\n    display: flex !important;\n    gap: 12px;\n    align-items: center !important;\n    line-height: 1.6;\n    font-size: 15px;\n    cursor: pointer;\n    color: #121212;\n    font-family: 'Rubik', sans-serif;\n    width: 100%;\n    margin: 0 !important;\n  }\n\n  .sprvr26-terms-group input[type=\"checkbox\"] {\n    width: 20px !important;\n    height: 20px !important;\n    min-height: 20px !important;\n    margin: 0 !important;\n    cursor: pointer;\n    flex-shrink: 0;\n    accent-color: #CD2122;\n  }\n\n  .sprvr26-terms-group .sprvr26-checkbox-label span {\n    flex: 1;\n    line-height: 1.6;\n  }\n\n  .sprvr26-terms-group a {\n    color: #CD2122;\n    text-decoration: none;\n    font-weight: 500;\n  }\n\n  .sprvr26-terms-group a:hover {\n    text-decoration: underline;\n  }\n\n  .sprvr26-hidden {\n    display: none !important;\n  }\n\n  .sprvr26-spinner {\n    display: inline-block;\n    width: 16px;\n    height: 16px;\n    border: 2px solid rgba(255,255,255,0.3);\n    border-radius: 50%;\n    border-top-color: #fff;\n    animation: sprvr26-spin 0.8s linear infinite;\n    margin-right: 10px;\n    vertical-align: middle;\n  }\n\n  @keyframes sprvr26-spin {\n    to { transform: rotate(360deg); }\n  }\n\n  .country-flag {\n    width: 20px;\n    height: 15px;\n    margin-right: 8px;\n    vertical-align: middle;\n    border-radius: 2px;\n  }\n\n  .sprvr26-country-selector + .select2-container .select2-selection__rendered {\n    display: flex !important;\n    align-items: center !important;\n  }\n\n  body {\n    overflow-x: hidden !important;\n  }\n\n  .sprvr26-container {\n    overflow: visible !important;\n  }\n\n  .sprvr26-custom-form {\n    overflow: visible !important;\n  }\n\n  .form-row {\n    overflow: visible !important;\n  }\n\n  @media (max-width: 768px) {\n    .sprvr26-container {\n      padding: 30px 20px;\n      margin: 20px auto;\n    }\n\n    .sprvr26-custom-form .form-input,\n    .sprvr26-form-group,\n    .sprvr26-form-group input,\n    .select2-container,\n    .select2-container--default .select2-selection--single {\n      width: 100% !important;\n      max-width: 100% !important;\n    }\n\n    .sprvr26-form-group.full-width .sprvr26-phone-wrapper {\n      flex-direction: column;\n      gap: 15px;\n    }\n\n    .sprvr26-form-group.full-width .sprvr26-country-selector + .select2-container {\n      width: 100% !important;\n      max-width: 100% !important;\n    }\n\n    .sprvr26-phone-wrapper {\n      flex-direction: column;\n    }\n\n    .sprvr26-country-selector,\n    .sprvr26-country-selector + .select2-container {\n      width: 100% !important;\n      max-width: 100% !important;\n    }\n\n    .sprvr26-intake-row {\n      flex-direction: column;\n    }\n  }\n\n  .sprvr26-custom-form .form-input::selection,\n  .sprvr26-field-style::selection,\n  .sprvr26-form-group input[type=\"text\"]::selection,\n  .sprvr26-form-group input[type=\"email\"]::selection,\n  .sprvr26-form-group input[type=\"tel\"]::selection,\n  .sprvr26-form-group input[type=\"number\"]::selection,\n  .select2-selection__rendered::selection,\n  .select2-search__field::selection {\n    background-color: #3390FF !important;\n    color: #ffffff !important;\n  }\n\n  .sprvr26-custom-form .form-input::-moz-selection,\n  .sprvr26-field-style::-moz-selection,\n  .sprvr26-form-group input[type=\"text\"]::-moz-selection,\n  .sprvr26-form-group input[type=\"email\"]::-moz-selection,\n  .sprvr26-form-group input[type=\"tel\"]::-moz-selection,\n  .sprvr26-form-group input[type=\"number\"]::-moz-selection,\n  .select2-selection__rendered::-moz-selection,\n  .select2-search__field::-moz-selection {\n    background-color: #3390FF !important;\n    color: #ffffff !important;\n  }\n\n  \/* ========== Form Header ========== *\/\n  .sprvr26-form-header {\n    text-align: center;\n    margin-bottom: 40px;\n    animation: fadeInDown 0.6s ease-out;\n  }\n\n  .sprvr26-form-title {\n    font-family: 'Rubik', sans-serif;\n    font-size: 32px;\n    font-weight: 600;\n    color: #072440;\n    margin: 0 0 12px 0;\n    line-height: 1.3;\n    letter-spacing: -0.5px;\n  }\n\n  .sprvr26-form-subtitle {\n    font-family: 'Rubik', sans-serif;\n    font-size: 16px;\n    font-weight: 400;\n    color: #5a6c7d;\n    margin: 0;\n    line-height: 1.6;\n    max-width: 600px;\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  html {\n    scroll-behavior: smooth;\n  }\n\n  #sprvr26-registration {\n    scroll-margin-top: 20px;\n  }\n\n  @keyframes fadeInDown {\n    from { opacity: 0; transform: translateY(-20px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  .sprvr26-form-title::selection,\n  .sprvr26-form-subtitle::selection {\n    background-color: #3390FF !important;\n    color: #ffffff !important;\n  }\n\n  @media (max-width: 768px) {\n    .sprvr26-form-header {\n      margin-bottom: 30px;\n      padding-bottom: 20px;\n    }\n\n    .sprvr26-form-title {\n      font-size: 24px;\n      letter-spacing: -0.3px;\n    }\n\n    .sprvr26-form-subtitle {\n      font-size: 14px;\n    }\n  }\n\n  @media (max-width: 480px) {\n    .sprvr26-form-title { font-size: 20px; }\n    .sprvr26-form-subtitle { font-size: 13px; }\n  }\n\n  \/* ========== GPA Helper Text ========== *\/\n  .sprvr26-gpa-hint {\n    display: block;\n    margin-top: 6px;\n    font-size: 13px;\n    color: #5a6c7d;\n    font-weight: 300;\n    font-family: 'Rubik', sans-serif;\n  }\n<\/style>\n\n<div class=\"sprvr26-form-header\" id=\"sprvr26-registration\">\n\n<\/div>\n\n<div class=\"sprvr26-container\" data-form-id=\"sprvr26-form-1\">\n  <form id=\"sprvr26-registration-form-1\" class=\"sprvr26-custom-form notranslate sprvr26-reg-form\" method=\"POST\" novalidate>\n\n    <!-- First Name -->\n    <div class=\"form-row\">\n      <div class=\"sprvr26-form-group full-width\">\n        <label for=\"sprvr26-first-name-1\">First Name *<\/label>\n        <input type=\"text\" id=\"sprvr26-first-name-1\" name=\"first_name\" class=\"form-input sprvr26-first-name\" required autocomplete=\"given-name\" placeholder=\"First Name\">\n      <\/div>\n    <\/div>\n\n    <!-- Last Name -->\n    <div class=\"form-row\">\n      <div class=\"sprvr26-form-group full-width\">\n        <label for=\"sprvr26-last-name-1\">Last Name *<\/label>\n        <input type=\"text\" id=\"sprvr26-last-name-1\" name=\"last_name\" class=\"form-input sprvr26-last-name\" required autocomplete=\"family-name\" placeholder=\"Last Name\">\n      <\/div>\n    <\/div>\n\n    <!-- Email -->\n    <div class=\"form-row\">\n      <div class=\"sprvr26-form-group full-width\">\n        <label for=\"sprvr26-email-1\">Email *<\/label>\n        <input type=\"email\" id=\"sprvr26-email-1\" name=\"email\" class=\"form-input sprvr26-email\" required autocomplete=\"email\" placeholder=\"Email Address\">\n      <\/div>\n    <\/div>\n\n    <!-- Phone -->\n    <div class=\"form-row\">\n      <div class=\"sprvr26-form-group full-width\">\n        <label for=\"sprvr26-phone-1\">Phone *<\/label>\n        <input type=\"tel\" id=\"sprvr26-phone-1\" name=\"phone\" class=\"form-input sprvr26-phone\" required autocomplete=\"tel\" placeholder=\"Enter phone number\">\n      <\/div>\n    <\/div>\n\n    <!-- Country of Residence -->\n    <div class=\"form-row\">\n      <div class=\"sprvr26-form-group full-width\">\n        <label for=\"sprvr26-country-1\">Country of Residence *<\/label>\n        <select id=\"sprvr26-country-1\" name=\"country\" class=\"sprvr26-field-style sprvr26-country\" required>\n          <option value=\"\">Select country<\/option>\n          <option value=\"Afghanistan\">Afghanistan<\/option>\n<option value=\"\u00c5land Islands\">\u00c5land Islands<\/option>\n<option value=\"Albania\">Albania<\/option>\n<option value=\"Algeria\">Algeria<\/option>\n<option value=\"American Samoa\">American Samoa<\/option>\n<option value=\"Andorra\">Andorra<\/option>\n<option value=\"Angola\">Angola<\/option>\n<option value=\"Anguilla\">Anguilla<\/option>\n<option value=\"Antigua and Barbuda\">Antigua and Barbuda<\/option>\n<option value=\"Argentina\">Argentina<\/option>\n<option value=\"Armenia\">Armenia<\/option>\n<option value=\"Aruba\">Aruba<\/option>\n<option value=\"Australia\">Australia<\/option>\n<option value=\"Austria\">Austria<\/option>\n<option value=\"Azerbaijan\">Azerbaijan<\/option>\n<option value=\"Bahamas\">Bahamas<\/option>\n<option value=\"Bahrain\">Bahrain<\/option>\n<option value=\"Bangladesh\">Bangladesh<\/option>\n<option value=\"Barbados\">Barbados<\/option>\n<option value=\"Belarus\">Belarus<\/option>\n<option value=\"Belgium\">Belgium<\/option>\n<option value=\"Belize\">Belize<\/option>\n<option value=\"Benin\">Benin<\/option>\n<option value=\"Bermuda\">Bermuda<\/option>\n<option value=\"Bhutan\">Bhutan<\/option>\n<option value=\"Bolivia, Plurinational State of\">Bolivia, Plurinational State of<\/option>\n<option value=\"Bonaire, Sint Eustatius and Saba\">Bonaire, Sint Eustatius and Saba<\/option>\n<option value=\"Bosnia and Herzegovina\">Bosnia and Herzegovina<\/option>\n<option value=\"Botswana\">Botswana<\/option>\n<option value=\"Bouvet Island\">Bouvet Island<\/option>\n<option value=\"Brazil\">Brazil<\/option>\n<option value=\"British Indian Ocean Territory\">British Indian Ocean Territory<\/option>\n<option value=\"Brunei Darussalam\">Brunei Darussalam<\/option>\n<option value=\"Bulgaria\">Bulgaria<\/option>\n<option value=\"Burkina Faso\">Burkina Faso<\/option>\n<option value=\"Burundi\">Burundi<\/option>\n<option value=\"Cambodia\">Cambodia<\/option>\n<option value=\"Cameroon\">Cameroon<\/option>\n<option value=\"Canada\">Canada<\/option>\n<option value=\"Cape Verde\">Cape Verde<\/option>\n<option value=\"Cayman Islands\">Cayman Islands<\/option>\n<option value=\"Central African Republic\">Central African Republic<\/option>\n<option value=\"Chad\">Chad<\/option>\n<option value=\"Chile\">Chile<\/option>\n<option value=\"China\">China<\/option>\n<option value=\"Christmas Island\">Christmas Island<\/option>\n<option value=\"Cocos (Keeling) Islands\">Cocos (Keeling) Islands<\/option>\n<option value=\"Colombia\">Colombia<\/option>\n<option value=\"Comoros\">Comoros<\/option>\n<option value=\"Congo\">Congo<\/option>\n<option value=\"Congo, the Democratic Republic of the\">Congo, the Democratic Republic of the<\/option>\n<option value=\"Cook Islands\">Cook Islands<\/option>\n<option value=\"Costa Rica\">Costa Rica<\/option>\n<option value=\"C\u00f4te d'Ivoire\">C\u00f4te d'Ivoire<\/option>\n<option value=\"Croatia\">Croatia<\/option>\n<option value=\"Cuba\">Cuba<\/option>\n<option value=\"Cura\u00e7ao\">Cura\u00e7ao<\/option>\n<option value=\"Cyprus\">Cyprus<\/option>\n<option value=\"Czech Republic\">Czech Republic<\/option>\n<option value=\"Denmark\">Denmark<\/option>\n<option value=\"Djibouti\">Djibouti<\/option>\n<option value=\"Dominica\">Dominica<\/option>\n<option value=\"Dominican Republic\">Dominican Republic<\/option>\n<option value=\"Ecuador\">Ecuador<\/option>\n<option value=\"Egypt\">Egypt<\/option>\n<option value=\"El Salvador\">El Salvador<\/option>\n<option value=\"Equatorial Guinea\">Equatorial Guinea<\/option>\n<option value=\"Eritrea\">Eritrea<\/option>\n<option value=\"Estonia\">Estonia<\/option>\n<option value=\"Ethiopia\">Ethiopia<\/option>\n<option value=\"Falkland Islands (Malvinas)\">Falkland Islands (Malvinas)<\/option>\n<option value=\"Faroe Islands\">Faroe Islands<\/option>\n<option value=\"Fiji\">Fiji<\/option>\n<option value=\"Finland\">Finland<\/option>\n<option value=\"France\">France<\/option>\n<option value=\"French Guiana\">French Guiana<\/option>\n<option value=\"French Polynesia\">French Polynesia<\/option>\n<option value=\"French Southern Territories\">French Southern Territories<\/option>\n<option value=\"Gabon\">Gabon<\/option>\n<option value=\"Gambia\">Gambia<\/option>\n<option value=\"Georgia\">Georgia<\/option>\n<option value=\"Germany\">Germany<\/option>\n<option value=\"Ghana\">Ghana<\/option>\n<option value=\"Gibraltar\">Gibraltar<\/option>\n<option value=\"Greece\">Greece<\/option>\n<option value=\"Greenland\">Greenland<\/option>\n<option value=\"Grenada\">Grenada<\/option>\n<option value=\"Guadeloupe\">Guadeloupe<\/option>\n<option value=\"Guam\">Guam<\/option>\n<option value=\"Guatemala\">Guatemala<\/option>\n<option value=\"Guernsey\">Guernsey<\/option>\n<option value=\"Guinea\">Guinea<\/option>\n<option value=\"Guinea-Bissau\">Guinea-Bissau<\/option>\n<option value=\"Guyana\">Guyana<\/option>\n<option value=\"Haiti\">Haiti<\/option>\n<option value=\"Holy See (Vatican City State)\">Holy See (Vatican City State)<\/option>\n<option value=\"Honduras\">Honduras<\/option>\n<option value=\"Hong Kong\">Hong Kong<\/option>\n<option value=\"Hungary\">Hungary<\/option>\n<option value=\"Iceland\">Iceland<\/option>\n<option value=\"India\">India<\/option>\n<option value=\"Indonesia\">Indonesia<\/option>\n<option value=\"Iran, Islamic Republic of\">Iran, Islamic Republic of<\/option>\n<option value=\"Iraq\">Iraq<\/option>\n<option value=\"Ireland\">Ireland<\/option>\n<option value=\"Isle of Man\">Isle of Man<\/option>\n<option value=\"Italy\">Italy<\/option>\n<option value=\"Jamaica\">Jamaica<\/option>\n<option value=\"Japan\">Japan<\/option>\n<option value=\"Jersey\">Jersey<\/option>\n<option value=\"Jordan\">Jordan<\/option>\n<option value=\"Kazakhstan\">Kazakhstan<\/option>\n<option value=\"Kenya\">Kenya<\/option>\n<option value=\"Kiribati\">Kiribati<\/option>\n<option value=\"Korea, Democratic People's Republic of\">Korea, Democratic People's Republic of<\/option>\n<option value=\"Korea, Republic of\">Korea, Republic of<\/option>\n<option value=\"Kuwait\">Kuwait<\/option>\n<option value=\"Kyrgyzstan\">Kyrgyzstan<\/option>\n<option value=\"Lao People's Democratic Republic\">Lao People's Democratic Republic<\/option>\n<option value=\"Latvia\">Latvia<\/option>\n<option value=\"Lebanon\">Lebanon<\/option>\n<option value=\"Lesotho\">Lesotho<\/option>\n<option value=\"Liberia\">Liberia<\/option>\n<option value=\"Libya\">Libya<\/option>\n<option value=\"Liechtenstein\">Liechtenstein<\/option>\n<option value=\"Lithuania\">Lithuania<\/option>\n<option value=\"Luxembourg\">Luxembourg<\/option>\n<option value=\"Macao\">Macao<\/option>\n<option value=\"Macedonia, the former Yugoslav Republic of\">Macedonia, the former Yugoslav Republic of<\/option>\n<option value=\"Madagascar\">Madagascar<\/option>\n<option value=\"Malawi\">Malawi<\/option>\n<option value=\"Malaysia\">Malaysia<\/option>\n<option value=\"Maldives\">Maldives<\/option>\n<option value=\"Mali\">Mali<\/option>\n<option value=\"Malta\">Malta<\/option>\n<option value=\"Marshall Islands\">Marshall Islands<\/option>\n<option value=\"Martinique\">Martinique<\/option>\n<option value=\"Mauritania\">Mauritania<\/option>\n<option value=\"Mauritius\">Mauritius<\/option>\n<option value=\"Mayotte\">Mayotte<\/option>\n<option value=\"Mexico\">Mexico<\/option>\n<option value=\"Micronesia, Federated States of\">Micronesia, Federated States of<\/option>\n<option value=\"Moldova, Republic of\">Moldova, Republic of<\/option>\n<option value=\"Monaco\">Monaco<\/option>\n<option value=\"Mongolia\">Mongolia<\/option>\n<option value=\"Montenegro\">Montenegro<\/option>\n<option value=\"Montserrat\">Montserrat<\/option>\n<option value=\"Morocco\">Morocco<\/option>\n<option value=\"Mozambique\">Mozambique<\/option>\n<option value=\"Myanmar\">Myanmar<\/option>\n<option value=\"Namibia\">Namibia<\/option>\n<option value=\"Nauru\">Nauru<\/option>\n<option value=\"Nepal\">Nepal<\/option>\n<option value=\"Netherlands\">Netherlands<\/option>\n<option value=\"New Caledonia\">New Caledonia<\/option>\n<option value=\"New Zealand\">New Zealand<\/option>\n<option value=\"Nicaragua\">Nicaragua<\/option>\n<option value=\"Niger\">Niger<\/option>\n<option value=\"Nigeria\">Nigeria<\/option>\n<option value=\"Niue\">Niue<\/option>\n<option value=\"Norfolk Island\">Norfolk Island<\/option>\n<option value=\"Northern Mariana Islands\">Northern Mariana Islands<\/option>\n<option value=\"Norway\">Norway<\/option>\n<option value=\"Oman\">Oman<\/option>\n<option value=\"Pakistan\">Pakistan<\/option>\n<option value=\"Palau\">Palau<\/option>\n<option value=\"Palestine\">Palestine<\/option>\n<option value=\"Panama\">Panama<\/option>\n<option value=\"Papua New Guinea\">Papua New Guinea<\/option>\n<option value=\"Paraguay\">Paraguay<\/option>\n<option value=\"Peru\">Peru<\/option>\n<option value=\"Philippines\">Philippines<\/option>\n<option value=\"Pitcairn\">Pitcairn<\/option>\n<option value=\"Poland\">Poland<\/option>\n<option value=\"Portugal\">Portugal<\/option>\n<option value=\"Puerto Rico\">Puerto Rico<\/option>\n<option value=\"Qatar\">Qatar<\/option>\n<option value=\"R\u00e9union\">R\u00e9union<\/option>\n<option value=\"Romania\">Romania<\/option>\n<option value=\"Russian Federation\">Russian Federation<\/option>\n<option value=\"Rwanda\">Rwanda<\/option>\n<option value=\"Saint Barth\u00e9lemy\">Saint Barth\u00e9lemy<\/option>\n<option value=\"Saint Helena, Ascension and Tristan da Cunha\">Saint Helena, Ascension and Tristan da Cunha<\/option>\n<option value=\"Saint Kitts and Nevis\">Saint Kitts and Nevis<\/option>\n<option value=\"Saint Lucia\">Saint Lucia<\/option>\n<option value=\"Saint Martin (French part)\">Saint Martin (French part)<\/option>\n<option value=\"Saint Pierre and Miquelon\">Saint Pierre and Miquelon<\/option>\n<option value=\"Saint Vincent and the Grenadines\">Saint Vincent and the Grenadines<\/option>\n<option value=\"Samoa\">Samoa<\/option>\n<option value=\"San Marino\">San Marino<\/option>\n<option value=\"Sao Tome and Principe\">Sao Tome and Principe<\/option>\n<option value=\"Saudi Arabia\">Saudi Arabia<\/option>\n<option value=\"Senegal\">Senegal<\/option>\n<option value=\"Serbia\">Serbia<\/option>\n<option value=\"Seychelles\">Seychelles<\/option>\n<option value=\"Sierra Leone\">Sierra Leone<\/option>\n<option value=\"Singapore\">Singapore<\/option>\n<option value=\"Sint Maarten (Dutch part)\">Sint Maarten (Dutch part)<\/option>\n<option value=\"Slovakia\">Slovakia<\/option>\n<option value=\"Slovenia\">Slovenia<\/option>\n<option value=\"Solomon Islands\">Solomon Islands<\/option>\n<option value=\"Somalia\">Somalia<\/option>\n<option value=\"South Africa\">South Africa<\/option>\n<option value=\"South Sudan\">South Sudan<\/option>\n<option value=\"Spain\">Spain<\/option>\n<option value=\"Sri Lanka\">Sri Lanka<\/option>\n<option value=\"Sudan\">Sudan<\/option>\n<option value=\"Suriname\">Suriname<\/option>\n<option value=\"Svalbard and Jan Mayen\">Svalbard and Jan Mayen<\/option>\n<option value=\"Swaziland\">Swaziland<\/option>\n<option value=\"Sweden\">Sweden<\/option>\n<option value=\"Switzerland\">Switzerland<\/option>\n<option value=\"Syrian Arab Republic\">Syrian Arab Republic<\/option>\n<option value=\"Taiwan, Province of China\">Taiwan, Province of China<\/option>\n<option value=\"Tajikistan\">Tajikistan<\/option>\n<option value=\"Tanzania, United Republic of\">Tanzania, United Republic of<\/option>\n<option value=\"Thailand\">Thailand<\/option>\n<option value=\"Timor-Leste\">Timor-Leste<\/option>\n<option value=\"Togo\">Togo<\/option>\n<option value=\"Tokelau\">Tokelau<\/option>\n<option value=\"Tonga\">Tonga<\/option>\n<option value=\"Trinidad and Tobago\">Trinidad and Tobago<\/option>\n<option value=\"Tunisia\">Tunisia<\/option>\n<option value=\"Turkey\">Turkey<\/option>\n<option value=\"Turkmenistan\">Turkmenistan<\/option>\n<option value=\"Turks and Caicos Islands\">Turks and Caicos Islands<\/option>\n<option value=\"Tuvalu\">Tuvalu<\/option>\n<option value=\"Uganda\">Uganda<\/option>\n<option value=\"Ukraine\">Ukraine<\/option>\n<option value=\"United Arab Emirates\">United Arab Emirates<\/option>\n<option value=\"United Kingdom\">United Kingdom<\/option>\n<option value=\"United States\">United States<\/option>\n<option value=\"United States Minor Outlying Islands\">United States Minor Outlying Islands<\/option>\n<option value=\"Uruguay\">Uruguay<\/option>\n<option value=\"Uzbekistan\">Uzbekistan<\/option>\n<option value=\"Vanuatu\">Vanuatu<\/option>\n<option value=\"Venezuela, Bolivarian Republic of\">Venezuela, Bolivarian Republic of<\/option>\n<option value=\"Viet Nam\">Viet Nam<\/option>\n<option value=\"Virgin Islands, British\">Virgin Islands, British<\/option>\n<option value=\"Virgin Islands, U.S.\">Virgin Islands, U.S.<\/option>\n<option value=\"Wallis and Futuna\">Wallis and Futuna<\/option>\n<option value=\"Western Sahara\">Western Sahara<\/option>\n<option value=\"Yemen\">Yemen<\/option>\n<option value=\"Zambia\">Zambia<\/option>\n<option value=\"Zimbabwe\">Zimbabwe<\/option><!-- \u0628\u0627\u0642\u064a \u0627\u0644\u062f\u0648\u0644 -->\n\n        <\/select>\n      <\/div>\n    <\/div>\n\n    <!-- State\/Province (Saudi) OR City (non-Saudi) -->\n    <div class=\"form-row\">\n      <div class=\"sprvr26-form-group full-width sprvr26-hidden sprvr26-city-group\">\n        <label for=\"sprvr26-city-1\">City of Residence *<\/label>\n        <input type=\"text\" id=\"sprvr26-city-1\" name=\"city\" class=\"form-input sprvr26-city\" autocomplete=\"address-level2\" placeholder=\"Enter city\">\n      <\/div>\n\n      <div class=\"sprvr26-form-group full-width sprvr26-hidden sprvr26-state-group\">\n        <label for=\"sprvr26-state-select-1\">State\/Province *<\/label>\n        <select id=\"sprvr26-state-select-1\" name=\"state_select\" class=\"sprvr26-field-style sprvr26-state-select\" disabled>\n          <option value=\"\">Select region<\/option>\n          <option value=\"Riyadh Region\" data-office=\"Riyadh\">Riyadh Region<\/option>\n          <option value=\"Qassim Region\" data-office=\"Riyadh\">Qassim Region<\/option>\n          <option value=\"Hail Region\" data-office=\"Riyadh\">Hail Region<\/option>\n          <option value=\"Al Jowf Region\" data-office=\"Riyadh\">Al Jowf Region<\/option>\n          <option value=\"Tabuk Region\" data-office=\"Jeddah\">Tabuk Region<\/option>\n          <option value=\"Madinah Region\" data-office=\"Jeddah\">Madinah Region<\/option>\n          <option value=\"Makkah Region\" data-office=\"Jeddah\">Makkah Region<\/option>\n          <option value=\"Al Bahah Region\" data-office=\"Jeddah\">Al Bahah Region<\/option>\n          <option value=\"Aseer Region\" data-office=\"Jeddah\">Aseer Region<\/option>\n          <option value=\"Jazan Region\" data-office=\"Jeddah\">Jazan Region<\/option>\n          <option value=\"Najran Region\" data-office=\"Jeddah\">Najran Region<\/option>\n          <option value=\"Northern Borders Region\" data-office=\"Al Khobar\">Northern Borders Region<\/option>\n          <option value=\"Eastern Region\" data-office=\"Al Khobar\">Eastern Region<\/option>\n        <\/select>\n      <\/div>\n    <\/div>\n\n    <!-- Nationality -->\n    <div class=\"form-row\">\n      <div class=\"sprvr26-form-group full-width\">\n        <label for=\"sprvr26-country-passport-1\">Nationality *<\/label>\n        <select id=\"sprvr26-country-passport-1\" name=\"country_of_passport\" class=\"sprvr26-field-style sprvr26-country-passport\" required>\n          <option value=\"\">Select passport country<\/option>\n         <option value=\"Afghanistan\">Afghanistan<\/option>\n<option value=\"\u00c5land Islands\">\u00c5land Islands<\/option>\n<option value=\"Albania\">Albania<\/option>\n<option value=\"Algeria\">Algeria<\/option>\n<option value=\"American Samoa\">American Samoa<\/option>\n<option value=\"Andorra\">Andorra<\/option>\n<option value=\"Angola\">Angola<\/option>\n<option value=\"Anguilla\">Anguilla<\/option>\n<option value=\"Antigua and Barbuda\">Antigua and Barbuda<\/option>\n<option value=\"Argentina\">Argentina<\/option>\n<option value=\"Armenia\">Armenia<\/option>\n<option value=\"Aruba\">Aruba<\/option>\n<option value=\"Australia\">Australia<\/option>\n<option value=\"Austria\">Austria<\/option>\n<option value=\"Azerbaijan\">Azerbaijan<\/option>\n<option value=\"Bahamas\">Bahamas<\/option>\n<option value=\"Bahrain\">Bahrain<\/option>\n<option value=\"Bangladesh\">Bangladesh<\/option>\n<option value=\"Barbados\">Barbados<\/option>\n<option value=\"Belarus\">Belarus<\/option>\n<option value=\"Belgium\">Belgium<\/option>\n<option value=\"Belize\">Belize<\/option>\n<option value=\"Benin\">Benin<\/option>\n<option value=\"Bermuda\">Bermuda<\/option>\n<option value=\"Bhutan\">Bhutan<\/option>\n<option value=\"Bolivia, Plurinational State of\">Bolivia, Plurinational State of<\/option>\n<option value=\"Bonaire, Sint Eustatius and Saba\">Bonaire, Sint Eustatius and Saba<\/option>\n<option value=\"Bosnia and Herzegovina\">Bosnia and Herzegovina<\/option>\n<option value=\"Botswana\">Botswana<\/option>\n<option value=\"Bouvet Island\">Bouvet Island<\/option>\n<option value=\"Brazil\">Brazil<\/option>\n<option value=\"British Indian Ocean Territory\">British Indian Ocean Territory<\/option>\n<option value=\"Brunei Darussalam\">Brunei Darussalam<\/option>\n<option value=\"Bulgaria\">Bulgaria<\/option>\n<option value=\"Burkina Faso\">Burkina Faso<\/option>\n<option value=\"Burundi\">Burundi<\/option>\n<option value=\"Cambodia\">Cambodia<\/option>\n<option value=\"Cameroon\">Cameroon<\/option>\n<option value=\"Canada\">Canada<\/option>\n<option value=\"Cape Verde\">Cape Verde<\/option>\n<option value=\"Cayman Islands\">Cayman Islands<\/option>\n<option value=\"Central African Republic\">Central African Republic<\/option>\n<option value=\"Chad\">Chad<\/option>\n<option value=\"Chile\">Chile<\/option>\n<option value=\"China\">China<\/option>\n<option value=\"Christmas Island\">Christmas Island<\/option>\n<option value=\"Cocos (Keeling) Islands\">Cocos (Keeling) Islands<\/option>\n<option value=\"Colombia\">Colombia<\/option>\n<option value=\"Comoros\">Comoros<\/option>\n<option value=\"Congo\">Congo<\/option>\n<option value=\"Congo, the Democratic Republic of the\">Congo, the Democratic Republic of the<\/option>\n<option value=\"Cook Islands\">Cook Islands<\/option>\n<option value=\"Costa Rica\">Costa Rica<\/option>\n<option value=\"C\u00f4te d'Ivoire\">C\u00f4te d'Ivoire<\/option>\n<option value=\"Croatia\">Croatia<\/option>\n<option value=\"Cuba\">Cuba<\/option>\n<option value=\"Cura\u00e7ao\">Cura\u00e7ao<\/option>\n<option value=\"Cyprus\">Cyprus<\/option>\n<option value=\"Czech Republic\">Czech Republic<\/option>\n<option value=\"Denmark\">Denmark<\/option>\n<option value=\"Djibouti\">Djibouti<\/option>\n<option value=\"Dominica\">Dominica<\/option>\n<option value=\"Dominican Republic\">Dominican Republic<\/option>\n<option value=\"Ecuador\">Ecuador<\/option>\n<option value=\"Egypt\">Egypt<\/option>\n<option value=\"El Salvador\">El Salvador<\/option>\n<option value=\"Equatorial Guinea\">Equatorial Guinea<\/option>\n<option value=\"Eritrea\">Eritrea<\/option>\n<option value=\"Estonia\">Estonia<\/option>\n<option value=\"Ethiopia\">Ethiopia<\/option>\n<option value=\"Falkland Islands (Malvinas)\">Falkland Islands (Malvinas)<\/option>\n<option value=\"Faroe Islands\">Faroe Islands<\/option>\n<option value=\"Fiji\">Fiji<\/option>\n<option value=\"Finland\">Finland<\/option>\n<option value=\"France\">France<\/option>\n<option value=\"French Guiana\">French Guiana<\/option>\n<option value=\"French Polynesia\">French Polynesia<\/option>\n<option value=\"French Southern Territories\">French Southern Territories<\/option>\n<option value=\"Gabon\">Gabon<\/option>\n<option value=\"Gambia\">Gambia<\/option>\n<option value=\"Georgia\">Georgia<\/option>\n<option value=\"Germany\">Germany<\/option>\n<option value=\"Ghana\">Ghana<\/option>\n<option value=\"Gibraltar\">Gibraltar<\/option>\n<option value=\"Greece\">Greece<\/option>\n<option value=\"Greenland\">Greenland<\/option>\n<option value=\"Grenada\">Grenada<\/option>\n<option value=\"Guadeloupe\">Guadeloupe<\/option>\n<option value=\"Guam\">Guam<\/option>\n<option value=\"Guatemala\">Guatemala<\/option>\n<option value=\"Guernsey\">Guernsey<\/option>\n<option value=\"Guinea\">Guinea<\/option>\n<option value=\"Guinea-Bissau\">Guinea-Bissau<\/option>\n<option value=\"Guyana\">Guyana<\/option>\n<option value=\"Haiti\">Haiti<\/option>\n<option value=\"Holy See (Vatican City State)\">Holy See (Vatican City State)<\/option>\n<option value=\"Honduras\">Honduras<\/option>\n<option value=\"Hong Kong\">Hong Kong<\/option>\n<option value=\"Hungary\">Hungary<\/option>\n<option value=\"Iceland\">Iceland<\/option>\n<option value=\"India\">India<\/option>\n<option value=\"Indonesia\">Indonesia<\/option>\n<option value=\"Iran, Islamic Republic of\">Iran, Islamic Republic of<\/option>\n<option value=\"Iraq\">Iraq<\/option>\n<option value=\"Ireland\">Ireland<\/option>\n<option value=\"Isle of Man\">Isle of Man<\/option>\n<option value=\"Italy\">Italy<\/option>\n<option value=\"Jamaica\">Jamaica<\/option>\n<option value=\"Japan\">Japan<\/option>\n<option value=\"Jersey\">Jersey<\/option>\n<option value=\"Jordan\">Jordan<\/option>\n<option value=\"Kazakhstan\">Kazakhstan<\/option>\n<option value=\"Kenya\">Kenya<\/option>\n<option value=\"Kiribati\">Kiribati<\/option>\n<option value=\"Korea, Democratic People's Republic of\">Korea, Democratic People's Republic of<\/option>\n<option value=\"Korea, Republic of\">Korea, Republic of<\/option>\n<option value=\"Kuwait\">Kuwait<\/option>\n<option value=\"Kyrgyzstan\">Kyrgyzstan<\/option>\n<option value=\"Lao People's Democratic Republic\">Lao People's Democratic Republic<\/option>\n<option value=\"Latvia\">Latvia<\/option>\n<option value=\"Lebanon\">Lebanon<\/option>\n<option value=\"Lesotho\">Lesotho<\/option>\n<option value=\"Liberia\">Liberia<\/option>\n<option value=\"Libya\">Libya<\/option>\n<option value=\"Liechtenstein\">Liechtenstein<\/option>\n<option value=\"Lithuania\">Lithuania<\/option>\n<option value=\"Luxembourg\">Luxembourg<\/option>\n<option value=\"Macao\">Macao<\/option>\n<option value=\"Macedonia, the former Yugoslav Republic of\">Macedonia, the former Yugoslav Republic of<\/option>\n<option value=\"Madagascar\">Madagascar<\/option>\n<option value=\"Malawi\">Malawi<\/option>\n<option value=\"Malaysia\">Malaysia<\/option>\n<option value=\"Maldives\">Maldives<\/option>\n<option value=\"Mali\">Mali<\/option>\n<option value=\"Malta\">Malta<\/option>\n<option value=\"Marshall Islands\">Marshall Islands<\/option>\n<option value=\"Martinique\">Martinique<\/option>\n<option value=\"Mauritania\">Mauritania<\/option>\n<option value=\"Mauritius\">Mauritius<\/option>\n<option value=\"Mayotte\">Mayotte<\/option>\n<option value=\"Mexico\">Mexico<\/option>\n<option value=\"Micronesia, Federated States of\">Micronesia, Federated States of<\/option>\n<option value=\"Moldova, Republic of\">Moldova, Republic of<\/option>\n<option value=\"Monaco\">Monaco<\/option>\n<option value=\"Mongolia\">Mongolia<\/option>\n<option value=\"Montenegro\">Montenegro<\/option>\n<option value=\"Montserrat\">Montserrat<\/option>\n<option value=\"Morocco\">Morocco<\/option>\n<option value=\"Mozambique\">Mozambique<\/option>\n<option value=\"Myanmar\">Myanmar<\/option>\n<option value=\"Namibia\">Namibia<\/option>\n<option value=\"Nauru\">Nauru<\/option>\n<option value=\"Nepal\">Nepal<\/option>\n<option value=\"Netherlands\">Netherlands<\/option>\n<option value=\"New Caledonia\">New Caledonia<\/option>\n<option value=\"New Zealand\">New Zealand<\/option>\n<option value=\"Nicaragua\">Nicaragua<\/option>\n<option value=\"Niger\">Niger<\/option>\n<option value=\"Nigeria\">Nigeria<\/option>\n<option value=\"Niue\">Niue<\/option>\n<option value=\"Norfolk Island\">Norfolk Island<\/option>\n<option value=\"Northern Mariana Islands\">Northern Mariana Islands<\/option>\n<option value=\"Norway\">Norway<\/option>\n<option value=\"Oman\">Oman<\/option>\n<option value=\"Pakistan\">Pakistan<\/option>\n<option value=\"Palau\">Palau<\/option>\n<option value=\"Palestine\">Palestine<\/option>\n<option value=\"Panama\">Panama<\/option>\n<option value=\"Papua New Guinea\">Papua New Guinea<\/option>\n<option value=\"Paraguay\">Paraguay<\/option>\n<option value=\"Peru\">Peru<\/option>\n<option value=\"Philippines\">Philippines<\/option>\n<option value=\"Pitcairn\">Pitcairn<\/option>\n<option value=\"Poland\">Poland<\/option>\n<option value=\"Portugal\">Portugal<\/option>\n<option value=\"Puerto Rico\">Puerto Rico<\/option>\n<option value=\"Qatar\">Qatar<\/option>\n<option value=\"R\u00e9union\">R\u00e9union<\/option>\n<option value=\"Romania\">Romania<\/option>\n<option value=\"Russian Federation\">Russian Federation<\/option>\n<option value=\"Rwanda\">Rwanda<\/option>\n<option value=\"Saint Barth\u00e9lemy\">Saint Barth\u00e9lemy<\/option>\n<option value=\"Saint Helena, Ascension and Tristan da Cunha\">Saint Helena, Ascension and Tristan da Cunha<\/option>\n<option value=\"Saint Kitts and Nevis\">Saint Kitts and Nevis<\/option>\n<option value=\"Saint Lucia\">Saint Lucia<\/option>\n<option value=\"Saint Martin (French part)\">Saint Martin (French part)<\/option>\n<option value=\"Saint Pierre and Miquelon\">Saint Pierre and Miquelon<\/option>\n<option value=\"Saint Vincent and the Grenadines\">Saint Vincent and the Grenadines<\/option>\n<option value=\"Samoa\">Samoa<\/option>\n<option value=\"San Marino\">San Marino<\/option>\n<option value=\"Sao Tome and Principe\">Sao Tome and Principe<\/option>\n<option value=\"Saudi Arabia\">Saudi Arabia<\/option>\n<option value=\"Senegal\">Senegal<\/option>\n<option value=\"Serbia\">Serbia<\/option>\n<option value=\"Seychelles\">Seychelles<\/option>\n<option value=\"Sierra Leone\">Sierra Leone<\/option>\n<option value=\"Singapore\">Singapore<\/option>\n<option value=\"Sint Maarten (Dutch part)\">Sint Maarten (Dutch part)<\/option>\n<option value=\"Slovakia\">Slovakia<\/option>\n<option value=\"Slovenia\">Slovenia<\/option>\n<option value=\"Solomon Islands\">Solomon Islands<\/option>\n<option value=\"Somalia\">Somalia<\/option>\n<option value=\"South Africa\">South Africa<\/option>\n<option value=\"South Sudan\">South Sudan<\/option>\n<option value=\"Spain\">Spain<\/option>\n<option value=\"Sri Lanka\">Sri Lanka<\/option>\n<option value=\"Sudan\">Sudan<\/option>\n<option value=\"Suriname\">Suriname<\/option>\n<option value=\"Svalbard and Jan Mayen\">Svalbard and Jan Mayen<\/option>\n<option value=\"Swaziland\">Swaziland<\/option>\n<option value=\"Sweden\">Sweden<\/option>\n<option value=\"Switzerland\">Switzerland<\/option>\n<option value=\"Syrian Arab Republic\">Syrian Arab Republic<\/option>\n<option value=\"Taiwan, Province of China\">Taiwan, Province of China<\/option>\n<option value=\"Tajikistan\">Tajikistan<\/option>\n<option value=\"Tanzania, United Republic of\">Tanzania, United Republic of<\/option>\n<option value=\"Thailand\">Thailand<\/option>\n<option value=\"Timor-Leste\">Timor-Leste<\/option>\n<option value=\"Togo\">Togo<\/option>\n<option value=\"Tokelau\">Tokelau<\/option>\n<option value=\"Tonga\">Tonga<\/option>\n<option value=\"Trinidad and Tobago\">Trinidad and Tobago<\/option>\n<option value=\"Tunisia\">Tunisia<\/option>\n<option value=\"Turkey\">Turkey<\/option>\n<option value=\"Turkmenistan\">Turkmenistan<\/option>\n<option value=\"Turks and Caicos Islands\">Turks and Caicos Islands<\/option>\n<option value=\"Tuvalu\">Tuvalu<\/option>\n<option value=\"Uganda\">Uganda<\/option>\n<option value=\"Ukraine\">Ukraine<\/option>\n<option value=\"United Arab Emirates\">United Arab Emirates<\/option>\n<option value=\"United Kingdom\">United Kingdom<\/option>\n<option value=\"United States\">United States<\/option>\n<option value=\"United States Minor Outlying Islands\">United States Minor Outlying Islands<\/option>\n<option value=\"Uruguay\">Uruguay<\/option>\n<option value=\"Uzbekistan\">Uzbekistan<\/option>\n<option value=\"Vanuatu\">Vanuatu<\/option>\n<option value=\"Venezuela, Bolivarian Republic of\">Venezuela, Bolivarian Republic of<\/option>\n<option value=\"Viet Nam\">Viet Nam<\/option>\n<option value=\"Virgin Islands, British\">Virgin Islands, British<\/option>\n<option value=\"Virgin Islands, U.S.\">Virgin Islands, U.S.<\/option>\n<option value=\"Wallis and Futuna\">Wallis and Futuna<\/option>\n<option value=\"Western Sahara\">Western Sahara<\/option>\n<option value=\"Yemen\">Yemen<\/option>\n<option value=\"Zambia\">Zambia<\/option>\n<option value=\"Zimbabwe\">Zimbabwe<\/option><!-- \u0628\u0627\u0642\u064a \u0627\u0644\u062f\u0648\u0644 -->\n\n        <\/select>\n      <\/div>\n    <\/div>\n\n    <!-- Current Education Level -->\n    <div class=\"form-row\">\n      <div class=\"sprvr26-form-group full-width\">\n        <label for=\"sprvr26-education-level-1\">Current Education Level *<\/label>\n        <select id=\"sprvr26-education-level-1\" name=\"education_level\" class=\"sprvr26-field-style sprvr26-education-level\" required>\n          <option value=\"\">Select education level<\/option>\n       <option value=\"Grade 12\">Grade 12<\/option>\n<option value=\"Grade 11\">Grade 11<\/option>\n<option value=\"Grade 10 Or Below\">Grade 10 Or Below<\/option>\n<option value=\"Foundation\">Foundation<\/option>\n<option value=\"Diploma\">Diploma<\/option>\n<option value=\"Bachelor\">Bachelor<\/option>\n<option value=\"Master\">Master<\/option>\n<option value=\"PhD\">PhD<\/option>\n        <\/select>\n      <\/div>\n    <\/div>\n\n\n    <!-- Curriculum \u2014 Appears ONLY for Grade 10\/11\/12 -->\n    <div class=\"form-row sprvr26-hidden sprvr26-curriculum-group\">\n      <div class=\"sprvr26-form-group full-width\">\n        <label for=\"sprvr26-curriculum-1\">Curriculum *<\/label>\n        <select id=\"sprvr26-curriculum-1\" name=\"curriculum\" class=\"sprvr26-field-style sprvr26-curriculum\">\n          <option value=\"\">Select curriculum<\/option>\n          <option value=\"Saudi Thanawiyah\">Saudi Thanawiyah<\/option>\n          <option value=\"British Curriculum\">British Curriculum<\/option>\n          <option value=\"American Curriculum\">American Curriculum<\/option>\n          <option value=\"Indian Curriculum\">Indian Curriculum<\/option>\n          <option value=\"Other International Curriculum\">Other International Curriculum<\/option>\n        <\/select>\n      <\/div>\n    <\/div>\n\n    <!-- GPA \u2014 Appears after ANY education level is selected -->\n    <div class=\"form-row sprvr26-hidden sprvr26-gpa-group\">\n      <div class=\"sprvr26-form-group full-width\">\n        <label for=\"sprvr26-gpa-1\">Achieved or Expected GPA\/Grade *<\/label>\n        <input\n          type=\"number\"\n          id=\"sprvr26-gpa-1\"\n          name=\"gpa\"\n          class=\"form-input sprvr26-gpa\"\n          step=\"0.01\"\n          min=\"0\"\n          max=\"100\"\n          placeholder=\"Enter your GPA (e.g. 3.75 or 90)\"\n          autocomplete=\"off\"\n        >\n        <small class=\"sprvr26-gpa-hint\">Enter your GPA or overall grade (e.g. 3.75 out of 4.0, or 90 out of 100)<\/small>\n      <\/div>\n    <\/div>\n\n\n    <!-- Study Level of Interest (Multi - up to 2) -->\n    <div class=\"form-row\">\n      <div class=\"sprvr26-form-group full-width\">\n        <label for=\"sprvr26-study-level-1\">Study Level of Interest * <small style=\"font-weight:300;color:#5a6c7d;\">(Choose up to 2 options)<\/small><\/label>\n        <select id=\"sprvr26-study-level-1\" name=\"study_level[]\" class=\"sprvr26-field-style sprvr26-study-level\" multiple required>\n<option value=\"English Course\">English Course<\/option>\n<option value=\"Summer Camp\">Summer Camp<\/option>\n<option value=\"Foundation\">Foundation<\/option>\n<option value=\"Diploma\">Diploma<\/option>\n<option value=\"Bachelor\">Bachelor<\/option>\n<option value=\"Master\">Master<\/option>\n<option value=\"PhD\">PhD<\/option>\n        <\/select>\n      <\/div>\n    <\/div>\n\n    <!-- Subject of Interest (Multi - up to 2) - Hidden by default -->\n    <div class=\"form-row sprvr26-hidden sprvr26-subject-group\">\n      <div class=\"sprvr26-form-group full-width\">\n        <label for=\"sprvr26-subject-interest-1\">Subject of Interest * <small style=\"font-weight:300;color:#5a6c7d;\">(Choose up to 2 options)<\/small><\/label>\n        <select id=\"sprvr26-subject-interest-1\" name=\"subject_interest[]\" class=\"sprvr26-field-style sprvr26-subject-interest\" multiple>\n<option value=\"Computer Science &amp; AI\">Computer Science &amp; AI<\/option>\n<option value=\"Engineering\">Engineering<\/option>\n<option value=\"Business Studies\">Business Studies<\/option>\n<option value=\"Medicine\">Medicine<\/option>\n<option value=\"Health Management &amp; Public Health\">Health Management &amp; Public Health<\/option>\n<option value=\"Social Sciences\">Social Sciences<\/option>\n<option value=\"Law\">Law<\/option>\n<option value=\"Arts &amp; Design\">Arts &amp; Design<\/option>\n<option value=\"Education\">Education<\/option>\n        <\/select>\n      <\/div>\n    <\/div>\n\n    <!-- Preferred Intake -->\n    <div class=\"form-row\">\n      <div class=\"sprvr26-intake-row\">\n        <div class=\"sprvr26-form-group\">\n          <label for=\"sprvr26-intake-month-1\">Preferred Start Date - Month *<\/label>\n          <select id=\"sprvr26-intake-month-1\" name=\"intake_month\" class=\"sprvr26-field-style sprvr26-intake-month\" required>\n            <option value=\"\">Select month<\/option>\n            <option value=\"January\">January<\/option>\n            <option value=\"February\">February<\/option>\n            <option value=\"March\">March<\/option>\n            <option value=\"April\">April<\/option>\n            <option value=\"May\">May<\/option>\n            <option value=\"June\">June<\/option>\n            <option value=\"July\">July<\/option>\n            <option value=\"August\">August<\/option>\n            <option value=\"September\">September<\/option>\n            <option value=\"October\">October<\/option>\n            <option value=\"November\">November<\/option>\n            <option value=\"December\">December<\/option>\n          <\/select>\n        <\/div>\n        <div class=\"sprvr26-form-group\">\n          <label for=\"sprvr26-intake-year-1\">Preferred Start Date - Year *<\/label>\n          <select id=\"sprvr26-intake-year-1\" name=\"intake_year\" class=\"sprvr26-field-style sprvr26-intake-year\" required>\n            <option value=\"\">Select year<\/option>\n            <option value=\"2026\">2026<\/option>\n            <option value=\"2027\">2027<\/option>\n            <option value=\"2028\">2028<\/option>\n          <\/select>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Funding Source -->\n    <div class=\"form-row\">\n      <div class=\"sprvr26-form-group full-width\">\n        <label for=\"sprvr26-funding-source-1\">Funding Source *<\/label>\n        <select id=\"sprvr26-funding-source-1\" name=\"funding_source\" class=\"sprvr26-field-style sprvr26-funding-source\" required>\n        <option value=\"\">Choose funding source<\/option>\n\n\t\t\t<option value=\"Self \/ Family Funded\">Self \/ Family Funded<\/option>\n<option value=\"Government Sponsored\">Government Sponsored<\/option>\n<option value=\"Employer Sponsored\">Employer Sponsored<\/option>\n<option value=\"Not Sure\">Not Sure<\/option>\n        <\/select>\n      <\/div>\n    <\/div>\n\n        <!-- How did you hear about us -->\n<div class=\"form-row\">\n  <div class=\"sprvr26-form-group full-width\">\n    <label for=\"sprvr26-source-1\">How did you hear about us? *<\/label>\n    <select id=\"sprvr26-source-1\" name=\"source\" class=\"sprvr26-field-style sprvr26-source\" required>\n      <option value=\"\">Select source<\/option>\n\n          <option value=\"Email\">Email<\/option>\n          <option value=\"WhatsApp\">WhatsApp<\/option>\n          <option value=\"Instagram\">Instagram<\/option>\n          <option value=\"Google\">Google<\/option>\n          <option value=\"School Counsellor\">School Counsellor<\/option>\n          <option value=\"Facebook\">Facebook<\/option>\n\t\t <option value=\"Linkedin\">Linkedin<\/option>\n          <option value=\"Twitter\">Twitter<\/option>\n          <option value=\"Snapchat\">Snapchat<\/option>\n          <option value=\"Tiktok\">Tiktok<\/option>\n          <option value=\"Other\">Other<\/option>\n\n    <\/select>\n  <\/div>\n<\/div>\n\n    <!-- Privacy Policy Checkbox -->\n    <div class=\"form-row full-width\">\n      <div class=\"sprvr26-form-group sprvr26-terms-group full-width\">\n        <label class=\"sprvr26-checkbox-label\" for=\"sprvr26-agree-privacy-1\">\n          <input type=\"checkbox\" id=\"sprvr26-agree-privacy-1\" class=\"sprvr26-agree-privacy\" required>\n          <span>I agree to the <a href=\"\/privacy-policy\/\" target=\"_blank\" rel=\"noopener\">Privacy Policy<\/a><\/span>\n        <\/label>\n      <\/div>\n    <\/div>\n\n\n\n    <!-- Submit Button -->\n    <div class=\"form-row full-width button-container\">\n      <button class=\"sprvr26-button-form\" type=\"submit\">Submit<\/button>\n    <\/div>\n\n  <\/form>\n<\/div>\n\n<script>\n(function() {\n  'use strict';\n\n  var formInstance = 1;\n  var formSelector = '#sprvr26-registration-form-' + formInstance;\n\n  \/\/ Education level values that are \"school grade\" levels (trigger Curriculum)\nvar schoolGradeLevels = ['Grade 10 Or Below', 'Grade 11', 'Grade 12'];\n\n  function waitForLibraries(callback) {\n    var attempts = 0;\n    var maxAttempts = 150;\n\n    var checkInterval = setInterval(function() {\n      attempts++;\n\n      if (typeof jQuery === 'undefined') {\n        if (attempts >= maxAttempts) {\n          clearInterval(checkInterval);\n          console.error('\u274c jQuery not loaded');\n        }\n        return;\n      }\n\n      var $ = jQuery;\n      var select2Ready = typeof $.fn.select2 !== 'undefined';\n      var swalReady = typeof Swal !== 'undefined';\n      var phoneReady = typeof libphonenumber !== 'undefined';\n\n      if (select2Ready && swalReady && phoneReady) {\n        clearInterval(checkInterval);\n        console.log('\u2705 All libraries loaded (Employee Scholarships Graduate Form)');\n        setTimeout(function() { callback($); }, 300);\n      } else if (attempts >= maxAttempts) {\n        clearInterval(checkInterval);\n        console.error('\u274c Failed to load libraries:', { select2: select2Ready, swal: swalReady, phone: phoneReady });\n      }\n    }, 100);\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', function() { waitForLibraries(initForm); });\n  } else {\n    waitForLibraries(initForm);\n  }\n\n  function initForm($) {\n    var $form = $(formSelector);\n\n    \/\/ ========== Auto-detect Source from URL ==========\n    (function() {\n      var urlParams = new URLSearchParams(window.location.search);\n      var urlSource = urlParams.get('source');\n      if (urlSource) {\n        var $sourceSelect = $form.find('.sprvr26-source');\n        if ($sourceSelect.find('option[value=\"' + urlSource + '\"]').length === 0) {\n          $sourceSelect.append('<option value=\"' + urlSource + '\">' + urlSource + '<\/option>');\n        }\n        $sourceSelect.val(urlSource).trigger('change');\n        $sourceSelect.prop('disabled', true);\n        setTimeout(function() {\n          $sourceSelect.next('.select2-container').find('.select2-selection').css({\n            'background-color': '#f5f5f5',\n            'cursor': 'not-allowed',\n            'opacity': '0.7'\n          });\n        }, 500);\n      }\n    })();\n\n    if ($form.data('initialized')) {\n      console.log('\u26a0\ufe0f Form already initialized');\n      return;\n    }\n    $form.data('initialized', true);\n\n    console.log('\ud83d\ude80 Initializing Employee Scholarships Graduate Form:', formInstance);\n\n    \/\/ ========== SweetAlert2 Custom Style ==========\n    var customSwalStyle = document.createElement('style');\n    customSwalStyle.innerHTML = `\n      .swal2-popup {\n        border-radius: 20px !important;\n        padding: 30px !important;\n        background: #ffffff !important;\n        box-shadow: 0 10px 40px rgba(7, 36, 64, 0.15) !important;\n      }\n      .swal2-title {\n        color: #072440 !important;\n        font-size: 28px !important;\n        font-weight: 600 !important;\n        font-family: 'Rubik', sans-serif !important;\n        margin-bottom: 15px !important;\n      }\n      .swal2-html-container {\n        color: #072440 !important;\n        font-size: 16px !important;\n        font-family: 'Rubik', sans-serif !important;\n        line-height: 1.6 !important;\n      }\n      .swal2-icon.swal2-success { border-color: #072440 !important; }\n      .swal2-icon.swal2-success .swal2-success-ring { border-color: rgba(7, 36, 64, 0.3) !important; }\n      .swal2-icon.swal2-success [class^='swal2-success-line'] { background-color: #072440 !important; }\n      .swal2-icon.swal2-error { border-color: #CD2122 !important; }\n      .swal2-icon.swal2-error [class^='swal2-x-mark-line'] { background-color: #CD2122 !important; }\n      .swal2-icon.swal2-warning { border-color: #072440 !important; color: #072440 !important; }\n      .swal2-icon.swal2-info { border-color: #072440 !important; color: #072440 !important; }\n      .swal2-confirm {\n        background-color: #072440 !important;\n        border: none !important;\n        border-radius: 10px !important;\n        padding: 12px 35px !important;\n        font-size: 16px !important;\n        font-weight: 500 !important;\n        font-family: 'Rubik', sans-serif !important;\n        box-shadow: 0 4px 15px rgba(7, 36, 64, 0.3) !important;\n        transition: all 0.3s ease !important;\n      }\n      .swal2-confirm:hover {\n        background-color: #0a2f52 !important;\n        transform: translateY(-2px) !important;\n        box-shadow: 0 6px 20px rgba(7, 36, 64, 0.4) !important;\n      }\n      .swal2-cancel {\n        background-color: transparent !important;\n        border: 2px solid #072440 !important;\n        color: #072440 !important;\n        border-radius: 10px !important;\n        padding: 12px 35px !important;\n        font-size: 16px !important;\n        font-weight: 500 !important;\n        font-family: 'Rubik', sans-serif !important;\n        transition: all 0.3s ease !important;\n      }\n      .swal2-cancel:hover { background-color: #072440 !important; color: #ffffff !important; }\n      .swal2-html-container a { color: #CD2122 !important; font-weight: 600 !important; text-decoration: none !important; }\n      .swal2-html-container a:hover { text-decoration: underline !important; }\n    `;\n    document.head.appendChild(customSwalStyle);\n\n    \/\/ ========== Countries Data ==========\n    var countries = [\n      { code: 'AF', name: 'Afghanistan', dialCode: '+93', example: '701234567' },\n      { code: 'AX', name: '\u00c5land Islands', dialCode: '+358', example: '412345678' },\n      { code: 'AL', name: 'Albania', dialCode: '+355', example: '672123456' },\n      { code: 'DZ', name: 'Algeria', dialCode: '+213', example: '551234567' },\n      { code: 'AS', name: 'American Samoa', dialCode: '+1684', example: '7331234' },\n      { code: 'AD', name: 'Andorra', dialCode: '+376', example: '312345' },\n      { code: 'AO', name: 'Angola', dialCode: '+244', example: '923123456' },\n      { code: 'AI', name: 'Anguilla', dialCode: '+1264', example: '2351234' },\n      { code: 'AQ', name: 'Antarctica', dialCode: '+672', example: '12345' },\n      { code: 'AG', name: 'Antigua and Barbuda', dialCode: '+1268', example: '4641234' },\n      { code: 'AR', name: 'Argentina', dialCode: '+54', example: '91123456789' },\n      { code: 'AM', name: 'Armenia', dialCode: '+374', example: '77123456' },\n      { code: 'AW', name: 'Aruba', dialCode: '+297', example: '5601234' },\n      { code: 'AU', name: 'Australia', dialCode: '+61', example: '412345678' },\n      { code: 'AT', name: 'Austria', dialCode: '+43', example: '664123456' },\n      { code: 'AZ', name: 'Azerbaijan', dialCode: '+994', example: '401234567' },\n      { code: 'BS', name: 'Bahamas', dialCode: '+1242', example: '3591234' },\n      { code: 'BH', name: 'Bahrain', dialCode: '+973', example: '36001234' },\n      { code: 'BD', name: 'Bangladesh', dialCode: '+880', example: '1812345678' },\n      { code: 'BB', name: 'Barbados', dialCode: '+1246', example: '2501234' },\n      { code: 'BY', name: 'Belarus', dialCode: '+375', example: '294911911' },\n      { code: 'BE', name: 'Belgium', dialCode: '+32', example: '470123456' },\n      { code: 'BZ', name: 'Belize', dialCode: '+501', example: '6221234' },\n      { code: 'BJ', name: 'Benin', dialCode: '+229', example: '90011234' },\n      { code: 'BM', name: 'Bermuda', dialCode: '+1441', example: '3701234' },\n      { code: 'BT', name: 'Bhutan', dialCode: '+975', example: '17123456' },\n      { code: 'BO', name: 'Bolivia', dialCode: '+591', example: '71234567' },\n      { code: 'BQ', name: 'Bonaire, Sint Eustatius and Saba', dialCode: '+599', example: '7151234' },\n      { code: 'BA', name: 'Bosnia and Herzegovina', dialCode: '+387', example: '61123456' },\n      { code: 'BW', name: 'Botswana', dialCode: '+267', example: '71123456' },\n      { code: 'BV', name: 'Bouvet Island', dialCode: '+47', example: '40612345' },\n      { code: 'BR', name: 'Brazil', dialCode: '+55', example: '11961234567' },\n      { code: 'IO', name: 'British Indian Ocean Territory', dialCode: '+246', example: '3801234' },\n      { code: 'BN', name: 'Brunei Darussalam', dialCode: '+673', example: '7123456' },\n      { code: 'BG', name: 'Bulgaria', dialCode: '+359', example: '48123456' },\n      { code: 'BF', name: 'Burkina Faso', dialCode: '+226', example: '70123456' },\n      { code: 'BI', name: 'Burundi', dialCode: '+257', example: '79561234' },\n      { code: 'KH', name: 'Cambodia', dialCode: '+855', example: '91234567' },\n      { code: 'CM', name: 'Cameroon', dialCode: '+237', example: '671234567' },\n      { code: 'CA', name: 'Canada', dialCode: '+1', example: '5062345678' },\n      { code: 'CV', name: 'Cape Verde', dialCode: '+238', example: '9911234' },\n      { code: 'KY', name: 'Cayman Islands', dialCode: '+1345', example: '3231234' },\n      { code: 'CF', name: 'Central African Republic', dialCode: '+236', example: '70012345' },\n      { code: 'TD', name: 'Chad', dialCode: '+235', example: '63012345' },\n      { code: 'CL', name: 'Chile', dialCode: '+56', example: '961234567' },\n      { code: 'CN', name: 'China', dialCode: '+86', example: '13123456789' },\n      { code: 'CX', name: 'Christmas Island', dialCode: '+61', example: '412345678' },\n      { code: 'CC', name: 'Cocos (Keeling) Islands', dialCode: '+61', example: '412345678' },\n      { code: 'CO', name: 'Colombia', dialCode: '+57', example: '3211234567' },\n      { code: 'KM', name: 'Comoros', dialCode: '+269', example: '3212345' },\n      { code: 'CG', name: 'Congo', dialCode: '+242', example: '061234567' },\n      { code: 'CD', name: 'Congo, Democratic Republic', dialCode: '+243', example: '991234567' },\n      { code: 'CK', name: 'Cook Islands', dialCode: '+682', example: '71234' },\n      { code: 'CR', name: 'Costa Rica', dialCode: '+506', example: '83123456' },\n      { code: 'CI', name: \"C\u00f4te d'Ivoire\", dialCode: '+225', example: '01234567' },\n      { code: 'HR', name: 'Croatia', dialCode: '+385', example: '921234567' },\n      { code: 'CU', name: 'Cuba', dialCode: '+53', example: '51234567' },\n      { code: 'CW', name: 'Cura\u00e7ao', dialCode: '+599', example: '95181234' },\n      { code: 'CY', name: 'Cyprus', dialCode: '+357', example: '96123456' },\n      { code: 'CZ', name: 'Czech Republic', dialCode: '+420', example: '601123456' },\n      { code: 'DK', name: 'Denmark', dialCode: '+45', example: '32123456' },\n      { code: 'DJ', name: 'Djibouti', dialCode: '+253', example: '77831001' },\n      { code: 'DM', name: 'Dominica', dialCode: '+1767', example: '2251234' },\n      { code: 'DO', name: 'Dominican Republic', dialCode: '+1', example: '8092341234' },\n      { code: 'EC', name: 'Ecuador', dialCode: '+593', example: '991234567' },\n      { code: 'EG', name: 'Egypt', dialCode: '+20', example: '1001234567' },\n      { code: 'SV', name: 'El Salvador', dialCode: '+503', example: '70123456' },\n      { code: 'GQ', name: 'Equatorial Guinea', dialCode: '+240', example: '222123456' },\n      { code: 'ER', name: 'Eritrea', dialCode: '+291', example: '7123456' },\n      { code: 'EE', name: 'Estonia', dialCode: '+372', example: '51234567' },\n      { code: 'ET', name: 'Ethiopia', dialCode: '+251', example: '911234567' },\n      { code: 'FK', name: 'Falkland Islands', dialCode: '+500', example: '51234' },\n      { code: 'FO', name: 'Faroe Islands', dialCode: '+298', example: '211234' },\n      { code: 'FJ', name: 'Fiji', dialCode: '+679', example: '7012345' },\n      { code: 'FI', name: 'Finland', dialCode: '+358', example: '412345678' },\n      { code: 'FR', name: 'France', dialCode: '+33', example: '612345678' },\n      { code: 'GF', name: 'French Guiana', dialCode: '+594', example: '694201234' },\n      { code: 'PF', name: 'French Polynesia', dialCode: '+689', example: '87123456' },\n      { code: 'TF', name: 'French Southern Territories', dialCode: '+262', example: '639012345' },\n      { code: 'GA', name: 'Gabon', dialCode: '+241', example: '06031234' },\n      { code: 'GM', name: 'Gambia', dialCode: '+220', example: '3012345' },\n      { code: 'GE', name: 'Georgia', dialCode: '+995', example: '555123456' },\n      { code: 'DE', name: 'Germany', dialCode: '+49', example: '15123456789' },\n      { code: 'GH', name: 'Ghana', dialCode: '+233', example: '231234567' },\n      { code: 'GI', name: 'Gibraltar', dialCode: '+350', example: '57123456' },\n      { code: 'GR', name: 'Greece', dialCode: '+30', example: '6912345678' },\n      { code: 'GL', name: 'Greenland', dialCode: '+299', example: '221234' },\n      { code: 'GD', name: 'Grenada', dialCode: '+1473', example: '4031234' },\n      { code: 'GP', name: 'Guadeloupe', dialCode: '+590', example: '690001234' },\n      { code: 'GU', name: 'Guam', dialCode: '+1671', example: '3001234' },\n      { code: 'GT', name: 'Guatemala', dialCode: '+502', example: '51234567' },\n      { code: 'GG', name: 'Guernsey', dialCode: '+44', example: '7781123456' },\n      { code: 'GN', name: 'Guinea', dialCode: '+224', example: '601123456' },\n      { code: 'GW', name: 'Guinea-Bissau', dialCode: '+245', example: '955012345' },\n      { code: 'GY', name: 'Guyana', dialCode: '+592', example: '6091234' },\n      { code: 'HT', name: 'Haiti', dialCode: '+509', example: '34101234' },\n      { code: 'HM', name: 'Heard Island and McDonald Islands', dialCode: '+672', example: '12345' },\n      { code: 'VA', name: 'Holy See (Vatican City)', dialCode: '+379', example: '6698' },\n      { code: 'HN', name: 'Honduras', dialCode: '+504', example: '91234567' },\n      { code: 'HK', name: 'Hong Kong', dialCode: '+852', example: '51234567' },\n      { code: 'HU', name: 'Hungary', dialCode: '+36', example: '201234567' },\n      { code: 'IS', name: 'Iceland', dialCode: '+354', example: '6111234' },\n      { code: 'IN', name: 'India', dialCode: '+91', example: '8123456789' },\n      { code: 'ID', name: 'Indonesia', dialCode: '+62', example: '812345678' },\n      { code: 'IR', name: 'Iran', dialCode: '+98', example: '9123456789' },\n      { code: 'IQ', name: 'Iraq', dialCode: '+964', example: '7912345678' },\n      { code: 'IE', name: 'Ireland', dialCode: '+353', example: '850123456' },\n      { code: 'IM', name: 'Isle of Man', dialCode: '+44', example: '7924123456' },\n      { code: 'IT', name: 'Italy', dialCode: '+39', example: '3123456789' },\n      { code: 'JM', name: 'Jamaica', dialCode: '+1876', example: '2101234' },\n      { code: 'JP', name: 'Japan', dialCode: '+81', example: '9012345678' },\n      { code: 'JE', name: 'Jersey', dialCode: '+44', example: '7797712345' },\n      { code: 'JO', name: 'Jordan', dialCode: '+962', example: '790123456' },\n      { code: 'KZ', name: 'Kazakhstan', dialCode: '+7', example: '7710009998' },\n      { code: 'KE', name: 'Kenya', dialCode: '+254', example: '712123456' },\n      { code: 'KI', name: 'Kiribati', dialCode: '+686', example: '72012345' },\n      { code: 'KP', name: 'Korea, North', dialCode: '+850', example: '1921234567' },\n      { code: 'KR', name: 'Korea, South', dialCode: '+82', example: '1012345678' },\n      { code: 'KW', name: 'Kuwait', dialCode: '+965', example: '50012345' },\n      { code: 'KG', name: 'Kyrgyzstan', dialCode: '+996', example: '700123456' },\n      { code: 'LA', name: 'Laos', dialCode: '+856', example: '2023123456' },\n      { code: 'LV', name: 'Latvia', dialCode: '+371', example: '21234567' },\n      { code: 'LB', name: 'Lebanon', dialCode: '+961', example: '71123456' },\n      { code: 'LS', name: 'Lesotho', dialCode: '+266', example: '50123456' },\n      { code: 'LR', name: 'Liberia', dialCode: '+231', example: '770123456' },\n      { code: 'LY', name: 'Libya', dialCode: '+218', example: '912345678' },\n      { code: 'LI', name: 'Liechtenstein', dialCode: '+423', example: '660234567' },\n      { code: 'LT', name: 'Lithuania', dialCode: '+370', example: '61234567' },\n      { code: 'LU', name: 'Luxembourg', dialCode: '+352', example: '628123456' },\n      { code: 'MO', name: 'Macao', dialCode: '+853', example: '66123456' },\n      { code: 'MK', name: 'Macedonia', dialCode: '+389', example: '72345678' },\n      { code: 'MG', name: 'Madagascar', dialCode: '+261', example: '321234567' },\n      { code: 'MW', name: 'Malawi', dialCode: '+265', example: '991234567' },\n      { code: 'MY', name: 'Malaysia', dialCode: '+60', example: '123456789' },\n      { code: 'MV', name: 'Maldives', dialCode: '+960', example: '7712345' },\n      { code: 'ML', name: 'Mali', dialCode: '+223', example: '65012345' },\n      { code: 'MT', name: 'Malta', dialCode: '+356', example: '96961234' },\n      { code: 'MH', name: 'Marshall Islands', dialCode: '+692', example: '2351234' },\n      { code: 'MQ', name: 'Martinique', dialCode: '+596', example: '696201234' },\n      { code: 'MR', name: 'Mauritania', dialCode: '+222', example: '22123456' },\n      { code: 'MU', name: 'Mauritius', dialCode: '+230', example: '52512345' },\n      { code: 'YT', name: 'Mayotte', dialCode: '+262', example: '639012345' },\n      { code: 'MX', name: 'Mexico', dialCode: '+52', example: '12221234567' },\n      { code: 'FM', name: 'Micronesia', dialCode: '+691', example: '3501234' },\n      { code: 'MD', name: 'Moldova', dialCode: '+373', example: '62112345' },\n      { code: 'MC', name: 'Monaco', dialCode: '+377', example: '612345678' },\n      { code: 'MN', name: 'Mongolia', dialCode: '+976', example: '88123456' },\n      { code: 'ME', name: 'Montenegro', dialCode: '+382', example: '67622901' },\n      { code: 'MS', name: 'Montserrat', dialCode: '+1664', example: '4921234' },\n      { code: 'MA', name: 'Morocco', dialCode: '+212', example: '650123456' },\n      { code: 'MZ', name: 'Mozambique', dialCode: '+258', example: '821234567' },\n      { code: 'MM', name: 'Myanmar', dialCode: '+95', example: '92123456' },\n      { code: 'NA', name: 'Namibia', dialCode: '+264', example: '811234567' },\n      { code: 'NR', name: 'Nauru', dialCode: '+674', example: '5551234' },\n      { code: 'NP', name: 'Nepal', dialCode: '+977', example: '9841234567' },\n      { code: 'NL', name: 'Netherlands', dialCode: '+31', example: '612345678' },\n      { code: 'NC', name: 'New Caledonia', dialCode: '+687', example: '751234' },\n      { code: 'NZ', name: 'New Zealand', dialCode: '+64', example: '211234567' },\n      { code: 'NI', name: 'Nicaragua', dialCode: '+505', example: '81234567' },\n      { code: 'NE', name: 'Niger', dialCode: '+227', example: '93123456' },\n      { code: 'NG', name: 'Nigeria', dialCode: '+234', example: '8021234567' },\n      { code: 'NU', name: 'Niue', dialCode: '+683', example: '1234' },\n      { code: 'NF', name: 'Norfolk Island', dialCode: '+672', example: '381234' },\n      { code: 'MP', name: 'Northern Mariana Islands', dialCode: '+1670', example: '2341234' },\n      { code: 'NO', name: 'Norway', dialCode: '+47', example: '40612345' },\n      { code: 'OM', name: 'Oman', dialCode: '+968', example: '92123456' },\n      { code: 'PK', name: 'Pakistan', dialCode: '+92', example: '3012345678' },\n      { code: 'PW', name: 'Palau', dialCode: '+680', example: '6201234' },\n      { code: 'PS', name: 'Palestine', dialCode: '+970', example: '599123456' },\n      { code: 'PA', name: 'Panama', dialCode: '+507', example: '61234567' },\n      { code: 'PG', name: 'Papua New Guinea', dialCode: '+675', example: '70123456' },\n      { code: 'PY', name: 'Paraguay', dialCode: '+595', example: '961456789' },\n      { code: 'PE', name: 'Peru', dialCode: '+51', example: '912345678' },\n      { code: 'PH', name: 'Philippines', dialCode: '+63', example: '9051234567' },\n      { code: 'PN', name: 'Pitcairn', dialCode: '+64', example: '211234567' },\n      { code: 'PL', name: 'Poland', dialCode: '+48', example: '512345678' },\n      { code: 'PT', name: 'Portugal', dialCode: '+351', example: '912345678' },\n      { code: 'PR', name: 'Puerto Rico', dialCode: '+1', example: '7872341234' },\n      { code: 'QA', name: 'Qatar', dialCode: '+974', example: '33123456' },\n      { code: 'RE', name: 'R\u00e9union', dialCode: '+262', example: '692123456' },\n      { code: 'RO', name: 'Romania', dialCode: '+40', example: '712034567' },\n      { code: 'RU', name: 'Russia', dialCode: '+7', example: '9123456789' },\n      { code: 'RW', name: 'Rwanda', dialCode: '+250', example: '720123456' },\n      { code: 'BL', name: 'Saint Barth\u00e9lemy', dialCode: '+590', example: '690301234' },\n      { code: 'SH', name: 'Saint Helena', dialCode: '+290', example: '51234' },\n      { code: 'KN', name: 'Saint Kitts and Nevis', dialCode: '+1869', example: '7652345' },\n      { code: 'LC', name: 'Saint Lucia', dialCode: '+1758', example: '2845678' },\n      { code: 'MF', name: 'Saint Martin', dialCode: '+590', example: '690301234' },\n      { code: 'PM', name: 'Saint Pierre and Miquelon', dialCode: '+508', example: '551234' },\n      { code: 'VC', name: 'Saint Vincent and the Grenadines', dialCode: '+1784', example: '4301234' },\n      { code: 'WS', name: 'Samoa', dialCode: '+685', example: '7212345' },\n      { code: 'SM', name: 'San Marino', dialCode: '+378', example: '66661212' },\n      { code: 'ST', name: 'Sao Tome and Principe', dialCode: '+239', example: '9812345' },\n      { code: 'SA', name: 'Saudi Arabia', dialCode: '+966', example: '501234567' },\n      { code: 'SN', name: 'Senegal', dialCode: '+221', example: '701234567' },\n      { code: 'RS', name: 'Serbia', dialCode: '+381', example: '601234567' },\n      { code: 'SC', name: 'Seychelles', dialCode: '+248', example: '2510123' },\n      { code: 'SL', name: 'Sierra Leone', dialCode: '+232', example: '25123456' },\n      { code: 'SG', name: 'Singapore', dialCode: '+65', example: '81234567' },\n      { code: 'SX', name: 'Sint Maarten', dialCode: '+1721', example: '5201234' },\n      { code: 'SK', name: 'Slovakia', dialCode: '+421', example: '912123456' },\n      { code: 'SI', name: 'Slovenia', dialCode: '+386', example: '31234567' },\n      { code: 'SB', name: 'Solomon Islands', dialCode: '+677', example: '7421234' },\n      { code: 'SO', name: 'Somalia', dialCode: '+252', example: '71234567' },\n      { code: 'ZA', name: 'South Africa', dialCode: '+27', example: '711234567' },\n      { code: 'GS', name: 'South Georgia', dialCode: '+500', example: '51234' },\n      { code: 'SS', name: 'South Sudan', dialCode: '+211', example: '977123456' },\n      { code: 'ES', name: 'Spain', dialCode: '+34', example: '612345678' },\n      { code: 'LK', name: 'Sri Lanka', dialCode: '+94', example: '712345678' },\n      { code: 'SD', name: 'Sudan', dialCode: '+249', example: '912345678' },\n      { code: 'SR', name: 'Suriname', dialCode: '+597', example: '7412345' },\n      { code: 'SJ', name: 'Svalbard and Jan Mayen', dialCode: '+47', example: '79123456' },\n      { code: 'SZ', name: 'Swaziland', dialCode: '+268', example: '76123456' },\n      { code: 'SE', name: 'Sweden', dialCode: '+46', example: '701234567' },\n      { code: 'CH', name: 'Switzerland', dialCode: '+41', example: '781234567' },\n      { code: 'SY', name: 'Syria', dialCode: '+963', example: '944567890' },\n      { code: 'TW', name: 'Taiwan', dialCode: '+886', example: '912345678' },\n      { code: 'TJ', name: 'Tajikistan', dialCode: '+992', example: '917123456' },\n      { code: 'TZ', name: 'Tanzania', dialCode: '+255', example: '621234567' },\n      { code: 'TH', name: 'Thailand', dialCode: '+66', example: '812345678' },\n      { code: 'TL', name: 'Timor-Leste', dialCode: '+670', example: '77212345' },\n      { code: 'TG', name: 'Togo', dialCode: '+228', example: '90112345' },\n      { code: 'TK', name: 'Tokelau', dialCode: '+690', example: '7290' },\n      { code: 'TO', name: 'Tonga', dialCode: '+676', example: '7715123' },\n      { code: 'TT', name: 'Trinidad and Tobago', dialCode: '+1868', example: '2911234' },\n      { code: 'TN', name: 'Tunisia', dialCode: '+216', example: '20123456' },\n      { code: 'TR', name: 'Turkey', dialCode: '+90', example: '5321234567' },\n      { code: 'TM', name: 'Turkmenistan', dialCode: '+993', example: '66123456' },\n      { code: 'TC', name: 'Turks and Caicos Islands', dialCode: '+1649', example: '2311234' },\n      { code: 'TV', name: 'Tuvalu', dialCode: '+688', example: '901234' },\n      { code: 'UG', name: 'Uganda', dialCode: '+256', example: '712345678' },\n      { code: 'UA', name: 'Ukraine', dialCode: '+380', example: '501234567' },\n      { code: 'AE', name: 'United Arab Emirates', dialCode: '+971', example: '501234567' },\n      { code: 'GB', name: 'United Kingdom', dialCode: '+44', example: '7400123456' },\n      { code: 'US', name: 'United States', dialCode: '+1', example: '2021234567' },\n      { code: 'UM', name: 'United States Minor Outlying Islands', dialCode: '+1', example: '2021234567' },\n      { code: 'UY', name: 'Uruguay', dialCode: '+598', example: '94231234' },\n      { code: 'UZ', name: 'Uzbekistan', dialCode: '+998', example: '912345678' },\n      { code: 'VU', name: 'Vanuatu', dialCode: '+678', example: '5912345' },\n      { code: 'VE', name: 'Venezuela', dialCode: '+58', example: '4121234567' },\n      { code: 'VN', name: 'Vietnam', dialCode: '+84', example: '912345678' },\n      { code: 'VG', name: 'Virgin Islands, British', dialCode: '+1284', example: '3001234' },\n      { code: 'VI', name: 'Virgin Islands, U.S.', dialCode: '+1340', example: '3001234' },\n      { code: 'WF', name: 'Wallis and Futuna', dialCode: '+681', example: '501234' },\n      { code: 'EH', name: 'Western Sahara', dialCode: '+212', example: '650123456' },\n      { code: 'YE', name: 'Yemen', dialCode: '+967', example: '712345678' },\n      { code: 'ZM', name: 'Zambia', dialCode: '+260', example: '955123456' },\n      { code: 'ZW', name: 'Zimbabwe', dialCode: '+263', example: '712345678' }\n    ];\n\n    \/\/ ========== IP Country Detection ==========\n    function detectCountryFromIP(callback) {\n      fetch('https:\/\/ipapi.co\/json\/')\n        .then(function(response) { return response.json(); })\n        .then(function(data) {\n          var detectedCode = ((data.country_code || data.country) || 'SA').toUpperCase();\n          callback(detectedCode);\n        })\n        .catch(function() { callback('SA'); });\n    }\n\n    \/\/ ========== Phone Country Selector ==========\n    var $phoneField = $form.find('.sprvr26-phone');\n    if ($phoneField.length && !$phoneField.parent().hasClass('sprvr26-phone-wrapper')) {\n      var $phoneContainer = $phoneField.parent();\n      var $phoneWrapper = $('<div class=\"sprvr26-phone-wrapper\"><\/div>');\n      var $countrySelect = $('<select class=\"sprvr26-country-selector\"><\/select>');\n\n      $.each(countries, function(i, country) {\n        var $option = $('<option><\/option>')\n          .val(country.code)\n          .text(country.dialCode + ' ' + country.name)\n          .data('dialCode', country.dialCode)\n          .data('example', country.example)\n          .data('countryName', country.name);\n        $countrySelect.append($option);\n      });\n\n      $phoneField.attr('placeholder', 'Enter phone number');\n      $phoneField.detach();\n      $phoneWrapper.append($countrySelect);\n      $phoneWrapper.append($phoneField);\n      $phoneContainer.append($phoneWrapper);\n\n      $countrySelect.on('change', function() {\n        var example = $(this).find(':selected').data('example') || '';\n        $phoneField.attr('placeholder', 'Example: ' + example);\n      });\n\n      function formatCountry(country) {\n        if (!country.id) return country.text;\n        return $('<span style=\"display:flex;align-items:center;gap:8px;\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/20x15\/' + country.element.value.toLowerCase() + '.png\" class=\"country-flag\"\/><span>' + country.text + '<\/span><\/span>');\n      }\n\n      try {\n        $countrySelect.select2({\n          width: '200px',\n          templateResult: formatCountry,\n          templateSelection: formatCountry,\n          minimumResultsForSearch: 5\n        });\n\n        detectCountryFromIP(function(detectedCode) {\n          var exists = $countrySelect.find('option[value=\"' + detectedCode + '\"]').length > 0;\n          $countrySelect.val(exists ? detectedCode : 'SA').trigger('change');\n          setTimeout(function() {\n            var ex = $countrySelect.find(':selected').data('example');\n            if (ex) $phoneField.attr('placeholder', 'Example: ' + ex);\n          }, 200);\n        });\n      } catch(e) { console.error('\u274c Phone selector error:', e); }\n    }\n\n    \/\/ ========== Select2 Options ==========\n    var select2Options = {\n      width: '100%',\n      minimumResultsForSearch: 5,\n      language: {\n        noResults: function() { return \"No results found\"; },\n        searching: function() { return \"Searching...\"; }\n      }\n    };\n\n    var select2OptionsNoSearch = $.extend({}, select2Options, { minimumResultsForSearch: -1 });\n\n    \/\/ ========== Office Mapping ==========\nvar officeMapping = {\n  countries: {\n    'United Arab Emirates': 'Riyadh',\n    'Bahrain':              'Riyadh',\n    'Iraq':                 'Riyadh',\n    'Oman':                 'Jeddah',\n    'Yemen':                'Jeddah',\n    'Egypt':                'Jeddah',\n    'Jordan':               'Jeddah',\n    'Kuwait':               'Al Khobar',\n    'Qatar':                'Al Khobar'\n  }\n};\n\nfunction getEventLocation(countryVal, stateValue) {\n  if (countryVal === 'Saudi Arabia' && stateValue) {\n    var office = $form.find('.sprvr26-state-select option[value=\"' + stateValue + '\"]').data('office');\n    return office ? office + ' office' : 'Riyadh office';\n  }\n  var mapped = officeMapping.countries[countryVal];\n  return mapped ? mapped + ' office' : 'Riyadh office';\n}\n\n    try {\n      $form.find('.sprvr26-country').select2($.extend({}, select2Options, { placeholder: 'Select country' }));\n      $form.find('.sprvr26-country-passport').select2($.extend({}, select2Options, { placeholder: 'Select passport country' }));\n      $form.find('.sprvr26-education-level').select2($.extend({}, select2OptionsNoSearch, { placeholder: 'Select education level' }));\n      $form.find('.sprvr26-funding-source').select2($.extend({}, select2OptionsNoSearch, { placeholder: 'Select funding source' }));\n      $form.find('.sprvr26-source').select2($.extend({}, select2OptionsNoSearch, { placeholder: 'Select source' }));\n      $form.find('.sprvr26-intake-month').select2($.extend({}, select2OptionsNoSearch, { placeholder: 'Select month' }));\n      $form.find('.sprvr26-intake-year').select2($.extend({}, select2OptionsNoSearch, { placeholder: 'Select year' }));\n      $form.find('.sprvr26-curriculum').select2($.extend({}, select2OptionsNoSearch, { placeholder: 'Select curriculum' }));\n\n      $form.find('.sprvr26-study-level').select2($.extend({}, select2OptionsNoSearch, {\n        placeholder: 'Select up to 2 options',\n        maximumSelectionLength: 2\n      }));\n\n      $form.find('.sprvr26-subject-interest').select2($.extend({}, select2OptionsNoSearch, {\n        placeholder: 'Select up to 2 options',\n        maximumSelectionLength: 2\n      }));\n\n      console.log('\u2705 All select2 fields initialized');\n    } catch(e) { console.error('\u274c Select2 init error:', e); }\n\n    \/\/ ========== Education Level Logic (GPA + Curriculum) ==========\n    $form.find('.sprvr26-education-level').on('change', function() {\n      var selectedVal = $(this).val();\n var $gpaGroup = $form.find('.sprvr26-gpa-group'); \n      var $gpaInput = $form.find('.sprvr26-gpa');\n      var $curriculumGroup = $form.find('.sprvr26-curriculum-group');\n      var $curriculumSelect = $form.find('.sprvr26-curriculum');\n\n      \/\/ GPA: show after ANY education level is selected\n      if (selectedVal) {\n        $gpaGroup.removeClass('sprvr26-hidden');\n        $gpaInput.prop('required', true);\n      } else {\n        $gpaGroup.addClass('sprvr26-hidden');\n        $gpaInput.prop('required', false).val('');\n      }\n\n      \/\/ Curriculum: show ONLY for Grade 10 Or Below (22), Grade 11 (23), Grade 12 (24)\n      if (schoolGradeLevels.indexOf(selectedVal) !== -1) {\n        $curriculumGroup.removeClass('sprvr26-hidden');\n        $curriculumSelect.prop('required', true);\n      } else {\n        $curriculumGroup.addClass('sprvr26-hidden');\n        $curriculumSelect.prop('required', false).val('').trigger('change');\n      }\n    });\n\n    \/\/ ========== Study Level Logic ==========\nvar noSubjectLevels = ['English Course', 'Summer Camp'];\n\n    $form.find('.sprvr26-study-level').on('change', function() {\n      var selectedValues = $(this).val() || [];\n      var $subjectGroup = $form.find('.sprvr26-subject-group');\n      var $subjectSelect = $form.find('.sprvr26-subject-interest');\n\n      var needsSubject = selectedValues.some(function(v) {\n        return noSubjectLevels.indexOf(v) === -1;\n      });\n\n      if (needsSubject) {\n        $subjectGroup.removeClass('sprvr26-hidden');\n        $subjectSelect.prop('required', true);\n      } else {\n        $subjectGroup.addClass('sprvr26-hidden');\n        $subjectSelect.prop('required', false).val(null).trigger('change');\n      }\n    });\n\n    \/\/ ========== Country Change ==========\n    $form.find('.sprvr26-country').on('change', function() {\n      var selectedCountry = $(this).val();\n      var $cityGroup = $form.find('.sprvr26-city-group');\n      var $stateGroup = $form.find('.sprvr26-state-group');\n      var $stateSelect = $form.find('.sprvr26-state-select');\n      var $cityInput = $form.find('.sprvr26-city');\n\nif (selectedCountry === 'Saudi Arabia') {\n        $cityGroup.addClass('sprvr26-hidden');\n        $cityInput.prop('disabled', true).val('').prop('required', false);\n        $stateGroup.removeClass('sprvr26-hidden');\n        $stateSelect.prop('disabled', false).prop('required', true);\n        if (!$stateSelect.hasClass('select2-hidden-accessible')) {\n          $stateSelect.select2($.extend({}, select2OptionsNoSearch, { placeholder: 'Select region' }));\n        }\n      } else if (selectedCountry !== '') {\n        $stateGroup.addClass('sprvr26-hidden');\n        $stateSelect.prop('disabled', true).prop('required', false);\n        if ($stateSelect.hasClass('select2-hidden-accessible')) { $stateSelect.select2('destroy'); }\n        $stateSelect.val('');\n        $cityGroup.removeClass('sprvr26-hidden');\n        $cityInput.prop('disabled', false).prop('required', true);\n      } else {\n        $cityGroup.addClass('sprvr26-hidden');\n        $stateGroup.addClass('sprvr26-hidden');\n        $cityInput.prop('disabled', true).val('').prop('required', false);\n        $stateSelect.prop('disabled', true).prop('required', false);\n        if ($stateSelect.hasClass('select2-hidden-accessible')) { $stateSelect.select2('destroy'); }\n        $stateSelect.val('');\n      }\n    });\n\n    \/\/ ========== Set Default Country ==========\nsetTimeout(function() {\n      $form.find('.sprvr26-country').val('Saudi Arabia').trigger('change');\n    }, 100);\n    \/\/ ========== Validation ==========\n    function isValidEmail(email) {\n      return \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(email);\n    }\n\n    \/\/ ========== Form Submit ==========\n    $form.on('submit', function(e) {\n      e.preventDefault();\n\n      var $submitButton = $form.find('.sprvr26-button-form');\n      var originalText = $submitButton.text();\n      $submitButton.prop('disabled', true).html('<span class=\"sprvr26-spinner\"><\/span>Submitting...');\n\n      var firstName = $form.find('.sprvr26-first-name').val().trim();\n      var lastName = $form.find('.sprvr26-last-name').val().trim();\n      var email = $form.find('.sprvr26-email').val().trim();\n\n      if (!firstName || !lastName) {\n        Swal.fire({ icon: 'warning', title: 'Required', text: 'Please enter your first and last name.' });\n        $submitButton.prop('disabled', false).text(originalText);\n        return;\n      }\n      if (!email || !isValidEmail(email)) {\n        Swal.fire({ icon: 'warning', title: 'Invalid Email', text: 'Please enter a valid email address.' });\n        $submitButton.prop('disabled', false).text(originalText);\n        return;\n      }\n      if (!$form.find('.sprvr26-agree-privacy').is(':checked')) {\n        Swal.fire({ icon: 'warning', title: 'Required', html: 'You must agree to the <a href=\"\/privacy-policy\/\" target=\"_blank\">Privacy Policy<\/a>.' });\n        $submitButton.prop('disabled', false).text(originalText);\n        return;\n      }\n\n      var selectedCountryId = $form.find('.sprvr26-country').val();\n      var selectedPassportId = $form.find('.sprvr26-country-passport').val();\n\n      if (!selectedCountryId) {\n        Swal.fire({ icon: 'warning', title: 'Required', text: 'Please select your country of residence.' });\n        $submitButton.prop('disabled', false).text(originalText);\n        return;\n      }\n      if (!selectedPassportId) {\n        Swal.fire({ icon: 'warning', title: 'Required', text: 'Please select your nationality.' });\n        $submitButton.prop('disabled', false).text(originalText);\n        return;\n      }\nif (selectedCountryId === 'Saudi Arabia' && !$form.find('.sprvr26-state-select').val()) {\n        Swal.fire({ icon: 'warning', title: 'Required', text: 'Please select your region.' });\n        $submitButton.prop('disabled', false).text(originalText);\n        return;\n      }\nif (selectedCountryId !== 'Saudi Arabia' && !$form.find('.sprvr26-city').val().trim()) {\n        Swal.fire({ icon: 'warning', title: 'Required', text: 'Please enter your city of residence.' });\n        $submitButton.prop('disabled', false).text(originalText);\n        return;\n      }\n\n      var educationLevel = $form.find('.sprvr26-education-level').val();\n      if (!educationLevel) {\n        Swal.fire({ icon: 'warning', title: 'Required', text: 'Please select your current education level.' });\n        $submitButton.prop('disabled', false).text(originalText);\n        return;\n      }\n\n      \/\/ Validate GPA (required when visible)\n\/\/ Validate GPA (required whenever education level is selected)\nvar $gpaGroup = $form.find('.sprvr26-gpa-group');\nvar gpaValue = $form.find('.sprvr26-gpa').val().trim();\n\nif (educationLevel && (!gpaValue || gpaValue === '')) {\n    Swal.fire({ icon: 'warning', title: 'Required', text: 'Please enter your GPA or overall grade.' });\n    $submitButton.prop('disabled', false).text(originalText);\n    return;\n}\nif (educationLevel && gpaValue && isNaN(parseFloat(gpaValue))) {\n    Swal.fire({ icon: 'warning', title: 'Invalid GPA', text: 'Please enter a valid numeric GPA value.' });\n    $submitButton.prop('disabled', false).text(originalText);\n    return;\n}\n  \n\n      \/\/ Validate Curriculum (required when visible)\n      var $curriculumGroup = $form.find('.sprvr26-curriculum-group');\n      var curriculumValue = $form.find('.sprvr26-curriculum').val();\n      if (!$curriculumGroup.hasClass('sprvr26-hidden') && !curriculumValue) {\n        Swal.fire({ icon: 'warning', title: 'Required', text: 'Please select your curriculum.' });\n        $submitButton.prop('disabled', false).text(originalText);\n        return;\n      }\n\n      var studyLevels = $form.find('.sprvr26-study-level').val() || [];\n      if (!studyLevels.length) {\n        Swal.fire({ icon: 'warning', title: 'Required', text: 'Please select at least one study level of interest.' });\n        $submitButton.prop('disabled', false).text(originalText);\n        return;\n      }\n\n      var $subjectGroup = $form.find('.sprvr26-subject-group');\n      var subjectInterests = $form.find('.sprvr26-subject-interest').val() || [];\n      if (!$subjectGroup.hasClass('sprvr26-hidden') && !subjectInterests.length) {\n        Swal.fire({ icon: 'warning', title: 'Required', text: 'Please select at least one subject of interest.' });\n        $submitButton.prop('disabled', false).text(originalText);\n        return;\n      }\n\n      var intakeMonth = $form.find('.sprvr26-intake-month').val();\n      var intakeYear = $form.find('.sprvr26-intake-year').val();\n      if (!intakeMonth) {\n        Swal.fire({ icon: 'warning', title: 'Required', text: 'Please select your preferred start date month.' });\n        $submitButton.prop('disabled', false).text(originalText);\n        return;\n      }\n      if (!intakeYear) {\n        Swal.fire({ icon: 'warning', title: 'Required', text: 'Please select your preferred start date year.' });\n        $submitButton.prop('disabled', false).text(originalText);\n        return;\n      }\n\n      var monthMap = {\n        'January':'01','February':'02','March':'03','April':'04',\n        'May':'05','June':'06','July':'07','August':'08',\n        'September':'09','October':'10','November':'11','December':'12'\n      };\n      var intakeMonthNum = monthMap[intakeMonth] || '01';\n\n\n\n      var fundingSource = $form.find('.sprvr26-funding-source').val();\n      if (!fundingSource) {\n        Swal.fire({ icon: 'warning', title: 'Required', text: 'Please select your funding source.' });\n        $submitButton.prop('disabled', false).text(originalText);\n        return;\n      }\n\n      var $countrySelector = $form.find('.sprvr26-country-selector');\n      var $phoneInput = $form.find('.sprvr26-phone');\n      var countryCode = $countrySelector.val();\n      var phoneNumber = $phoneInput.val().trim();\n      var $selectedOption = $countrySelector.find(':selected');\n      var dialCode = $selectedOption.data('dialCode') || '';\n\n      if (!phoneNumber) {\n        Swal.fire({ icon: 'warning', title: 'Required', text: 'Please enter your phone number.' });\n        $submitButton.prop('disabled', false).text(originalText);\n        return;\n      }\n\n      var validatedPhone = null;\n      var phoneNumberOnly = null;\n      var isValid = false;\n\n      try {\n        var phoneUtil = libphonenumber.parsePhoneNumber(phoneNumber, countryCode);\n        if (phoneUtil && phoneUtil.isValid && phoneUtil.isValid()) {\n          validatedPhone = phoneUtil.format('E.164');\n          phoneNumberOnly = phoneUtil.nationalNumber;\n          isValid = true;\n        } else {\n          var cleanNumber = phoneNumber.replace(\/^0+\/, '').replace(\/\\D\/g, '');\n          var phoneUtil2 = libphonenumber.parsePhoneNumber(dialCode + cleanNumber);\n          if (phoneUtil2 && phoneUtil2.isValid && phoneUtil2.isValid()) {\n            validatedPhone = phoneUtil2.format('E.164');\n            phoneNumberOnly = phoneUtil2.nationalNumber;\n            isValid = true;\n          }\n        }\n      } catch(error) { isValid = false; }\n\n      if (!isValid) {\n        var example = $selectedOption.data('example') || '';\n        Swal.fire({\n          icon: 'error',\n          title: 'Invalid Phone',\n          html: '<p>Enter local number only without <b>' + dialCode + '<\/b><\/p><p>Format: <code>' + example + '<\/code><\/p>'\n        });\n        $submitButton.prop('disabled', false).text(originalText);\n        return;\n      }\n\n      var dialCodeOnly = (dialCode || '').replace(\/^\\+\/, '');\n      var phonePayload = {\n        number: phoneNumberOnly || phoneNumber.replace(\/\\D\/g, ''),\n        country_code: countryCode || '',\n        country_calling_code: dialCodeOnly,\n        e164: validatedPhone || ''\n      };\n\nvar sourceValue = $form.find('.sprvr26-source').val();\n      if (!sourceValue) {\n        Swal.fire({ icon: 'warning', title: 'Required', text: 'Please select how you heard about us.' });\n        $submitButton.prop('disabled', false).text(originalText);\n        return;\n      }\n\nvar stateValue = selectedCountryId === 'Saudi Arabia' ? $form.find('.sprvr26-state-select').val() || '' : '';\n    var eventLocation = getEventLocation(selectedCountryId, stateValue);\n    var cityValue = selectedCountryId !== 'Saudi Arabia' ? $form.find('.sprvr26-city').val().trim() : '';\n      var formData = {\n        first_name: firstName,\n        last_name: lastName,\n        email: email,\n        phone: phonePayload,\n        city: cityValue,\n        state: stateValue,\n        event_location: eventLocation,\n        country: selectedCountryId,\n        country_of_passport: selectedPassportId,\n        education_level: educationLevel,\n        gpa: gpaValue || '',\n        curriculum: curriculumValue || '',\n     study_level: studyLevels,\nsubject_interest: subjectInterests,\n\t\t  \n\t\t  study_level_json: JSON.stringify(studyLevels),\nsubject_interest_json: JSON.stringify(subjectInterests),\n     preferred_intake: intakeYear + '-' + intakeMonthNum + '-01',\n\t\t  intake_month: intakeMonth,\nintake_year: intakeYear,\n        funding_source: fundingSource,\n        source: $form.find('.sprvr26-source').val() || '',\n        program_type: 'Employee Scholarships for Graduate Studies'\n      };\n\n      console.log('\ud83d\udce4 Sending data:', formData);\n\n      fetch('https:\/\/hook.us2.make.com\/0sb4yx21j7dqm3ud8fc6ayaxgfowxog8', {\n        method: 'POST',\n        headers: { 'Accept': 'application\/json', 'Content-Type': 'application\/json' },\n        body: JSON.stringify(formData)\n      })\n      .then(function(response) {\n        if (!response.ok) throw new Error('HTTP error');\n        return response.text();\n      })\n      .then(function(data) {\n        console.log('\u2705 Response:', data);\n        var statusMatch = data.match(\/{(\\d+)}\/);\n        var statusCode = statusMatch ? parseInt(statusMatch[1], 10) : null;\n\n        if (statusCode === 201 || !statusCode) {\n\n          \/\/ ========== LinkedIn Conversion (Secure - Server Side) ==========\n          (function() {\n            try {\n              var liCountryCode = $form.find('.sprvr26-country-selector').val() || 'SA';\n              jQuery.ajax({\n                url: linkedinConversionData.ajaxUrl,\n                type: 'POST',\n                data: {\n                  action:     'send_linkedin_conversion',\n                  nonce:      linkedinConversionData.nonce,\n                  email:      email,\n                  first_name: firstName,\n                  last_name:  lastName,\n                  country:    liCountryCode\n                },\n                success: function(response) {\n                  console.log('\u2705 LinkedIn conversion sent:', response);\n                },\n                error: function(xhr, status, error) {\n                  console.warn('\u26a0\ufe0f LinkedIn conversion failed:', error);\n                }\n              });\n            } catch(liErr) {\n              console.warn('\u26a0\ufe0f LinkedIn conversion error:', liErr);\n            }\n          })();\n          \/\/ ========== End LinkedIn ==========\n\n          window.location.href = 'https:\/\/ukuni.org\/thank-you-page-spring-26\/';\n\n        } else if (statusCode === 200) {\n          Swal.fire({ icon: 'info', title: 'Already Registered', text: 'This email has been registered before.' });\n        } else {\n          Swal.fire({ icon: 'error', title: 'Validation Error', text: 'Please check your information and try again.' });\n        }\n      })\n      .catch(function(error) {\n        console.error('\u274c Error:', error);\n        Swal.fire({ icon: 'error', title: 'An Error Occurred', text: 'Please try again later.' });\n      })\n      .finally(function() {\n        $submitButton.prop('disabled', false).text(originalText);\n      });\n    });  \/\/ \u2190 \u0625\u063a\u0644\u0627\u0642 $form.on('submit')\n\n    console.log('\u2705 Employee Scholarships Graduate Form initialization complete');\n  }  \/\/ \u2190 \u0625\u063a\u0644\u0627\u0642 initForm\n})();\n<\/script>\n\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">Registration is free. UKuni will use your details only for event registration and follow up related to the event.<\/p>\n\n\n\n<div style=\"height:26px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-dots\"\/>\n\n\n\n<div style=\"height:26px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\"><strong>Register Free and Explore Your Options Clearly<\/strong><\/h2>\n\n\n\n<div style=\"height:26px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-fe48e5de wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-fill\"><a class=\"wp-block-button__link has-white-color has-text-color has-background has-link-color has-custom-font-size wp-element-button\" href=\"#sprvr26-registration\" style=\"border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;background-color:#ce1b1c;font-size:16px;font-style:normal;font-weight:700\">Register Now!<\/a><\/div>\n<\/div>\n\n\n\n<div style=\"height:26px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">Join the UKuni vRoadshow to meet international universities, attend useful sessions, and speak directly with UKuni counsellors from home.<\/p>\n\n\n\n<div style=\"height:26px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Free registration. Free application support during the event. Register Now! Register your details to join the UKuni vRoadshow and explore international study options from anywhere in Saudi Arabia. Once registered, you will receive access details and can join the event online on 5 and 6 May. Registration is free. UKuni will use your details only [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-37816","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/ukuni.org\/ar\/wp-json\/wp\/v2\/pages\/37816","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ukuni.org\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ukuni.org\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ukuni.org\/ar\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/ukuni.org\/ar\/wp-json\/wp\/v2\/comments?post=37816"}],"version-history":[{"count":126,"href":"https:\/\/ukuni.org\/ar\/wp-json\/wp\/v2\/pages\/37816\/revisions"}],"predecessor-version":[{"id":38380,"href":"https:\/\/ukuni.org\/ar\/wp-json\/wp\/v2\/pages\/37816\/revisions\/38380"}],"wp:attachment":[{"href":"https:\/\/ukuni.org\/ar\/wp-json\/wp\/v2\/media?parent=37816"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}