{"id":12748,"date":"2026-10-05T10:17:09","date_gmt":"2026-10-05T10:17:09","guid":{"rendered":"https:\/\/habibschools.edu.pk\/hps\/?page_id=12748"},"modified":"2026-10-19T14:10:47","modified_gmt":"2026-10-19T14:10:47","slug":"admissions","status":"publish","type":"page","link":"https:\/\/habibschools.edu.pk\/hps\/admissions\/","title":{"rendered":"Admissions HPS"},"content":{"rendered":"\n\n\t<section class=\"section hide-for-small\" id=\"section_1217883911\">\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 row-collapse align-middle\"  id=\"row-1288259535\">\n\n\n\t<div id=\"col-1331119224\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n<nav aria-label=\"breadcrumbs\">\n            <div class=\"breadcrumb-container theme1\">\n                <ol>\n                                    <\/ol>\n            <\/div>\n        <\/nav>    <script type=\"application\/ld+json\">\n        {\n            \"@context\": \"http:\/\/schema.org\",\n            \"@type\": \"BreadcrumbList\",\n            \"itemListElement\": [\n                            ]\n        }\n    <\/script>\n   \n    <script>\n            <\/script>\n\n\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-1331119224 > .col-inner {\n  padding: 10px 0px 10px 0px;\n}\n<\/style>\n\t<\/div>\n\n\t\n\n<\/div>\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1217883911 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n  background-color: rgb(55, 63, 65);\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section\" id=\"section_1963046446\">\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<!-- Modern Simple Top Banner (No Border-Radius) -->\n<div class=\"hps-simple-hero\">\n  <!-- Background Image Layer -->\n  <div class=\"hps-hero-bg\" style=\"background-image: url('https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2026\/10\/DSC01289-scaled.jpg');\"><\/div>\n  \n  <!-- Subtle Gradient Overlay -->\n  <div class=\"hps-hero-overlay\"><\/div>\n\n  <!-- Banner Content -->\n  <div class=\"hps-hero-content\">\n    <div class=\"hps-pill-badge\">\n      <span class=\"badge-dot\"><\/span>\n      <span class=\"badge-text\">ADMISSIONS<\/span>\n    <\/div>\n\n    <h1 class=\"hps-hero-title\">\n      Become a <span class=\"highlight-gold\">Habibian<\/span>\n    <\/h1>\n\n    <p class=\"hps-hero-subtext\">\n      Nurturing academic excellence, moral values, and leadership for a brighter future.\n    <\/p>\n  <\/div>\n<\/div>\n\n<style>\n\/* Design System Tokens *\/\n:root {\n  --hps-maroon: #5f0c0c;\n  --hps-gold: #FFB100;\n  --hps-navy: #05354A;\n  --hps-cyan: #4EBEF5;\n}\n\n\/* Banner Outer Wrapper *\/\n.hps-simple-hero {\n  position: relative;\n  width: 100%;\n  min-height: 420px;\n  height: 50vh;\n  max-height: 550px;\n  border-radius: 0 !important;\n  overflow: hidden;\n  display: flex;\n  align-items: flex-end;\n  box-shadow: none;\n  border: none;\n  box-sizing: border-box;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n}\n\n\/* Background Image Layer - Bottom Aligned to prevent cutting students *\/\n.hps-hero-bg {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  background-size: cover;\n  background-repeat: no-repeat;\n  background-position: center bottom; \/* Always focuses on bottom where students are sitting *\/\n  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.hps-simple-hero:hover .hps-hero-bg {\n  transform: scale(1.02);\n}\n\n\/* Smooth Gradient Overlay *\/\n.hps-hero-overlay {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(\n    180deg,\n    rgba(5, 53, 74, 0.15) 0%,\n    rgba(5, 53, 74, 0.5) 50%,\n    rgba(5, 53, 74, 0.88) 100%\n  );\n  z-index: 1;\n}\n\n\/* Content Box *\/\n.hps-hero-content {\n  position: relative;\n  z-index: 2;\n  width: 100%;\n  max-width: 850px;\n  padding: 2.5rem 3rem;\n  box-sizing: border-box;\n}\n\n\/* Pill Tag Badge *\/\n.hps-pill-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.5rem;\n  background: rgba(255, 177, 0, 0.2);\n  border: 1px solid rgba(255, 177, 0, 0.4);\n  backdrop-filter: blur(8px);\n  -webkit-backdrop-filter: blur(8px);\n  padding: 0.3rem 0.8rem;\n  border-radius: 30px;\n  margin-bottom: 0.75rem;\n}\n\n.badge-dot {\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: var(--hps-gold);\n  box-shadow: 0 0 8px var(--hps-gold);\n}\n\n.badge-text {\n  font-size: 0.72rem;\n  font-weight: 800;\n  letter-spacing: 0.08em;\n  color: #FFFFFF;\n  text-transform: uppercase;\n}\n\n\/* Title Hierarchy *\/\n.hps-hero-title {\n  font-size: clamp(2.2rem, 4vw, 3.2rem);\n  font-weight: 800;\n  color: #FFFFFF;\n  line-height: 1.15;\n  margin: 0 0 0.5rem 0;\n  letter-spacing: -0.02em;\n  text-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);\n}\n\n.highlight-gold {\n  color: var(--hps-gold);\n  background: linear-gradient(180deg, #FFD066 0%, #FFB100 100%);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  display: inline-block;\n}\n\n\/* Short Paragraph Text *\/\n.hps-hero-subtext {\n  font-size: clamp(0.9rem, 1.5vw, 1.05rem);\n  line-height: 1.5;\n  color: rgba(255, 255, 255, 0.9);\n  margin: 0;\n  max-width: 620px;\n  font-weight: 400;\n  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);\n}\n\n\/* Responsive Breakpoints & Image Adjustments *\/\n@media (max-width: 768px) {\n  .hps-simple-hero {\n    min-height: 360px;\n    height: 45vh;\n  }\n\n  .hps-hero-bg {\n    background-position: center bottom;\n  }\n\n  .hps-hero-content {\n    padding: 1.75rem 1.5rem;\n  }\n}\n\n@media (max-width: 480px) {\n  .hps-simple-hero {\n    min-height: 320px;\n  }\n\n  .hps-hero-bg {\n    background-position: center bottom;\n  }\n\n  .hps-hero-content {\n    padding: 1.25rem 1rem;\n  }\n\n  .hps-pill-badge {\n    padding: 0.25rem 0.65rem;\n    margin-bottom: 0.5rem;\n  }\n\n  .badge-text {\n    font-size: 0.65rem;\n  }\n}\n<\/style>\n\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1963046446 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n}\n<\/style>\n\t<\/section>\n\t\n<span class=\"scroll-to\" data-label=\"Scroll to: #tips\" data-bullet=\"false\" data-link=\"#tips\" data-title=\"tips\"><a name=\"tips\"><\/a><\/span>\n\n\n\t<section class=\"section learning-academics-sec\" id=\"section_86340698\">\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\t<div id=\"gap-1913336177\" class=\"gap-element clearfix hidden\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1913336177 {\n  padding-top: 50px;\n}\n<\/style>\n\t<\/div>\n\t\n\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_86340698 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section\" id=\"section_556501960\">\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<div class=\"row row-large row-full-width align-equal\"  id=\"row-435748405\">\n\n\n\t<div id=\"col-1769232036\" class=\"col medium-6 small-12 large-6\"  data-animate=\"fadeInLeft\">\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\t<div id=\"gap-1072352723\" class=\"gap-element clearfix show-for-small\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1072352723 {\n  padding-top: 30px;\n}\n<\/style>\n\t<\/div>\n\t\n\n\n\n<!-- Fully Responsive Modern Media Component -->\n<div class=\"hps-media-wrapper\">\n  <div class=\"hps-media-card\">\n    <img decoding=\"async\" \n      src=\"https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2023\/12\/IMG20230821135524-scaled.jpg\" \n      alt=\"Habib Public School Classroom\" \n      class=\"hps-classroom-img\" \n      loading=\"lazy\" \n    \/>\n    \n    <!-- Visual Gradient & Glass Overlays -->\n    <div class=\"hps-media-overlay\"><\/div>\n\n    <!-- Floating Accent Badge -->\n    <div class=\"hps-media-badge\">\n      <div class=\"badge-icon\">\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <path d=\"M22 10v6M2 10l10-5 10 5-10 5z\"><\/path>\n          <path d=\"M6 12v5c3 3 9 3 12 0v-5\"><\/path>\n        <\/svg>\n      <\/div>\n      <div class=\"badge-details\">\n        <span class=\"badge-lbl\">ACADEMIC PATHWAY<\/span>\n        <span class=\"badge-num\">Grade 1 \u2013 12<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n\/* Design System Variables *\/\n:root {\n  --hps-maroon: #5f0c0c;\n  --hps-gold: #FFB100;\n  --hps-navy: #05354A;\n  --hps-cyan: #4EBEF5;\n}\n\n\/* Container Structure *\/\n.hps-media-wrapper {\n  position: relative;\n  width: 100%;\n  max-width: 100%;\n  box-sizing: border-box;\n}\n\n.hps-media-card {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  aspect-ratio: 4 \/ 4.5;\n  border-radius: 20px;\n  overflow: hidden;\n  border: 1px solid rgba(5, 53, 74, 0.12);\n  box-shadow: 0 12px 32px rgba(5, 53, 74, 0.1);\n  background: #05354A;\n  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.hps-media-card:hover {\n  transform: translateY(-6px);\n  box-shadow: 0 22px 45px rgba(5, 53, 74, 0.18);\n  border-color: var(--hps-cyan);\n}\n\n\/* Responsive Image & Scale FX *\/\n.hps-classroom-img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n  display: block;\n  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.hps-media-card:hover .hps-classroom-img {\n  transform: scale(1.06);\n}\n\n\/* Gradient Overlay *\/\n.hps-media-overlay {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(180deg, rgba(5, 53, 74, 0.1) 0%, rgba(5, 53, 74, 0.6) 100%);\n  pointer-events: none;\n  z-index: 1;\n}\n\n\/* Glassmorphism Badge Overlay *\/\n.hps-media-badge {\n  position: absolute;\n  bottom: 20px;\n  left: 20px;\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n  background: rgba(95, 12, 12, 0.88);\n  backdrop-filter: blur(8px);\n  -webkit-backdrop-filter: blur(8px);\n  color: #ffffff;\n  padding: 0.75rem 1.15rem;\n  border-radius: 14px;\n  border: 1px solid rgba(255, 255, 255, 0.18);\n  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);\n  z-index: 2;\n  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.hps-media-card:hover .hps-media-badge {\n  background: rgba(5, 53, 74, 0.92);\n  border-color: var(--hps-cyan);\n}\n\n.badge-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 36px;\n  height: 36px;\n  border-radius: 10px;\n  background: rgba(255, 177, 0, 0.2);\n  color: var(--hps-gold);\n  flex-shrink: 0;\n}\n\n.badge-details {\n  display: flex;\n  flex-direction: column;\n}\n\n.hps-media-badge .badge-lbl {\n  font-size: 0.68rem;\n  font-weight: 800;\n  color: var(--hps-gold);\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  margin-bottom: 0.15rem;\n}\n\n.hps-media-badge .badge-num {\n  display: block;\n  font-size: 0.98rem;\n  font-weight: 800;\n  color: #ffffff;\n  line-height: 1.2;\n}\n\n\/* Breakpoint Strategy for Universal Responsiveness *\/\n@media (max-width: 1200px) {\n  .hps-media-card {\n    aspect-ratio: 4 \/ 3.8;\n  }\n}\n\n@media (max-width: 992px) {\n  .hps-media-card {\n    aspect-ratio: 16 \/ 10;\n  }\n}\n\n@media (max-width: 576px) {\n  .hps-media-card {\n    aspect-ratio: 16 \/ 11;\n    border-radius: 16px;\n  }\n\n  .hps-media-badge {\n    bottom: 14px;\n    left: 14px;\n    padding: 0.6rem 0.9rem;\n    gap: 0.6rem;\n    border-radius: 10px;\n  }\n\n  .badge-icon {\n    width: 30px;\n    height: 30px;\n  }\n\n  .badge-icon svg {\n    width: 15px;\n    height: 15px;\n  }\n\n  .hps-media-badge .badge-lbl {\n    font-size: 0.6rem;\n  }\n\n  .hps-media-badge .badge-num {\n    font-size: 0.85rem;\n  }\n}\n<\/style>\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1471512459\" class=\"col medium-6 small-12 large-6\"  data-animate=\"fadeInRight\">\n\t\t\t\t<div class=\"col-inner text-left\"  >\n\t\t\t\n\t\t\t\n\n\n\n<!-- Admissions Overview Content Block -->\n<div class=\"hps-content-wrapper\">\n  \n  <div class=\"hps-pill-tag\">\n    <span class=\"tag-dot\"><\/span>\n    <span class=\"tag-text\">ADMISSIONS OVERVIEW<\/span>\n  <\/div>\n\n  <h2 class=\"hps-overview-title\">\n    Academic Streams and <span>Admission Overview<\/span>\n  <\/h2>\n\n  <p class=\"hps-lead-text\">\n    Join one of Karachi&#8217;s best schools committed to nurturing excellence in every student.\n  <\/p>\n\n  <p class=\"hps-body-text\">\n    At <strong>Habib Public School<\/strong>, schooling begins from <strong>Grade ONE<\/strong>, welcoming children between the ages of <strong>5.5 and 6.5 years<\/strong>. Our curriculum focuses on nurturing young minds, promoting creativity, and encouraging lifelong learning.\n  <\/p>\n\n  <p class=\"hps-body-text hps-streams-intro\">\n    To cater to diverse learning needs and offer students a competitive advantage, we provide two academic streams:\n  <\/p>\n\n  <div class=\"hps-streams-grid\">\n    <div class=\"hps-stream-card stream-o-level\">\n      <div class=\"stream-icon-box\">\n        <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <path d=\"M22 10v6M2 10l10-5 10 5-10 5z\"><\/path>\n          <path d=\"M6 12v5c3 3 9 3 12 0v-5\"><\/path>\n        <\/svg>\n      <\/div>\n      <div class=\"stream-info\">\n        <h4 class=\"stream-title\">O Level Cambridge<\/h4>\n        <p class=\"stream-desc\">Cambridge Assessment International Education (CAIE)<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"hps-stream-card stream-matric\">\n      <div class=\"stream-icon-box\">\n        <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <path d=\"M4 19.5A2.5 2.5 0 0 1 6.5 17H20\"><\/path>\n          <path d=\"M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z\"><\/path>\n        <\/svg>\n      <\/div>\n      <div class=\"stream-info\">\n        <h4 class=\"stream-title\">Aga khan board<\/h4>\n        <p class=\"stream-desc\">Aga Khan University Examination Board (AKU-EB)<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <p class=\"hps-body-text hps-footer-text\">\n    Students make their choice of examination board at the end of <strong>Class V<\/strong>. Our institution also includes <strong>Habib Public High School (Grade 11-12)<\/strong>, affiliated with AKU-EB. Additionally, <strong>Lateral Admissions<\/strong> to other grades are available based on seat availability.\n  <\/p>\n\n<\/div>\n\n<style>\n\/* Color Palette Variables *\/\n:root {\n  --hps-maroon: #5f0c0c;\n  --hps-gold: #FFB100;\n  --hps-navy: #05354A;\n  --hps-cyan: #4EBEF5;\n  --hps-green: #148945;\n  --hps-card-bg: #FFFFFF;\n  --hps-text-main: #1E293B;\n  --hps-text-sub: #475569;\n}\n\n\/* Base Container *\/\n.hps-content-wrapper {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n\/* Pill Badge Accent *\/\n.hps-pill-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.5rem;\n  background: rgba(78, 190, 245, 0.12);\n  border: 1px solid rgba(78, 190, 245, 0.35);\n  padding: 0.38rem 0.9rem;\n  border-radius: 30px;\n  margin-bottom: 1.1rem;\n}\n\n.hps-pill-tag .tag-dot {\n  width: 7px;\n  height: 7px;\n  border-radius: 50%;\n  background-color: var(--hps-green);\n}\n\n.hps-pill-tag .tag-text {\n  font-size: 0.73rem;\n  font-weight: 800;\n  letter-spacing: 0.08em;\n  color: var(--hps-navy);\n}\n\n\/* Main Heading Typography Hierarchy *\/\n.hps-overview-title {\n  font-size: clamp(1.85rem, 2.8vw, 2.35rem);\n  font-weight: 800;\n  line-height: 1.25;\n  color: var(--hps-maroon);\n  margin: 0 0 1rem 0;\n  letter-spacing: -0.015em;\n}\n\n.hps-overview-title span {\n  color: var(--hps-gold);\n  background: linear-gradient(180deg, var(--hps-gold) 0%, #e69d00 100%);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  display: inline-block;\n}\n\n\/* Body Text Styling *\/\n.hps-lead-text {\n  font-size: 1.08rem;\n  line-height: 1.6;\n  color: var(--hps-navy);\n  font-weight: 700;\n  margin: 0 0 1.1rem 0;\n  padding-left: 0.85rem;\n  border-left: 3px solid var(--hps-cyan);\n}\n\n.hps-body-text {\n  font-size: 0.96rem;\n  line-height: 1.75;\n  color: var(--hps-text-sub);\n  margin: 0 0 1.1rem 0;\n}\n\n.hps-body-text strong {\n  color: var(--hps-maroon);\n  font-weight: 700;\n}\n\n.hps-streams-intro {\n  margin-bottom: 1.25rem;\n}\n\n\/* Stream Grid & Interactive Cards *\/\n.hps-streams-grid {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1.1rem;\n  width: 100%;\n  margin-bottom: 1.6rem;\n}\n\n.hps-stream-card {\n  display: flex;\n  align-items: center;\n  gap: 0.95rem;\n  padding: 1.2rem 1.1rem;\n  background: var(--hps-card-bg);\n  border-radius: 16px;\n  border: 1.5px solid rgba(5, 53, 74, 0.12);\n  box-shadow: 0 6px 18px rgba(5, 53, 74, 0.05);\n  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.hps-stream-card:hover {\n  transform: translateY(-4px);\n  border-color: var(--hps-cyan);\n  box-shadow: 0 12px 28px rgba(78, 190, 245, 0.18);\n}\n\n\/* Stream Icon Theme Accent *\/\n.stream-o-level .stream-icon-box {\n  background: rgba(95, 12, 12, 0.1);\n  color: var(--hps-maroon);\n}\n\n.stream-matric .stream-icon-box {\n  background: rgba(255, 177, 0, 0.15);\n  color: #c98800;\n}\n\n.stream-icon-box {\n  width: 44px;\n  height: 44px;\n  border-radius: 12px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  transition: transform 0.3s ease;\n}\n\n.hps-stream-card:hover .stream-icon-box {\n  transform: scale(1.08);\n}\n\n.stream-info {\n  display: flex;\n  flex-direction: column;\n}\n\n.stream-title {\n  font-size: 1rem;\n  font-weight: 800;\n  color: var(--hps-navy);\n  margin: 0 0 0.25rem 0;\n}\n\n.stream-desc {\n  font-size: 0.82rem;\n  color: var(--hps-text-sub);\n  line-height: 1.4;\n  margin: 0;\n}\n\n.hps-footer-text {\n  margin-bottom: 0;\n}\n\n\/* Responsive Media Query Breakpoints *\/\n@media (max-width: 768px) {\n  .hps-streams-grid {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 0.85rem;\n  }\n}\n\n@media (max-width: 580px) {\n  .hps-streams-grid {\n    grid-template-columns: 1fr;\n  }\n  \n  .hps-stream-card {\n    padding: 1rem;\n  }\n}\n<\/style>\n\n\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-1471512459 > .col-inner {\n  max-width: 700px;\n}\n<\/style>\n\t<\/div>\n\n\t\n\n<\/div>\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_556501960 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n  background-color: rgb(247, 247, 247);\n}\n#section_556501960 .section-bg-overlay {\n  background-color: rgba(255, 255, 255, 0.85);\n}\n<\/style>\n\t<\/section>\n\t\n<div class=\"row align-middle align-center\"  id=\"row-1372821174\">\n\n\n\t<div id=\"col-244871720\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner text-center\"  >\n\t\t\t\n\t\t\t\n\n\t<div id=\"gap-605228325\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-605228325 {\n  padding-top: 40px;\n}\n<\/style>\n\t<\/div>\n\t\n\n\n\n<!-- Modern Application Process & Next Steps Heading Component -->\n<div class=\"hps-process-header\">\n  <div class=\"hps-process-tag\">\n    <span class=\"tag-dot\"><\/span>\n    <span class=\"tag-text\">ADMISSION GUIDELINES<\/span>\n  <\/div>\n  <h2 class=\"hps-process-title\">\n    Application Process <span>&#038; Next Steps<\/span>\n  <\/h2>\n  <div class=\"hps-process-divider\"><\/div>\n<\/div>\n\n<style>\n\/* ==========================================================================\n   Modern Application Process Heading Styling\n   ========================================================================== *\/\n\n.hps-process-header {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  margin: 2.5rem 0 1.5rem 0;\n  padding: 0 1rem;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n  box-sizing: border-box;\n}\n\n.hps-process-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.5rem;\n  background: rgba(95, 12, 12, 0.05);\n  border: 1px solid rgba(95, 12, 12, 0.15);\n  padding: 0.35rem 0.9rem;\n  border-radius: 30px;\n  margin-bottom: 0.85rem;\n}\n\n.hps-process-tag .tag-dot {\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background-color: #5f0c0c;\n}\n\n.hps-process-tag .tag-text {\n  font-size: 0.72rem;\n  font-weight: 800;\n  letter-spacing: 0.08em;\n  color: #5f0c0c;\n  text-transform: uppercase;\n}\n\n.hps-process-title {\n  font-size: clamp(1.8rem, 3vw, 2.5rem);\n  font-weight: 800;\n  line-height: 1.25;\n  color: #5f0c0c;\n  margin: 0;\n  letter-spacing: -0.01em;\n}\n\n.hps-process-title span {\n  color: #05354a;\n  display: inline-block;\n}\n\n.hps-process-divider {\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, #5f0c0c 0%, #05354a 100%);\n  border-radius: 2px;\n  margin-top: 1rem;\n}\n\n\/* Responsive Scaling *\/\n@media (max-width: 600px) {\n  .hps-process-header {\n    margin: 1.8rem 0 1rem 0;\n  }\n}\n<\/style>\n\n\t<div id=\"text-647695706\" class=\"text\">\n\t\t\n\n<p>At Habib Public School Karachi, we believe every child\u2019s educational journey should begin with care, confidence, and purpose. Our admissions process is designed to make joining HPS simple, transparent, and supportive for parents. Each student is guided through a pathway where their individual potential is nurtured and developed to ensure lifelong success.\n<\/p>\n\t\t\n<style>\n#text-647695706 {\n  font-size: 0.75rem;\n  color: rgb(0,0,0);\n}\n#text-647695706 > * {\n  color: rgb(0,0,0);\n}\n<\/style>\n\t<\/div>\n\t\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n<span class=\"scroll-to\" data-label=\"Scroll to: #financial-aid\" data-bullet=\"false\" data-link=\"#financial-aid\" data-title=\"financial-aid\"><a name=\"financial-aid\"><\/a><\/span>\n\n<div class=\"row align-equal align-center hide-for-medium\"  id=\"row-55539792\">\n\n\n\t<div id=\"col-403500384\" class=\"col medium-1 small-6 large-1\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-239480318\" class=\"col medium-3 small-6 large-3\"  data-animate=\"fadeInLeft\">\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\n\n\t<div id=\"col-915602380\" class=\"col hide-for-medium medium-1 small-6 large-1\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n<div class=\"row\"  id=\"row-589427082\">\n\n\n\t<div id=\"col-2041651434\" class=\"col hide-for-medium medium-2 small-6 large-2\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\n\t<div id=\"col-379259422\" class=\"col medium-4 small-12 large-4\"  data-animate=\"fadeInLeft\">\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n\n<!-- Card 1: Pre-Junior Section Block -->\n<div class=\"hps-card-item card-pre-junior\">\n  <div class=\"hps-card-media\">\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-3.jpeg\" alt=\"Pre-Junior Section\" loading=\"lazy\">\n    <div class=\"hps-media-overlay\"><\/div>\n    <span class=\"hps-category-badge\">Primary Education<\/span>\n  <\/div>\n  <div class=\"hps-card-content\">\n    <div class=\"hps-header-group\">\n      <span class=\"hps-grade-tag\">Grade 1<\/span>\n      <h3 class=\"hps-card-title\">Pre-Junior Section<\/h3>\n    <\/div>\n    <p class=\"hps-card-excerpt\">Fostering early childhood growth through interactive learning and active play environments.<\/p>\n    <a href=\"https:\/\/habibschools.edu.pk\/hps\/admissions\/pre-junior-section\/\" class=\"hps-card-btn btn-maroon\">\n      <span>Apply Now<\/span>\n      <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <path d=\"M5 12h14\"><\/path>\n        <path d=\"M12 5l7 7-7 7\"><\/path>\n      <\/svg>\n    <\/a>\n  <\/div>\n<\/div>\n\n<style>\n\/* Card 1 Modern Premium Design *\/\n.hps-card-item.card-pre-junior {\n  width: 100%;\n  max-width: 360px;\n  background: #FFFFFF;\n  border-radius: 16px;\n  overflow: hidden;\n  border: 1px solid rgba(5, 53, 74, 0.08);\n  border-top: 4px solid #5f0c0c;\n  box-shadow: 0 10px 30px -5px rgba(5, 53, 74, 0.1);\n  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n  position: relative;\n}\n\n.hps-card-item.card-pre-junior:hover {\n  transform: translateY(-6px);\n  box-shadow: 0 20px 40px -10px rgba(5, 53, 74, 0.22);\n  border-color: rgba(78, 190, 245, 0.4);\n  border-top-color: #5f0c0c;\n}\n\n.hps-card-item.card-pre-junior .hps-card-media {\n  position: relative;\n  width: 100%;\n  height: 160px;\n  overflow: hidden;\n}\n\n.hps-card-item.card-pre-junior .hps-card-media img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.hps-card-item.card-pre-junior:hover .hps-card-media img {\n  transform: scale(1.08);\n}\n\n.hps-card-item.card-pre-junior .hps-media-overlay {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(180deg, rgba(5, 53, 74, 0.15) 0%, rgba(5, 53, 74, 0.6) 100%);\n  z-index: 1;\n}\n\n.hps-card-item.card-pre-junior .hps-category-badge {\n  position: absolute;\n  top: 0.75rem;\n  left: 0.75rem;\n  z-index: 2;\n  font-size: 0.65rem;\n  font-weight: 800;\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  padding: 0.3rem 0.7rem;\n  border-radius: 20px;\n  background: rgba(95, 12, 12, 0.9);\n  color: #FFFFFF;\n  backdrop-filter: blur(8px);\n  -webkit-backdrop-filter: blur(8px);\n  border: 1px solid rgba(255, 255, 255, 0.25);\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n}\n\n.hps-card-item.card-pre-junior .hps-card-content {\n  padding: 1.25rem;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  text-align: left;\n  flex-grow: 1;\n  background: #FFFFFF;\n}\n\n.hps-card-item.card-pre-junior .hps-header-group {\n  margin-bottom: 0.5rem;\n}\n\n.hps-card-item.card-pre-junior .hps-grade-tag {\n  display: inline-block;\n  font-size: 0.68rem;\n  font-weight: 800;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  color: #05354A;\n  background: #EBF7FE;\n  padding: 0.25rem 0.6rem;\n  border-radius: 6px;\n  margin-bottom: 0.4rem;\n  border: 1px solid rgba(78, 190, 245, 0.3);\n}\n\n.hps-card-item.card-pre-junior .hps-card-title {\n  font-size: 1.2rem;\n  font-weight: 800;\n  color: #05354A;\n  margin: 0;\n  line-height: 1.3;\n  transition: color 0.25s ease;\n}\n\n.hps-card-item.card-pre-junior:hover .hps-card-title {\n  color: #5f0c0c;\n}\n\n.hps-card-item.card-pre-junior .hps-card-excerpt {\n  font-size: 0.85rem;\n  line-height: 1.5;\n  color: #475569;\n  margin: 0 0 1.25rem 0;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n\n.hps-card-item.card-pre-junior .btn-maroon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 0.5rem;\n  font-size: 0.82rem;\n  font-weight: 700;\n  padding: 0.55rem 1.2rem;\n  border-radius: 8px;\n  text-decoration: none !important;\n  background: #5f0c0c;\n  color: #FFFFFF !important;\n  box-shadow: 0 4px 14px rgba(95, 12, 12, 0.25);\n  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n  margin-top: auto;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.hps-card-item.card-pre-junior .btn-maroon:hover {\n  background: #FFB100;\n  color: #05354A !important;\n  box-shadow: 0 6px 18px rgba(255, 177, 0, 0.35);\n}\n\n.hps-card-item.card-pre-junior .btn-maroon svg {\n  transition: transform 0.3s ease;\n}\n\n.hps-card-item.card-pre-junior .btn-maroon:hover svg {\n  transform: translateX(4px);\n}\n\n@media (max-width: 768px) {\n  .hps-card-item.card-pre-junior .hps-card-media {\n    height: 140px;\n  }\n  .hps-card-item.card-pre-junior .hps-card-content {\n    padding: 1rem;\n  }\n}\n<\/style>\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1767373915\" class=\"col medium-4 small-12 large-4\"  data-animate=\"fadeInRight\">\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\t\t<div class=\"https:\/\/habibschools.edu.pk\/hps\/admissions\/habib-public-high-school-2\/\">\n\t\t\t\t\n\n<!-- Card 2: High School Section Block -->\n<div class=\"hps-card-item card-high-school\">\n  <div class=\"hps-card-media\">\n    <img decoding=\"async\" src=\"https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-14-at-12.12.14-PM-9.jpeg\" alt=\"Habib Public High School\" loading=\"lazy\">\n    <div class=\"hps-media-overlay\"><\/div>\n    <span class=\"hps-category-badge gold\">Senior Campus<\/span>\n  <\/div>\n  <div class=\"hps-card-content\">\n    <div class=\"hps-header-group\">\n      <span class=\"hps-grade-tag\">Grade 11<\/span>\n      <h3 class=\"hps-card-title\">Habib Public High School<\/h3>\n    <\/div>\n    <p class=\"hps-card-excerpt\">Empowering advanced academic excellence, STEM research labs, and leadership development.<\/p>\n    <a href=\"https:\/\/habibschools.edu.pk\/hps\/admissions\/habib-public-high-school\/\" class=\"hps-card-btn btn-gold\">\n      <span>Apply Now<\/span>\n      <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <path d=\"M5 12h14\"><\/path>\n        <path d=\"M12 5l7 7-7 7\"><\/path>\n      <\/svg>\n    <\/a>\n  <\/div>\n<\/div>\n\n<style>\n\/* Card 2 Modern Premium Design *\/\n.hps-card-item.card-high-school {\n  width: 100%;\n  max-width: 360px;\n  background: #FFFFFF;\n  border-radius: 16px;\n  overflow: hidden;\n  border: 1px solid rgba(5, 53, 74, 0.08);\n  border-top: 4px solid #FFB100;\n  box-shadow: 0 10px 30px -5px rgba(5, 53, 74, 0.1);\n  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n  position: relative;\n}\n\n.hps-card-item.card-high-school:hover {\n  transform: translateY(-6px);\n  box-shadow: 0 20px 40px -10px rgba(5, 53, 74, 0.22);\n  border-color: rgba(78, 190, 245, 0.4);\n  border-top-color: #FFB100;\n}\n\n.hps-card-item.card-high-school .hps-card-media {\n  position: relative;\n  width: 100%;\n  height: 160px;\n  overflow: hidden;\n}\n\n.hps-card-item.card-high-school .hps-card-media img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.hps-card-item.card-high-school:hover .hps-card-media img {\n  transform: scale(1.08);\n}\n\n.hps-card-item.card-high-school .hps-media-overlay {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(180deg, rgba(5, 53, 74, 0.15) 0%, rgba(5, 53, 74, 0.6) 100%);\n  z-index: 1;\n}\n\n.hps-card-item.card-high-school .hps-category-badge.gold {\n  position: absolute;\n  top: 0.75rem;\n  left: 0.75rem;\n  z-index: 2;\n  font-size: 0.65rem;\n  font-weight: 800;\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  padding: 0.3rem 0.7rem;\n  border-radius: 20px;\n  background: rgba(255, 177, 0, 0.92);\n  color: #05354A;\n  backdrop-filter: blur(8px);\n  -webkit-backdrop-filter: blur(8px);\n  border: 1px solid rgba(255, 255, 255, 0.4);\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n}\n\n.hps-card-item.card-high-school .hps-card-content {\n  padding: 1.25rem;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  text-align: left;\n  flex-grow: 1;\n  background: #FFFFFF;\n}\n\n.hps-card-item.card-high-school .hps-header-group {\n  margin-bottom: 0.5rem;\n}\n\n.hps-card-item.card-high-school .hps-grade-tag {\n  display: inline-block;\n  font-size: 0.68rem;\n  font-weight: 800;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  color: #05354A;\n  background: #EBF7FE;\n  padding: 0.25rem 0.6rem;\n  border-radius: 6px;\n  margin-bottom: 0.4rem;\n  border: 1px solid rgba(78, 190, 245, 0.3);\n}\n\n.hps-card-item.card-high-school .hps-card-title {\n  font-size: 1.2rem;\n  font-weight: 800;\n  color: #05354A;\n  margin: 0;\n  line-height: 1.3;\n  transition: color 0.25s ease;\n}\n\n.hps-card-item.card-high-school:hover .hps-card-title {\n  color: #5f0c0c;\n}\n\n.hps-card-item.card-high-school .hps-card-excerpt {\n  font-size: 0.85rem;\n  line-height: 1.5;\n  color: #475569;\n  margin: 0 0 1.25rem 0;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n\n.hps-card-item.card-high-school .btn-gold {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 0.5rem;\n  font-size: 0.82rem;\n  font-weight: 700;\n  padding: 0.55rem 1.2rem;\n  border-radius: 8px;\n  text-decoration: none !important;\n  background: #FFB100;\n  color: #05354A !important;\n  box-shadow: 0 4px 14px rgba(255, 177, 0, 0.25);\n  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n  margin-top: auto;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.hps-card-item.card-high-school .btn-gold:hover {\n  background: #4EBEF5;\n  color: #05354A !important;\n  box-shadow: 0 6px 18px rgba(78, 190, 245, 0.35);\n}\n\n.hps-card-item.card-high-school .btn-gold svg {\n  transition: transform 0.3s ease;\n}\n\n.hps-card-item.card-high-school .btn-gold:hover svg {\n  transform: translateX(4px);\n}\n\n@media (max-width: 768px) {\n  .hps-card-item.card-high-school .hps-card-media {\n    height: 140px;\n  }\n  .hps-card-item.card-high-school .hps-card-content {\n    padding: 1rem;\n  }\n}\n<\/style>\n\t\t<\/div>\n\t\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-198141053\" class=\"col hide-for-medium medium-2 small-6 large-2\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n\n\t<section class=\"section\" id=\"section_1076771414\">\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<div class=\"row row-collapse row-full-width align-middle\"  id=\"row-666967284\">\n\n\n\t<div id=\"col-998503301\" class=\"col medium-6 small-12 large-6\"  data-animate=\"fadeInLeft\">\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n\n<!-- Facilities Image Block (Left Side) -->\n<div class=\"hps-facilities-image-wrapper\">\n  <div class=\"hps-facilities-image-card\">\n    <img decoding=\"async\" src=\"https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2026\/10\/IMG20251028100826-scaled.jpg\" alt=\"Habib Public School Facilities\" loading=\"lazy\" \/>\n    <div class=\"hps-facilities-image-overlay\"><\/div>\n    \n    <!-- Top Accent Badge -->\n    <div class=\"hps-facilities-top-badge\">\n      <span class=\"badge-dot\"><\/span>\n      World-Class Campus\n    <\/div>\n\n    <!-- Bottom Glassmorphic Card -->\n    <div class=\"hps-facilities-glass-badge\">\n      <div class=\"badge-stat-box\">\n        <span class=\"badge-num\">25+<\/span>\n        <span class=\"badge-text\">Modern Spaces<\/span>\n      <\/div>\n      <div class=\"badge-divider\"><\/div>\n      <div class=\"badge-stat-box\">\n        <span class=\"badge-num\">100%<\/span>\n        <span class=\"badge-text\">Safe &#038; Secure<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n:root {\n  --hps-bg: #FFFFFF;\n  --hps-primary: #5f0c0c;\n  --hps-secondary: #FFB100;\n  --hps-dark-blue: #05354A;\n  --hps-cyan: #4EBEF5;\n  --hps-green: #148945;\n}\n\n.hps-facilities-image-wrapper {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  box-sizing: border-box;\n}\n\n.hps-facilities-image-card {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  min-height: 520px;\n  border-radius: 20px;\n  overflow: hidden;\n  border: 2px solid var(--hps-dark-blue);\n  box-shadow: 0 16px 36px rgba(5, 53, 74, 0.12);\n  background: var(--hps-dark-blue);\n}\n\n.hps-facilities-image-card img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n  display: block;\n  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.hps-facilities-image-card:hover img {\n  transform: scale(1.04);\n}\n\n.hps-facilities-image-overlay {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(180deg, rgba(5, 53, 74, 0.1) 40%, rgba(5, 53, 74, 0.7) 100%);\n  pointer-events: none;\n}\n\n.hps-facilities-top-badge {\n  position: absolute;\n  top: 20px;\n  left: 20px;\n  background: rgba(5, 53, 74, 0.88);\n  backdrop-filter: blur(8px);\n  color: var(--hps-bg);\n  font-size: 0.75rem;\n  font-weight: 700;\n  padding: 0.45rem 0.95rem;\n  border-radius: 30px;\n  border: 1px solid var(--hps-cyan);\n  display: flex;\n  align-items: center;\n  gap: 0.45rem;\n  z-index: 2;\n}\n\n.hps-facilities-top-badge .badge-dot {\n  width: 7px;\n  height: 7px;\n  border-radius: 50%;\n  background: var(--hps-secondary);\n}\n\n.hps-facilities-glass-badge {\n  position: absolute;\n  bottom: 24px;\n  left: 24px;\n  right: 24px;\n  background: rgba(255, 255, 255, 0.95);\n  backdrop-filter: blur(12px);\n  padding: 0.9rem 1.4rem;\n  border-radius: 14px;\n  border-left: 5px solid var(--hps-secondary);\n  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.18);\n  display: flex;\n  align-items: center;\n  justify-content: space-around;\n  z-index: 2;\n}\n\n.badge-stat-box {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.badge-stat-box .badge-num {\n  font-size: 1.35rem;\n  font-weight: 900;\n  color: var(--hps-primary);\n  line-height: 1;\n}\n\n.badge-stat-box .badge-text {\n  font-size: 0.72rem;\n  font-weight: 800;\n  color: var(--hps-dark-blue);\n  text-transform: uppercase;\n  letter-spacing: 0.04em;\n  margin-top: 0.25rem;\n}\n\n.badge-divider {\n  width: 1px;\n  height: 30px;\n  background: #cbd5e1;\n}\n\n@media (max-width: 992px) {\n  .hps-facilities-image-card {\n    min-height: 380px;\n  }\n}\n\n@media (max-width: 576px) {\n  .hps-facilities-image-card {\n    min-height: 290px;\n  }\n  .hps-facilities-glass-badge {\n    bottom: 16px;\n    left: 16px;\n    right: 16px;\n    padding: 0.65rem 0.8rem;\n  }\n}\n<\/style>\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1376498225\" class=\"col medium-6 small-12 large-6\"  data-animate=\"fadeInRight\">\n\t\t\t\t<div class=\"col-inner text-left\"  >\n\t\t\t\n\t\t\t\n\n\n\n<!-- Facilities Content Block (Right Side) -->\n<div class=\"hps-facilities-content-wrapper\">\n  <div class=\"hps-facilities-tag\">\n    <span class=\"tag-dot\"><\/span>\n    State-Of-The-Art Campus\n  <\/div>\n\n  <h2 class=\"hps-facilities-title\">\n    Explore Our <span>Facilities<\/span>\n  <\/h2>\n\n  <p class=\"hps-facilities-desc\">\n    A vibrant campus shapes vibrant minds. At Habib Public School Karachi, students learn and grow in an environment enriched with world-class facilities designed to inspire curiosity and holistic growth.\n  <\/p>\n\n  <!-- Feature Tags Matrix -->\n  <div class=\"hps-facilities-grid\">\n    <div class=\"facility-chip\">\n      <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M22 10v6M2 10l10-5 10 5-10 5z\"><\/path><path d=\"M6 12v5c3 3 9 3 12 0v-5\"><\/path><\/svg>\n      Science Labs\n    <\/div>\n    <div class=\"facility-chip\">\n      <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"><\/line><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"><\/line><\/svg>\n      Computer Centers\n    <\/div>\n    <div class=\"facility-chip\">\n      <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M4 19.5A2.5 2.5 0 0 1 6.5 17H20\"><\/path><path d=\"M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z\"><\/path><\/svg>\n      Libraries\n    <\/div>\n    <div class=\"facility-chip\">\n      <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20\"><\/path><\/svg>\n      Sports &#038; Pool\n    <\/div>\n    <div class=\"facility-chip\">\n      <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path><\/svg>\n      Dedicated Clinics\n    <\/div>\n    <div class=\"facility-chip\">\n      <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9\"><\/path><path d=\"M13.73 21a2 2 0 0 1-3.46 0\"><\/path><\/svg>\n      Auditorium\n    <\/div>\n  <\/div>\n\n  <div class=\"hps-facilities-actions\">\n    <a href=\"https:\/\/habibschools.edu.pk\/hps\/about-us\/#Our Facilities\" class=\"hps-facilities-btn-primary\">\n      <span>Our Facilities<\/span>\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\">\n        <path d=\"M5 12h14\"><\/path>\n        <path d=\"M12 5l7 7-7 7\"><\/path>\n      <\/svg>\n    <\/a>\n  <\/div>\n<\/div>\n\n<style>\n.hps-facilities-content-wrapper {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: center;\n  padding: 2.5rem;\n  background: var(--hps-bg);\n  border-radius: 20px;\n  border: 1px solid #e2e8f0;\n  border-top: 5px solid var(--hps-secondary);\n  box-shadow: 0 12px 32px rgba(5, 53, 74, 0.06);\n  box-sizing: border-box;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n  width: 100%;\n}\n\n.hps-facilities-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.5rem;\n  font-size: 0.75rem;\n  font-weight: 800;\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  color: var(--hps-dark-blue);\n  background: rgba(78, 190, 245, 0.12);\n  border: 1px solid rgba(78, 190, 245, 0.3);\n  padding: 0.35rem 0.85rem;\n  border-radius: 30px;\n  margin-bottom: 1.2rem;\n}\n\n.hps-facilities-tag .tag-dot {\n  width: 7px;\n  height: 7px;\n  border-radius: 50%;\n  background-color: var(--hps-green);\n}\n\n.hps-facilities-title {\n  font-size: 2.2rem;\n  font-weight: 800;\n  color: var(--hps-primary);\n  margin: 0 0 1rem 0;\n  line-height: 1.2;\n}\n\n.hps-facilities-title span {\n  color: var(--hps-secondary);\n  background: linear-gradient(180deg, var(--hps-secondary) 0%, #e69d00 100%);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n\n.hps-facilities-desc {\n  font-size: 0.98rem;\n  line-height: 1.7;\n  color: #475569;\n  margin: 0 0 1.5rem 0;\n}\n\n\/* Facility Feature Grid *\/\n.hps-facilities-grid {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 0.75rem;\n  width: 100%;\n  margin-bottom: 2rem;\n}\n\n.facility-chip {\n  display: flex;\n  align-items: center;\n  gap: 0.6rem;\n  background: #f8fafc;\n  border: 1px solid #e2e8f0;\n  padding: 0.6rem 0.9rem;\n  border-radius: 10px;\n  font-size: 0.85rem;\n  font-weight: 700;\n  color: var(--hps-dark-blue);\n  transition: all 0.3s ease;\n}\n\n.facility-chip svg {\n  stroke: var(--hps-primary);\n  flex-shrink: 0;\n}\n\n.facility-chip:hover {\n  border-color: var(--hps-cyan);\n  background: #f0f9ff;\n  transform: translateY(-2px);\n}\n\n\/* Action Button *\/\n.hps-facilities-btn-primary {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.6rem;\n  background: var(--hps-primary);\n  color: var(--hps-bg) !important;\n  text-decoration: none !important;\n  font-size: 0.95rem;\n  font-weight: 700;\n  padding: 0.85rem 1.8rem;\n  border-radius: 12px;\n  border: 2px solid var(--hps-primary);\n  box-shadow: 0 6px 18px rgba(95, 12, 12, 0.25);\n  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.hps-facilities-btn-primary:hover {\n  background: var(--hps-secondary);\n  border-color: var(--hps-secondary);\n  color: var(--hps-dark-blue) !important;\n  box-shadow: 0 8px 22px rgba(255, 177, 0, 0.4);\n  transform: translateY(-2px);\n}\n\n.hps-facilities-btn-primary svg {\n  transition: transform 0.3s ease;\n}\n\n.hps-facilities-btn-primary:hover svg {\n  transform: translateX(4px);\n  stroke: var(--hps-dark-blue);\n}\n\n@media (max-width: 768px) {\n  .hps-facilities-content-wrapper {\n    padding: 1.5rem;\n  }\n  .hps-facilities-title {\n    font-size: 1.75rem;\n  }\n  .hps-facilities-grid {\n    grid-template-columns: repeat(1, 1fr);\n  }\n}\n<\/style>\n\n\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-1376498225 > .col-inner {\n  padding: 2% 5% 5% 10%;\n}\n<\/style>\n\t<\/div>\n\n\t\n\n<\/div>\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1076771414 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n  background-color: rgb(247, 247, 247);\n}\n#section_1076771414 .section-bg-overlay {\n  background-color: rgba(255, 255, 255, 0.85);\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<div id=\"gap-1332780770\" class=\"gap-element clearfix hide-for-medium\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1332780770 {\n  padding-top: 50px;\n}\n<\/style>\n\t<\/div>\n\t\n\n\n\t<section class=\"section Financial-Aid-section\" id=\"section_95465162\">\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<div class=\"row row-large row-full-width align-middle\"  id=\"row-977895524\">\n\n\n\t<div id=\"col-1065085667\" class=\"col show-for-small 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 x md-x lg-x y md-y lg-y\" id=\"image_172093694\">\n\t\t\t\t\t\t<div data-animate=\"fadeInRight\">\t\t<div class=\"img-inner image-cover dark\" style=\"padding-top:75%;margin:0px 0px 0px 0px;\">\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1440\" src=\"https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2025\/10\/DSC02119-scaled.jpg\" class=\"attachment-original size-original\" alt=\"\" srcset=\"https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2025\/10\/DSC02119-scaled.jpg 2560w, https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2025\/10\/DSC02119-1024x576.jpg 1024w, https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2025\/10\/DSC02119-768x432.jpg 768w, https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2025\/10\/DSC02119-1536x864.jpg 1536w, https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2025\/10\/DSC02119-2048x1152.jpg 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/>\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_172093694 {\n  width: 100%;\n}\n@media (min-width:550px) {\n  #image_172093694 {\n    width: 100%;\n  }\n}\n<\/style>\n\t<\/div>\n\t\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-2126795690\" class=\"col medium-6 small-12 large-6\"  data-animate=\"fadeInLeft\">\n\t\t\t\t<div class=\"col-inner text-left\"  >\n\t\t\t\n\t\t\t\n\n\n\n<!-- Financial Aid Content Block -->\n<div class=\"hps-finaid-content-wrapper\">\n  <div class=\"hps-finaid-tag\">\n    <span class=\"tag-dot\"><\/span>\n    Education For All\n  <\/div>\n  \n  <h2 class=\"hps-finaid-title\">\n    Financial <span>Aid<\/span>\n  <\/h2>\n  \n  <p class=\"hps-finaid-desc\">\n    At Habib Public School Karachi, we believe quality education should be accessible to every child. Through the Habib Education Trust, we provide financial aid to facilitate child&#8217;s educational expense. Every year, countless students benefit from this support while maintaining complete dignity and anonymity ensuring no distinction among peers. By reducing financial barriers, we enable students to focus on learning, growth, and achieving excellence at one of the best schools in Karachi.\n  <\/p>\n  \n  <div class=\"hps-finaid-actions\">\n    <a href=\"#\" class=\"hps-finaid-btn-primary\">\n      <span>Learn More<\/span>\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\">\n        <path d=\"M5 12h14\"><\/path>\n        <path d=\"M12 5l7 7-7 7\"><\/path>\n      <\/svg>\n    <\/a>\n    \n  <\/div>\n<\/div>\n\n<style>\n\/* Modern Color System Variables *\/\n:root {\n  --hps-bg: #FFFFFF;\n  --hps-primary: #5f0c0c;\n  --hps-secondary: #FFB100;\n  --hps-dark-blue: #05354A;\n  --hps-cyan: #4EBEF5;\n  --hps-green: #148945;\n}\n\n.hps-finaid-content-wrapper {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: center;\n  padding: 2.5rem;\n  background: var(--hps-bg);\n  border-radius: 20px;\n  border: 1px solid #e2e8f0;\n  border-top: 5px solid var(--hps-secondary);\n  box-shadow: 0 12px 32px rgba(5, 53, 74, 0.06);\n  box-sizing: border-box;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n  width: 100%;\n}\n\n.hps-finaid-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.5rem;\n  font-size: 0.75rem;\n  font-weight: 800;\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  color: var(--hps-dark-blue);\n  background: rgba(78, 190, 245, 0.12);\n  border: 1px solid rgba(78, 190, 245, 0.3);\n  padding: 0.35rem 0.85rem;\n  border-radius: 30px;\n  margin-bottom: 1.2rem;\n}\n\n.hps-finaid-tag .tag-dot {\n  width: 7px;\n  height: 7px;\n  border-radius: 50%;\n  background-color: var(--hps-green);\n}\n\n.hps-finaid-title {\n  font-size: 2.2rem;\n  font-weight: 800;\n  color: var(--hps-primary);\n  margin: 0 0 1rem 0;\n  line-height: 1.2;\n}\n\n.hps-finaid-title span {\n  color: var(--hps-secondary);\n  background: linear-gradient(180deg, var(--hps-secondary) 0%, #e69d00 100%);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n\n.hps-finaid-desc {\n  font-size: 0.98rem;\n  line-height: 1.75;\n  color: #475569;\n  margin: 0 0 2rem 0;\n}\n\n.hps-finaid-actions {\n  display: flex;\n  align-items: center;\n  gap: 1.5rem;\n  flex-wrap: wrap;\n}\n\n\/* Primary Button with Secondary Hover Accent *\/\n.hps-finaid-btn-primary {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.6rem;\n  background: var(--hps-primary);\n  color: var(--hps-bg) !important;\n  text-decoration: none !important;\n  font-size: 0.95rem;\n  font-weight: 700;\n  padding: 0.85rem 1.8rem;\n  border-radius: 12px;\n  border: 2px solid var(--hps-primary);\n  box-shadow: 0 6px 18px rgba(95, 12, 12, 0.25);\n  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.hps-finaid-btn-primary:hover {\n  background: var(--hps-secondary);\n  border-color: var(--hps-secondary);\n  color: var(--hps-dark-blue) !important;\n  box-shadow: 0 8px 22px rgba(255, 177, 0, 0.4);\n  transform: translateY(-2px);\n}\n\n.hps-finaid-btn-primary svg {\n  transition: transform 0.3s ease;\n}\n\n.hps-finaid-btn-primary:hover svg {\n  transform: translateX(4px);\n  stroke: var(--hps-dark-blue);\n}\n\n\/* Secondary Trust Metric *\/\n.hps-finaid-stat {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  color: var(--hps-green);\n  font-weight: 700;\n  font-size: 0.9rem;\n}\n\n.hps-finaid-stat .stat-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: rgba(20, 137, 69, 0.1);\n  padding: 0.35rem;\n  border-radius: 8px;\n}\n\n@media (max-width: 768px) {\n  .hps-finaid-content-wrapper {\n    padding: 1.5rem;\n  }\n  .hps-finaid-title {\n    font-size: 1.75rem;\n  }\n}\n<\/style>\n\n\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-2126795690 > .col-inner {\n  max-width: 700px;\n}\n<\/style>\n\t<\/div>\n\n\t\n\n\t<div id=\"col-571851342\" class=\"col hide-for-medium 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<!-- Modern Financial Aid Right Image Block (Fixed Height Alignment) -->\n<div class=\"hps-finaid-image-wrapper\">\n  <div class=\"hps-finaid-image-card\">\n    <img decoding=\"async\" src=\"https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2025\/10\/DSC02119-1024x576.jpg\" alt=\"Habib Education Trust Students\" loading=\"lazy\" \/>\n    <div class=\"hps-finaid-image-overlay\"><\/div>\n    <div class=\"hps-finaid-badge\">\n      <span class=\"badge-num\">100%<\/span>\n      <span class=\"badge-text\">Dignity &#038; Support<\/span>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n\/* Modern Image Card Styling *\/\n.hps-finaid-image-wrapper {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  box-sizing: border-box;\n}\n\n.hps-finaid-image-card {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  min-height: 480px; \/* Text box ki height ke barabar match karne ke liye *\/\n  border-radius: 20px;\n  overflow: hidden;\n  border: 1px solid #e2e8f0;\n  box-shadow: 0 12px 32px rgba(5, 53, 74, 0.08);\n  background: #f8fafc;\n}\n\n.hps-finaid-image-card img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n  display: block;\n  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.hps-finaid-image-card:hover img {\n  transform: scale(1.04);\n}\n\n.hps-finaid-image-overlay {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(180deg, rgba(5, 53, 74, 0) 55%, rgba(5, 53, 74, 0.4) 100%);\n  pointer-events: none;\n}\n\n\/* Glassmorphic Badge Styling *\/\n.hps-finaid-badge {\n  position: absolute;\n  bottom: 24px;\n  left: 24px;\n  background: rgba(255, 255, 255, 0.92);\n  backdrop-filter: blur(10px);\n  -webkit-backdrop-filter: blur(10px);\n  padding: 0.8rem 1.3rem;\n  border-radius: 12px;\n  border: 1px solid rgba(255, 255, 255, 0.7);\n  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);\n  display: flex;\n  flex-direction: column;\n  z-index: 2;\n}\n\n.hps-finaid-badge .badge-num {\n  font-size: 1.2rem;\n  font-weight: 800;\n  color: #5f0c0c;\n  line-height: 1;\n}\n\n.hps-finaid-badge .badge-text {\n  font-size: 0.72rem;\n  font-weight: 700;\n  color: #05354a;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  margin-top: 0.3rem;\n}\n\n\/* Mobile & Tablet Responsiveness *\/\n@media (max-width: 992px) {\n  .hps-finaid-image-card {\n    min-height: 360px;\n  }\n}\n\n@media (max-width: 576px) {\n  .hps-finaid-image-card {\n    min-height: 280px;\n    border-radius: 14px;\n  }\n\n  .hps-finaid-badge {\n    bottom: 16px;\n    left: 16px;\n    padding: 0.6rem 1rem;\n  }\n\n  .hps-finaid-badge .badge-num {\n    font-size: 1rem;\n  }\n\n  .hps-finaid-badge .badge-text {\n    font-size: 0.65rem;\n  }\n}\n<\/style>\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_95465162 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n  background-color: rgb(247, 247, 247);\n}\n#section_95465162 .section-bg-overlay {\n  background-color: rgba(255, 255, 255, 0.85);\n}\n<\/style>\n\t<\/section>\n\t\n\n\n\n\n\n\t<section class=\"section\" id=\"section_1733097711\">\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<span class=\"scroll-to\" data-label=\"Scroll to: #campus-tours\" data-bullet=\"false\" data-link=\"#campus-tours\" data-title=\"campus-tours\"><a name=\"campus-tours\"><\/a><\/span>\n\n<div class=\"row align-center\"  id=\"row-1123490168\">\n\n\n\t<div id=\"col-256741362\" class=\"col medium-10 small-12 large-10\"  >\n\t\t\t\t<div class=\"col-inner text-center\"  >\n\t\t\t\n\t\t\t\n\n\n\n<!-- Modern Campus Tours Heading Element -->\n<div class=\"hps-tours-header\">\n  <div class=\"hps-tours-tag\">\n    <span class=\"tag-dot\"><\/span>\n    Explore Our Campus\n  <\/div>\n  <h2 class=\"hps-tours-title\">Campus <span>Tours<\/span><\/h2>\n  <div class=\"hps-tours-divider\">\n    <span class=\"divider-line\"><\/span>\n    <span class=\"divider-badge\">HPS<\/span>\n    <span class=\"divider-line\"><\/span>\n  <\/div>\n<\/div>\n\n<style>\n\/* Design System Theme Variables *\/\n:root {\n  --hps-bg: #FFFFFF;\n  --hps-primary: #5f0c0c;\n  --hps-secondary: #FFB100;\n  --hps-dark-blue: #05354A;\n  --hps-cyan: #4EBEF5;\n  --hps-green: #148945;\n}\n\n\/* Header Container *\/\n.hps-tours-header {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  padding: 1.5rem 1rem;\n  background: var(--hps-bg);\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n\/* Category Pill Tag *\/\n.hps-tours-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.5rem;\n  font-size: 0.75rem;\n  font-weight: 800;\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  color: var(--hps-dark-blue);\n  background: rgba(78, 190, 245, 0.12);\n  border: 1px solid rgba(78, 190, 245, 0.3);\n  padding: 0.35rem 0.9rem;\n  border-radius: 30px;\n  margin-bottom: 0.85rem;\n}\n\n.hps-tours-tag .tag-dot {\n  width: 7px;\n  height: 7px;\n  border-radius: 50%;\n  background-color: var(--hps-green);\n}\n\n\/* Primary Title Typography *\/\n.hps-tours-title {\n  font-size: 2.6rem;\n  font-weight: 800;\n  color: var(--hps-primary);\n  margin: 0;\n  line-height: 1.2;\n  letter-spacing: -0.02em;\n}\n\n.hps-tours-title span {\n  color: var(--hps-secondary);\n  background: linear-gradient(180deg, var(--hps-secondary) 0%, #e69d00 100%);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n\n\/* Accent Decorative Line *\/\n.hps-tours-divider {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  margin-top: 1rem;\n  width: 100%;\n  max-width: 220px;\n}\n\n.divider-line {\n  flex: 1;\n  height: 2px;\n  background: linear-gradient(90deg, transparent, var(--hps-cyan), transparent);\n}\n\n.divider-badge {\n  font-size: 0.7rem;\n  font-weight: 900;\n  color: var(--hps-dark-blue);\n  background: rgba(5, 53, 74, 0.08);\n  padding: 0.2rem 0.5rem;\n  border-radius: 6px;\n  letter-spacing: 0.05em;\n}\n\n\/* Mobile Responsiveness *\/\n@media (max-width: 768px) {\n  .hps-tours-title {\n    font-size: 2rem;\n  }\n}\n<\/style>\n\n\t<div id=\"text-3880882673\" class=\"text\">\n\t\t\n\n<p>Choosing the right school is a life-changing decision for every family. At Habib Public School Karachi, we make it easier for parents and students by offering both on-campus tours and virtual visits.<\/p>\n\t\t\n<style>\n#text-3880882673 {\n  color: rgb(0,0,0);\n}\n#text-3880882673 > * {\n  color: rgb(0,0,0);\n}\n<\/style>\n\t<\/div>\n\t\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1733097711 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section dark\" id=\"section_370693568\">\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<div class=\"row row-collapse row-full-width align-middle\"  id=\"row-1586061606\">\n\n\n\t<div id=\"col-263870232\" class=\"col medium-6 small-12 large-6\"  data-animate=\"fadeInLeft\">\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n\n<!-- Card 1: Book A Tour Block -->\n<div class=\"hps-tour-card-item card-book\">\n  <div class=\"hps-tour-card-bg\"><\/div>\n  <div class=\"hps-tour-card-overlay\"><\/div>\n  \n  <div class=\"hps-tour-card-top\">\n    <span class=\"hps-tour-badge badge-primary\">\n      <span class=\"badge-dot\"><\/span> On-Campus Visit\n    <\/span>\n  <\/div>\n\n  <div class=\"hps-tour-card-body\">\n    <h3 class=\"hps-tour-card-title\">Book A Tour<\/h3>\n    <p class=\"hps-tour-card-desc\">Sign up for a live tour of the whole campus and experience our vibrant student life firsthand.<\/p>\n    \n    <a href=\"https:\/\/habibschools.edu.pk\/hps\/admissions\/campus-tour\/#book-tour\" class=\"hps-tour-card-btn btn-maroon\">\n      <span>Book A Tour<\/span>\n      <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <path d=\"M5 12h14\"><\/path>\n        <path d=\"M12 5l7 7-7 7\"><\/path>\n      <\/svg>\n    <\/a>\n  <\/div>\n<\/div>\n\n<style>\n\/* Card 1 Specific Styling - Compact Spacing *\/\n.hps-tour-card-item.card-book {\n  position: relative;\n  height: 280px; \/* Reduced fixed height *\/\n  width: 100%;\n  border-radius: 14px;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  padding: 1rem 1.25rem; \/* Tightened container padding *\/\n  box-sizing: border-box;\n  border: 1.5px solid #05354A;\n  box-shadow: 0 8px 20px rgba(5, 53, 74, 0.12);\n  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n}\n\n.hps-tour-card-item.card-book:hover {\n  transform: translateY(-4px);\n  box-shadow: 0 14px 28px rgba(5, 53, 74, 0.22);\n  border-color: #4EBEF5;\n}\n\n.hps-tour-card-item.card-book .hps-tour-card-bg {\n  position: absolute;\n  inset: 0;\n  background-image: url('https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2023\/09\/IMG-02.jpg');\n  background-size: cover;\n  background-position: center;\n  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);\n  z-index: 0;\n}\n\n.hps-tour-card-item.card-book:hover .hps-tour-card-bg {\n  transform: scale(1.08);\n}\n\n.hps-tour-card-item.card-book .hps-tour-card-overlay {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(180deg, rgba(5, 53, 74, 0.4) 0%, rgba(5, 53, 74, 0.2) 30%, rgba(5, 53, 74, 0.95) 100%);\n  z-index: 1;\n}\n\n.hps-tour-card-item.card-book .hps-tour-card-top,\n.hps-tour-card-item.card-book .hps-tour-card-body {\n  position: relative;\n  z-index: 2;\n}\n\n.hps-tour-card-item.card-book .badge-primary {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.35rem;\n  font-size: 0.65rem;\n  font-weight: 800;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  padding: 0.25rem 0.65rem; \/* Compact badge padding *\/\n  border-radius: 20px;\n  background: rgba(5, 53, 74, 0.85);\n  color: #FFFFFF;\n  backdrop-filter: blur(10px);\n  -webkit-backdrop-filter: blur(10px);\n  border: 1px solid rgba(255, 255, 255, 0.3);\n}\n\n.hps-tour-card-item.card-book .badge-dot {\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: #148945;\n}\n\n.hps-tour-card-item.card-book .hps-tour-card-title {\n  font-size: 1.35rem; \/* Reduced font-size *\/\n  font-weight: 800;\n  color: #FFFFFF;\n  margin: 0 0 0.2rem 0; \/* Reduced margin *\/\n  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);\n  line-height: 1.2;\n}\n\n.hps-tour-card-item.card-book .hps-tour-card-desc {\n  font-size: 0.82rem; \/* Reduced font-size *\/\n  line-height: 1.35;\n  color: #e2e8f0;\n  margin: 0 0 0.75rem 0; \/* Reduced bottom margin *\/\n  max-width: 95%;\n  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);\n}\n\n.hps-tour-card-item.card-book .btn-maroon {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.4rem;\n  font-size: 0.8rem;\n  font-weight: 700;\n  padding: 0.45rem 1rem; \/* Compact button padding *\/\n  border-radius: 8px;\n  text-decoration: none !important;\n  background: #5f0c0c;\n  color: #FFFFFF !important;\n  border: 1.5px solid #5f0c0c;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);\n  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.hps-tour-card-item.card-book .btn-maroon:hover {\n  background: #FFB100;\n  border-color: #FFB100;\n  color: #05354A !important;\n}\n\n.hps-tour-card-item.card-book .btn-maroon svg {\n  transition: transform 0.3s ease;\n}\n\n.hps-tour-card-item.card-book .btn-maroon:hover svg {\n  transform: translateX(3px);\n}\n\n@media (max-width: 768px) {\n  .hps-tour-card-item.card-book {\n    height: 260px;\n    padding: 0.85rem 1rem;\n  }\n  .hps-tour-card-item.card-book .hps-tour-card-title { font-size: 1.25rem; }\n  .hps-tour-card-item.card-book .hps-tour-card-desc { font-size: 0.78rem; }\n}\n<\/style>\n\n\t<div id=\"gap-1069274080\" class=\"gap-element clearfix show-for-small\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1069274080 {\n  padding-top: 40px;\n}\n@media (min-width:550px) {\n  #gap-1069274080 {\n    padding-top: 30px;\n  }\n}\n<\/style>\n\t<\/div>\n\t\n\n\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-263870232 > .col-inner {\n  padding: 0px 5% 0px 5%;\n}\n<\/style>\n\t<\/div>\n\n\t\n\n\t<div id=\"col-1775545743\" class=\"col medium-6 small-12 large-6\"  data-animate=\"fadeInRight\">\n\t\t\t\t<div class=\"col-inner text-left\"  >\n\t\t\t\n\t\t\t\n\n\n\n<!-- Card 2: Virtual Tour Block -->\n<div class=\"hps-tour-card-item card-virtual\">\n  <div class=\"hps-tour-card-bg\"><\/div>\n  <div class=\"hps-tour-card-overlay\"><\/div>\n  \n  <div class=\"hps-tour-card-top\">\n    <span class=\"hps-tour-badge badge-secondary\">\n      <span class=\"badge-dot cyan\"><\/span> 360\u00b0 Walkthrough\n    <\/span>\n  <\/div>\n\n  <div class=\"hps-tour-card-body\">\n    <h3 class=\"hps-tour-card-title\">Virtual Tour<\/h3>\n    <p class=\"hps-tour-card-desc\">Explore our unique campus, modern labs, and sports grounds from wherever you are.<\/p>\n    \n    <a href=\"https:\/\/www.youtube.com\/watch?v=OUe5JuSSvyU\" class=\"hps-tour-card-btn btn-gold\" target=\"_blank\" rel=\"noopener\">\n      <span>Virtual Tour<\/span>\n      <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <path d=\"M5 12h14\"><\/path>\n        <path d=\"M12 5l7 7-7 7\"><\/path>\n      <\/svg>\n    <\/a>\n  <\/div>\n<\/div>\n\n<style>\n\/* Card 2 Specific Styling - Compact Spacing *\/\n.hps-tour-card-item.card-virtual {\n  position: relative;\n  height: 280px; \/* Reduced fixed height *\/\n  width: 100%;\n  border-radius: 14px;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  padding: 1rem 1.25rem; \/* Tightened container padding *\/\n  box-sizing: border-box;\n  border: 1.5px solid #05354A;\n  box-shadow: 0 8px 20px rgba(5, 53, 74, 0.12);\n  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n}\n\n.hps-tour-card-item.card-virtual:hover {\n  transform: translateY(-4px);\n  box-shadow: 0 14px 28px rgba(5, 53, 74, 0.22);\n  border-color: #4EBEF5;\n}\n\n.hps-tour-card-item.card-virtual .hps-tour-card-bg {\n  position: absolute;\n  inset: 0;\n  background-image: url('https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2026\/10\/IMG20221008111507-scaled.jpg');\n  background-size: cover;\n  background-position: center;\n  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);\n  z-index: 0;\n}\n\n.hps-tour-card-item.card-virtual:hover .hps-tour-card-bg {\n  transform: scale(1.08);\n}\n\n.hps-tour-card-item.card-virtual .hps-tour-card-overlay {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(180deg, rgba(5, 53, 74, 0.4) 0%, rgba(5, 53, 74, 0.2) 30%, rgba(5, 53, 74, 0.95) 100%);\n  z-index: 1;\n}\n\n.hps-tour-card-item.card-virtual .hps-tour-card-top,\n.hps-tour-card-item.card-virtual .hps-tour-card-body {\n  position: relative;\n  z-index: 2;\n}\n\n.hps-tour-card-item.card-virtual .badge-secondary {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.35rem;\n  font-size: 0.65rem;\n  font-weight: 800;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  padding: 0.25rem 0.65rem; \/* Compact badge padding *\/\n  border-radius: 20px;\n  background: rgba(95, 12, 12, 0.85);\n  color: #FFFFFF;\n  backdrop-filter: blur(10px);\n  -webkit-backdrop-filter: blur(10px);\n  border: 1px solid rgba(255, 255, 255, 0.3);\n}\n\n.hps-tour-card-item.card-virtual .badge-dot.cyan {\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: #4EBEF5;\n}\n\n.hps-tour-card-item.card-virtual .hps-tour-card-title {\n  font-size: 1.35rem; \/* Reduced font-size *\/\n  font-weight: 800;\n  color: #FFFFFF;\n  margin: 0 0 0.2rem 0; \/* Reduced margin *\/\n  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);\n  line-height: 1.2;\n}\n\n.hps-tour-card-item.card-virtual .hps-tour-card-desc {\n  font-size: 0.82rem; \/* Reduced font-size *\/\n  line-height: 1.35;\n  color: #e2e8f0;\n  margin: 0 0 0.75rem 0; \/* Reduced bottom margin *\/\n  max-width: 95%;\n  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);\n}\n\n.hps-tour-card-item.card-virtual .btn-gold {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.4rem;\n  font-size: 0.8rem;\n  font-weight: 700;\n  padding: 0.45rem 1rem; \/* Compact button padding *\/\n  border-radius: 8px;\n  text-decoration: none !important;\n  background: #FFB100;\n  color: #05354A !important;\n  border: 1.5px solid #FFB100;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);\n  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.hps-tour-card-item.card-virtual .btn-gold:hover {\n  background: #4EBEF5;\n  border-color: #4EBEF5;\n  color: #05354A !important;\n}\n\n.hps-tour-card-item.card-virtual .btn-gold svg {\n  transition: transform 0.3s ease;\n}\n\n.hps-tour-card-item.card-virtual .btn-gold:hover svg {\n  transform: translateX(3px);\n}\n\n@media (max-width: 768px) {\n  .hps-tour-card-item.card-virtual {\n    height: 260px;\n    padding: 0.85rem 1rem;\n  }\n  .hps-tour-card-item.card-virtual .hps-tour-card-title { font-size: 1.25rem; }\n  .hps-tour-card-item.card-virtual .hps-tour-card-desc { font-size: 0.78rem; }\n}\n<\/style>\n\n\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-1775545743 > .col-inner {\n  padding: 0px 5% 0px 5%;\n}\n<\/style>\n\t<\/div>\n\n\t\n\n<\/div>\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_370693568 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n  background-color: rgb(255, 251, 251);\n}\n#section_370693568 .section-bg-overlay {\n  background-color: rgba(255, 255, 255, 0.73);\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section campus-tours-sec home-boxes-abd\" id=\"section_1541030235\">\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\t<div id=\"gap-571084506\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-571084506 {\n  padding-top: 50px;\n}\n<\/style>\n\t<\/div>\n\t\n\n\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1541030235 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n}\n<\/style>\n\t<\/section>\n\t\n\n\n\t<section class=\"section Frequently-Asked-Questions-section\" id=\"section_1725528514\">\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 align-center\"  id=\"row-1350300328\">\n\n\n\t<div id=\"col-898430774\" class=\"col medium-10 small-12 large-10\"  >\n\t\t\t\t<div class=\"col-inner text-center\"  >\n\t\t\t\n\t\t\t\n\n\n\n<div class=\"hgs__LeftAligned--Text\">\n<h1><b>Frequently Asked Questions<\/b><\/h1><br>\n<p>For any specific inquiries please contact us on the following number<\/p>\n<p> 021-3565-2434-37<\/p>\n<\/div>\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n<div class=\"row row-collapse\"  id=\"row-109669221\">\n\n\n\t<div id=\"col-2048579005\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n<div class=\"accordion\">\n\n\t<div id=\"accordion-1940289330\" class=\"accordion-item\">\n\t\t<a id=\"accordion-1940289330-label\" class=\"accordion-title plain\" href=\"#accordion-item-where-can-i-get-the-registration-form?\" aria-expanded=\"false\" aria-controls=\"accordion-1940289330-content\">\n\t\t\t<button class=\"toggle\" aria-label=\"Toggle\"><i class=\"icon-angle-down\" aria-hidden=\"true\"><\/i><\/button>\n\t\t\t<span>Where can I get the registration form?<\/span>\n\t\t<\/a>\n\t\t<div id=\"accordion-1940289330-content\" class=\"accordion-inner\" aria-labelledby=\"accordion-1940289330-label\">\n\t\t\t\n\n\t\t<div class=\"hgs__AccordionTab-Text\">\n\t\t\t\t\n\n<p>Registration forms are available from the school Admissions Office when admissions are open.<\/p>\n\t\t<\/div>\n\t\n\n\t\t<\/div>\n\t<\/div>\n\t\n\t<div id=\"accordion-1835018300\" class=\"accordion-item\">\n\t\t<a id=\"accordion-1835018300-label\" class=\"accordion-title plain\" href=\"#accordion-item-where-can-i-find-the-admissions-dates-and-deadlines?\" aria-expanded=\"false\" aria-controls=\"accordion-1835018300-content\">\n\t\t\t<button class=\"toggle\" aria-label=\"Toggle\"><i class=\"icon-angle-down\" aria-hidden=\"true\"><\/i><\/button>\n\t\t\t<span>Where can I find the admissions dates and deadlines?<\/span>\n\t\t<\/a>\n\t\t<div id=\"accordion-1835018300-content\" class=\"accordion-inner\" aria-labelledby=\"accordion-1835018300-label\">\n\t\t\t\n\n\t\t<div class=\"hgs__AccordionTab-Text\">\n\t\t\t\t\n\n<p>For dates and deadlines please refer to the admission pages. You can get the details of Habib Public school (Grade I) <a href=\"https:\/\/habibschools.edu.pk\/hps\/admissions\/junior-section\/registration-procedure-junior-section\/\">Click Here<\/a> and for Habib Public High School (Grade XI) <a href=\"https:\/\/habibschools.edu.pk\/hps\/admissions\/hphs\/registration-procedure-hps-college\/\">Click Here<\/a> <\/p>\n\t\t<\/div>\n\t\n\n\t\t<\/div>\n\t<\/div>\n\t\n\t<div id=\"accordion-2468070960\" class=\"accordion-item\">\n\t\t<a id=\"accordion-2468070960-label\" class=\"accordion-title plain\" href=\"#accordion-item-who-is-the-principal-of-hps?\" aria-expanded=\"false\" aria-controls=\"accordion-2468070960-content\">\n\t\t\t<button class=\"toggle\" aria-label=\"Toggle\"><i class=\"icon-angle-down\" aria-hidden=\"true\"><\/i><\/button>\n\t\t\t<span>Who is the Principal of HPS?<\/span>\n\t\t<\/a>\n\t\t<div id=\"accordion-2468070960-content\" class=\"accordion-inner\" aria-labelledby=\"accordion-2468070960-label\">\n\t\t\t\n\n\t\t<div class=\"hgs__AccordionTab-Text\">\n\t\t\t\t\n\n<p>The principal of Habib Public School is Mr. Minhas Tejani.<\/p>\n\t\t<\/div>\n\t\n\n\t\t<\/div>\n\t<\/div>\n\t\n\t<div id=\"accordion-799415635\" class=\"accordion-item\">\n\t\t<a id=\"accordion-799415635-label\" class=\"accordion-title plain\" href=\"#accordion-item-where-can-i-get-contact-information-of-the-admissions-department-for-admission-queries-?\" aria-expanded=\"false\" aria-controls=\"accordion-799415635-content\">\n\t\t\t<button class=\"toggle\" aria-label=\"Toggle\"><i class=\"icon-angle-down\" aria-hidden=\"true\"><\/i><\/button>\n\t\t\t<span>Where can I get contact information of the admissions department for admission queries ?<\/span>\n\t\t<\/a>\n\t\t<div id=\"accordion-799415635-content\" class=\"accordion-inner\" aria-labelledby=\"accordion-799415635-label\">\n\t\t\t\n\n\t\t<div class=\"hgs__AccordionTab-Text\">\n\t\t\t\t\n\n<p>For all questions and concerns related to the admissions process, please contact:<br\/>\n 021-3565-2434-35-36-37 (Ext \u2013 217)<\/p>\n\t\t<\/div>\n\t\n\n\t\t<\/div>\n\t<\/div>\n\t\n\t<div id=\"accordion-662600524\" class=\"accordion-item\">\n\t\t<a id=\"accordion-662600524-label\" class=\"accordion-title plain\" href=\"#accordion-item-what-are-the-school-timings-of-hps?\" aria-expanded=\"false\" aria-controls=\"accordion-662600524-content\">\n\t\t\t<button class=\"toggle\" aria-label=\"Toggle\"><i class=\"icon-angle-down\" aria-hidden=\"true\"><\/i><\/button>\n\t\t\t<span>What are the school timings of HPS?<\/span>\n\t\t<\/a>\n\t\t<div id=\"accordion-662600524-content\" class=\"accordion-inner\" aria-labelledby=\"accordion-662600524-label\">\n\t\t\t\n\n\t\t<div class=\"hgs__AccordionTab-Text\">\n\t\t\t\t\n\n<p>Junior school classes run from 07:55 am to 1:30 pm and Senior school classes run from 07:55 am to 3:30 pm, Monday to Friday.<\/p>\n\t\t<\/div>\n\t\n\n\t\t<\/div>\n\t<\/div>\n\t\n\t<div id=\"accordion-2366794419\" class=\"accordion-item\">\n\t\t<a id=\"accordion-2366794419-label\" class=\"accordion-title plain\" href=\"#accordion-item-is-there-any-admission-preference-given-to-students-with-external-references-or-contacts?\" aria-expanded=\"false\" aria-controls=\"accordion-2366794419-content\">\n\t\t\t<button class=\"toggle\" aria-label=\"Toggle\"><i class=\"icon-angle-down\" aria-hidden=\"true\"><\/i><\/button>\n\t\t\t<span>Is there any admission preference given to students with external references or contacts?<\/span>\n\t\t<\/a>\n\t\t<div id=\"accordion-2366794419-content\" class=\"accordion-inner\" aria-labelledby=\"accordion-2366794419-label\">\n\t\t\t\n\n\t\t<div class=\"hgs__AccordionTab-Text\">\n\t\t\t\t\n\n<p>No, the admissions process at HPS is totally fair, transparent and merit based. Therefore, it is advised not to seek any external references; these will not support your application.<\/p>\n\t\t<\/div>\n\t\n\n\t\t<\/div>\n\t<\/div>\n\t\n\n<\/div>\n\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-2048579005 > .col-inner {\n  padding: 0px 0px 0px 0px;\n}\n<\/style>\n\t<\/div>\n\n\t\n\n\n<style>\n#row-109669221 > .col > .col-inner {\n  padding: 0px 0px 40px 0px;\n}\n<\/style>\n<\/div>\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1725528514 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n}\n<\/style>\n\t<\/section>\n\t\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-blank.php","meta":{"footnotes":""},"class_list":["post-12748","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/habibschools.edu.pk\/hps\/wp-json\/wp\/v2\/pages\/12748","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=12748"}],"version-history":[{"count":69,"href":"https:\/\/habibschools.edu.pk\/hps\/wp-json\/wp\/v2\/pages\/12748\/revisions"}],"predecessor-version":[{"id":13382,"href":"https:\/\/habibschools.edu.pk\/hps\/wp-json\/wp\/v2\/pages\/12748\/revisions\/13382"}],"wp:attachment":[{"href":"https:\/\/habibschools.edu.pk\/hps\/wp-json\/wp\/v2\/media?parent=12748"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}