{"id":18334,"date":"2026-10-14T09:18:02","date_gmt":"2026-10-14T09:18:02","guid":{"rendered":"https:\/\/habibschools.edu.pk\/hgs\/?page_id=18334"},"modified":"2026-10-15T12:25:16","modified_gmt":"2026-10-15T12:25:16","slug":"final-selection","status":"publish","type":"page","link":"https:\/\/habibschools.edu.pk\/hgs\/admissions\/lateral-sections\/final-selection\/","title":{"rendered":"Final Selection"},"content":{"rendered":"\n\n\t<section class=\"section\" id=\"section_2096608149\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n\n\n<!-- HABIB PUBLIC HIGH SCHOOL FINAL SELECTION BANNER -->\n<section class=\"hps-final-selection-banner\">\n  <div class=\"hps-banner-container\">\n    <div class=\"hps-banner-content\">\n      <div class=\"hps-badge-wrapper\">\n        <span class=\"hps-badge-dot\"><\/span>\n        <span class=\"hps-badge-text\">Lateral Section (Grade 3 till 8)<\/span>\n      <\/div>\n      <h1 class=\"hps-banner-title\">\n        Final <span class=\"hps-text-gold\">Selection<\/span>\n      <\/h1>\n      <p class=\"hps-banner-sub\">\n        Merit list announcements, fee voucher issuance, and enrollment schedule for selected candidates.\n      <\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n:root {\n  --hps-base: #FFFFFF;\n  --hps-main: #5f0c0c;       \/* Dark Maroon *\/\n  --hps-sec-gold: #FFB100;   \/* Gold Accent *\/\n  --hps-sec-navy: #05354A;   \/* Navy *\/\n  --hps-cyan: #4EBEF5;       \/* Cyan Accent *\/\n  --hps-border: rgba(255, 255, 255, 0.18);\n}\n\n.hps-final-selection-banner {\n  background: linear-gradient(135deg, #3d0707 0%, var(--hps-main) 100%);\n  padding: clamp(3rem, 6vw, 5rem) 1.25rem;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n  color: var(--hps-base);\n  position: relative;\n  overflow: hidden;\n  box-sizing: border-box;\n  width: 100%;\n}\n\n.hps-final-selection-banner::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 6px;\n  height: 100%;\n  background-color: var(--hps-sec-gold);\n}\n\n.hps-banner-container {\n  max-width: 1240px;\n  margin: 0 auto;\n  position: relative;\n  z-index: 2;\n}\n\n.hps-banner-content {\n  max-width: 780px;\n}\n\n.hps-badge-wrapper {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.5rem;\n  background: rgba(255, 255, 255, 0.08);\n  backdrop-filter: blur(8px);\n  -webkit-backdrop-filter: blur(8px);\n  border: 1px solid var(--hps-border);\n  padding: 0.4rem 0.9rem;\n  border-radius: 20px;\n  margin-bottom: 1.25rem;\n}\n\n.hps-badge-dot {\n  width: 7px;\n  height: 7px;\n  background-color: var(--hps-cyan);\n  border-radius: 50%;\n  display: inline-block;\n  box-shadow: 0 0 8px rgba(78, 190, 245, 0.6);\n}\n\n.hps-badge-text {\n  font-size: 0.75rem;\n  font-weight: 800;\n  letter-spacing: 0.08em;\n  color: var(--hps-base);\n  text-transform: uppercase;\n}\n\n.hps-banner-title {\n  font-size: clamp(2.2rem, 5vw, 3.5rem);\n  font-weight: 800;\n  color: var(--hps-base);\n  margin: 0 0 0.85rem 0;\n  line-height: 1.1;\n  letter-spacing: -0.02em;\n}\n\n.hps-banner-title .hps-text-gold {\n  color: var(--hps-sec-gold);\n}\n\n.hps-banner-sub {\n  font-size: clamp(0.95rem, 1.8vw, 1.1rem);\n  line-height: 1.6;\n  color: #f1f5f9;\n  margin: 0;\n  font-weight: 400;\n}\n\n@media (max-width: 576px) {\n  .hps-final-selection-banner {\n    padding: 2.5rem 1rem;\n  }\n  \n  .hps-badge-wrapper {\n    padding: 0.3rem 0.75rem;\n    margin-bottom: 1rem;\n  }\n}\n<\/style>\n\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_2096608149 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section\" id=\"section_346919991\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n\n\n<!-- HABIB PUBLIC HIGH SCHOOL ENTRANCE ASSESSMENT SECTION -->\n<section class=\"hps-assessment-section\">\n  <div class=\"hps-assessment-container\">\n    \n    <!-- TOP HERO BANNER (SINGLE CTA BUTTON AT TOP) -->\n    <div class=\"hps-assessment-hero\">\n      <div class=\"hps-hero-text\">\n        <h2 class=\"hps-hero-title\">Final Selection Announcement<\/h2>\n        <span class=\"hps-hero-sub\">Final selected candidates will be informed via email.<\/span>\n      <\/div>\n      <!-- <a href=\"#download-guide\" class=\"hps-hero-btn\">\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path><polyline points=\"7 10 12 15 17 10\"><\/polyline><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line><\/svg>\n        Download Guide PDF\n      <\/a> -->\n    <\/div>\n\n    <!-- ASSESSMENT OVERVIEW INTRO\n    <div class=\"hps-assessment-intro\">\n      <div class=\"hps-duration-badge\">\n        <strong>Important Notice:<\/strong> Testing, interview, and finalization dates will be communicated through email to the parents\/candidates.\n      <\/div>\n    <\/div> -->\n\n    <!-- TIMELINE & SCHEDULE CARDS -->\n    <div class=\"hps-assessment-body\">\n      <!-- <h3 class=\"hps-schedule-title\">Final Selection Announcement<\/h3> -->\n\n      <div class=\"hps-timeline-list\">\n        \n        <!-- STEP 1: SCHEDULE COMMUNICATION -->\n        <div class=\"hps-timeline-card\">\n          <div class=\"hps-card-marker\">1<\/div>\n          <div class=\"hps-card-content\">\n            <h4>Final Result and Confirmation:<\/h4>\n            <p>Following the completion of assessments and evaluations, the final results will be communicated through email to the parents\/candidates.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n\/* ----------------------------------------------------\n   STRICT PALETTE & MODERN RESPONSIVE STYLING\n---------------------------------------------------- *\/\n:root {\n  --hps-base: #FFFFFF;\n  --hps-main: #5f0c0c;       \/* Dark Maroon *\/\n  --hps-sec-gold: #FFB100;   \/* Secondary Gold *\/\n  --hps-sec-navy: #05354A;   \/* Primary Dark Blue *\/\n  --hps-cyan: #4EBEF5;       \/* Cyan Accent *\/\n  --hps-border: #e2e8f0;\n  --hps-bg-light: #f8fafc;\n}\n\n.hps-assessment-section {\n  background-color: var(--hps-base);\n  padding: clamp(2rem, 4vw, 3.5rem) 1.25rem;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n  color: #334155;\n  box-sizing: border-box;\n  width: 100%;\n}\n\n.hps-assessment-container {\n  max-width: 1100px;\n  margin: 0 auto;\n}\n\n\/* TOP HERO BANNER *\/\n.hps-assessment-hero {\n  background-color: var(--hps-sec-navy);\n  border-radius: 12px;\n  padding: clamp(1.5rem, 3vw, 2.25rem);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 1.5rem;\n  box-shadow: 0 8px 20px rgba(5, 53, 74, 0.12);\n  margin-bottom: 2rem;\n}\n\n.hps-hero-title {\n  color: var(--hps-base);\n  font-size: clamp(1.4rem, 2.8vw, 2.1rem);\n  font-weight: 800;\n  margin: 0 0 0.35rem 0;\n  line-height: 1.2;\n}\n\n.hps-hero-sub {\n  display: block;\n  font-size: 0.88rem;\n  color: var(--hps-cyan);\n  font-weight: 600;\n}\n\n.hps-hero-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.6rem;\n  background-color: var(--hps-sec-gold);\n  color: var(--hps-sec-navy);\n  font-size: 0.88rem;\n  font-weight: 800;\n  padding: 0.85rem 1.4rem;\n  border-radius: 6px;\n  text-decoration: none;\n  white-space: nowrap;\n  flex-shrink: 0;\n  transition: transform 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;\n}\n\n.hps-hero-btn:hover {\n  background-color: #e6a000;\n  transform: translateY(-2px);\n  box-shadow: 0 4px 12px rgba(255, 177, 0, 0.3);\n}\n\n\/* INTRO TEXT *\/\n.hps-assessment-intro {\n  background-color: var(--hps-bg-light);\n  border: 1px solid var(--hps-border);\n  border-radius: 10px;\n  padding: 1.25rem 1.5rem;\n  margin-bottom: 2.5rem;\n}\n\n.hps-assessment-intro p {\n  margin: 0 0 0.85rem 0;\n  font-size: 0.95rem;\n  line-height: 1.6;\n  color: #475569;\n}\n\n.hps-duration-badge {\n  display: inline-block;\n  font-size: 0.85rem;\n  color: var(--hps-main);\n  background-color: #fef2f2;\n  border: 1px solid #fecaca;\n  padding: 0.35rem 0.75rem;\n  border-radius: 6px;\n}\n\n\/* TIMELINE CONTENT BODY *\/\n.hps-schedule-title {\n  font-size: clamp(1.4rem, 2.5vw, 1.85rem);\n  font-weight: 800;\n  color: var(--hps-sec-navy);\n  margin: 0 0 1.5rem 0;\n  letter-spacing: -0.01em;\n}\n\n.hps-timeline-list {\n  display: flex;\n  flex-direction: column;\n  gap: 1.25rem;\n  margin-bottom: 2.5rem;\n}\n\n.hps-timeline-card {\n  background-color: var(--hps-base);\n  border: 1px solid var(--hps-border);\n  border-radius: 12px;\n  padding: 1.25rem 1.5rem;\n  display: flex;\n  gap: 1.25rem;\n  align-items: flex-start;\n  box-shadow: 0 4px 12px rgba(5, 53, 74, 0.03);\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.hps-timeline-card:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 8px 20px rgba(5, 53, 74, 0.07);\n}\n\n.hps-card-accent {\n  border-left: 4px solid var(--hps-main);\n}\n\n.hps-card-marker {\n  width: 38px;\n  height: 38px;\n  border-radius: 50%;\n  background-color: var(--hps-sec-navy);\n  color: var(--hps-base);\n  font-size: 0.95rem;\n  font-weight: 800;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n.hps-card-content {\n  flex: 1;\n}\n\n.hps-card-header-flex {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 0.5rem;\n  margin-bottom: 0.4rem;\n}\n\n.hps-card-content h4 {\n  font-size: 1.1rem;\n  font-weight: 800;\n  color: var(--hps-sec-navy);\n  margin: 0;\n}\n\n.hps-time-tag {\n  font-size: 0.75rem;\n  font-weight: 700;\n  color: var(--hps-sec-navy);\n  background-color: rgba(78, 190, 245, 0.15);\n  padding: 0.25rem 0.65rem;\n  border-radius: 20px;\n}\n\n.hps-card-content p {\n  font-size: 0.92rem;\n  line-height: 1.6;\n  color: #475569;\n  margin: 0;\n}\n\n.hps-highlight-text {\n  color: var(--hps-main) !important;\n  font-weight: 700;\n  margin-bottom: 0.5rem !important;\n}\n\n.hps-sub-details {\n  list-style: none;\n  padding: 0;\n  margin: 0.6rem 0 0 0;\n  display: flex;\n  flex-direction: column;\n  gap: 0.35rem;\n}\n\n.hps-sub-details li {\n  font-size: 0.85rem;\n  color: #64748b;\n  line-height: 1.5;\n  padding-left: 1rem;\n  position: relative;\n}\n\n.hps-sub-details li::before {\n  content: \"\u2022\";\n  color: var(--hps-sec-navy);\n  position: absolute;\n  left: 0;\n  font-weight: bold;\n}\n\n.hps-sub-details li strong {\n  color: var(--hps-sec-navy);\n}\n\n\/* PERSONALITY TRAITS CARD *\/\n.hps-traits-card {\n  background-color: var(--hps-bg-light);\n  border: 1px solid var(--hps-border);\n  border-radius: 12px;\n  padding: 1.5rem;\n  margin-bottom: 2rem;\n}\n\n.hps-traits-heading {\n  font-size: 0.95rem;\n  font-weight: 800;\n  color: var(--hps-sec-navy);\n  margin: 0 0 0.25rem 0;\n  letter-spacing: 0.05em;\n}\n\n.hps-traits-sub {\n  font-size: 0.88rem;\n  color: #64748b;\n  margin: 0 0 1rem 0;\n}\n\n.hps-traits-pills {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 0.5rem;\n}\n\n.hps-traits-pills span {\n  font-size: 0.78rem;\n  font-weight: 700;\n  color: var(--hps-sec-navy);\n  background-color: var(--hps-base);\n  border: 1px solid var(--hps-border);\n  padding: 0.35rem 0.75rem;\n  border-radius: 20px;\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);\n}\n\n\/* IMPORTANT ALERT *\/\n.hps-important-alert {\n  background-color: #fef2f2;\n  border-left: 4px solid var(--hps-main);\n  padding: 1rem 1.25rem;\n  border-radius: 0 8px 8px 0;\n  color: #991b1b;\n  font-size: 0.9rem;\n  line-height: 1.5;\n}\n\n\/* RESPONSIVE BREAKPOINTS *\/\n@media (max-width: 768px) {\n  .hps-assessment-hero {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 1.25rem;\n  }\n\n  .hps-hero-btn {\n    width: 100%;\n    justify-content: center;\n  }\n\n  .hps-timeline-card {\n    padding: 1rem;\n    gap: 0.85rem;\n  }\n\n  .hps-card-marker {\n    width: 32px;\n    height: 32px;\n    font-size: 0.85rem;\n  }\n}\n<\/style>\n\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_346919991 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n}\n<\/style>\n\t<\/section>\n\t\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":4,"featured_media":0,"parent":18191,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-blank.php","meta":{"footnotes":""},"class_list":["post-18334","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/habibschools.edu.pk\/hgs\/wp-json\/wp\/v2\/pages\/18334","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/habibschools.edu.pk\/hgs\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/habibschools.edu.pk\/hgs\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/habibschools.edu.pk\/hgs\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/habibschools.edu.pk\/hgs\/wp-json\/wp\/v2\/comments?post=18334"}],"version-history":[{"count":6,"href":"https:\/\/habibschools.edu.pk\/hgs\/wp-json\/wp\/v2\/pages\/18334\/revisions"}],"predecessor-version":[{"id":18569,"href":"https:\/\/habibschools.edu.pk\/hgs\/wp-json\/wp\/v2\/pages\/18334\/revisions\/18569"}],"up":[{"embeddable":true,"href":"https:\/\/habibschools.edu.pk\/hgs\/wp-json\/wp\/v2\/pages\/18191"}],"wp:attachment":[{"href":"https:\/\/habibschools.edu.pk\/hgs\/wp-json\/wp\/v2\/media?parent=18334"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}