Journey of Excellence \u2013 Financial Services Institute<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@700;800&family=Inter:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n *, *::before, *::after {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n body {\r\n background-color: transparent;\r\n font-family: 'Inter', 'Segoe UI', sans-serif;\r\n padding: 60px 0 100px;\r\n overflow-x: hidden;\r\n direction: ltr;\r\n }\r\n\r\n h1.main-title {\r\n text-align: center;\r\n color: #c5a059;\r\n margin-bottom: 12px;\r\n font-family: 'Playfair Display', Georgia, serif;\r\n font-size: 2.4rem;\r\n font-weight: 800;\r\n letter-spacing: -0.5px;\r\n text-shadow: 0 2px 8px rgba(0,0,0,0.15);\r\n }\r\n\r\n p.main-subtitle {\r\n text-align: center;\r\n color: #888;\r\n font-size: 0.95rem;\r\n font-weight: 500;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n margin-bottom: 70px;\r\n }\r\n\r\n \/* \u2500\u2500 TIMELINE OUTER WRAPPER \u2500\u2500 *\/\r\n .timeline {\r\n position: relative;\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n padding: 0 30px;\r\n }\r\n\r\n \/* Central golden vertical line *\/\r\n .timeline::before {\r\n content: '';\r\n position: absolute;\r\n width: 3px;\r\n top: 0;\r\n bottom: 0;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n background: linear-gradient(to bottom, transparent 0%, #c5a059 4%, #c5a059 96%, transparent 100%);\r\n z-index: 0;\r\n }\r\n\r\n \/* \u2500\u2500 EACH ROW \u2500\u2500 *\/\r\n .tl-row {\r\n display: flex;\r\n align-items: flex-start;\r\n width: 100%;\r\n margin-bottom: 44px;\r\n position: relative;\r\n }\r\n\r\n \/* Left card column *\/\r\n .tl-left {\r\n width: calc(50% - 40px);\r\n padding-right: 24px;\r\n }\r\n\r\n \/* Right card column *\/\r\n .tl-right {\r\n width: calc(50% - 40px);\r\n padding-left: 24px;\r\n }\r\n\r\n \/* Empty half *\/\r\n .tl-empty {\r\n width: calc(50% - 40px);\r\n }\r\n\r\n \/* Center column \u2014 holds the year dot *\/\r\n .tl-center {\r\n width: 80px;\r\n flex-shrink: 0;\r\n display: flex;\r\n justify-content: center;\r\n padding-top: 18px;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n \/* \u2500\u2500 YEAR CIRCLE \u2500\u2500 *\/\r\n .year-dot {\r\n width: 54px;\r\n height: 54px;\r\n background-color: #fff;\r\n border: 2.5px solid #c5a059;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #0b2240;\r\n font-size: 0.68rem;\r\n font-weight: 700;\r\n font-family: 'Inter', sans-serif;\r\n letter-spacing: 0.5px;\r\n box-shadow: 0 0 0 5px rgba(197,160,89,0.12), 0 4px 14px rgba(197,160,89,0.25);\r\n transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n position: relative;\r\n z-index: 3;\r\n }\r\n\r\n .tl-row:hover .year-dot {\r\n transform: scale(1.1);\r\n box-shadow: 0 0 0 6px rgba(197,160,89,0.2), 0 6px 22px rgba(197,160,89,0.45);\r\n }\r\n\r\n \/* \u2500\u2500 CARD \u2500\u2500 *\/\r\n .tl-card {\r\n background: #fff;\r\n border-radius: 10px;\r\n overflow: hidden;\r\n box-shadow: 0 8px 30px rgba(0,0,0,0.10);\r\n border: 1px solid #f0ece4;\r\n opacity: 0;\r\n transform: translateY(28px);\r\n transition: opacity 0.65s ease, transform 0.65s cubic-bezier(0.25, 1, 0.5, 1),\r\n box-shadow 0.3s ease, border-color 0.3s ease;\r\n }\r\n\r\n .tl-card.visible {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n .tl-card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 16px 44px rgba(0,0,0,0.15);\r\n border-color: #e0d0b0;\r\n }\r\n\r\n .tl-card img {\r\n width: 100%;\r\n height: 200px;\r\n object-fit: cover;\r\n display: block;\r\n }\r\n\r\n .card-text {\r\n padding: 20px 22px 24px;\r\n border-top: 2.5px solid #c5a059;\r\n }\r\n\r\n .year-badge {\r\n display: inline-block;\r\n background: linear-gradient(135deg, #c5a059, #e8c97a);\r\n color: #0b2240;\r\n font-size: 0.72rem;\r\n font-weight: 700;\r\n font-family: 'Inter', sans-serif;\r\n padding: 3px 13px;\r\n border-radius: 20px;\r\n margin-bottom: 11px;\r\n letter-spacing: 1.2px;\r\n text-transform: uppercase;\r\n }\r\n\r\n .card-text p {\r\n line-height: 1.8;\r\n color: #4a4a4a;\r\n font-size: 0.9rem;\r\n font-weight: 400;\r\n }\r\n\r\n \/* \u2500\u2500 MOBILE \u2500\u2500 *\/\r\n @media screen and (max-width: 768px) {\r\n .timeline::before {\r\n left: 26px;\r\n transform: none;\r\n }\r\n\r\n .tl-row {\r\n flex-direction: column;\r\n padding-left: 70px;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .tl-center {\r\n position: absolute;\r\n left: 0;\r\n width: 52px;\r\n top: 0;\r\n }\r\n\r\n .tl-left,\r\n .tl-right,\r\n .tl-empty {\r\n width: 100%;\r\n padding: 0;\r\n }\r\n\r\n .tl-empty {\r\n display: none;\r\n }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<h1 class=\"main-title\">Journey of Excellence<\/h1>\r\n<p class=\"main-subtitle\">From Vision to Reality<\/p>\r\n\r\n<div class=\"timeline\" id=\"timeline\"><\/div>\r\n\r\n<script>\r\nconst timelineItems = [\r\n {\r\n side: 'right',\r\n year: '2024',\r\n image: '',\r\n desc: 'The Federation\\'s Board of Directors resolved to support actuarial studies by launching a specialised professional diploma in Actuarial Sciences for insurance company employees \u2014 both actuaries and non-actuaries \u2014 in partnership with the American University in Cairo, the African Reinsurance Corporation, and the Policyholders\\' Fund, under the auspices of the Financial Regulatory Authority.'\r\n },\r\n {\r\n side: 'left',\r\n year: '2024',\r\n image: 'https:\/\/fsi.gov.eg\/wp-content\/uploads\/2025\/10\/Untitled2.jpg',\r\n desc: 'The Federation signed a cooperation protocol with the American University in Cairo under the patronage of the Financial Regulatory Authority.'\r\n },\r\n {\r\n side: 'right',\r\n year: '2025',\r\n image: 'https:\/\/images.unsplash.com\/photo-1521737604893-d14cc237f11d',\r\n desc: 'Graduation of 15 students from the first cohort of the diploma: 12 completed Track One, while 3 students in Track Two successfully passed the Financial Mathematics exam administered by the Society of Actuaries (SOA).'\r\n },\r\n {\r\n side: 'left',\r\n year: '2025',\r\n image: 'https:\/\/fsi.gov.eg\/wp-content\/uploads\/2025\/10\/Untitled.jpg',\r\n desc: 'The Egyptian Insurance Federation, under the patronage of the Financial Regulatory Authority, held a ceremony honouring the three students who passed the Financial Mathematics exam of the Society of Actuaries (SOA).'\r\n },\r\n {\r\n side: 'right',\r\n year: '2025',\r\n image: 'https:\/\/images.unsplash.com\/photo-1498050108023-c5249f4df085',\r\n desc: 'Applications are now open for scholarship candidates joining the second cohort of the Actuarial Sciences Professional Diploma.'\r\n }\r\n];\r\n\r\nfunction buildCard(it) {\r\n const card = document.createElement('div');\r\n card.className = 'tl-card';\r\n\r\n if (it.image) {\r\n const img = document.createElement('img');\r\n img.src = it.image;\r\n img.alt = it.year || '';\r\n card.appendChild(img);\r\n }\r\n\r\n const textDiv = document.createElement('div');\r\n textDiv.className = 'card-text';\r\n\r\n const badge = document.createElement('div');\r\n badge.className = 'year-badge';\r\n badge.textContent = it.year || '';\r\n\r\n const p = document.createElement('p');\r\n p.textContent = it.desc || '';\r\n\r\n textDiv.appendChild(badge);\r\n textDiv.appendChild(p);\r\n card.appendChild(textDiv);\r\n return card;\r\n}\r\n\r\nfunction renderTimeline(items) {\r\n const timeline = document.getElementById('timeline');\r\n timeline.innerHTML = '';\r\n\r\n items.forEach(it => {\r\n const row = document.createElement('div');\r\n row.className = 'tl-row';\r\n\r\n const centerCol = document.createElement('div');\r\n centerCol.className = 'tl-center';\r\n const dot = document.createElement('div');\r\n dot.className = 'year-dot';\r\n dot.textContent = it.year || '';\r\n centerCol.appendChild(dot);\r\n\r\n const card = buildCard(it);\r\n const cardCol = document.createElement('div');\r\n const emptyCol = document.createElement('div');\r\n emptyCol.className = 'tl-empty';\r\n\r\n if (it.side === 'left') {\r\n cardCol.className = 'tl-left';\r\n cardCol.appendChild(card);\r\n row.appendChild(cardCol);\r\n row.appendChild(centerCol);\r\n row.appendChild(emptyCol);\r\n } else {\r\n cardCol.className = 'tl-right';\r\n cardCol.appendChild(card);\r\n row.appendChild(emptyCol);\r\n row.appendChild(centerCol);\r\n row.appendChild(cardCol);\r\n }\r\n\r\n timeline.appendChild(row);\r\n });\r\n}\r\n\r\nrenderTimeline(timelineItems);\r\n\r\n\/\/ Scroll-in animation\r\nconst observer = new IntersectionObserver((entries, obs) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('visible');\r\n obs.unobserve(entry.target);\r\n }\r\n });\r\n}, { threshold: 0.1, rootMargin: '0px 0px -30px 0px' });\r\n\r\ndocument.querySelectorAll('.tl-card').forEach(c => observer.observe(c));\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Idea To Impact Journey of Excellence \u2013 Financial Services Institute Journey of Excellence From Vision to Reality<\/p>","protected":false},"author":18,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_mc_calendar":[],"footnotes":""},"class_list":["post-54943","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fsi.gov.eg\/en\/wp-json\/wp\/v2\/pages\/54943","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fsi.gov.eg\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fsi.gov.eg\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fsi.gov.eg\/en\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/fsi.gov.eg\/en\/wp-json\/wp\/v2\/comments?post=54943"}],"version-history":[{"count":13,"href":"https:\/\/fsi.gov.eg\/en\/wp-json\/wp\/v2\/pages\/54943\/revisions"}],"predecessor-version":[{"id":55217,"href":"https:\/\/fsi.gov.eg\/en\/wp-json\/wp\/v2\/pages\/54943\/revisions\/55217"}],"wp:attachment":[{"href":"https:\/\/fsi.gov.eg\/en\/wp-json\/wp\/v2\/media?parent=54943"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}