{"id":994,"date":"2015-10-28T23:02:07","date_gmt":"2015-10-28T23:02:07","guid":{"rendered":"https:\/\/avadawebsites.wpengine.com\/landing-product\/?page_id=5"},"modified":"2026-05-05T09:38:02","modified_gmt":"2026-05-05T09:38:02","slug":"homepage","status":"publish","type":"page","link":"https:\/\/eci786.com.pk\/","title":{"rendered":"Landing Product Home"},"content":{"rendered":"
\n\n\n\n\nECI \u2013 Excellence Consultants Institute | Study Abroad Pakistan<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@400;600;700&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n<style>\n:root {\n --navy: #0f2b5b;\n --navy2: #1a3f7a;\n --primary: #1a56db;\n --primary2:#2563eb;\n --accent: #0ea5e9;\n --accent2: #38bdf8;\n --blue: #0ea5e9;\n --blue2: #38bdf8;\n --gold: #0ea5e9;\n --gold2: #38bdf8;\n --white: #ffffff;\n --cream: #f8faff;\n --light: #eff6ff;\n --muted: #64748b;\n --border: #e2e8f0;\n --shadow: 0 4px 24px rgba(26,86,219,.10);\n --grad: linear-gradient(135deg, #1a56db 0%, #0ea5e9 100%);\n --grad2: linear-gradient(135deg, #0f2b5b 0%, #1a56db 60%, #0ea5e9 100%);\n}\n*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }\nhtml { scroll-behavior:smooth; }\nbody { font-family:'Plus Jakarta Sans', sans-serif; background:var(--cream); color:var(--navy); overflow-x:hidden; }\nimg { display:block; max-width:100%; }\na { text-decoration:none; color:inherit; }\n\n\/* \u2500\u2500 TOPBAR \u2500\u2500 *\/\n.topbar {\n background: var(--grad2);\n color: rgba(255,255,255,.9);\n font-size: .75rem;\n letter-spacing:.03em;\n padding: 9px 32px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 16px;\n width: 100%;\n box-sizing: border-box;\n}\n.topbar-left { display:flex; gap:24px; align-items:center; }\n.topbar a { color:rgba(255,255,255,.9); transition:color .2s; }\n.topbar a:hover { color:var(--white); }\n.topbar-pill {\n background: rgba(255,255,255,.2);\n border:1px solid rgba(255,255,255,.4);\n color: var(--white);\n padding: 3px 10px;\n border-radius: 100px;\n font-size:.72rem;\n letter-spacing:.06em;\n text-transform:uppercase;\n}\n\n\/* \u2500\u2500 NAVBAR \u2500\u2500 *\/\nnav {\n background: var(--white);\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0 32px;\n position: sticky;\n top: 0;\n z-index: 200;\n box-shadow: 0 2px 16px rgba(12,31,63,.07);\n height: 68px;\n width: 100%;\n box-sizing: border-box;\n}\n.logo { display:flex; align-items:center; gap:12px; }\n.logo-mark {\n width:46px; height:46px;\n background: var(--grad);\n border-radius:10px;\n display:flex; align-items:center; justify-content:center;\n font-family:'Cormorant Garamond',serif;\n font-size:1.3rem; font-weight:700;\n color: var(--white);\n letter-spacing:-1px;\n box-shadow: 0 4px 14px rgba(108,14,217,.4);\n}\n.logo-words { line-height:1.2; }\n.logo-words b { display:block; font-size:.95rem; color:var(--navy); font-weight:700; }\n.logo-words small { font-size:.68rem; color:var(--primary); text-transform:uppercase; letter-spacing:.1em; font-weight:600; }\n\n.nav-menu { display:flex; list-style:none; align-items:center; gap:2px; }\n.nav-menu > li { position:relative; }\n.nav-menu > li > a {\n display:flex; align-items:center; gap:4px;\n padding: 0 12px;\n height: 68px;\n font-size:.82rem; font-weight:600;\n color: var(--navy);\n letter-spacing:.02em;\n transition:color .2s;\n border-bottom: 3px solid transparent;\n white-space: nowrap;\n}\n.nav-menu > li > a:hover,\n.nav-menu > li > a.active { color:var(--primary); border-bottom-color:var(--primary); }\n.nav-menu > li > a.nav-contact {\n background: var(--grad);\n color: var(--white);\n border-radius: 7px;\n padding: 8px 16px;\n height: auto;\n margin: auto 0;\n border-bottom: none;\n font-weight: 700;\n}\n.nav-menu > li > a.nav-contact:hover { background: var(--navy); color: #ffffff; }\n.nav-menu > li:hover .dropdown { opacity:1; pointer-events:all; transform:translateY(0); }\n.dropdown {\n position:absolute; top:100%; left:0;\n min-width:200px;\n background:var(--white);\n border:1px solid var(--border);\n border-radius:10px;\n box-shadow: 0 12px 40px rgba(12,31,63,.12);\n padding:8px;\n opacity:0; pointer-events:none;\n transform:translateY(8px);\n transition:all .22s;\n z-index:300;\n}\n.dropdown a {\n display:block; padding:9px 14px;\n font-size:.82rem; color:var(--muted);\n border-radius:6px;\n transition:all .15s;\n}\n.dropdown a:hover { background:var(--light); color:var(--navy); padding-left:18px; }\n.chevron { font-size:.6rem; transition:transform .2s; }\n.nav-menu > li:hover .chevron { transform:rotate(180deg); }\n\n.nav-actions { display:flex; align-items:center; gap:10px; }\n.btn-call {\n display:flex; align-items:center; gap:7px;\n background:var(--light); color:var(--navy);\n border-radius:8px; padding:9px 16px;\n font-size:.8rem; font-weight:600;\n transition:all .2s;\n}\n.btn-call:hover { background:#ffffff; color:var(--navy); border:1.5px solid var(--border); }\n.btn-consult {\n background:var(--gold);\n color:var(--navy);\n border-radius:8px; padding:10px 20px;\n font-size:.82rem; font-weight:700;\n transition:all .2s;\n box-shadow:0 4px 14px rgba(200,168,75,.35);\n}\n.btn-consult:hover { background:var(--grad); color:var(--white); box-shadow:none; }\n\n\/* \u2500\u2500 HERO \u2500\u2500 *\/\n.hero {\n background: var(--navy);\n min-height: 86vh;\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: 72px 32px 0;\n position: relative;\n overflow: hidden;\n width: 100%;\n box-sizing: border-box;\n}\n\/* SLIDESHOW *\/\n.hero-slides { position:absolute; inset:0; z-index:0; }\n.hero-slide {\n position:absolute; inset:0;\n background-size:cover;\n background-position:center center;\n background-repeat:no-repeat;\n background-color: #1a0533;\n opacity:0; transition:opacity 1.2s ease;\n}\n.hero-slide.active { opacity:1; }\n.hero-overlay {\n position:absolute; inset:0; z-index:1;\n background: linear-gradient(\n 135deg,\n rgba(15,43,91,0.78) 0%,\n rgba(26,86,219,0.55) 50%,\n rgba(15,43,91,0.72) 100%\n );\n}\n.slide-dots {\n position:absolute; bottom:160px; left:50%; transform:translateX(-50%);\n display:flex; gap:6px; z-index:10;\n}\n.dot {\n width:6px; height:6px; border-radius:50%;\n background:rgba(255,255,255,.35); cursor:pointer;\n transition:all .3s;\n}\n.dot.active { background:var(--accent2); width:18px; border-radius:3px; }\n.hero-bg-pattern { display:none; }\n.hero-grid-lines {\n position:absolute; inset:0; pointer-events:none; z-index:2; opacity:.03;\n background-image:\n linear-gradient(rgba(255,255,255,1) 1px, transparent 1px),\n linear-gradient(90deg, rgba(255,255,255,1) 1px, transparent 1px);\n background-size: 60px 60px;\n}\n.hero-inner {\n position:relative; z-index:5;\n display:grid; grid-template-columns:1fr 400px;\n gap:40px; align-items:center;\n width:100%;\n padding-bottom:60px;\n}\n.hero-badge {\n display:inline-flex; align-items:center; gap:8px;\n background:rgba(255,255,255,.15);\n border:1px solid rgba(255,255,255,.5);\n color:#ffffff;\n font-size:.72rem; letter-spacing:.12em; text-transform:uppercase; font-weight:700;\n padding:6px 14px; border-radius:100px;\n margin-bottom:22px;\n animation:fadeUp .5s ease both;\n}\n.live-dot {\n width:6px; height:6px; background:var(--accent); border-radius:50%;\n animation:blink 1.6s infinite;\n}\n@keyframes blink { 0%,100%{opacity:1} 50%{opacity:.2} }\n.hero h1 {\n font-family:'Cormorant Garamond',serif;\n font-size:clamp(2.6rem,4.5vw,4rem);\n color:#ffffff;\n line-height:1.12;\n margin-bottom:20px;\n text-shadow: 0 2px 12px rgba(0,0,0,.3);\n animation:fadeUp .5s .1s ease both;\n}\n.hero h1 span { color:#38bdf8; }\n.hero-sub {\n font-size:1.05rem; color:#ffffff;\n line-height:1.8; max-width:520px;\n margin-bottom:36px;\n text-shadow: 0 1px 8px rgba(0,0,0,.4);\n font-weight:500;\n animation:fadeUp .5s .2s ease both;\n}\n.hero-btns {\n display:flex; gap:14px; flex-wrap:wrap;\n animation:fadeUp .5s .3s ease both;\n}\n.btn-hero-primary {\n background: var(--accent);\n color: #ffffff;\n padding:14px 32px; border-radius:8px;\n font-weight:700; font-size:.9rem;\n box-shadow:0 6px 20px rgba(14,165,233,.5);\n transition:all .25s;\n}\n.btn-hero-primary:hover { background:#ffffff; color:var(--navy); transform:translateY(-2px); box-shadow:0 6px 20px rgba(255,255,255,.3); }\n.btn-hero-outline {\n border:2px solid #ffffff; color:#ffffff;\n padding:14px 32px; border-radius:8px;\n font-weight:600; font-size:.9rem;\n transition:all .25s;\n background:rgba(255,255,255,.08);\n}\n.btn-hero-outline:hover { background:#ffffff; color:var(--navy); }\n\n\/* SEARCH WIDGET *\/\n.search-widget {\n background:rgba(255,255,255,.14);\n border:1px solid rgba(255,255,255,.3);\n border-radius:18px; padding:28px;\n backdrop-filter:blur(16px);\n animation:fadeUp .6s .15s ease both;\n}\n.search-widget h3 {\n font-size:.9rem; font-weight:700; color:#ffffff;\n margin-bottom:18px; letter-spacing:.02em;\n}\n.search-widget h3 span { color:#38bdf8; }\n.sw-tabs {\n display:flex; gap:4px; margin-bottom:16px;\n background:rgba(0,0,0,.25); border-radius:8px; padding:4px;\n}\n.sw-tab {\n flex:1; text-align:center; padding:7px 4px;\n border-radius:6px; font-size:.75rem; font-weight:600;\n color:rgba(255,255,255,.7); cursor:pointer; transition:all .2s;\n}\n.sw-tab.active { background:var(--grad); color:#ffffff; }\n.sw-field {\n width:100%; background:rgba(255,255,255,.15);\n border:1px solid rgba(255,255,255,.35); border-radius:8px;\n color:#ffffff; font-size:.82rem;\n padding:11px 14px; margin-bottom:10px;\n font-family:inherit;\n transition:border .2s;\n}\n.sw-field:focus { outline:none; border-color:#38bdf8; background:rgba(255,255,255,.2); }\n.sw-field option { background:#0f2b5b; color:#ffffff; }\n.sw-field::placeholder { color:rgba(255,255,255,.6); }\n.sw-search-btn {\n width:100%; background:var(--accent); color:#ffffff;\n border:none; border-radius:8px;\n padding:13px; font-weight:700; font-size:.9rem;\n cursor:pointer; font-family:inherit;\n transition:all .25s; margin-top:4px;\n box-shadow: 0 4px 14px rgba(14,165,233,.4);\n}\n.sw-search-btn:hover { background:#ffffff; color:var(--navy); transform:translateY(-1px); }\n\n\/* HERO BOTTOM STATS BAR *\/\n.hero-stats {\n position:relative; z-index:5;\n background:rgba(0,0,0,.25);\n border-top:1px solid rgba(255,255,255,.15);\n display:flex;\n width:100%;\n padding:0 32px;\n box-sizing:border-box;\n}\n.hero-stat {\n flex:1; display:flex; align-items:center; gap:14px;\n padding:22px 0;\n border-right:1px solid rgba(255,255,255,.12);\n}\n.hero-stat:last-child { border-right:none; }\n.hs-num {\n font-family:'Cormorant Garamond',serif;\n font-size:2.2rem; font-weight:700; color:#38bdf8;\n line-height:1;\n}\n.hs-label { font-size:.78rem; color:#ffffff; line-height:1.4; font-weight:500; }\n.hs-icon { font-size:1.6rem; margin-right:4px; }\n\n@keyframes fadeUp { from{opacity:0;transform:translateY(20px)} to{opacity:1;transform:translateY(0)} }\n\n\/* \u2500\u2500 COUNTRY STRIP \u2500\u2500 *\/\n.country-strip { background:var(--white); padding:48px 32px; }\n.strip-header {\n display:flex; justify-content:space-between; align-items:flex-end;\n margin-bottom:28px;\n}\n.strip-title { font-family:'Cormorant Garamond',serif; font-size:1.7rem; color:var(--navy); }\n.strip-link { font-size:.82rem; color:var(--primary); font-weight:600; }\n.strip-link:hover { text-decoration:underline; }\n.countries-grid {\n display:grid; grid-template-columns:repeat(8,1fr); gap:14px;\n}\n.country-card {\n border:1.5px solid var(--border); border-radius:12px;\n padding:18px 10px; text-align:center;\n cursor:pointer; transition:all .25s;\n background:var(--cream);\n}\n.country-card:hover {\n border-color:var(--gold); background:var(--white);\n transform:translateY(-4px);\n box-shadow:0 10px 28px rgba(12,31,63,.1);\n}\n.cf { font-size:2rem; margin-bottom:6px; }\n.cn { font-size:.72rem; font-weight:600; color:var(--navy); }\n\n\/* \u2500\u2500 HOW IT WORKS \u2500\u2500 *\/\n.process-section { padding:80px 32px; background:var(--cream); }\n.section-eyebrow {\n font-size:.72rem; letter-spacing:.14em; text-transform:uppercase;\n font-weight:700; color:var(--primary); margin-bottom:10px;\n}\n.section-heading {\n font-family:'Cormorant Garamond',serif;\n font-size:clamp(1.8rem,3vw,2.6rem); color:var(--navy);\n line-height:1.2; margin-bottom:14px;\n}\n.section-desc { color:var(--muted); font-size:.95rem; line-height:1.75; max-width:560px; margin-bottom:52px; }\n\n.steps-track {\n display:flex; gap:0; position:relative;\n counter-reset:step;\n}\n.steps-track::before {\n content:'';\n position:absolute; top:36px; left:8%; right:8%; height:2px;\n background:linear-gradient(90deg,var(--gold),var(--gold2),var(--gold));\n opacity:.3; z-index:0;\n}\n.step-item {\n flex:1; text-align:center; position:relative; z-index:1;\n padding:0 12px;\n}\n.step-num {\n width:72px; height:72px; margin:0 auto 16px;\n border-radius:50%;\n background:var(--white);\n border:2px solid var(--border);\n display:flex; align-items:center; justify-content:center;\n font-family:'Cormorant Garamond',serif;\n font-size:1.6rem; font-weight:700; color:var(--primary);\n transition:all .3s;\n box-shadow:0 4px 16px rgba(12,31,63,.07);\n}\n.step-item:hover .step-num {\n background:var(--grad); color:var(--white); border-color:var(--gold);\n transform:scale(1.1);\n}\n.step-icon { font-size:1.8rem; }\n.step-title { font-weight:700; font-size:.88rem; color:var(--navy); margin-bottom:6px; }\n.step-desc { font-size:.78rem; color:var(--muted); line-height:1.6; }\n\n\/* \u2500\u2500 SERVICES \u2500\u2500 *\/\n.services-section { padding:80px 32px; background:var(--white); }\n.services-grid {\n display:grid; grid-template-columns:repeat(3,1fr); gap:22px;\n}\n.srv-card {\n background:var(--cream); border:1.5px solid var(--border);\n border-radius:14px; padding:32px 28px;\n transition:all .3s; position:relative; overflow:hidden;\n}\n.srv-card::after {\n content:''; position:absolute; bottom:0; left:0; right:0; height:3px;\n background:linear-gradient(90deg,var(--gold),var(--gold2));\n transform:scaleX(0); transition:transform .3s;\n}\n.srv-card:hover { transform:translateY(-6px); box-shadow:0 20px 50px rgba(12,31,63,.1); background:var(--white); }\n.srv-card:hover::after { transform:scaleX(1); }\n.srv-ico {\n width:54px; height:54px; border-radius:12px;\n background:var(--grad);\n display:flex; align-items:center; justify-content:center;\n font-size:1.4rem; margin-bottom:20px;\n box-shadow:0 6px 18px rgba(12,31,63,.2);\n}\n.srv-card h3 { font-size:1rem; font-weight:700; color:var(--navy); margin-bottom:10px; }\n.srv-card p { font-size:.85rem; color:var(--muted); line-height:1.7; margin-bottom:16px; }\n.srv-link { font-size:.8rem; font-weight:700; color:var(--primary); display:flex; align-items:center; gap:4px; }\n.srv-link:hover { gap:8px; }\n\n\/* \u2500\u2500 WHY ECI \u2500\u2500 *\/\n.why-section {\n padding: 80px 32px;\n background: var(--white);\n position: relative; overflow: hidden;\n}\n.why-section::before {\n content:'ECI'; position:absolute; right:-20px; top:50%; transform:translateY(-50%);\n font-family:'Cormorant Garamond',serif;\n font-size:20rem; font-weight:700; color:rgba(26,86,219,.04);\n line-height:1; pointer-events:none;\n}\n.why-top {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 60px;\n align-items: center;\n margin-bottom: 48px;\n padding-bottom: 48px;\n border-bottom: 1px solid var(--border);\n}\n.why-left .section-heading { color: var(--navy); margin-bottom: 14px; }\n.why-left .section-desc { color: var(--muted); max-width:100%; margin-bottom:0; }\n.why-stats-row {\n display: flex;\n align-items: center;\n justify-content: space-between;\n background: var(--cream);\n border: 1px solid var(--border);\n border-radius: 16px;\n padding: 32px 24px;\n}\n.wsr-card { text-align: center; flex: 1; }\n.wsr-divider {\n width: 1px; height: 60px;\n background: var(--border);\n flex-shrink: 0;\n}\n.wn-num {\n font-family:'Cormorant Garamond',serif;\n font-size: 2.6rem; font-weight: 700;\n color: var(--primary); display: block; line-height: 1;\n}\n.wn-label {\n font-size: .75rem; color: var(--muted);\n margin-top: 6px; line-height: 1.4;\n}\n.why-points-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 16px;\n}\n.why-point {\n display: flex; gap: 14px; align-items: flex-start;\n background: var(--cream);\n border: 1px solid var(--border);\n border-radius: 12px; padding: 20px;\n transition: all .25s;\n}\n.why-point:hover {\n background: var(--white);\n border-color: var(--primary);\n transform: translateY(-3px);\n box-shadow: 0 10px 30px rgba(12,31,63,.08);\n}\n.wp-icon {\n width: 40px; height: 40px; border-radius: 10px;\n background: rgba(108,14,217,.1); border: 1px solid rgba(108,14,217,.2);\n display: flex; align-items: center; justify-content: center;\n font-size: 1.1rem; flex-shrink: 0;\n}\n.wp-text b { display:block; color:var(--navy); font-size:.9rem; margin-bottom:5px; }\n.wp-text span { color:var(--muted); font-size:.82rem; line-height:1.6; }\n\n\/* \u2500\u2500 CONSULTATION FORM \u2500\u2500 *\/\n.form-section { padding:80px 32px; background:var(--cream); }\n.form-wrap {\n display:grid; grid-template-columns:1fr 1.1fr; gap:60px;\n align-items:start;\n max-width:1060px; margin:0 auto;\n}\n.form-left { position:sticky; top:90px; }\n.form-left .section-heading { margin-bottom:14px; }\n.form-left .section-desc { margin-bottom:28px; }\n.contact-info { display:flex; flex-direction:column; gap:14px; }\n.ci-item {\n display:flex; align-items:center; gap:12px;\n font-size:.88rem; color:var(--muted);\n}\n.ci-icon {\n width:38px; height:38px; border-radius:8px;\n background:var(--white); border:1px solid var(--border);\n display:flex; align-items:center; justify-content:center;\n font-size:1rem; flex-shrink:0;\n}\n.consult-form {\n background:var(--white); border:1px solid var(--border);\n border-radius:18px; padding:36px;\n box-shadow:var(--shadow);\n}\n.consult-form h3 { font-size:1.1rem; font-weight:700; margin-bottom:24px; color:var(--navy); }\n.form-row { display:grid; grid-template-columns:1fr 1fr; gap:14px; }\n.form-group { margin-bottom:14px; }\n.form-group label { display:block; font-size:.78rem; font-weight:600; color:var(--navy); margin-bottom:6px; letter-spacing:.03em; }\n.form-group input,\n.form-group select,\n.form-group textarea {\n width:100%; border:1.5px solid var(--border); border-radius:8px;\n padding:11px 14px; font-size:.86rem; font-family:inherit;\n color:var(--navy); background:var(--cream);\n transition:border .2s;\n}\n.form-group input:focus,\n.form-group select:focus,\n.form-group textarea:focus { outline:none; border-color:var(--gold); background:var(--white); }\n.form-group textarea { resize:vertical; min-height:90px; }\n.form-submit {\n width:100%; background:var(--grad); color:var(--white);\n border:none; border-radius:8px; padding:14px;\n font-size:.9rem; font-weight:700; font-family:inherit;\n cursor:pointer; transition:all .25s; margin-top:6px;\n}\n.form-submit:hover { background:#ffffff; color:var(--navy); border:2px solid var(--navy); }\n\n\/* \u2500\u2500 MARQUEE \u2500\u2500 *\/\n.marquee-bar {\n background: var(--grad2); overflow:hidden; padding:13px 0;\n display:flex; white-space:nowrap;\n}\n.marquee-inner {\n display:flex; gap:40px;\n animation:marquee 24s linear infinite;\n}\n.mi { display:flex; align-items:center; gap:10px; font-size:.78rem; font-weight:700; color:var(--white); letter-spacing:.07em; text-transform:uppercase; }\n.mi-dot { width:4px; height:4px; background:rgba(255,255,255,.4); border-radius:50%; }\n@keyframes marquee { from{transform:translateX(0)} to{transform:translateX(-50%)} }\n\n\/* \u2500\u2500 FOOTER \u2500\u2500 *\/\nfooter {\n background: linear-gradient(135deg, #0a1628 0%, #0f2b5b 100%);\n color:rgba(255,255,255,.45);\n padding:64px 32px 28px;\n width:100%; box-sizing:border-box;\n}\n.footer-top {\n display:grid; grid-template-columns:2.2fr 1fr 1fr 1fr;\n gap:48px; margin-bottom:48px;\n padding-bottom:48px;\n border-bottom:1px solid rgba(255,255,255,.06);\n}\n.fb-logo { display:flex; align-items:center; gap:10px; margin-bottom:16px; }\n.fb-desc { font-size:.86rem; line-height:1.8; max-width:280px; margin-bottom:20px; }\n.social-links { display:flex; gap:10px; }\n.sl {\n width:34px; height:34px; border-radius:8px;\n background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.1);\n display:flex; align-items:center; justify-content:center;\n font-size:.9rem; transition:all .2s;\n}\n.sl:hover { background:var(--grad); border-color:transparent; color:var(--white); }\n.fc h4 {\n color:var(--white); font-size:.8rem; letter-spacing:.1em; text-transform:uppercase;\n font-weight:700; margin-bottom:18px;\n}\n.fc ul { list-style:none; display:flex; flex-direction:column; gap:9px; }\n.fc ul a {\n font-size:.84rem; color:rgba(255,255,255,.42);\n display:flex; align-items:center; gap:6px; transition:all .2s;\n}\n.fc ul a:hover { color:var(--accent2); padding-left:4px; }\n.fc ul a::before { content:'\u203a'; color:var(--accent2); font-size:1rem; opacity:.5; }\n.footer-bottom {\n display:flex; justify-content:space-between; align-items:center;\n font-size:.78rem;\n}\n.footer-bottom a { color:var(--accent2); }\n\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n@media (max-width:1024px) {\n .hero-inner { grid-template-columns:1fr; }\n .search-widget { max-width:500px; }\n .countries-grid { grid-template-columns:repeat(4,1fr); }\n .why-section { grid-template-columns:1fr; gap:40px; }\n .form-wrap { grid-template-columns:1fr; }\n .form-left { position:static; }\n .footer-top { grid-template-columns:1fr 1fr; }\n}\n@media (max-width:768px) {\n nav { padding:0 16px; }\n .nav-menu { display:none; }\n .hero { padding:48px 16px 0; }\n .hero-stats { padding:0 16px; flex-wrap:wrap; }\n .hero-stat { flex:0 0 50%; }\n .country-strip,.process-section,.services-section,.why-section,.form-section { padding:48px 16px; }\n .countries-grid { grid-template-columns:repeat(4,1fr); }\n .services-grid { grid-template-columns:1fr; }\n .steps-track { flex-direction:column; gap:24px; }\n .steps-track::before { display:none; }\n .topbar { padding:8px 16px; }\n .footer-top { grid-template-columns:1fr; }\n footer { padding:40px 16px 20px; }\n}\n<\/style>\n<\/head>\n<body>\n\n<!-- TOPBAR -->\n<div class=\"topbar\">\n <div class=\"topbar-left\">\n <span class=\"topbar-pill\">\ud83c\udf93 Study Abroad Specialists<\/span>\n <span>\ud83d\udcde <a href=\"tel:+92217861\">+92-21-7861<\/a><\/span>\n <span>\u2709\ufe0f <a href=\"mailto:info@eci786.com.pk\">info@eci786.com.pk<\/a><\/span>\n <\/div>\n <div>\n <span>Mon \u2013 Sat: 9:00 AM \u2013 6:00 PM PKT<\/span>\n <\/div>\n<\/div>\n\n<!-- NAVBAR -->\n<nav>\n <a href=\"#\" class=\"logo\">\n <div class=\"logo-mark\">ECI<\/div>\n <div class=\"logo-words\">\n <b>Excellence Consultants<\/b>\n <small>Institute<\/small>\n <\/div>\n <\/a>\n <ul class=\"nav-menu\">\n <li><a href=\"#\" class=\"active\">Home<\/a><\/li>\n <li><a href=\"#\">About Us<\/a><\/li>\n <li><a href=\"#\">ECI<\/a><\/li>\n <li><a href=\"#\">SOUL<\/a><\/li>\n <li><a href=\"#\">CLC<\/a><\/li>\n <li><a href=\"#\">Pictures<\/a><\/li>\n <li><a href=\"#\">CPF<\/a><\/li>\n <li><a href=\"#consult\" class=\"nav-contact\">Contact Us<\/a><\/li>\n <\/ul>\n<\/nav>\n\n<!-- HERO -->\n<section class=\"hero\">\n <!-- SLIDESHOW -->\n <div class=\"hero-slides\">\n <div class=\"hero-slide active\" style=\"background-image:url('https:\/\/eci786.com.pk\/wp-content\/uploads\/2026\/05\/pexels-dawidtkocz-34686142.jpg')\"><\/div>\n <div class=\"hero-slide\" style=\"background-image:url('https:\/\/eci786.com.pk\/wp-content\/uploads\/2026\/05\/pexels-jabzee-30754176-scaled.jpg')\"><\/div>\n <div class=\"hero-slide\" style=\"background-image:url('https:\/\/eci786.com.pk\/wp-content\/uploads\/2026\/05\/pexels-zandatsu-31367498-scaled.jpg')\"><\/div>\n <div class=\"hero-slide\" style=\"background-image:url('https:\/\/eci786.com.pk\/wp-content\/uploads\/2026\/05\/pexels-george-pak-7972533-scaled.jpg')\"><\/div>\n <div class=\"hero-slide\" style=\"background-image:url('https:\/\/eci786.com.pk\/wp-content\/uploads\/2026\/05\/pexels-george-pak-7972346-scaled.jpg')\"><\/div>\n <\/div>\n <div class=\"hero-overlay\"><\/div>\n <div class=\"hero-grid-lines\"><\/div>\n <div class=\"slide-dots\">\n <span class=\"dot active\" onclick=\"goSlide(0)\"><\/span>\n <span class=\"dot\" onclick=\"goSlide(1)\"><\/span>\n <span class=\"dot\" onclick=\"goSlide(2)\"><\/span>\n <span class=\"dot\" onclick=\"goSlide(3)\"><\/span>\n <span class=\"dot\" onclick=\"goSlide(4)\"><\/span>\n <\/div>\n <div class=\"hero-inner\">\n <div>\n <div class=\"hero-badge\"><span class=\"live-dot\"><\/span> Pakistan's Trusted Study Abroad Consultants<\/div>\n <h1>Helping <span>People Grow<\/span><br>Beyond Borders<\/h1>\n <p class=\"hero-sub\">Excellence Consultants Institute (ECI) connects ambitious students with world-class universities across 30+ countries. From application to arrival \u2014 we guide every step.<\/p>\n <div class=\"hero-btns\">\n <a href=\"#consult\" class=\"btn-hero-primary\">\ud83c\udf93 Get Free Consultation<\/a>\n <a href=\"#destinations\" class=\"btn-hero-outline\">Explore Destinations \u2192<\/a>\n <\/div>\n <\/div>\n <div class=\"search-widget\">\n <h3>\ud83d\udd0d Find Your <span>Perfect Course<\/span><\/h3>\n <div class=\"sw-tabs\">\n <div class=\"sw-tab active\" onclick=\"setTab(this,'courses')\">Courses<\/div>\n <div class=\"sw-tab\" onclick=\"setTab(this,'universities')\">Universities<\/div>\n <div class=\"sw-tab\" onclick=\"setTab(this,'scholarships')\">Scholarships<\/div>\n <\/div>\n <select class=\"sw-field\" id=\"sw-country\">\n <option value=\"\">\ud83c\udf0d Select Country<\/option>\n <option value=\"United Kingdom\">\ud83c\uddec\ud83c\udde7 United Kingdom<\/option>\n <option value=\"Canada\">\ud83c\udde8\ud83c\udde6 Canada<\/option>\n <option value=\"Germany\">\ud83c\udde9\ud83c\uddea Germany<\/option>\n <option value=\"China\">\ud83c\udde8\ud83c\uddf3 China<\/option>\n <option value=\"France\">\ud83c\uddeb\ud83c\uddf7 France<\/option>\n <option value=\"Australia\">\ud83c\udde6\ud83c\uddfa Australia<\/option>\n <option value=\"Belgium\">\ud83c\udde7\ud83c\uddea Belgium<\/option>\n <option value=\"Denmark\">\ud83c\udde9\ud83c\uddf0 Denmark<\/option>\n <\/select>\n <select class=\"sw-field\" id=\"sw-level\">\n <option value=\"\">\ud83d\udcda Study Level<\/option>\n <option value=\"Undergraduate\">Undergraduate<\/option>\n <option value=\"Postgraduate\">Postgraduate<\/option>\n <option value=\"PhD\">PhD \/ Research<\/option>\n <option value=\"Diploma\">Diploma<\/option>\n <option value=\"Foundation\">Foundation<\/option>\n <\/select>\n <select class=\"sw-field\" id=\"sw-subject\">\n <option value=\"\">\ud83c\udfaf Field of Study<\/option>\n <option value=\"Business\">Business & Management<\/option>\n <option value=\"Engineering\">Engineering & Technology<\/option>\n <option value=\"Computer Science\">Computer Science & IT<\/option>\n <option value=\"Medicine\">Medicine & Health<\/option>\n <option value=\"Law\">Law<\/option>\n <option value=\"Arts\">Arts & Humanities<\/option>\n <option value=\"Sciences\">Natural Sciences<\/option>\n <\/select>\n <button class=\"sw-search-btn\" id=\"sw-btn\" onclick=\"doSearch()\">\ud83d\udd0d Search Programs<\/button>\n <div id=\"sw-results\" style=\"display:none; margin-top:12px; background:rgba(255,255,255,.07); border-radius:10px; padding:12px; max-height:200px; overflow-y:auto;\"><\/div>\n <\/div>\n <\/div>\n <div class=\"hero-stats\">\n <div class=\"hero-stat\">\n <div class=\"hs-icon\">\ud83c\udf93<\/div>\n <div>\n <div class=\"hs-num\">500+<\/div>\n <div class=\"hs-label\">Students<br>Placed Abroad<\/div>\n <\/div>\n <\/div>\n <div class=\"hero-stat\">\n <div class=\"hs-icon\">\ud83c\udf0d<\/div>\n <div>\n <div class=\"hs-num\">30+<\/div>\n <div class=\"hs-label\">Countries<br>Covered<\/div>\n <\/div>\n <\/div>\n <div class=\"hero-stat\">\n <div class=\"hs-icon\">\ud83c\udfdb\ufe0f<\/div>\n <div>\n <div class=\"hs-num\">200+<\/div>\n <div class=\"hs-label\">University<br>Partners<\/div>\n <\/div>\n <\/div>\n <div class=\"hero-stat\">\n <div class=\"hs-icon\">\ud83d\udcc5<\/div>\n <div>\n <div class=\"hs-num\">15+<\/div>\n <div class=\"hs-label\">Years of<br>Experience<\/div>\n <\/div>\n <\/div>\n <div class=\"hero-stat\">\n <div class=\"hs-icon\">\ud83c\udfc5<\/div>\n <div>\n <div class=\"hs-num\">98%<\/div>\n <div class=\"hs-label\">Visa<br>Success Rate<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- MARQUEE -->\n<div class=\"marquee-bar\">\n <div class=\"marquee-inner\">\n <span class=\"mi\">Study in UK <span class=\"mi-dot\"><\/span><\/span>\n <span class=\"mi\">Canada Student Visa <span class=\"mi-dot\"><\/span><\/span>\n <span class=\"mi\">Germany Free Education <span class=\"mi-dot\"><\/span><\/span>\n <span class=\"mi\">IELTS Preparation <span class=\"mi-dot\"><\/span><\/span>\n <span class=\"mi\">Scholarship Guidance <span class=\"mi-dot\"><\/span><\/span>\n <span class=\"mi\">University Admissions <span class=\"mi-dot\"><\/span><\/span>\n <span class=\"mi\">HR Consulting <span class=\"mi-dot\"><\/span><\/span>\n <span class=\"mi\">Career Development <span class=\"mi-dot\"><\/span><\/span>\n <span class=\"mi\">Visa Assistance <span class=\"mi-dot\"><\/span><\/span>\n <span class=\"mi\">Pre-Departure Support <span class=\"mi-dot\"><\/span><\/span>\n <span class=\"mi\">Study in UK <span class=\"mi-dot\"><\/span><\/span>\n <span class=\"mi\">Canada Student Visa <span class=\"mi-dot\"><\/span><\/span>\n <span class=\"mi\">Germany Free Education <span class=\"mi-dot\"><\/span><\/span>\n <span class=\"mi\">IELTS Preparation <span class=\"mi-dot\"><\/span><\/span>\n <span class=\"mi\">Scholarship Guidance <span class=\"mi-dot\"><\/span><\/span>\n <span class=\"mi\">University Admissions <span class=\"mi-dot\"><\/span><\/span>\n <span class=\"mi\">HR Consulting <span class=\"mi-dot\"><\/span><\/span>\n <span class=\"mi\">Career Development <span class=\"mi-dot\"><\/span><\/span>\n <span class=\"mi\">Visa Assistance <span class=\"mi-dot\"><\/span><\/span>\n <span class=\"mi\">Pre-Departure Support <span class=\"mi-dot\"><\/span><\/span>\n <\/div>\n<\/div>\n\n\n\n<!-- PROCESS \/ HOW IT WORKS -->\n<section class=\"process-section\">\n <div class=\"section-eyebrow\">Study Abroad Steps<\/div>\n <h2 class=\"section-heading\">Your Journey in 6 Simple Steps<\/h2>\n <p class=\"section-desc\">We make studying abroad straightforward. Follow our proven process and let ECI handle the complexity.<\/p>\n <div class=\"steps-track\">\n <div class=\"step-item\">\n <div class=\"step-num\"><div class=\"step-icon\">\ud83e\udded<\/div><\/div>\n <div class=\"step-title\">Free Consultation<\/div>\n <div class=\"step-desc\">Meet our expert counselors and define your goals and preferences.<\/div>\n <\/div>\n <div class=\"step-item\">\n <div class=\"step-num\"><div class=\"step-icon\">\ud83c\udfaf<\/div><\/div>\n <div class=\"step-title\">Course Selection<\/div>\n <div class=\"step-desc\">Choose the right university, country, and program for your profile.<\/div>\n <\/div>\n <div class=\"step-item\">\n <div class=\"step-num\"><div class=\"step-icon\">\ud83d\udcdd<\/div><\/div>\n <div class=\"step-title\">Submit Application<\/div>\n <div class=\"step-desc\">We prepare and submit a strong application on your behalf.<\/div>\n <\/div>\n <div class=\"step-item\">\n <div class=\"step-num\"><div class=\"step-icon\">\ud83d\udce9<\/div><\/div>\n <div class=\"step-title\">Receive Offer Letter<\/div>\n <div class=\"step-desc\">Receive conditional or unconditional offer from the university.<\/div>\n <\/div>\n <div class=\"step-item\">\n <div class=\"step-num\"><div class=\"step-icon\">\ud83d\udec2<\/div><\/div>\n <div class=\"step-title\">Visa Application<\/div>\n <div class=\"step-desc\">Our visa team handles documentation and interview preparation.<\/div>\n <\/div>\n <div class=\"step-item\">\n <div class=\"step-num\"><div class=\"step-icon\">\u2708\ufe0f<\/div><\/div>\n <div class=\"step-title\">Depart & Succeed<\/div>\n <div class=\"step-desc\">Pre-departure briefing and ongoing support after arrival.<\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- SERVICES -->\n<section class=\"services-section\">\n <div class=\"section-eyebrow\">Our Services<\/div>\n <h2 class=\"section-heading\">Engaging Minds, Transforming Lives<\/h2>\n <p class=\"section-desc\">End-to-end support from the ECI team \u2014 every service you need for a successful international education journey.<\/p>\n <div class=\"services-grid\">\n <div class=\"srv-card\">\n <div class=\"srv-ico\">\ud83c\udf93<\/div>\n <h3>University Admissions<\/h3>\n <p>Expert guidance on selecting universities, preparing applications, and securing the best offers from top institutions worldwide.<\/p>\n <a href=\"#\" class=\"srv-link\">Learn More \u2192<\/a>\n <\/div>\n <div class=\"srv-card\">\n <div class=\"srv-ico\">\ud83d\udec2<\/div>\n <h3>Visa Assistance<\/h3>\n <p>Comprehensive visa support including documentation, interview coaching, and application submission for all major study destinations.<\/p>\n <a href=\"#\" class=\"srv-link\">Learn More \u2192<\/a>\n <\/div>\n <div class=\"srv-card\">\n <div class=\"srv-ico\">\ud83d\udcda<\/div>\n <h3>Test Preparation (SOUL)<\/h3>\n <p>Expert IELTS, TOEFL, PTE, and SAT coaching through our SOUL program to help you meet English language requirements.<\/p>\n <a href=\"#\" class=\"srv-link\">Learn More \u2192<\/a>\n <\/div>\n <div class=\"srv-card\">\n <div class=\"srv-ico\">\ud83c\udfc5<\/div>\n <h3>Scholarship Guidance<\/h3>\n <p>We identify and help you apply for fully-funded and partial scholarships matching your academic profile and country of choice.<\/p>\n <a href=\"#\" class=\"srv-link\">Learn More \u2192<\/a>\n <\/div>\n <div class=\"srv-card\">\n <div class=\"srv-ico\">\ud83c\udf31<\/div>\n <h3>Career Development (CLC)<\/h3>\n <p>Career counseling, professional development, and skills workshops through our Career & Life Coaching (CLC) program.<\/p>\n <a href=\"#\" class=\"srv-link\">Learn More \u2192<\/a>\n <\/div>\n <div class=\"srv-card\">\n <div class=\"srv-ico\">\ud83d\udcbc<\/div>\n <h3>HR Consulting<\/h3>\n <p>Professional HR consultancy services helping organizations attract, retain, and develop talent through structured frameworks.<\/p>\n <a href=\"#\" class=\"srv-link\">Learn More \u2192<\/a>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- WHY ECI -->\n<section class=\"why-section\">\n <div class=\"why-top\">\n <div class=\"why-left\">\n <div class=\"section-eyebrow\">Why Choose ECI<\/div>\n <h2 class=\"section-heading\">Striving for Excellence,<br>Every Step of the Way<\/h2>\n <p class=\"section-desc\">We don't just process applications \u2014 we invest in your future with personalized, expert-led guidance from Pakistan's most trusted study abroad institute.<\/p>\n <\/div>\n <div class=\"why-stats-row\">\n <div class=\"wsr-card\">\n <span class=\"wn-num\">500+<\/span>\n <div class=\"wn-label\">Students Placed<\/div>\n <\/div>\n <div class=\"wsr-divider\"><\/div>\n <div class=\"wsr-card\">\n <span class=\"wn-num\">30+<\/span>\n <div class=\"wn-label\">Countries Covered<\/div>\n <\/div>\n <div class=\"wsr-divider\"><\/div>\n <div class=\"wsr-card\">\n <span class=\"wn-num\">98%<\/span>\n <div class=\"wn-label\">Visa Success Rate<\/div>\n <\/div>\n <div class=\"wsr-divider\"><\/div>\n <div class=\"wsr-card\">\n <span class=\"wn-num\">15+<\/span>\n <div class=\"wn-label\">Years Experience<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"why-points-grid\">\n <div class=\"why-point\">\n <div class=\"wp-icon\">\ud83e\uddd1\u200d\ud83d\udcbc<\/div>\n <div class=\"wp-text\">\n <b>Expert Counselors<\/b>\n <span>Certified advisors with deep knowledge of international admissions and visa processes.<\/span>\n <\/div>\n <\/div>\n <div class=\"why-point\">\n <div class=\"wp-icon\">\ud83c\udf10<\/div>\n <div class=\"wp-text\">\n <b>Global University Network<\/b>\n <span>Partnerships with 200+ universities across 30+ countries giving you maximum options.<\/span>\n <\/div>\n <\/div>\n <div class=\"why-point\">\n <div class=\"wp-icon\">\u26a1<\/div>\n <div class=\"wp-text\">\n <b>End-to-End Support<\/b>\n <span>From shortlisting to landing \u2014 we are your partners at every milestone of your journey.<\/span>\n <\/div>\n <\/div>\n <div class=\"why-point\">\n <div class=\"wp-icon\">\ud83c\udfc6<\/div>\n <div class=\"wp-text\">\n <b>Proven Track Record<\/b>\n <span>Hundreds of successful placements and a 98% visa success rate speak for themselves.<\/span>\n <\/div>\n <\/div>\n <div class=\"why-point\">\n <div class=\"wp-icon\">\ud83c\udf93<\/div>\n <div class=\"wp-text\">\n <b>Scholarship Assistance<\/b>\n <span>We actively help students find and apply for funded scholarships worldwide.<\/span>\n <\/div>\n <\/div>\n <div class=\"why-point\">\n <div class=\"wp-icon\">\u2708\ufe0f<\/div>\n <div class=\"wp-text\">\n <b>Pre-Departure Briefing<\/b>\n <span>Full orientation before you fly \u2014 accommodation, culture, banking, and more.<\/span>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- CONSULTATION FORM -->\n<section class=\"form-section\" id=\"consult\">\n <div class=\"form-wrap\">\n <div class=\"form-left\">\n <div class=\"section-eyebrow\">Book Your Session<\/div>\n <h2 class=\"section-heading\">Get a Free<br>Consultation Today<\/h2>\n <p class=\"section-desc\">Share your details and our expert advisors will reach out to craft your personalized study abroad roadmap \u2014 completely free.<\/p>\n <div class=\"contact-info\">\n <div class=\"ci-item\"><div class=\"ci-icon\">\ud83d\udcde<\/div> +92-21-7861 | +92-346-4747000<\/div>\n <div class=\"ci-item\"><div class=\"ci-icon\">\u2709\ufe0f<\/div> info@eci786.com.pk<\/div>\n <div class=\"ci-item\"><div class=\"ci-icon\">\ud83d\udccd<\/div> Pakistan \u2014 Islamabad, Rawalpindi, Lahore<\/div>\n <div class=\"ci-item\"><div class=\"ci-icon\">\u23f0<\/div> Mon \u2013 Sat: 9:00 AM \u2013 6:00 PM PKT<\/div>\n <\/div>\n <\/div>\n <div class=\"consult-form\">\n <h3>\ud83d\udccb Register for Free Consultation<\/h3>\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label>Full Name *<\/label>\n <input type=\"text\" placeholder=\"Your full name\">\n <\/div>\n <div class=\"form-group\">\n <label>Mobile Number *<\/label>\n <input type=\"tel\" placeholder=\"+92 300 0000000\">\n <\/div>\n <\/div>\n <div class=\"form-group\">\n <label>Email Address *<\/label>\n <input type=\"email\" placeholder=\"you@email.com\">\n <\/div>\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label>Preferred Destination<\/label>\n <select>\n <option value=\"\" disabled selected>Select country<\/option>\n <option>\ud83c\uddec\ud83c\udde7 United Kingdom<\/option>\n <option>\ud83c\udde8\ud83c\udde6 Canada<\/option>\n <option>\ud83c\udde9\ud83c\uddea Germany<\/option>\n <option>\ud83c\udde8\ud83c\uddf3 China<\/option>\n <option>\ud83c\uddeb\ud83c\uddf7 France<\/option>\n <option>\ud83c\udde6\ud83c\uddfa Australia<\/option>\n <option>Other<\/option>\n <\/select>\n <\/div>\n <div class=\"form-group\">\n <label>Study Level<\/label>\n <select>\n <option value=\"\" disabled selected>Select level<\/option>\n <option>Undergraduate<\/option>\n <option>Postgraduate<\/option>\n <option>PhD \/ Research<\/option>\n <option>Diploma<\/option>\n <\/select>\n <\/div>\n <\/div>\n <div class=\"form-group\">\n <label>Message (Optional)<\/label>\n <textarea placeholder=\"Tell us about your academic background and goals\u2026\"><\/textarea>\n <\/div>\n <button class=\"form-submit\" onclick=\"this.textContent='\u2705 Submitted! We\\'ll contact you soon.'; this.style.background='#1a7a4a';\">Submit & Get Free Consultation<\/button>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- FOOTER -->\n<footer>\n <div class=\"footer-top\">\n <div>\n <div class=\"fb-logo\">\n <div class=\"logo-mark\">ECI<\/div>\n <div class=\"logo-words\" style=\"color:white\">\n <b style=\"color:white\">Excellence Consultants<\/b>\n <small style=\"color:var(--accent2)\">Institute<\/small>\n <\/div>\n <\/div>\n <p class=\"fb-desc\">Empowering students and professionals to achieve their full potential through global education and expert HR consulting. Pakistan's trusted study abroad partner since 2004.<\/p>\n <div class=\"social-links\">\n <a class=\"sl\" href=\"#\">f<\/a>\n <a class=\"sl\" href=\"#\">in<\/a>\n <a class=\"sl\" href=\"#\">yt<\/a>\n <a class=\"sl\" href=\"#\">tw<\/a>\n <\/div>\n <\/div>\n <div class=\"fc\">\n <h4>Quick Links<\/h4>\n <ul>\n <li><a href=\"#\">Home<\/a><\/li>\n <li><a href=\"#\">About ECI<\/a><\/li>\n <li><a href=\"#\">SOUL Program<\/a><\/li>\n <li><a href=\"#\">CLC Program<\/a><\/li>\n <li><a href=\"#\">CPF<\/a><\/li>\n <li><a href=\"#\">Contact Us<\/a><\/li>\n <\/ul>\n <\/div>\n <div class=\"fc\">\n <h4>Destinations<\/h4>\n <ul>\n <li><a href=\"#\">United Kingdom<\/a><\/li>\n <li><a href=\"#\">Canada<\/a><\/li>\n <li><a href=\"#\">Germany<\/a><\/li>\n <li><a href=\"#\">China<\/a><\/li>\n <li><a href=\"#\">France<\/a><\/li>\n <li><a href=\"#\">Australia<\/a><\/li>\n <li><a href=\"#\">Denmark<\/a><\/li>\n <\/ul>\n <\/div>\n <div class=\"fc\">\n <h4>Our Services<\/h4>\n <ul>\n <li><a href=\"#\">University Admissions<\/a><\/li>\n <li><a href=\"#\">Visa Assistance<\/a><\/li>\n <li><a href=\"#\">Test Preparation<\/a><\/li>\n <li><a href=\"#\">Scholarships<\/a><\/li>\n <li><a href=\"#\">Career Development<\/a><\/li>\n <li><a href=\"#\">HR Consulting<\/a><\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"footer-bottom\">\n <span>\u00a9 2026 Excellence Consultants Institute (ECI). All rights reserved. | <a href=\"#\">www.eci786.com.pk<\/a><\/span>\n <span>Made with \u2764\ufe0f for Pakistan's future leaders<\/span>\n <\/div>\n<\/footer>\n\n<script>\n\/\/ \u2500\u2500 SLIDESHOW \u2500\u2500\nlet currentSlide = 0;\nconst slides = document.querySelectorAll('.hero-slide');\nconst dots = document.querySelectorAll('.dot');\nfunction goSlide(n) {\n slides[currentSlide].classList.remove('active');\n dots[currentSlide].classList.remove('active');\n currentSlide = n;\n slides[currentSlide].classList.add('active');\n dots[currentSlide].classList.add('active');\n}\nsetInterval(() => goSlide((currentSlide + 1) % slides.length), 4500);\n\n\/\/ \u2500\u2500 TABS \u2500\u2500\nlet activeTab = 'courses';\nfunction setTab(el, tab) {\n document.querySelectorAll('.sw-tab').forEach(t => t.classList.remove('active'));\n el.classList.add('active');\n activeTab = tab;\n \/\/ Update field label based on tab\n const subjectSel = document.getElementById('sw-subject');\n if (tab === 'scholarships') {\n subjectSel.options[0].text = '\ud83c\udfc5 Scholarship Type';\n subjectSel.innerHTML = `\n <option value=\"\">\ud83c\udfc5 Scholarship Type<\/option>\n <option value=\"Fully Funded\">Fully Funded<\/option>\n <option value=\"Partial\">Partial Scholarship<\/option>\n <option value=\"Merit Based\">Merit Based<\/option>\n <option value=\"Need Based\">Need Based<\/option>\n `;\n } else if (tab === 'universities') {\n subjectSel.innerHTML = `\n <option value=\"\">\ud83c\udfdb\ufe0f University Ranking<\/option>\n <option value=\"Top 50\">Top 50 Globally<\/option>\n <option value=\"Top 100\">Top 100 Globally<\/option>\n <option value=\"Top 500\">Top 500 Globally<\/option>\n <option value=\"Any\">Any University<\/option>\n `;\n } else {\n subjectSel.innerHTML = `\n <option value=\"\">\ud83c\udfaf Field of Study<\/option>\n <option value=\"Business\">Business & Management<\/option>\n <option value=\"Engineering\">Engineering & Technology<\/option>\n <option value=\"Computer Science\">Computer Science & IT<\/option>\n <option value=\"Medicine\">Medicine & Health<\/option>\n <option value=\"Law\">Law<\/option>\n <option value=\"Arts\">Arts & Humanities<\/option>\n <option value=\"Sciences\">Natural Sciences<\/option>\n `;\n }\n}\n\n\/\/ \u2500\u2500 SEARCH \u2500\u2500\nconst programDB = [\n { country:'United Kingdom', level:'Undergraduate', field:'Business', name:'BSc Business Management', uni:'University of Manchester', duration:'3 years', fee:'\u00a314,000\/yr' },\n { country:'United Kingdom', level:'Postgraduate', field:'Computer Science', name:'MSc Computer Science', uni:'University of Edinburgh', duration:'1 year', fee:'\u00a320,000\/yr' },\n { country:'Canada', level:'Undergraduate', field:'Engineering', name:'BEng Civil Engineering', uni:'University of Toronto', duration:'4 years', fee:'CAD 45,000\/yr' },\n { country:'Canada', level:'Postgraduate', field:'Business', name:'MBA (Finance)', uni:'McGill University', duration:'2 years', fee:'CAD 38,000\/yr' },\n { country:'Germany', level:'Undergraduate', field:'Engineering', name:'BEng Mechanical Engineering', uni:'TU Munich', duration:'3.5 years', fee:'\u20ac500\/yr' },\n { country:'Germany', level:'Postgraduate', field:'Computer Science', name:'MSc Data Science', uni:'RWTH Aachen', duration:'2 years', fee:'Free (State Uni)' },\n { country:'Australia', level:'Undergraduate', field:'Medicine', name:'Bachelor of Medicine', uni:'University of Melbourne', duration:'5 years', fee:'AUD 60,000\/yr' },\n { country:'France', level:'Postgraduate', field:'Arts', name:'MA Fine Arts', uni:'Sorbonne University', duration:'2 years', fee:'\u20ac4,000\/yr' },\n { country:'China', level:'Undergraduate', field:'Sciences', name:'BSc Physics', uni:'Peking University', duration:'4 years', fee:'\u00a525,000\/yr' },\n { country:'Belgium', level:'Postgraduate', field:'Law', name:'LLM International Law', uni:'KU Leuven', duration:'1 year', fee:'\u20ac8,500\/yr' },\n { country:'Denmark', level:'Postgraduate', field:'Engineering', name:'MSc Renewable Energy', uni:'DTU Copenhagen', duration:'2 years', fee:'DKK 80,000\/yr' },\n { country:'United Kingdom', level:'PhD', field:'Sciences', name:'PhD Molecular Biology', uni:'Imperial College London', duration:'3\u20134 years', fee:'Funded' },\n { country:'Canada', level:'Diploma', field:'Computer Science', name:'Diploma in Web Development', uni:'Seneca College', duration:'2 years', fee:'CAD 16,000\/yr' },\n];\n\nfunction doSearch() {\n const btn = document.getElementById('sw-btn');\n const country = document.getElementById('sw-country').value;\n const level = document.getElementById('sw-level').value;\n const subject = document.getElementById('sw-subject').value;\n const resultsBox = document.getElementById('sw-results');\n\n btn.textContent = '\u23f3 Searching...';\n btn.style.opacity = '0.7';\n\n setTimeout(() => {\n btn.textContent = '\ud83d\udd0d Search Programs';\n btn.style.opacity = '1';\n\n let results = programDB.filter(p => {\n return (!country || p.country === country) &&\n (!level || p.level === level) &&\n (!subject || p.field === subject);\n });\n\n resultsBox.style.display = 'block';\n\n if (results.length === 0) {\n resultsBox.innerHTML = `<div style=\"color:rgba(255,255,255,.5);font-size:.82rem;text-align:center;padding:12px;\">No programs found. Try broader filters.<\/div>`;\n return;\n }\n\n resultsBox.innerHTML = results.map(r => `\n <div style=\"background:rgba(255,255,255,.08);border-radius:8px;padding:10px 12px;border-left:3px solid var(--gold);cursor:pointer;\" onclick=\"document.getElementById('consult').scrollIntoView({behavior:'smooth'})\">\n <div style=\"font-size:.82rem;font-weight:700;color:var(--white);\">${r.name}<\/div>\n <div style=\"font-size:.72rem;color:rgba(255,255,255,.55);margin-top:3px;\">\ud83c\udfdb\ufe0f ${r.uni} \u00a0|\u00a0 \u23f1 ${r.duration} \u00a0|\u00a0 \ud83d\udcb0 ${r.fee}<\/div>\n <\/div>\n `).join('');\n }, 900);\n}\n\n\/\/ \u2500\u2500 COUNTER ANIMATION \u2500\u2500\nconst nums = document.querySelectorAll('.hs-num, .wn-num');\nconst observer = new IntersectionObserver(entries => {\n entries.forEach(e => {\n if (e.isIntersecting) {\n const el = e.target;\n const raw = el.textContent.replace(\/[^0-9]\/g, '');\n const suffix = el.textContent.replace(\/[0-9]\/g, '');\n let count = 0, target = parseInt(raw);\n if (!target) return;\n const step = Math.max(1, Math.floor(target \/ 50));\n const t = setInterval(() => {\n count = Math.min(count + step, target);\n el.textContent = count + suffix;\n if (count >= target) clearInterval(t);\n }, 30);\n observer.unobserve(el);\n }\n });\n}, { threshold: 0.5 });\nnums.forEach(n => observer.observe(n));\n<\/script>\n\n<!-- \u2500\u2500 FLOATING MUSIC PLAYER \u2500\u2500 -->\n<div id=\"music-player\">\n <div id=\"music-icon\" onclick=\"toggleMusic()\">\n <div class=\"music-rings\">\n <span><\/span><span><\/span><span><\/span>\n <\/div>\n <div class=\"music-note\" id=\"music-note\">\u266a<\/div>\n <\/div>\n <div id=\"music-tooltip\">\ud83c\udfb5 Ambient Music<\/div>\n <div id=\"music-label\">\n <span id=\"music-status\">Playing<\/span>\n <span class=\"music-title\">ECI \u2013 Inspire<\/span>\n <\/div>\n<\/div>\n\n<!-- Using a royalty-free ambient piano track from Pixabay CDN -->\n<audio id=\"bg-music\" loop>\n <source src=\"https:\/\/eci786.com.pk\/wp-content\/uploads\/2026\/05\/lexin_music-inspiring-cinematic-ambient-116199.mp3\" type=\"audio\/mpeg\">\n<\/audio>\n\n<style>\n\/* \u2500\u2500 MUSIC PLAYER \u2500\u2500 *\/\n#music-player {\n position: fixed;\n bottom: 32px;\n left: 32px;\n z-index: 9999;\n display: flex;\n align-items: center;\n gap: 10px;\n cursor: pointer;\n}\n#music-icon {\n width: 52px; height: 52px;\n border-radius: 50%;\n background: linear-gradient(135deg, #1a56db, #0ea5e9);\n display: flex; align-items: center; justify-content: center;\n box-shadow: 0 4px 20px rgba(26,86,219,.45);\n position: relative;\n cursor: pointer;\n transition: transform .3s;\n}\n#music-icon:hover { transform: scale(1.1); }\n.music-note {\n font-size: 1.4rem;\n color: #fff;\n z-index: 2;\n position: relative;\n animation: noteBounce 1.2s ease-in-out infinite;\n user-select: none;\n}\n@keyframes noteBounce {\n 0%,100% { transform: translateY(0) rotate(-8deg); }\n 50% { transform: translateY(-4px) rotate(8deg); }\n}\n.music-rings span {\n position: absolute;\n border-radius: 50%;\n border: 2px solid rgba(14,165,233,.5);\n animation: ringPulse 2s ease-out infinite;\n}\n.music-rings span:nth-child(1) { width:52px; height:52px; animation-delay:0s; }\n.music-rings span:nth-child(2) { width:52px; height:52px; animation-delay:.6s; }\n.music-rings span:nth-child(3) { width:52px; height:52px; animation-delay:1.2s; }\n@keyframes ringPulse {\n 0% { transform:scale(1); opacity:.7; }\n 100% { transform:scale(2.2); opacity:0; }\n}\n#music-label {\n background: rgba(15,43,91,.92);\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,.15);\n border-radius: 10px;\n padding: 7px 14px;\n display: flex;\n flex-direction: column;\n gap: 2px;\n pointer-events: none;\n}\n#music-status {\n font-size: .68rem;\n color: #0ea5e9;\n font-weight: 700;\n letter-spacing: .08em;\n text-transform: uppercase;\n}\n.music-title {\n font-size: .78rem;\n color: #fff;\n font-weight: 600;\n font-family: 'Plus Jakarta Sans', sans-serif;\n}\n#music-tooltip {\n display: none;\n}\n\n\/* Paused state *\/\n#music-player.paused .music-note { animation: none; }\n#music-player.paused .music-rings span { animation: none; opacity: 0; }\n#music-player.paused #music-status { color: #fb923c; }\n#music-player.paused #music-icon {\n background: linear-gradient(135deg, #374151, #6b7280);\n box-shadow: 0 4px 20px rgba(0,0,0,.3);\n}\n<\/style>\n\n<script>\n\/\/ \u2500\u2500 MUSIC AUTOPLAY \u2500\u2500\nconst audio = document.getElementById('bg-music');\nconst player = document.getElementById('music-player');\nconst statusEl = document.getElementById('music-status');\nconst noteEl = document.getElementById('music-note');\nlet isPlaying = false;\nlet unlocked = false;\n\naudio.volume = 0.18;\n\nfunction startMusic() {\n if (unlocked) return;\n audio.play().then(() => {\n isPlaying = true;\n unlocked = true;\n player.classList.remove('paused');\n statusEl.textContent = 'Playing';\n noteEl.textContent = '\u266a';\n }).catch(() => {});\n}\n\nfunction toggleMusic() {\n if (isPlaying) {\n audio.pause();\n isPlaying = false;\n player.classList.add('paused');\n statusEl.textContent = 'Paused';\n noteEl.textContent = '\u23f8';\n } else {\n audio.play();\n isPlaying = true;\n player.classList.remove('paused');\n statusEl.textContent = 'Playing';\n noteEl.textContent = '\u266a';\n }\n}\n\n\/\/ Try on load first\nwindow.addEventListener('load', () => {\n setTimeout(() => startMusic(), 300);\n});\n\n\/\/ Attach directly to window scroll \u2014 most reliable\nwindow.addEventListener('scroll', function onScroll() {\n startMusic();\n window.removeEventListener('scroll', onScroll);\n}, { passive: true });\n\n\/\/ All other interactions\n['click','touchstart','touchend','mousedown','pointerdown','keydown','mousemove'].forEach(e => {\n document.addEventListener(e, function handler() {\n startMusic();\n document.removeEventListener(e, handler);\n }, { passive: true, once: true });\n});\n<\/script>\n<\/body>\n<\/html><\/div><\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"100-width.php","meta":{"footnotes":""},"class_list":["post-994","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/eci786.com.pk\/index.php?rest_route=\/wp\/v2\/pages\/994","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eci786.com.pk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/eci786.com.pk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/eci786.com.pk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/eci786.com.pk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=994"}],"version-history":[{"count":27,"href":"https:\/\/eci786.com.pk\/index.php?rest_route=\/wp\/v2\/pages\/994\/revisions"}],"predecessor-version":[{"id":1038,"href":"https:\/\/eci786.com.pk\/index.php?rest_route=\/wp\/v2\/pages\/994\/revisions\/1038"}],"wp:attachment":[{"href":"https:\/\/eci786.com.pk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=994"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}