{"id":12825,"date":"2026-10-06T05:35:17","date_gmt":"2026-10-06T05:35:17","guid":{"rendered":"https:\/\/habibschools.edu.pk\/hps\/?page_id=12825"},"modified":"2026-10-19T14:02:23","modified_gmt":"2026-10-19T14:02:23","slug":"habib-public-high-school","status":"publish","type":"page","link":"https:\/\/habibschools.edu.pk\/hps\/admissions\/habib-public-high-school\/","title":{"rendered":"Habib Public High School HPS"},"content":{"rendered":"\n\n\t<section class=\"section\" id=\"section_792161421\">\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<!-- HERO BANNER - HIGH SCHOOL SECTION -->\n<section class=\"hps-banner-wrapper\">\n  <!-- Background Image with Overlay -->\n  <div class=\"hps-banner-bg\" style=\"background-image: url('https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-14-at-12.12.14-PM.jpeg');\"><\/div>\n  <div class=\"hps-banner-overlay\"><\/div>\n\n  <!-- Content Container -->\n  <div class=\"hps-banner-container\">\n    <div class=\"hps-banner-content\">\n      \n      <!-- Top Pills \/ Badges -->\n      <div class=\"hps-banner-badges\">\n        <span class=\"hps-badge hps-badge-red\">ADMISSIONS OPEN<\/span>\n        <span class=\"hps-badge hps-badge-amber\">GRADE 11 \u2013 12<\/span>\n      <\/div>\n\n      <!-- Main Heading -->\n      <h1 class=\"hps-banner-title\">\n        Habib Public <span class=\"hps-text-highlight\">High School<\/span>\n      <\/h1>\n\n      <!-- Subtitle Description -->\n      <p class=\"hps-banner-subtext\">\n        Empowering future leaders with academic excellence, leadership skills, and character building in a dynamic environment.\n      <\/p>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n\n\/* ==========================================\n   MODERN HERO BANNER STYLES\n   ========================================== *\/\n\n.hps-banner-wrapper {\n  position: relative;\n  width: 100%;\n  min-height: 420px;\n  display: flex;\n  align-items: center;\n  overflow: hidden;\n  box-sizing: border-box;\n  font-family: 'Inter', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n}\n\n\/* Background Image Layer - Updated for perfect fit *\/\n.hps-banner-bg {\n  position: absolute;\n  inset: 0;\n  background-size: cover;\n  background-position: center center;\n  background-repeat: no-repeat;\n  z-index: 1;\n  transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);\n}\n\n.hps-banner-wrapper:hover .hps-banner-bg {\n  transform: scale(1.02);\n}\n\n\/* Dark Teal Overlay Gradient *\/\n.hps-banner-overlay {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(\n    90deg, \n    rgba(5, 53, 74, 0.92) 0%, \n    rgba(5, 53, 74, 0.78) 55%, \n    rgba(5, 53, 74, 0.45) 100%\n  );\n  z-index: 2;\n}\n\n\/* Container & Layout *\/\n.hps-banner-container {\n  position: relative;\n  z-index: 3;\n  width: 100%;\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 3rem 2rem;\n  box-sizing: border-box;\n}\n\n.hps-banner-content {\n  max-width: 680px;\n}\n\n\/* Pill Badges *\/\n.hps-banner-badges {\n  display: flex;\n  align-items: center;\n  gap: 0.6rem;\n  margin-bottom: 1.25rem;\n  flex-wrap: wrap;\n}\n\n.hps-badge {\n  display: inline-block;\n  padding: 0.35rem 0.9rem;\n  font-size: 0.725rem;\n  font-weight: 800;\n  letter-spacing: 0.05em;\n  text-transform: uppercase;\n  border-radius: 50px;\n  color: #ffffff;\n  line-height: 1;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);\n}\n\n.hps-badge-red {\n  background-color: #5f0c0c;\n  border: 1px solid rgba(255, 255, 255, 0.2);\n}\n\n.hps-badge-amber {\n  background-color: #ffb703;\n  color: #05354A;\n}\n\n\/* Typography *\/\n.hps-banner-title {\n  font-size: 2.75rem;\n  font-weight: 800;\n  color: #ffffff;\n  line-height: 1.15;\n  margin: 0 0 1rem 0;\n  letter-spacing: -0.02em;\n}\n\n.hps-text-highlight {\n  color: #00c3ff; \/* Cyan accent matching modern UI *\/\n}\n\n.hps-banner-subtext {\n  font-size: 1.05rem;\n  color: rgba(255, 255, 255, 0.88);\n  line-height: 1.55;\n  margin: 0;\n  font-weight: 400;\n  max-width: 580px;\n  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n\/* Responsive Media Queries *\/\n@media (max-width: 992px) {\n  .hps-banner-wrapper {\n    min-height: 380px;\n  }\n  .hps-banner-title {\n    font-size: 2.3rem;\n  }\n}\n\n@media (max-width: 768px) {\n  .hps-banner-wrapper {\n    min-height: 340px;\n  }\n  \n  .hps-banner-bg {\n    background-position: center center;\n  }\n  \n  .hps-banner-container {\n    padding: 2rem 1.25rem;\n  }\n  \n  .hps-banner-title {\n    font-size: 1.85rem;\n  }\n\n  .hps-banner-subtext {\n    font-size: 0.925rem;\n  }\n  \n  .hps-banner-overlay {\n    background: linear-gradient(\n      180deg, \n      rgba(5, 53, 74, 0.88) 0%, \n      rgba(5, 53, 74, 0.95) 100%\n    );\n  }\n}\n\n@media (max-width: 480px) {\n  .hps-banner-wrapper {\n    min-height: 320px;\n  }\n  .hps-banner-title {\n    font-size: 1.6rem;\n  }\n}\n<\/style>\n\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_792161421 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n}\n<\/style>\n\t<\/section>\n\t\n\t<div id=\"gap-1933144747\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1933144747 {\n  padding-top: 50px;\n}\n<\/style>\n\t<\/div>\n\t\n\n\n\t<section class=\"section hide-for-medium\" id=\"section_1863033148\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t<div class=\"section-bg-overlay absolute fill\"><\/div>\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<!-- EQUAL HEIGHT GRID CONTAINER -->\n<div class=\"hps-approach-container\">\n  \n  <!-- COLUMN 1: CONTENT CARD -->\n  <div class=\"hps-card hps-content-card\">\n    <div class=\"hps-card-border-left\"><\/div>\n    <div class=\"hps-card-inner\">\n      <div class=\"hps-badge-pill\">OUR METHODOLOGY<\/div>\n      <h2 class=\"hps-approach-title\">Our <span class=\"hps-text-maroon\">Approach<\/span><\/h2>\n      \n      <p class=\"hps-approach-text\">\n        At <strong>Habib Public High School<\/strong>, we are committed to providing our students with the best opportunities and to set them up for success after school. To ensure our students get a quality higher education, Habib Public High School follows the guidelines of the <strong>Agha Khan University Examination Board (AKU-EB)<\/strong>.\n      <\/p>\n      \n      <p class=\"hps-approach-text\">\n        Our college approach focuses on developing <strong>critical thinking<\/strong>, <strong>research skills<\/strong>, and <strong>independent learning<\/strong> through inquiry-based instruction and project work. We emphasize conceptual understanding and real-world application over rote learning. With personalized guidance, co-curricular engagement, and career counseling, we prepare students to become confident, responsible, and globally minded learners ready for higher education and beyond.\n      <\/p>\n    <\/div>\n  <\/div>\n\n  <!-- COLUMN 2: MEDIA CARD -->\n  <div class=\"hps-card hps-media-card\">\n    <div class=\"hps-media-inner\">\n      <img decoding=\"async\" src=\"https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-14-at-12.12.13-PM.jpeg\" alt=\"Habib Public High School - Our Approach\" class=\"hps-media-img\" loading=\"lazy\" \/>\n      <div class=\"hps-media-badge\">\n        <span class=\"hps-dot\"><\/span> INTERACTIVE LEARNING\n      <\/div>\n    <\/div>\n  <\/div>\n\n<\/div>\n\n<style>\n\/* ----------------------------------------------------\n   EQUAL HEIGHT GRID WRAPPER\n---------------------------------------------------- *\/\n.hps-approach-container {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: clamp(1.25rem, 3vw, 2rem);\n  align-items: stretch; \/* Both cards stretch to equal height *\/\n  width: 100%;\n  max-width: 1200px;\n  margin: 0 auto;\n  box-sizing: border-box;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n}\n\n\/* Base Card Styles *\/\n.hps-card {\n  position: relative;\n  background: #ffffff;\n  border-radius: 16px;\n  box-shadow: 0 10px 30px rgba(5, 53, 74, 0.05);\n  border: 1px solid rgba(226, 232, 240, 0.8);\n  box-sizing: border-box;\n  width: 100%;\n  height: 100%;\n}\n\n\/* ----------------------------------------------------\n   COLUMN 1: CONTENT CARD\n---------------------------------------------------- *\/\n.hps-content-card {\n  padding: 2.25rem 2.25rem 2.25rem 2.75rem;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  overflow: hidden;\n  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s ease;\n}\n\n.hps-content-card:hover {\n  transform: translateY(-4px);\n  box-shadow: 0 16px 35px rgba(5, 53, 74, 0.1);\n}\n\n.hps-card-border-left {\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  width: 6px;\n  background-color: #5f0c0c;\n  border-top-left-radius: 16px;\n  border-bottom-left-radius: 16px;\n  transition: background-color 0.3s ease;\n}\n\n.hps-content-card:hover .hps-card-border-left {\n  background-color: #00c3ff;\n}\n\n.hps-badge-pill {\n  display: inline-block;\n  align-self: flex-start;\n  padding: 0.35rem 0.85rem;\n  background-color: #e0f2fe;\n  color: #05354a;\n  font-size: 0.725rem;\n  font-weight: 800;\n  letter-spacing: 0.06em;\n  text-transform: uppercase;\n  border-radius: 50px;\n  border: 1px solid rgba(78, 190, 245, 0.3);\n  margin-bottom: 1rem;\n}\n\n.hps-approach-title {\n  font-size: clamp(1.65rem, 2.5vw, 2.25rem);\n  font-weight: 800;\n  color: #05354a;\n  margin: 0 0 1rem 0;\n  line-height: 1.25;\n  letter-spacing: -0.02em;\n}\n\n.hps-text-maroon {\n  color: #5f0c0c;\n}\n\n.hps-approach-text {\n  font-size: clamp(0.85rem, 1.1vw, 0.925rem);\n  color: #475569;\n  line-height: 1.65;\n  margin: 0 0 1rem 0;\n  font-weight: 400;\n}\n\n.hps-approach-text:last-child {\n  margin-bottom: 0;\n}\n\n.hps-approach-text strong {\n  color: #05354a;\n  font-weight: 700;\n}\n\n\/* ----------------------------------------------------\n   COLUMN 2: MEDIA CARD\n---------------------------------------------------- *\/\n.hps-media-card {\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s ease;\n}\n\n.hps-media-card:hover {\n  transform: translateY(-4px);\n  box-shadow: 0 16px 35px rgba(5, 53, 74, 0.1);\n}\n\n.hps-media-inner {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  min-height: 380px;\n  overflow: hidden;\n}\n\n.hps-media-img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.hps-media-card:hover .hps-media-img {\n  transform: scale(1.05);\n}\n\n.hps-media-badge {\n  position: absolute;\n  bottom: 1.25rem;\n  left: 1.25rem;\n  background-color: rgba(5, 53, 74, 0.88);\n  backdrop-filter: blur(8px);\n  -webkit-backdrop-filter: blur(8px);\n  color: #ffffff;\n  font-size: 0.725rem;\n  font-weight: 800;\n  letter-spacing: 0.05em;\n  padding: 0.5rem 0.95rem;\n  border-radius: 50px;\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  border: 1px solid rgba(255, 255, 255, 0.15);\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n  z-index: 2;\n}\n\n.hps-dot {\n  width: 8px;\n  height: 8px;\n  background-color: #ffb703;\n  border-radius: 50%;\n  display: inline-block;\n  box-shadow: 0 0 8px #ffb703;\n}\n\n\/* ----------------------------------------------------\n   RESPONSIVE MEDIA QUERIES\n---------------------------------------------------- *\/\n@media (max-width: 992px) {\n  .hps-approach-container {\n    grid-template-columns: 1fr; \/* Stacks vertically on tablets and mobile *\/\n    gap: 1.5rem;\n  }\n\n  .hps-content-card {\n    padding: 1.75rem 1.5rem 1.75rem 2rem;\n  }\n\n  .hps-media-inner {\n    min-height: auto;\n    aspect-ratio: 16 \/ 9; \/* Maintains nice visual ratio when stacked *\/\n  }\n}\n\n@media (max-width: 576px) {\n  .hps-content-card {\n    padding: 1.25rem 1rem 1.25rem 1.5rem;\n    border-radius: 12px;\n  }\n\n  .hps-card-border-left {\n    border-top-left-radius: 12px;\n    border-bottom-left-radius: 12px;\n  }\n\n  .hps-media-inner {\n    aspect-ratio: 4 \/ 3;\n  }\n\n  .hps-media-badge {\n    bottom: 0.85rem;\n    left: 0.85rem;\n  }\n}\n<\/style>\n\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1863033148 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n  background-color: rgb(247, 247, 247);\n}\n#section_1863033148 .section-bg-overlay {\n  background-color: rgba(255, 255, 255, 0.85);\n}\n<\/style>\n\t<\/section>\n\t\n\n\n\t<section class=\"section show-for-small\" id=\"section_1233101359\">\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<div class=\"row\"  id=\"row-644021416\">\n\n\n\t<div id=\"col-1137257087\" class=\"col medium-6 small-12 large-6\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\t<div class=\"img has-hover show-for-small x md-x lg-x y md-y lg-y\" id=\"image_1399056321\">\n\t\t\t\t\t\t<div data-animate=\"fadeInRight\">\t\t<div class=\"img-inner dark\" style=\"margin:0px 0px 0px 0px;\">\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"1066\" src=\"https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2024\/01\/WhatsApp-Image-2024-01-06-at-9.56.36-AM.jpeg\" class=\"attachment-original size-original\" alt=\"\" srcset=\"https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2024\/01\/WhatsApp-Image-2024-01-06-at-9.56.36-AM.jpeg 1600w, https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2024\/01\/WhatsApp-Image-2024-01-06-at-9.56.36-AM-1024x682.jpeg 1024w, https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2024\/01\/WhatsApp-Image-2024-01-06-at-9.56.36-AM-768x512.jpeg 768w, https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2024\/01\/WhatsApp-Image-2024-01-06-at-9.56.36-AM-391x260.jpeg 391w, https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2024\/01\/WhatsApp-Image-2024-01-06-at-9.56.36-AM-1536x1023.jpeg 1536w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t<\/div>\t\t\t\t\t\t\n<style>\n#image_1399056321 {\n  width: 100%;\n}\n@media (min-width:550px) {\n  #image_1399056321 {\n    width: 100%;\n  }\n}\n<\/style>\n\t<\/div>\n\t\n\n\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-1137257087 > .col-inner {\n  margin: 0px 0px -60px 0px;\n}\n<\/style>\n\t<\/div>\n\n\t\n\n\t<div id=\"col-876101238\" class=\"col medium-6 small-12 large-6\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n\n<div class=\"hgs__LeftAligned--Text hgs__Admission hgs__Pre-Primary\">\n<h1>Our Approach<\/h1>\n\n<p>At Habib Public High School, we are committed to providing our students with the best opportunities and to set them up for success after school. To ensure our students get a quality higher education, Habib Public High School follows the guidelines of the Agha Khan University Examination Board (AKU-EB). The AKU-EB certificate was introduced at HPS in 2007 and has been in full implementation since 2008. What makes the AKU-EB curriculum stand out from other programs is its unique focus on conceptual learning and development of students\u2019 critical thinking skills. Students who pass the AKU-EB certification are eager to take on the challenge of developing their problem solving and analytical skills in unique ways.<\/p>\n<\/div>\n\n\t<div id=\"gap-627490142\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-627490142 {\n  padding-top: 20px;\n}\n<\/style>\n\t<\/div>\n\t\n\n<a class=\"button primary lowercase redButton hidden\" >\n\t\t<span>Learn More<\/span>\n\t<\/a>\n\n\n\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-876101238 > .col-inner {\n  margin: 0px 0px -15px 0px;\n}\n<\/style>\n\t<\/div>\n\n\t\n\n\n<style>\n#row-644021416 > .col > .col-inner {\n  padding: 50px 0px 20px 0px;\n}\n<\/style>\n<\/div>\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1233101359 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n}\n<\/style>\n\t<\/section>\n\t\n\t<div id=\"gap-1570695509\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1570695509 {\n  padding-top: 30px;\n}\n<\/style>\n\t<\/div>\n\t\n\n\n\t<section class=\"section\" id=\"section_69523054\">\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<!-- ADMISSION PROCEDURE SECTION (COMPACT & REDIRECT READY) -->\n<section class=\"hps-prc-section\">\n  <div class=\"hps-prc-container\">\n    \n    <div class=\"hps-prc-header\">\n      <span class=\"hps-prc-sub\">Habib Public High School (affiliated with AKU-EB)<\/span>\n      <h2 class=\"hps-prc-heading\">Admission <span class=\"hps-prc-red\">Procedure<\/span><\/h2>\n      <p class=\"hps-prc-subtitle\">Session 2027-28 | Class XI (Intermediate)<\/p>\n    <\/div>\n\n    <div class=\"hps-prc-grid\">\n      \n      <!-- Step 01 -->\n      <div class=\"hps-prc-card\">\n        <div class=\"hps-prc-content\">\n          <div class=\"hps-prc-num\">01<\/div>\n          <h4>Eligibility<\/h4>\n          <p><small>A minimum of 70% or an equivalent result in Matric\/O-Levels<\/small><\/p>\n          <p><small>Below 70% or an equivalent result in Matric\/O-Levels. They can submit a Reconsideration Application<\/small><\/p>\n        <\/div>\n        <a href=\"https:\/\/habibschools.edu.pk\/hps\/admissions\/habib-public-high-school\/eligibility-criteria-higher-secondary\/\" class=\"hps-prc-btn\">Check Criteria &rarr;<\/a>\n      <\/div>\n\n      <!-- Step 02 -->\n      <div class=\"hps-prc-card hps-prc-card-active\">\n        <div class=\"hps-prc-content\">\n          <div class=\"hps-prc-num\">02<\/div>\n          <h4>Registration<\/h4>\n          <p class=\"hps-prc-open\">Grade 11 Admissions Open<\/p>\n          <small>Early Bird discount: Avail 20% off on registration from 20th Oct 2026 until 1st Jan 2027.<\/small>\n          <p><small>Both Online and Physical Registration Options Available<\/small><\/p>\n        <\/div>\n        <a href=\"https:\/\/habibschools.edu.pk\/hps\/admissions\/habib-public-high-school\/registration-procedure-hps-college\/\" class=\"hps-prc-btn hps-prc-btn-highlight\">Apply Now &rarr;<\/a>\n      <\/div>\n\n      <!-- Step 03 -->\n      <div class=\"hps-prc-card\">\n        <div class=\"hps-prc-content\">\n          <div class=\"hps-prc-num\">03<\/div>\n          <h4>Assessment &#038; Guide<\/h4>\n          <p><small>Student&#8217;s Psychological Assessment and Interview Dates:<\/small><\/p>\n          <p><small>(Batch 1): 9th Jan 2027<\/small><\/p>\n          <p><small>(Batch 2): 30th Jan 2027<\/small><\/p>\n          <p><\/p>\n          <p><small>Download Guide<\/small><\/p>\n        <\/div>\n        <a href=\"https:\/\/habibschools.edu.pk\/hps\/admissions\/habib-public-high-school\/entrance-assessment\/\" class=\"hps-prc-btn\">Assessment info &rarr; <\/a>\n      <\/div>\n\n      <!-- Step 04 -->\n      <div class=\"hps-prc-card\">\n        <div class=\"hps-prc-content\">\n          <div class=\"hps-prc-num\">04<\/div>\n          <h4>Final Selection<\/h4>\n          <p><small>The final selection of candidates for admission will be based on the applicant\u2019s performance in the Entrance Assessment.<\/small><\/p>\n          <p><small>Result will be shared via email within one week of assessment.<\/small><\/p>\n        <\/div>\n        <a href=\"https:\/\/habibschools.edu.pk\/hps\/admissions\/habib-public-high-school\/final-selection\/\" class=\"hps-prc-btn\">Final Selection info &rarr;<\/a>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n:root {\n  --hps-prc-base: #ffffff;\n  --hps-prc-main: #5f0c0c;\n  --hps-prc-navy: #05354a;\n  --hps-prc-green: #148945;\n  --hps-prc-border: #e2e8f0;\n}\n\n.hps-prc-section {\n  padding: 3.5rem 0;\n  background-color: #ffffff;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n}\n\n.hps-prc-container {\n  max-width: 1180px;\n  margin: 0 auto;\n  padding: 0 1.25rem;\n  box-sizing: border-box;\n}\n\n.hps-prc-header {\n  text-align: center;\n  margin-bottom: 2.5rem;\n}\n\n.hps-prc-sub {\n  font-size: 0.75rem;\n  font-weight: 700;\n  text-transform: uppercase;\n  color: var(--hps-prc-main);\n  letter-spacing: 0.05em;\n  display: block;\n  margin-bottom: 0.3rem;\n}\n\n.hps-prc-heading {\n  font-size: 2rem;\n  font-weight: 800;\n  color: var(--hps-prc-navy);\n  margin: 0;\n}\n\n.hps-prc-red { color: var(--hps-prc-main); }\n\n.hps-prc-subtitle {\n  font-size: 0.875rem;\n  font-weight: 500;\n  color: #64748b;\n  margin-top: 0.4rem;\n}\n\n.hps-prc-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 1.25rem;\n  align-items: stretch;\n}\n\n.hps-prc-card {\n  background-color: var(--hps-prc-base);\n  padding: 1.5rem 1.25rem;\n  border-top: 3px solid #cbd5e1;\n  border-radius: 6px;\n  border-left: 1px solid var(--hps-prc-border);\n  border-right: 1px solid var(--hps-prc-border);\n  border-bottom: 1px solid var(--hps-prc-border);\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  box-sizing: border-box;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n  height: 100%;\n}\n\n.hps-prc-card:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.04);\n}\n\n.hps-prc-card-active { border-top-color: var(--hps-prc-green); }\n\n.hps-prc-content {\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n}\n\n.hps-prc-num {\n  font-size: 1.5rem;\n  font-weight: 800;\n  color: #94a3b8;\n  opacity: 0.5;\n  line-height: 1;\n  margin-bottom: 0.75rem;\n}\n\n.hps-prc-card h4 {\n  margin: 0 0 0.5rem 0;\n  font-size: 1.05rem;\n  font-weight: 700;\n  color: var(--hps-prc-navy);\n}\n\n.hps-prc-card p {\n  font-size: 0.82rem;\n  color: #475569;\n  margin: 0 0 0.3rem 0;\n  line-height: 1.5;\n}\n\n.hps-prc-card small {\n  display: block;\n  font-size: 0.72rem;\n  color: #475569;\n  margin-top: 0.5rem;\n  line-height: 1.4;\n}\n\n.hps-prc-card p strong { color: var(--hps-prc-navy); }\n\n\/* Admission Open Indicator Style *\/\n.hps-prc-open {\n  color: var(--hps-prc-green) !important;\n  font-weight: 700;\n}\n\n.hps-prc-btn {\n  display: inline-block;\n  width: 100%;\n  text-align: center;\n  background-color: var(--hps-prc-navy);\n  color: var(--hps-prc-base);\n  font-size: 0.8rem;\n  font-weight: 600;\n  padding: 0.65rem 0.5rem;\n  border-radius: 4px;\n  text-decoration: none;\n  box-sizing: border-box;\n  margin-top: 1.5rem;\n  transition: background-color 0.2s ease;\n  flex-shrink: 0;\n}\n\n.hps-prc-btn:hover { \n  background-color: var(--hps-prc-main); \n  color: #ffffff;\n}\n\n.hps-prc-btn-highlight { \n  background-color: var(--hps-prc-green) !important; \n  color: var(--hps-prc-base) !important; \n}\n.hps-prc-btn-highlight:hover {\n  background-color: var(--hps-prc-navy) !important;\n}\n\n@media (max-width: 1024px) {\n  .hps-prc-grid { grid-template-columns: repeat(2, 1fr); }\n}\n\n@media (max-width: 600px) {\n  .hps-prc-grid { grid-template-columns: 1fr; }\n}\n<\/style>\n\n\n\n<!-- BANNER \/ HERO SECTION (PEHLE SECTION KI TARAH DESIGNED) -->\n<section class=\"hps-hero-section\">\n  <div class=\"hps-hero-container\">\n    <div class=\"hps-hero-card\">\n      <img decoding=\"async\" \n        src=\"https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2025\/07\/Tourism-e1760414945625.jpg\" \n        alt=\"College Section - Habib Public School\" \n        class=\"hps-hero-img\"\n      \/>\n      <!-- Image Overlay Badge (Pehle Section Ki Tarah) -->\n      <div class=\"hps-hero-badge\">\n        <h3>College Section<\/h3>\n        <p>Habib Public School<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n\/* HERO \/ BANNER SECTION STYLES *\/\n.hps-hero-section {\n  background-color: #05354A;\n  padding: 3rem 1.5rem;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.hps-hero-container {\n  max-width: 1200px;\n  width: 100%;\n  margin: 0 auto;\n}\n\n.hps-hero-card {\n  position: relative;\n  width: 100%;\n  border-radius: 16px;\n  overflow: hidden;\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);\n  border: 1px solid rgba(255, 255, 255, 0.1);\n}\n\n.hps-hero-img {\n  width: 100%;\n  height: 480px;\n  object-fit: cover;\n  object-position: center;\n  display: block;\n}\n\n\/* OVERLAY BADGE STYLES *\/\n.hps-hero-badge {\n  position: absolute;\n  bottom: 24px;\n  left: 24px;\n  background: rgba(5, 53, 74, 0.85);\n  backdrop-filter: blur(8px);\n  -webkit-backdrop-filter: blur(8px);\n  padding: 1rem 1.5rem;\n  border-radius: 8px;\n  border-left: 4px solid #00c3ff;\n  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\n}\n\n.hps-hero-badge h3 {\n  color: #00c3ff;\n  font-size: 1.1rem;\n  font-weight: 800;\n  margin: 0 0 0.2rem 0;\n  text-transform: capitalize;\n}\n\n.hps-hero-badge p {\n  color: #ffffff;\n  font-size: 0.85rem;\n  margin: 0;\n  font-weight: 600;\n}\n\n\/* RESPONSIVE MEDIA QUERIES *\/\n@media (max-width: 768px) {\n  .hps-hero-section {\n    padding: 1.5rem 1rem;\n  }\n\n  .hps-hero-img {\n    height: 300px;\n  }\n\n  .hps-hero-badge {\n    bottom: 12px;\n    left: 12px;\n    padding: 0.75rem 1rem;\n  }\n\n  .hps-hero-badge h3 {\n    font-size: 0.95rem;\n  }\n\n  .hps-hero-badge p {\n    font-size: 0.75rem;\n  }\n}\n<\/style>\n\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_69523054 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n}\n<\/style>\n\t<\/section>\n\t\n\t<div id=\"gap-805313625\" class=\"gap-element clearfix hidden\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-805313625 {\n  padding-top: 30px;\n}\n<\/style>\n\t<\/div>\n\t\n\n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":4,"featured_media":0,"parent":12748,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-blank.php","meta":{"footnotes":""},"class_list":["post-12825","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/habibschools.edu.pk\/hps\/wp-json\/wp\/v2\/pages\/12825","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/habibschools.edu.pk\/hps\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/habibschools.edu.pk\/hps\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/habibschools.edu.pk\/hps\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/habibschools.edu.pk\/hps\/wp-json\/wp\/v2\/comments?post=12825"}],"version-history":[{"count":52,"href":"https:\/\/habibschools.edu.pk\/hps\/wp-json\/wp\/v2\/pages\/12825\/revisions"}],"predecessor-version":[{"id":13380,"href":"https:\/\/habibschools.edu.pk\/hps\/wp-json\/wp\/v2\/pages\/12825\/revisions\/13380"}],"up":[{"embeddable":true,"href":"https:\/\/habibschools.edu.pk\/hps\/wp-json\/wp\/v2\/pages\/12748"}],"wp:attachment":[{"href":"https:\/\/habibschools.edu.pk\/hps\/wp-json\/wp\/v2\/media?parent=12825"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}