{"id":12971,"date":"2026-10-09T04:00:05","date_gmt":"2026-10-09T04:00:05","guid":{"rendered":"https:\/\/habibschools.edu.pk\/hps\/?page_id=12971"},"modified":"2026-10-16T06:40:17","modified_gmt":"2026-10-16T06:40:17","slug":"community","status":"publish","type":"page","link":"https:\/\/habibschools.edu.pk\/hps\/community\/","title":{"rendered":"Community"},"content":{"rendered":"\n\n\t<section class=\"section\" id=\"section_1738524512\">\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-1967271772\">\n\n\n\t<div id=\"col-1573753800\" 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-1573753800 > .col-inner {\n  padding: 10px 0px 10px 0px;\n}\n<\/style>\n\t<\/div>\n\n\t\n\n<\/div>\n\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1738524512 {\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\n\t<section class=\"section\" id=\"section_1178852763\">\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<!-- HPS HERO BANNER COMPONENT (REDESIGNED TO MATCH SECOND BANNER STYLE) -->\n<div class=\"hps-hero-banner\">\n  <div class=\"hps-hero-overlay\"><\/div>\n  <div class=\"hps-hero-content\">\n    <div class=\"hps-hero-badge\">\n      <span class=\"hps-badge-dot\"><\/span>\n      <span class=\"hps-badge-text\">Community<\/span>\n    <\/div>\n    <h1 class=\"hps-hero-title\">The <span class=\"hps-highlight\">Habibian<\/span> Family<\/h1>\n    <p class=\"hps-hero-description\">\n      Fostering collaborative growth, sporting excellence, and lifelong bonds within our vibrant school community.\n    <\/p>\n  <\/div>\n<\/div>\n\n<style>\n\/* -------------------------------------------------------------------------\n   HPS HERO BANNER STYLING (STRICT HPS BRAND PALETTE)\n-------------------------------------------------------------------------- *\/\n:root {\n  --hps-base: #FFFFFF;\n  --hps-main: #5f0c0c;       \/* Dark Maroon Accent *\/\n  --hps-sec-gold: #FFB100;   \/* Secondary Gold Accent *\/\n  --hps-navy: #05354A;       \/* Dark Navy Background \/ Overlay *\/\n}\n\n.hps-hero-banner {\n  position: relative;\n  width: 100%;\n  min-height: 420px;\n  background-image: url('https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2025\/10\/IMG_20240118_103748_349-1024x461.jpg'); \/* Replace with actual background image from first banner *\/\n  background-size: cover;\n  background-position: center;\n  display: flex;\n  align-items: center;\n  padding: 4rem 3rem;\n  box-sizing: border-box;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n  overflow: hidden;\n}\n\n\/* Gradient Overlay to match second banner depth *\/\n.hps-hero-overlay {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: linear-gradient(90deg, rgba(5, 53, 74, 0.92) 0%, rgba(5, 53, 74, 0.75) 50%, rgba(95, 12, 12, 0.6) 100%);\n  z-index: 1;\n}\n\n.hps-hero-content {\n  position: relative;\n  z-index: 2;\n  max-width: 800px;\n}\n\n.hps-hero-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.5rem;\n  background: rgba(255, 255, 255, 0.1);\n  border: 1px solid rgba(255, 177, 0, 0.4);\n  padding: 0.35rem 0.85rem;\n  border-radius: 50px;\n  margin-bottom: 1.25rem;\n  backdrop-filter: blur(4px);\n}\n\n.hps-badge-dot {\n  width: 6px;\n  height: 6px;\n  background-color: var(--hps-sec-gold);\n  border-radius: 50%;\n}\n\n.hps-badge-text {\n  font-size: 0.75rem;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 0.1em;\n  color: var(--hps-base);\n}\n\n.hps-hero-title {\n  font-size: clamp(2.25rem, 4vw, 3.5rem);\n  font-weight: 800;\n  color: var(--hps-base);\n  margin: 0 0 1rem 0;\n  line-height: 1.15;\n  letter-spacing: -0.02em;\n}\n\n.hps-highlight {\n  color: var(--hps-sec-gold);\n}\n\n.hps-hero-description {\n  font-size: clamp(1rem, 1.25vw, 1.15rem);\n  line-height: 1.6;\n  color: #f1f5f9;\n  margin: 0;\n  font-weight: 400;\n  max-width: 650px;\n}\n\n@media (max-width: 768px) {\n  .hps-hero-banner {\n    padding: 3rem 1.5rem;\n  }\n}\n<\/style>\n\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1178852763 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section\" id=\"section_1253860053\">\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<!-- HPS DUAL CARD ASYMMETRIC SPLIT SECTION -->\n<section class=\"hps-split-card-section\">\n  <div class=\"hps-split-card-container\">\n    \n    <!-- Left Card: Content Box with Vertical Maroon Accent Bar -->\n    <div class=\"hps-card hps-content-card\">\n      <div class=\"hps-card-inner\">\n        <div class=\"hps-badge\">OUR METHODOLOGY<\/div>\n        <h2 class=\"hps-card-title\"><span class=\"hps-maroon\">A Caring<\/span> Community<\/h2>\n        <p class=\"hps-card-text\">\n          At Habib Public School Karachi, we believe true learning goes beyond textbooks. Our holistic approach focuses on academic excellence while also nurturing the physical, mental, and emotional well-being of every student. As one of the best schools in Karachi, HPS empowers students with critical thinking, problem-solving, and leadership skills, preparing them to become changemakers of tomorrow. Being a Habikian means going beyond limits, embracing innovation, and creating a positive impact wherever life may lead.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <!-- Right Card: Image Box with Floating Badge -->\n    <div class=\"hps-card hps-image-card\">\n      <div class=\"hps-image-wrapper\">\n        <img decoding=\"async\" src=\"https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2025\/09\/IMG20231102092556-2048x1155.jpg\" alt=\"Students holding artwork at Habib Public School\" class=\"hps-card-img\" \/>\n        <div class=\"hps-floating-badge\">\n          <span class=\"hps-dot\"><\/span> HOLISTIC EDUCATION\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n\/* -------------------------------------------------------------------------\n   STRICT HPS DESIGN SYSTEM & PALETTE VARIABLES\n-------------------------------------------------------------------------- *\/\n:root {\n  --hps-base: #FFFFFF;\n  --hps-main: #5f0c0c;       \/* Maroon *\/\n  --hps-sec-gold: #FFB100;   \/* Gold Accent *\/\n  --hps-navy: #05354A;       \/* Navy Dark \/ Text *\/\n  --hps-cyan: #4EBEF5;       \/* Cyan Accent *\/\n  --hps-green: #148945;      \/* Green Accent *\/\n  --card-radius: 20px;\n}\n\n.hps-split-card-section {\n  background-color: var(--hps-base);\n  padding: clamp(3rem, 6vw, 6rem) clamp(1rem, 4vw, 2rem);\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n  box-sizing: border-box;\n  width: 100%;\n}\n\n.hps-split-card-container {\n  max-width: 1280px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 2.5rem;\n  align-items: stretch;\n}\n\n\/* Base Card Styles *\/\n.hps-card {\n  background: var(--hps-base);\n  border-radius: var(--card-radius);\n  border: 1px solid rgba(5, 53, 74, 0.12);\n  box-shadow: 0 15px 35px rgba(5, 53, 74, 0.08);\n  overflow: hidden;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n}\n\n\/* Left Card: Vertical Maroon Accent Bar on Left Edge *\/\n.hps-content-card::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 6px;\n  height: 100%;\n  background: var(--hps-main);\n  border-top-left-radius: var(--card-radius);\n  border-bottom-left-radius: var(--card-radius);\n}\n\n.hps-card-inner {\n  padding: clamp(2rem, 3.5vw, 3.5rem);\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  height: 100%;\n  box-sizing: border-box;\n}\n\n\/* Methodology Pill Badge *\/\n.hps-badge {\n  display: inline-block;\n  background-color: rgba(78, 190, 245, 0.15);\n  color: var(--hps-navy);\n  font-size: 0.7rem;\n  font-weight: 800;\n  text-transform: uppercase;\n  letter-spacing: 0.1em;\n  padding: 0.4rem 1rem;\n  border-radius: 50px;\n  margin-bottom: 1.25rem;\n  width: fit-content;\n}\n\n\/* Typography *\/\n.hps-card-title {\n  font-size: clamp(2rem, 3vw, 2.75rem);\n  font-weight: 800;\n  color: var(--hps-navy);\n  margin: 0 0 1.5rem 0;\n  line-height: 1.15;\n  letter-spacing: -0.02em;\n}\n\n.hps-maroon {\n  color: var(--hps-main);\n}\n\n.hps-card-text {\n  font-size: clamp(0.92rem, 1.05vw, 1.02rem);\n  line-height: 1.75;\n  color: #334155;\n  margin: 0;\n  font-weight: 400;\n}\n\n\/* Right Card: Image & Floating Badge *\/\n.hps-image-wrapper {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  min-height: 420px;\n}\n\n.hps-card-img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n\n\/* Floating Badge inside Image Card *\/\n.hps-floating-badge {\n  position: absolute;\n  bottom: 1.5rem;\n  left: 1.5rem;\n  background-color: var(--hps-navy);\n  color: var(--hps-base);\n  padding: 0.5rem 1.25rem;\n  border-radius: 50px;\n  font-size: 0.75rem;\n  font-weight: 700;\n  letter-spacing: 0.08em;\n  display: inline-flex;\n  align-items: center;\n  gap: 0.5rem;\n  box-shadow: 0 8px 20px rgba(5, 53, 74, 0.3);\n}\n\n.hps-dot {\n  width: 6px;\n  height: 6px;\n  background-color: var(--hps-green);\n  border-radius: 50%;\n}\n\n\/* Responsive Grid Adjustments *\/\n@media (max-width: 968px) {\n  .hps-split-card-container {\n    grid-template-columns: 1fr;\n  }\n  .hps-image-wrapper {\n    min-height: 320px;\n  }\n}\n<\/style>\n\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1253860053 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section\" id=\"section_2008962618\">\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<!-- HPS UNIQUE REVERSED DUAL CARD ASYMMETRIC SPLIT SECTION -->\n<section class=\"hps-alumni-split-section\">\n  <div class=\"hps-alumni-split-container\">\n    \n    <!-- Left Card: Image Box with Floating Badge -->\n    <div class=\"hps-alumni-card hps-alumni-image-card\">\n      <div class=\"hps-alumni-image-wrapper\">\n        <img decoding=\"async\" src=\"https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2023\/09\/IMG_9815-scaled-e1691652180827-768x631-1-e1715317369653.jpg\" alt=\"Habib Public School Alumni Legacy\" class=\"hps-alumni-card-img\" \/>\n        <div class=\"hps-alumni-floating-badge\">\n          <span class=\"hps-alumni-dot\"><\/span> ALUMNI NETWORK\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Right Card: Content Box with Vertical Maroon Accent Bar -->\n    <div class=\"hps-alumni-card hps-alumni-content-card\">\n      <div class=\"hps-alumni-card-inner\">\n        <div class=\"hps-alumni-badge\">ALUMNI LEGACY<\/div>\n        <h2 class=\"hps-alumni-card-title\"><span class=\"hps-alumni-maroon\">Honoring Our<\/span> Alumni Legacy<\/h2>\n        \n        <p class=\"hps-alumni-card-text\">\n          Our Habikian alumni are an integral part of our story and an inspiration for future generations. For over six decades, they have carried forward the school&#8217;s legacy of excellence, leadership, and service \u2014 achieving success in diverse fields around the world.\n        <\/p>\n        \n        <p class=\"hps-alumni-card-text\">\n          Through the HPS Alumni Association, we celebrate their accomplishments, foster mentorship opportunities, and continue to strengthen the bond between past and present students. The spirit of &#8220;Once a Habikian, Always a Habikian&#8221; reminds us that the values learned here last a lifetime.\n        <\/p>\n        \n        <p class=\"hps-alumni-card-text\">\n          We take pride in seeing our alumni return to contribute, volunteer, and guide our students, keeping alive the tradition of giving back to the Habib community.\n        <\/p>\n\n        <!-- Static Animation-Free Pill Button -->\n        <div class=\"hps-alumni-card-btn-wrapper\">\n          <a href=\"https:\/\/habibschools.edu.pk\/hps\/community\/hps-alumni\/\" class=\"hps-alumni-pill-btn\">\n            <span class=\"hps-alumni-btn-text\">Join Alumni Network<\/span>\n            <span class=\"hps-alumni-btn-arrow\">&rarr;<\/span>\n          <\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n\/* -------------------------------------------------------------------------\n   STRICT HPS DESIGN SYSTEM & UNIQUE SCOPED VARIABLES\n-------------------------------------------------------------------------- *\/\n:root {\n  --hps-alumni-base: #FFFFFF;\n  --hps-alumni-main: #5f0c0c;        \/* Maroon *\/\n  --hps-alumni-sec-gold: #FFB100;   \/* Gold Accent *\/\n  --hps-alumni-navy: #05354A;       \/* Navy Dark \/ Text *\/\n  --hps-alumni-cyan: #4EBEF5;       \/* Cyan Accent *\/\n  --hps-alumni-green: #148945;      \/* Green Accent *\/\n  --hps-alumni-card-radius: 20px;\n}\n\n.hps-alumni-split-section {\n  background-color: var(--hps-alumni-base);\n  padding: clamp(3rem, 6vw, 6rem) clamp(1rem, 4vw, 2rem);\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n  box-sizing: border-box;\n  width: 100%;\n}\n\n.hps-alumni-split-container {\n  max-width: 1280px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 2.5rem;\n  align-items: stretch;\n}\n\n\/* Base Card Styles *\/\n.hps-alumni-card {\n  background: var(--hps-alumni-base);\n  border-radius: var(--hps-alumni-card-radius);\n  border: 1px solid rgba(5, 53, 74, 0.12);\n  box-shadow: 0 15px 35px rgba(5, 53, 74, 0.08);\n  overflow: hidden;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n}\n\n\/* Content Card: Vertical Maroon Accent Bar on Left Edge *\/\n.hps-alumni-content-card::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 6px;\n  height: 100%;\n  background: var(--hps-alumni-main);\n  border-top-left-radius: var(--hps-alumni-card-radius);\n  border-bottom-left-radius: var(--hps-alumni-card-radius);\n}\n\n.hps-alumni-card-inner {\n  padding: clamp(2rem, 3.5vw, 3.5rem);\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  height: 100%;\n  box-sizing: border-box;\n}\n\n\/* Badge Styling *\/\n.hps-alumni-badge {\n  display: inline-block;\n  background-color: rgba(78, 190, 245, 0.15);\n  color: var(--hps-alumni-navy);\n  font-size: 0.7rem;\n  font-weight: 800;\n  text-transform: uppercase;\n  letter-spacing: 0.1em;\n  padding: 0.4rem 1rem;\n  border-radius: 50px;\n  margin-bottom: 1.25rem;\n  width: fit-content;\n}\n\n\/* Typography *\/\n.hps-alumni-card-title {\n  font-size: clamp(2rem, 3vw, 2.75rem);\n  font-weight: 800;\n  color: var(--hps-alumni-navy);\n  margin: 0 0 1.5rem 0;\n  line-height: 1.15;\n  letter-spacing: -0.02em;\n}\n\n.hps-alumni-maroon {\n  color: var(--hps-alumni-main);\n}\n\n.hps-alumni-card-text {\n  font-size: clamp(0.92rem, 1.05vw, 1.02rem);\n  line-height: 1.75;\n  color: #334155;\n  margin: 0 0 1rem 0;\n  font-weight: 400;\n}\n\n.hps-alumni-card-text:last-of-type {\n  margin-bottom: 1.75rem;\n}\n\n\/* Button Wrapper & Animation-Free Pill Button *\/\n.hps-alumni-card-btn-wrapper {\n  margin-top: 0.5rem;\n}\n\n.hps-alumni-pill-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 0.75rem;\n  background-color: var(--hps-alumni-main);\n  color: var(--hps-alumni-base);\n  text-decoration: none;\n  padding: 0.85rem 2.25rem;\n  border-radius: 50px;\n  box-shadow: 0 10px 25px rgba(95, 12, 12, 0.2);\n  transition: none;\n}\n\n.hps-alumni-btn-text {\n  font-size: 1rem;\n  font-weight: 700;\n  letter-spacing: -0.01em;\n  color: #FFFFFF;\n}\n\n.hps-alumni-btn-arrow {\n  font-size: 1.25rem;\n  font-weight: 700;\n  color: #FFFFFF;\n}\n\n\/* Image Card & Floating Badge *\/\n.hps-alumni-image-wrapper {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  min-height: 420px;\n}\n\n.hps-alumni-card-img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n\n.hps-alumni-floating-badge {\n  position: absolute;\n  bottom: 1.5rem;\n  left: 1.5rem;\n  background-color: var(--hps-alumni-navy);\n  color: var(--hps-alumni-base);\n  padding: 0.5rem 1.25rem;\n  border-radius: 50px;\n  font-size: 0.75rem;\n  font-weight: 700;\n  letter-spacing: 0.08em;\n  display: inline-flex;\n  align-items: center;\n  gap: 0.5rem;\n  box-shadow: 0 8px 20px rgba(5, 53, 74, 0.3);\n}\n\n.hps-alumni-dot {\n  width: 6px;\n  height: 6px;\n  background-color: var(--hps-alumni-green);\n  border-radius: 50%;\n}\n\n\/* Responsive Layout *\/\n@media (max-width: 968px) {\n  .hps-alumni-split-container {\n    grid-template-columns: 1fr;\n  }\n  .hps-alumni-image-wrapper {\n    min-height: 320px;\n  }\n  .hps-alumni-image-card {\n    order: -1; \n  }\n  .hps-alumni-pill-btn {\n    width: 100%;\n  }\n}\n<\/style>\n\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_2008962618 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section\" id=\"section_1869605503\">\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<!-- HPS UNIQUE DUAL CARD ASYMMETRIC SPLIT SECTION -->\n<section class=\"hps-unique-split-section\">\n  <div class=\"hps-unique-split-wrapper\">\n    \n    <!-- Left Card: Content Box with Vertical Maroon Accent Bar -->\n    <div class=\"hps-unique-card hps-unique-content-box\">\n      <div class=\"hps-unique-card-padding\">\n        <div class=\"hps-unique-top-tag\">HABIB EDUCATION TRUST<\/div>\n        <h2 class=\"hps-unique-heading\"><span class=\"hps-unique-highlight\">Support the<\/span> Habib Education Trust<\/h2>\n        \n        <p class=\"hps-unique-paragraph\">\n          The Habib Education Trust plays a vital role in ensuring that quality education remains accessible to students from all walks of life. Through scholarships, sponsorships, and financial aid programs, the Trust upholds the Habib vision of excellence with inclusivity.\n        <\/p>\n        \n        <p class=\"hps-unique-paragraph\">\n          Your generous contributions help us create opportunities for deserving students, enhance learning facilities, and invest in innovative educational initiatives that prepare our youth for a bright future.\n        <\/p>\n        \n        <p class=\"hps-unique-paragraph\">\n          Whether you wish to donate, sponsor, or volunteer, your support directly impacts lives and strengthens the legacy of Habib Public School Karachi.\n        <\/p>\n\n        <!-- Static Animation-Free Pill Button -->\n        <div class=\"hps-unique-btn-container\">\n          <a href=\"https:\/\/habibschools.edu.pk\/support-the-trust\/\" class=\"hps-unique-pill-anchor\">\n            <span class=\"hps-unique-btn-label\">Donate Now<\/span>\n            <span class=\"hps-unique-btn-glyph\">&rarr;<\/span>\n          <\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Right Card: Image Box with Floating Badge -->\n    <div class=\"hps-unique-card hps-unique-media-box\">\n      <div class=\"hps-unique-media-inner\">\n        <img decoding=\"async\" src=\"https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2025\/09\/DSC03218-2048x1152.jpg\" alt=\"Student supporting Habib Education Trust\" class=\"hps-unique-responsive-img\" \/>\n        <div class=\"hps-unique-float-badge\">\n          <span class=\"hps-unique-indicator-dot\"><\/span> Donate Now\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n\/* -------------------------------------------------------------------------\n   STRICT HPS DESIGN SYSTEM & UNIQUE SCOPED VARIABLES\n-------------------------------------------------------------------------- *\/\n:root {\n  --hps-base-white: #FFFFFF;\n  --hps-brand-maroon: #5f0c0c;\n  --hps-brand-gold: #FFB100;\n  --hps-brand-navy: #05354A;\n  --hps-brand-cyan: #4EBEF5;\n  --hps-brand-green: #148945;\n  --hps-radius-val: 20px;\n}\n\n.hps-unique-split-section {\n  background-color: var(--hps-base-white);\n  padding: clamp(3rem, 6vw, 6rem) clamp(1rem, 4vw, 2rem);\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n  box-sizing: border-box;\n  width: 100%;\n}\n\n.hps-unique-split-wrapper {\n  max-width: 1280px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 2.5rem;\n  align-items: stretch;\n}\n\n\/* Base Card Styles *\/\n.hps-unique-card {\n  background: var(--hps-base-white);\n  border-radius: var(--hps-radius-val);\n  border: 1px solid rgba(5, 53, 74, 0.12);\n  box-shadow: 0 15px 35px rgba(5, 53, 74, 0.08);\n  overflow: hidden;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n}\n\n\/* Content Card: Vertical Maroon Accent Bar on Left Edge *\/\n.hps-unique-content-box::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 6px;\n  height: 100%;\n  background: var(--hps-brand-maroon);\n  border-top-left-radius: var(--hps-radius-val);\n  border-bottom-left-radius: var(--hps-radius-val);\n}\n\n.hps-unique-card-padding {\n  padding: clamp(2rem, 3.5vw, 3.5rem);\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  height: 100%;\n  box-sizing: border-box;\n}\n\n\/* Badge Styling *\/\n.hps-unique-top-tag {\n  display: inline-block;\n  background-color: rgba(78, 190, 245, 0.15);\n  color: var(--hps-brand-navy);\n  font-size: 0.7rem;\n  font-weight: 800;\n  text-transform: uppercase;\n  letter-spacing: 0.1em;\n  padding: 0.4rem 1rem;\n  border-radius: 50px;\n  margin-bottom: 1.25rem;\n  width: fit-content;\n}\n\n\/* Typography *\/\n.hps-unique-heading {\n  font-size: clamp(2rem, 3vw, 2.75rem);\n  font-weight: 800;\n  color: var(--hps-brand-navy);\n  margin: 0 0 1.5rem 0;\n  line-height: 1.15;\n  letter-spacing: -0.02em;\n}\n\n.hps-unique-highlight {\n  color: var(--hps-brand-maroon);\n}\n\n.hps-unique-paragraph {\n  font-size: clamp(0.92rem, 1.05vw, 1.02rem);\n  line-height: 1.75;\n  color: #334155;\n  margin: 0 0 1.0rem 0;\n  font-weight: 400;\n}\n\n.hps-unique-paragraph:last-of-type {\n  margin-bottom: 1.75rem;\n}\n\n\/* Button Wrapper & Animation-Free Pill Button *\/\n.hps-unique-btn-container {\n  margin-top: 0.5rem;\n}\n\n.hps-unique-pill-anchor {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 0.75rem;\n  background-color: var(--hps-brand-maroon);\n  color: var(--hps-base-white);\n  text-decoration: none;\n  padding: 0.85rem 2.25rem;\n  border-radius: 50px;\n  box-shadow: 0 10px 25px rgba(95, 12, 12, 0.2);\n  transition: none;\n}\n\n.hps-unique-btn-label {\n  font-size: 1rem;\n  font-weight: 700;\n  letter-spacing: -0.01em;\n  color: #FFFFFF;\n}\n\n.hps-unique-btn-glyph {\n  font-size: 1.25rem;\n  font-weight: 700;\n  color: #FFFFFF;\n}\n\n\/* Image Card & Floating Badge *\/\n.hps-unique-media-inner {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  min-height: 420px;\n}\n\n.hps-unique-responsive-img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n\n.hps-unique-float-badge {\n  position: absolute;\n  bottom: 1.5rem;\n  left: 1.5rem;\n  background-color: var(--hps-brand-navy);\n  color: var(--hps-base-white);\n  padding: 0.5rem 1.25rem;\n  border-radius: 50px;\n  font-size: 0.75rem;\n  font-weight: 700;\n  letter-spacing: 0.08em;\n  display: inline-flex;\n  align-items: center;\n  gap: 0.5rem;\n  box-shadow: 0 8px 20px rgba(5, 53, 74, 0.3);\n}\n\n.hps-unique-indicator-dot {\n  width: 6px;\n  height: 6px;\n  background-color: var(--hps-brand-green);\n  border-radius: 50%;\n}\n\n\/* Responsive Layout *\/\n@media (max-width: 968px) {\n  .hps-unique-split-wrapper {\n    grid-template-columns: 1fr;\n  }\n  .hps-unique-media-inner {\n    min-height: 320px;\n  }\n  .hps-unique-media-box {\n    order: -1; \n  }\n  .hps-unique-pill-anchor {\n    width: 100%;\n  }\n}\n<\/style>\n\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1869605503 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section\" id=\"section_1951754926\">\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\t<div id=\"gap-1323105564\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1323105564 {\n  padding-top: 30px;\n}\n<\/style>\n\t<\/div>\n\t\n\n<div class=\"row row-collapse row-full-width align-middle\"  id=\"row-1707351990\">\n\n\n\t<div id=\"col-819217879\" class=\"col medium-6 small-12 large-6\"  data-animate=\"fadeInRight\">\n\t\t\t\t<div class=\"col-inner text-right\"  >\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_2081719034\">\n\t\t\t\t\t\t\t\t<div class=\"img-inner image-cover dark\" style=\"padding-top:100%;margin:0px 0px 0px 20px;\">\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1020\" height=\"576\" src=\"https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2025\/09\/IMG20231102092556-1024x578.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2025\/09\/IMG20231102092556-1024x578.jpg 1024w, https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2025\/09\/IMG20231102092556-768x433.jpg 768w, https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2025\/09\/IMG20231102092556-1536x866.jpg 1536w, https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2025\/09\/IMG20231102092556-2048x1155.jpg 2048w\" sizes=\"auto, (max-width: 1020px) 100vw, 1020px\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n<style>\n#image_2081719034 {\n  width: 100%;\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<\/div>\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1951754926 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n  background-color: rgb(247, 247, 247);\n}\n#section_1951754926 .section-bg-overlay {\n  background-color: rgba(255, 255, 255, 0.85);\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section\" id=\"section_476346737\">\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<!-- HPS UNIQUE SOLID MAROON NEWS SECTION WITH PROMINENT MAIN SECTION HEADING -->\n<section class=\"hps-unique-cafeteria-section\">\n  <div class=\"hps-unique-cafeteria-container\">\n    \n    <!-- Prominent Main Heading -->\n    <h2 class=\"hps-unique-main-section-title\">NEWS<\/h2>\n\n    <div class=\"hps-unique-cafeteria-grid\">\n      <!-- Left Content Column -->\n      <div class=\"hps-unique-cafeteria-content\">\n        <h3 class=\"hps-unique-cafeteria-title\">Habib Public School Tender For Managing Cafeteria<\/h3>\n        \n        <p class=\"hps-unique-cafeteria-desc\">\n          Interested eligible parties are invited to submit their comprehensive bids for managing and operating the high-capacity campus cafeteria facility (serving 1000+ students and 120+ staff members daily).\n        <\/p>\n\n        <p class=\"hps-unique-cafeteria-desc-extra\">\n          Ensure all sealed submissions comply with the standard procurement guidelines and deadlines outlined in the official documentation.\n        <\/p>\n\n        <div class=\"hps-unique-cafeteria-action\">\n          <a href=\"https:\/\/habibschools.edu.pk\/hps\/habib-public-school-tender-for-managing-cafeteria\/\" class=\"hps-unique-btn-pill-box\">\n            <span class=\"hps-unique-btn-label-text\">Read More<\/span>\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Right Image Card Column -->\n      <div class=\"hps-unique-cafeteria-image-card\">\n        <div class=\"hps-unique-cafeteria-img-wrapper\">\n          <img decoding=\"async\" src=\"https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2024\/09\/IMG20230824094420-1024x576-1-1.jpg\" alt=\"Habib Public School Cafeteria\" class=\"hps-unique-cafeteria-img\" \/>\n          <div class=\"hps-unique-image-status-badge\">Latest<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n:root {\n  --hps-uniq-base: #FFFFFF;\n  --hps-uniq-main: #5f0c0c;\n  --hps-uniq-gold: #FFB100;\n  --hps-uniq-navy: #05354A;\n}\n\n.hps-unique-cafeteria-section {\n  background-color: var(--hps-uniq-main);\n  padding: clamp(3rem, 5vw, 5rem) clamp(1rem, 4vw, 3rem);\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n  box-sizing: border-box;\n  width: 100%;\n}\n\n.hps-unique-cafeteria-container {\n  max-width: 1200px;\n  margin: 0 auto;\n}\n\n\/* Prominent Main Section Heading *\/\n.hps-unique-main-section-title {\n  text-align: center;\n  font-size: clamp(2.5rem, 5vw, 4rem);\n  font-weight: 900;\n  letter-spacing: 0.1em;\n  text-transform: uppercase;\n  color: var(--hps-uniq-base);\n  margin: 0 0 3rem 0;\n  line-height: 1;\n}\n\n.hps-unique-cafeteria-grid {\n  display: grid;\n  grid-template-columns: 1.1fr 0.9fr;\n  gap: clamp(2rem, 4vw, 4rem);\n  align-items: center;\n}\n\n.hps-unique-cafeteria-content {\n  color: var(--hps-uniq-base);\n}\n\n.hps-unique-cafeteria-title {\n  font-size: clamp(2.1rem, 3.4vw, 3rem);\n  font-weight: 800;\n  color: var(--hps-uniq-base);\n  margin: 0 0 1.25rem 0;\n  line-height: 1.15;\n  letter-spacing: -0.02em;\n}\n\n.hps-unique-cafeteria-desc {\n  font-size: clamp(0.98rem, 1.15vw, 1.1rem);\n  line-height: 1.7;\n  color: rgba(255, 255, 255, 0.92);\n  margin: 0 0 0.85rem 0;\n  font-weight: 400;\n}\n\n.hps-unique-cafeteria-desc-extra {\n  font-size: clamp(0.95rem, 1.1vw, 1.05rem);\n  line-height: 1.7;\n  color: rgba(255, 255, 255, 0.82);\n  margin: 0 0 2rem 0;\n  font-weight: 400;\n}\n\n.hps-unique-cafeteria-action {\n  display: flex;\n  align-items: center;\n}\n\n.hps-unique-btn-pill-box {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--hps-uniq-base);\n  color: var(--hps-uniq-main);\n  padding: 0.75rem 2rem;\n  border-radius: 8px;\n  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);\n  text-decoration: none;\n  transition: none;\n}\n\n.hps-unique-btn-label-text {\n  font-size: 0.95rem;\n  font-weight: 700;\n  letter-spacing: -0.01em;\n  color: var(--hps-uniq-main);\n}\n\n.hps-unique-cafeteria-image-card {\n  position: relative;\n  width: 100%;\n}\n\n.hps-unique-cafeteria-img-wrapper {\n  position: relative;\n  border-radius: 12px;\n  overflow: hidden;\n  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25);\n  border: 2px solid rgba(255, 255, 255, 0.15);\n}\n\n.hps-unique-cafeteria-img {\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: cover;\n  min-height: 340px;\n  max-height: 440px;\n}\n\n.hps-unique-image-status-badge {\n  position: absolute;\n  top: 1.25rem;\n  left: 1.25rem;\n  background: var(--hps-uniq-base);\n  color: var(--hps-uniq-main);\n  padding: 0.35rem 1rem;\n  border-radius: 4px;\n  font-size: 0.8rem;\n  font-weight: 800;\n  letter-spacing: 0.05em;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n}\n\n@media (max-width: 968px) {\n  .hps-unique-cafeteria-grid {\n    grid-template-columns: 1fr;\n    gap: 2.5rem;\n  }\n  \n  .hps-unique-cafeteria-image-card {\n    order: -1;\n  }\n\n  .hps-unique-cafeteria-img {\n    min-height: 280px;\n    max-height: 350px;\n  }\n}\n<\/style>\n\n\n  \n    <div class=\"row large-columns-3 medium-columns-1 small-columns-1 slider row-slider slider-nav-simple slider-nav-outside slider-nav-light\"  data-flickity-options='{&quot;imagesLoaded&quot;: true, &quot;groupCells&quot;: &quot;100%&quot;, &quot;dragThreshold&quot; : 5, &quot;cellAlign&quot;: &quot;left&quot;,&quot;wrapAround&quot;: true,&quot;prevNextButtons&quot;: true,&quot;percentPosition&quot;: true,&quot;pageDots&quot;: false, &quot;rightToLeft&quot;: false, &quot;autoPlay&quot; : 7000}' >\n\n  <div class=\"col post-item\" >\n\t\t\t<div class=\"col-inner\">\n\t\t\t\t<div class=\"box box-badge hover-dark box-text-bottom box-blog-post has-hover\">\n            \t\t\t\t\t<div class=\"box-image\" >\n  \t\t\t\t\t\t<div class=\"image-fade-in image-cover\" style=\"padding-top:56.25%;\">\n\t\t\t\t\t\t\t<a href=\"https:\/\/habibschools.edu.pk\/hps\/junior-sports-day-2024\/\" class=\"plain\" aria-label=\"Junior Sports Day&#8217; 2024\">\n\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"461\" src=\"https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2024\/01\/Sports-day-2-1024x461.jpg\" class=\"attachment-medium size-medium wp-post-image\" alt=\"sports day being celebrated at HPS\" srcset=\"https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2024\/01\/Sports-day-2-1024x461.jpg 1024w, https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2024\/01\/Sports-day-2-768x346.jpg 768w, https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2024\/01\/Sports-day-2-1536x691.jpg 1536w, https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2024\/01\/Sports-day-2-2048x922.jpg 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t<\/a>\n  \t\t\t\t\t\t\t  \t\t\t\t\t\t\t  \t\t\t\t\t\t<\/div>\n  \t\t\t\t\t\t  \t\t\t\t\t<\/div>\n          \t\t\t\t\t<div class=\"box-text show-on-hover hover-fade-out text-center\" style=\"background-color:rgba(95, 12, 12, 0.733);\">\n\t\t\t\t\t<div class=\"box-text-inner blog-post-inner\">\n\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<h5 class=\"post-title is-large \">\n\t\t\t\t\t\t<a href=\"https:\/\/habibschools.edu.pk\/hps\/junior-sports-day-2024\/\" class=\"plain\">Junior Sports Day&#8217; 2024<\/a>\n\t\t\t\t\t<\/h5>\n\t\t\t\t\t<div class=\"post-meta is-small op-8\">January 30, 2024<\/div>\t\t\t\t\t<div class=\"is-divider\"><\/div>\n\t\t\t\t\t\t\t\t\t\t<p class=\"from_the_blog_excerpt \">\n\t\t\t\t\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t                    \n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div><div class=\"col post-item\" >\n\t\t\t<div class=\"col-inner\">\n\t\t\t\t<div class=\"box box-badge hover-dark box-text-bottom box-blog-post has-hover\">\n            \t\t\t\t\t<div class=\"box-image\" >\n  \t\t\t\t\t\t<div class=\"image-fade-in image-cover\" style=\"padding-top:56.25%;\">\n\t\t\t\t\t\t\t<a href=\"https:\/\/habibschools.edu.pk\/hps\/sports-day-of-junior-section-classes-iii-v-was-held-on-18th-of-january-at-habib-public-school\/\" class=\"plain\" aria-label=\"Sports Day of Junior Section (Classes III \u2013 V)\">\n\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"461\" src=\"https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2024\/01\/Sports-day-3-1024x461.jpg\" class=\"attachment-medium size-medium wp-post-image\" alt=\"Students performing Taekwondo activities at HPS Sports Day\" srcset=\"https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2024\/01\/Sports-day-3-1024x461.jpg 1024w, https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2024\/01\/Sports-day-3-768x346.jpg 768w, https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2024\/01\/Sports-day-3-1536x691.jpg 1536w, https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2024\/01\/Sports-day-3-2048x922.jpg 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t<\/a>\n  \t\t\t\t\t\t\t  \t\t\t\t\t\t\t  \t\t\t\t\t\t<\/div>\n  \t\t\t\t\t\t  \t\t\t\t\t<\/div>\n          \t\t\t\t\t<div class=\"box-text show-on-hover hover-fade-out text-center\" style=\"background-color:rgba(95, 12, 12, 0.733);\">\n\t\t\t\t\t<div class=\"box-text-inner blog-post-inner\">\n\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<h5 class=\"post-title is-large \">\n\t\t\t\t\t\t<a href=\"https:\/\/habibschools.edu.pk\/hps\/sports-day-of-junior-section-classes-iii-v-was-held-on-18th-of-january-at-habib-public-school\/\" class=\"plain\">Sports Day of Junior Section (Classes III \u2013 V)<\/a>\n\t\t\t\t\t<\/h5>\n\t\t\t\t\t<div class=\"post-meta is-small op-8\">January 30, 2024<\/div>\t\t\t\t\t<div class=\"is-divider\"><\/div>\n\t\t\t\t\t\t\t\t\t\t<p class=\"from_the_blog_excerpt \">\n\t\t\t\t\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t                    \n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div><div class=\"col post-item\" >\n\t\t\t<div class=\"col-inner\">\n\t\t\t\t<div class=\"box box-badge hover-dark box-text-bottom box-blog-post has-hover\">\n            \t\t\t\t\t<div class=\"box-image\" >\n  \t\t\t\t\t\t<div class=\"image-fade-in image-cover\" style=\"padding-top:56.25%;\">\n\t\t\t\t\t\t\t<a href=\"https:\/\/habibschools.edu.pk\/hps\/class-1-admissions-are-closed-2024-25\/\" class=\"plain\" aria-label=\"Admissions For Class-1 Closed 2024-25\">\n\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"526\" height=\"526\" src=\"https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2024\/01\/Class-1-admission-closed.jpg\" class=\"attachment-medium size-medium wp-post-image\" alt=\"Class 1 admission closed poster\" srcset=\"https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2024\/01\/Class-1-admission-closed.jpg 526w, https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2024\/01\/Class-1-admission-closed-300x300.jpg 300w\" sizes=\"auto, (max-width: 526px) 100vw, 526px\" \/>\t\t\t\t\t\t\t<\/a>\n  \t\t\t\t\t\t\t  \t\t\t\t\t\t\t  \t\t\t\t\t\t<\/div>\n  \t\t\t\t\t\t  \t\t\t\t\t<\/div>\n          \t\t\t\t\t<div class=\"box-text show-on-hover hover-fade-out text-center\" style=\"background-color:rgba(95, 12, 12, 0.733);\">\n\t\t\t\t\t<div class=\"box-text-inner blog-post-inner\">\n\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<h5 class=\"post-title is-large \">\n\t\t\t\t\t\t<a href=\"https:\/\/habibschools.edu.pk\/hps\/class-1-admissions-are-closed-2024-25\/\" class=\"plain\">Admissions For Class-1 Closed 2024-25<\/a>\n\t\t\t\t\t<\/h5>\n\t\t\t\t\t<div class=\"post-meta is-small op-8\">January 30, 2024<\/div>\t\t\t\t\t<div class=\"is-divider\"><\/div>\n\t\t\t\t\t\t\t\t\t\t<p class=\"from_the_blog_excerpt \">\n\t\t\t\t\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t                    \n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div><div class=\"col post-item\" >\n\t\t\t<div class=\"col-inner\">\n\t\t\t\t<div class=\"box box-badge hover-dark box-text-bottom box-blog-post has-hover\">\n            \t\t\t\t\t<div class=\"box-image\" >\n  \t\t\t\t\t\t<div class=\"image-fade-in image-cover\" style=\"padding-top:56.25%;\">\n\t\t\t\t\t\t\t<a href=\"https:\/\/habibschools.edu.pk\/hps\/admissions-for-class-xi-open-2024-25\/\" class=\"plain\" aria-label=\"ADMISSIONS FOR CLASS XI OPEN 2024-25!\">\n\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"575\" src=\"https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2024\/01\/Class-XI-admissions-1024x575.jpg\" class=\"attachment-medium size-medium wp-post-image\" alt=\"admissions open poster HPS\" srcset=\"https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2024\/01\/Class-XI-admissions-1024x575.jpg 1024w, https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2024\/01\/Class-XI-admissions-768x432.jpg 768w, https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2024\/01\/Class-XI-admissions-1536x863.jpg 1536w, https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2024\/01\/Class-XI-admissions.jpg 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t<\/a>\n  \t\t\t\t\t\t\t  \t\t\t\t\t\t\t  \t\t\t\t\t\t<\/div>\n  \t\t\t\t\t\t  \t\t\t\t\t<\/div>\n          \t\t\t\t\t<div class=\"box-text show-on-hover hover-fade-out text-center\" style=\"background-color:rgba(95, 12, 12, 0.733);\">\n\t\t\t\t\t<div class=\"box-text-inner blog-post-inner\">\n\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<h5 class=\"post-title is-large \">\n\t\t\t\t\t\t<a href=\"https:\/\/habibschools.edu.pk\/hps\/admissions-for-class-xi-open-2024-25\/\" class=\"plain\">ADMISSIONS FOR CLASS XI OPEN 2024-25!<\/a>\n\t\t\t\t\t<\/h5>\n\t\t\t\t\t<div class=\"post-meta is-small op-8\">January 12, 2024<\/div>\t\t\t\t\t<div class=\"is-divider\"><\/div>\n\t\t\t\t\t\t\t\t\t\t<p class=\"from_the_blog_excerpt \">\n\t\t\t\t\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t                    \n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div><div class=\"col post-item\" >\n\t\t\t<div class=\"col-inner\">\n\t\t\t\t<div class=\"box box-badge hover-dark box-text-bottom box-blog-post has-hover\">\n            \t\t\t\t\t<div class=\"box-image\" >\n  \t\t\t\t\t\t<div class=\"image-fade-in image-cover\" style=\"padding-top:56.25%;\">\n\t\t\t\t\t\t\t<a href=\"https:\/\/habibschools.edu.pk\/hps\/quaid-day-virtual-celebrations\/\" class=\"plain\" aria-label=\"Quaid Day Virtual Celebrations\">\n\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"233\" height=\"300\" src=\"https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2023\/09\/img-t-12-15.jpg\" class=\"attachment-medium size-medium wp-post-image\" alt=\"\" \/>\t\t\t\t\t\t\t<\/a>\n  \t\t\t\t\t\t\t  \t\t\t\t\t\t\t  \t\t\t\t\t\t<\/div>\n  \t\t\t\t\t\t  \t\t\t\t\t<\/div>\n          \t\t\t\t\t<div class=\"box-text show-on-hover hover-fade-out text-center\" style=\"background-color:rgba(95, 12, 12, 0.733);\">\n\t\t\t\t\t<div class=\"box-text-inner blog-post-inner\">\n\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<h5 class=\"post-title is-large \">\n\t\t\t\t\t\t<a href=\"https:\/\/habibschools.edu.pk\/hps\/quaid-day-virtual-celebrations\/\" class=\"plain\">Quaid Day Virtual Celebrations<\/a>\n\t\t\t\t\t<\/h5>\n\t\t\t\t\t<div class=\"post-meta is-small op-8\">September 19, 2023<\/div>\t\t\t\t\t<div class=\"is-divider\"><\/div>\n\t\t\t\t\t\t\t\t\t\t<p class=\"from_the_blog_excerpt \">\n\t\t\t\t\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t                    \n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div><div class=\"col post-item\" >\n\t\t\t<div class=\"col-inner\">\n\t\t\t\t<div class=\"box box-badge hover-dark box-text-bottom box-blog-post has-hover\">\n            \t\t\t\t\t<div class=\"box-image\" >\n  \t\t\t\t\t\t<div class=\"image-fade-in image-cover\" style=\"padding-top:56.25%;\">\n\t\t\t\t\t\t\t<a href=\"https:\/\/habibschools.edu.pk\/hps\/virtual-naat-competition\/\" class=\"plain\" aria-label=\"Virtual Naat Competition\">\n\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"161\" src=\"https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2023\/09\/img-t-08-4.jpg\" class=\"attachment-medium size-medium wp-post-image\" alt=\"\" \/>\t\t\t\t\t\t\t<\/a>\n  \t\t\t\t\t\t\t  \t\t\t\t\t\t\t  \t\t\t\t\t\t<\/div>\n  \t\t\t\t\t\t  \t\t\t\t\t<\/div>\n          \t\t\t\t\t<div class=\"box-text show-on-hover hover-fade-out text-center\" style=\"background-color:rgba(95, 12, 12, 0.733);\">\n\t\t\t\t\t<div class=\"box-text-inner blog-post-inner\">\n\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<h5 class=\"post-title is-large \">\n\t\t\t\t\t\t<a href=\"https:\/\/habibschools.edu.pk\/hps\/virtual-naat-competition\/\" class=\"plain\">Virtual Naat Competition<\/a>\n\t\t\t\t\t<\/h5>\n\t\t\t\t\t<div class=\"post-meta is-small op-8\">September 19, 2023<\/div>\t\t\t\t\t<div class=\"is-divider\"><\/div>\n\t\t\t\t\t\t\t\t\t\t<p class=\"from_the_blog_excerpt \">\n\t\t\t\t\t\tClothes make a statement, costumes tell a story \u2013 Talentia was part\t\t\t\t\t<\/p>\n\t\t\t\t\t                    \n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div><div class=\"col post-item\" >\n\t\t\t<div class=\"col-inner\">\n\t\t\t\t<div class=\"box box-badge hover-dark box-text-bottom box-blog-post has-hover\">\n            \t\t\t\t\t<div class=\"box-image\" >\n  \t\t\t\t\t\t<div class=\"image-fade-in image-cover\" style=\"padding-top:56.25%;\">\n\t\t\t\t\t\t\t<a href=\"https:\/\/habibschools.edu.pk\/hps\/iqbal-day-activity-at-high-school\/\" class=\"plain\" aria-label=\"Iqbal Day Activity\">\n\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"225\" height=\"300\" src=\"https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2023\/09\/img-t-09-2.jpg\" class=\"attachment-medium size-medium wp-post-image\" alt=\"\" \/>\t\t\t\t\t\t\t<\/a>\n  \t\t\t\t\t\t\t  \t\t\t\t\t\t\t  \t\t\t\t\t\t<\/div>\n  \t\t\t\t\t\t  \t\t\t\t\t<\/div>\n          \t\t\t\t\t<div class=\"box-text show-on-hover hover-fade-out text-center\" style=\"background-color:rgba(95, 12, 12, 0.733);\">\n\t\t\t\t\t<div class=\"box-text-inner blog-post-inner\">\n\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<h5 class=\"post-title is-large \">\n\t\t\t\t\t\t<a href=\"https:\/\/habibschools.edu.pk\/hps\/iqbal-day-activity-at-high-school\/\" class=\"plain\">Iqbal Day Activity<\/a>\n\t\t\t\t\t<\/h5>\n\t\t\t\t\t<div class=\"post-meta is-small op-8\">September 19, 2023<\/div>\t\t\t\t\t<div class=\"is-divider\"><\/div>\n\t\t\t\t\t\t\t\t\t\t<p class=\"from_the_blog_excerpt \">\n\t\t\t\t\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t                    \n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div><div class=\"col post-item\" >\n\t\t\t<div class=\"col-inner\">\n\t\t\t\t<div class=\"box box-badge hover-dark box-text-bottom box-blog-post has-hover\">\n            \t\t\t\t\t<div class=\"box-image\" >\n  \t\t\t\t\t\t<div class=\"image-fade-in image-cover\" style=\"padding-top:56.25%;\">\n\t\t\t\t\t\t\t<a href=\"https:\/\/habibschools.edu.pk\/hps\/together-apart\/\" class=\"plain\" aria-label=\"Together, Apart\">\n\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"561\" src=\"https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2023\/09\/Screenshot-2021-06-10-at-8.11.12-PM-1024x561.png\" class=\"attachment-medium size-medium wp-post-image\" alt=\"\" srcset=\"https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2023\/09\/Screenshot-2021-06-10-at-8.11.12-PM-1024x561.png 1024w, https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2023\/09\/Screenshot-2021-06-10-at-8.11.12-PM-768x421.png 768w, https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2023\/09\/Screenshot-2021-06-10-at-8.11.12-PM-1536x841.png 1536w, https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2023\/09\/Screenshot-2021-06-10-at-8.11.12-PM.png 2016w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t<\/a>\n  \t\t\t\t\t\t\t  \t\t\t\t\t\t\t  \t\t\t\t\t\t<\/div>\n  \t\t\t\t\t\t  \t\t\t\t\t<\/div>\n          \t\t\t\t\t<div class=\"box-text show-on-hover hover-fade-out text-center\" style=\"background-color:rgba(95, 12, 12, 0.733);\">\n\t\t\t\t\t<div class=\"box-text-inner blog-post-inner\">\n\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<h5 class=\"post-title is-large \">\n\t\t\t\t\t\t<a href=\"https:\/\/habibschools.edu.pk\/hps\/together-apart\/\" class=\"plain\">Together, Apart<\/a>\n\t\t\t\t\t<\/h5>\n\t\t\t\t\t<div class=\"post-meta is-small op-8\">September 19, 2023<\/div>\t\t\t\t\t<div class=\"is-divider\"><\/div>\n\t\t\t\t\t\t\t\t\t\t<p class=\"from_the_blog_excerpt \">\n\t\t\t\t\t\tClothes make a statement, costumes tell a story \u2013 Talentia was part\t\t\t\t\t<\/p>\n\t\t\t\t\t                    \n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div><div class=\"col post-item\" >\n\t\t\t<div class=\"col-inner\">\n\t\t\t\t<div class=\"box box-badge hover-dark box-text-bottom box-blog-post has-hover\">\n            \t\t\t\t\t<div class=\"box-image\" >\n  \t\t\t\t\t\t<div class=\"image-fade-in image-cover\" style=\"padding-top:56.25%;\">\n\t\t\t\t\t\t\t<a href=\"https:\/\/habibschools.edu.pk\/hps\/joyful-return-to-school\/\" class=\"plain\" aria-label=\"Joyful Return To School\">\n\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"319\" height=\"264\" src=\"https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2023\/09\/Story-Telling-05-1-e1691651751240.jpg\" class=\"attachment-medium size-medium wp-post-image\" alt=\"\" \/>\t\t\t\t\t\t\t<\/a>\n  \t\t\t\t\t\t\t  \t\t\t\t\t\t\t  \t\t\t\t\t\t<\/div>\n  \t\t\t\t\t\t  \t\t\t\t\t<\/div>\n          \t\t\t\t\t<div class=\"box-text show-on-hover hover-fade-out text-center\" style=\"background-color:rgba(95, 12, 12, 0.733);\">\n\t\t\t\t\t<div class=\"box-text-inner blog-post-inner\">\n\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<h5 class=\"post-title is-large \">\n\t\t\t\t\t\t<a href=\"https:\/\/habibschools.edu.pk\/hps\/joyful-return-to-school\/\" class=\"plain\">Joyful Return To School<\/a>\n\t\t\t\t\t<\/h5>\n\t\t\t\t\t<div class=\"post-meta is-small op-8\">September 19, 2023<\/div>\t\t\t\t\t<div class=\"is-divider\"><\/div>\n\t\t\t\t\t\t\t\t\t\t<p class=\"from_the_blog_excerpt \">\n\t\t\t\t\t\tClothes make a statement, costumes tell a story \u2013 Talentia was part\t\t\t\t\t<\/p>\n\t\t\t\t\t                    \n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div><div class=\"col post-item\" >\n\t\t\t<div class=\"col-inner\">\n\t\t\t\t<div class=\"box box-badge hover-dark box-text-bottom box-blog-post has-hover\">\n            \t\t\t\t\t<div class=\"box-image\" >\n  \t\t\t\t\t\t<div class=\"image-fade-in image-cover\" style=\"padding-top:56.25%;\">\n\t\t\t\t\t\t\t<a href=\"https:\/\/habibschools.edu.pk\/hps\/iqbal-day-activity-at-aku-section\/\" class=\"plain\" aria-label=\"Iqbal Day Activity at AKU Section\">\n\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"716\" height=\"1024\" src=\"https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2023\/09\/img-t-07-1-716x1024.jpg\" class=\"attachment-medium size-medium wp-post-image\" alt=\"\" srcset=\"https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2023\/09\/img-t-07-1-716x1024.jpg 716w, https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2023\/09\/img-t-07-1-768x1098.jpg 768w, https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2023\/09\/img-t-07-1-1075x1536.jpg 1075w, https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2023\/09\/img-t-07-1.jpg 1428w\" sizes=\"auto, (max-width: 716px) 100vw, 716px\" \/>\t\t\t\t\t\t\t<\/a>\n  \t\t\t\t\t\t\t  \t\t\t\t\t\t\t  \t\t\t\t\t\t<\/div>\n  \t\t\t\t\t\t  \t\t\t\t\t<\/div>\n          \t\t\t\t\t<div class=\"box-text show-on-hover hover-fade-out text-center\" style=\"background-color:rgba(95, 12, 12, 0.733);\">\n\t\t\t\t\t<div class=\"box-text-inner blog-post-inner\">\n\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<h5 class=\"post-title is-large \">\n\t\t\t\t\t\t<a href=\"https:\/\/habibschools.edu.pk\/hps\/iqbal-day-activity-at-aku-section\/\" class=\"plain\">Iqbal Day Activity at AKU Section<\/a>\n\t\t\t\t\t<\/h5>\n\t\t\t\t\t<div class=\"post-meta is-small op-8\">September 19, 2023<\/div>\t\t\t\t\t<div class=\"is-divider\"><\/div>\n\t\t\t\t\t\t\t\t\t\t<p class=\"from_the_blog_excerpt \">\n\t\t\t\t\t\tClothes make a statement, costumes tell a story \u2013 Talentia was part\t\t\t\t\t<\/p>\n\t\t\t\t\t                    \n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div><\/div>\n\n\n\n<!-- HPS UNIQUE SINGLE CONTAINER -->\n<div class=\"hps-unique-news-btn-wrap\">\n  <style>\n    \/* UNIQUE SCOPED STYLES *\/\n    .hps-unique-news-btn-wrap {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      margin: 20px auto;\n      font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n      box-sizing: border-box;\n    }\n\n    .hps-unique-action-btn {\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      text-decoration: none;\n      background-color: #FFFFFF;\n      color: #5f0c0c;\n      font-size: 16px;\n      font-weight: 700;\n      padding: 12px 28px;\n      border-radius: 14px;\n      box-shadow: 0 8px 20px rgba(95, 12, 12, 0.25);\n      cursor: pointer;\n    }\n\n    .hps-unique-action-btn svg {\n      width: 18px;\n      height: 18px;\n      fill: none;\n      stroke: #5f0c0c;\n      stroke-width: 2.5;\n      stroke-linecap: round;\n      stroke-linejoin: round;\n    }\n  <\/style>\n\n  <a href=\"https:\/\/habibschools.edu.pk\/hps\/community\/news\/\" class=\"hps-unique-action-btn\">\n    <span>View All<\/span>\n    <svg viewBox=\"0 0 24 24\">\n      <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n      <polyline points=\"12 5 19 12 12 19\"><\/polyline>\n    <\/svg>\n  <\/a>\n<\/div>\n\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_476346737 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n}\n#section_476346737 .section-bg-overlay {\n  background-color: #5f0c0c;\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section Alumni-Legacy-section\" id=\"section_1761708383\">\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\t<div class=\"img has-hover show-for-small x md-x lg-x y md-y lg-y\" id=\"image_1296208054\">\n\t\t\t\t\t\t<div data-animate=\"fadeInLeft\">\t\t<div class=\"img-inner image-cover dark\" style=\"padding-top:100%;margin:0px 20px 0px 0px;\">\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"619\" src=\"https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2023\/09\/IMG_9815-scaled-e1691652180827-768x631-1-e1715317369653.jpg\" class=\"attachment-large size-large\" alt=\"\" \/>\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_1296208054 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1761708383 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n  background-color: rgb(247, 247, 247);\n}\n#section_1761708383 .section-bg-overlay {\n  background-color: rgba(255, 255, 255, 0.85);\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section Education-Trust-section\" id=\"section_1810636143\">\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-357903543\">\n\n\n\t<div id=\"col-2012920265\" class=\"col medium-6 small-12 large-6\"  data-animate=\"fadeInRight\">\n\t\t\t\t<div class=\"col-inner text-right\"  >\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_357240482\">\n\t\t\t\t\t\t\t\t<div class=\"img-inner image-cover dark\" style=\"padding-top:80%;margin:0px 0px 0px 20px;\">\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"432\" src=\"https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2024\/05\/Welcome-to-the-habib-public-school.jpg\" class=\"attachment-original size-original\" alt=\"\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n<style>\n#image_357240482 {\n  width: 100%;\n}\n@media (min-width:550px) {\n  #image_357240482 {\n    width: 85%;\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<\/div>\n\t<div id=\"gap-1802793926\" class=\"gap-element clearfix show-for-small\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1802793926 {\n  padding-top: 40px;\n}\n@media (min-width:550px) {\n  #gap-1802793926 {\n    padding-top: 30px;\n  }\n}\n<\/style>\n\t<\/div>\n\t\n\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1810636143 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n  background-color: rgb(247, 247, 247);\n}\n#section_1810636143 .section-bg-overlay {\n  background-color: rgba(255, 255, 255, 0.85);\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section News-section\" id=\"section_1453553402\">\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-1946308389\" class=\"gap-element clearfix show-for-small\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1946308389 {\n  padding-top: 30px;\n}\n<\/style>\n\t<\/div>\n\t\n\n<div class=\"row show-for-small\"  id=\"row-1910641003\">\n\n\n\t<div id=\"col-426068905\" 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 id=\"text-1568572954\" class=\"text\">\n\t\t\n\n<h2>Habib Public School Tender For Managing Cafeteria<\/h2>\n\t\t\n<style>\n#text-1568572954 {\n  color: rgb(255,255,255);\n}\n#text-1568572954 > * {\n  color: rgb(255,255,255);\n}\n<\/style>\n\t<\/div>\n\t\n\t<div id=\"text-312357389\" class=\"text\">\n\t\t\n\n<p>Interested eligible parties are invited to submit their bids for Managing and Operating the Cafeteria facility (1000+ students and 120+ staff) and a&#8230;.<\/p>\n\t\t\n<style>\n#text-312357389 {\n  color: rgb(255,255,255);\n}\n#text-312357389 > * {\n  color: rgb(255,255,255);\n}\n<\/style>\n\t<\/div>\n\t\n\t\t<div class=\"News-work\">\n\t\t\t\t\n\n<Style>\n.News-work {\n    color: white;\n    padding: 40px 0px 40px 0px;\n}\n.News-work h3{\n    color: #ffff;\n}\n.News-work a {\n    color: #fff;\n    border: solid;\n    border-width: 0px 0px 0px 8px;\n    padding: 5px 3px 6px 10px;\ntransition:transform 1s ease;\n}\n.News-work a:hover {\n    color: #5F0C0C;\n    background-color: #ffff;\n    border: solid #ffff;\n    padding: 6px 17px;\ntransform: translateY(-5px); \n}\n\n<\/style>\n\n<a  href=\"\">Read More<\/a>\n\t\t<\/div>\n\t\n\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-426068905 > .col-inner {\n  padding: 0px 5% 0px 0px;\n}\n<\/style>\n\t<\/div>\n\n\t\n\n\t<div id=\"col-1220285639\" 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  <div class=\"banner has-hover\" id=\"banner-2116664259\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <img loading=\"lazy\" decoding=\"async\" width=\"1020\" height=\"574\" src=\"https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2024\/09\/IMG20230824094420-1024x576-1-1.jpg\" class=\"bg attachment-large size-large\" alt=\"\" \/>                                    \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n\n   <div id=\"text-box-1223149713\" class=\"text-box banner-layer x0 md-x0 lg-x0 y5 md-y5 lg-y5 res-text\">\n                                <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n\n<h3 style=\"\n    color: #5F0C0C;\n    background-color: #ffff;\n    padding: 6px 7px;\">Latest<\/h3>\n\n              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-1223149713 {\n  width: 25%;\n}\n#text-box-1223149713 .text-box-content {\n  font-size: 100%;\n}\n<\/style>\n    <\/div>\n \n\n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-2116664259 {\n  padding-top: 300px;\n}\n<\/style>\n  <\/div>\n\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-1886032408\">\n\n\n\t<div id=\"col-1786639055\" class=\"col small-12 large-12\"  data-animate=\"fadeInUp\">\n\t\t\t\t<div class=\"col-inner text-right\"  >\n\t\t\t\n\t\t\t\n\n<div class=\"row row-collapse show-for-small\"  id=\"row-1895086515\">\n\n\n\t<div id=\"col-715849173\" class=\"col medium-4 small-12 large-4\"  >\n\t\t\t\t<div class=\"col-inner text-center\"  >\n\t\t\t\n\t\t\t\n\n\t\t<div class=\"News-work\">\n\t\t\t\t\n\n<a href=\"https:\/\/habibschools.edu.pk\/hps\/community\/news\/\" class=\"more-news\">View All<\/a>\n\t\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\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_1453553402 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n  background-color: rgb(95, 12, 12);\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section Recent-newsletters\" id=\"section_1946861221\">\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-149111371\">\n\n\n\t<div id=\"col-2134169815\" 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\n\n<style>\n\n.Recent-newsletters h1 {\n    color: #5F0C0C;\n    text-align: center;\n    padding: 25px 0px;\n}\n\n\n<\/style>\n<h1>SCHOOL NEWSLETTERS<\/h1>\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n\n\n<!-- Complete Modern Newsletter Section Component -->\n<section class=\"hps-newsletter-section\">\n  <div class=\"hps-newsletter-container\">\n    \n    <!-- Left Column: Floating Media Preview Card -->\n    <div class=\"hps-newsletter-media\">\n      <div class=\"hps-media-glow\"><\/div>\n      <div class=\"hps-media-card\">\n        <img decoding=\"async\" src=\"https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2026\/09\/HGS.png\" alt=\"School Newsletter Aug-Sep 2026\" class=\"hps-newsletter-img\" \/>\n        <div class=\"hps-media-badge\">\n          <span>AUG &#8211; SEP 2026<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Right Column: Content & Direct Navigation CTA -->\n    <div class=\"hps-newsletter-content\">\n      <div class=\"hps-pill-badge\">\n        <span class=\"hps-badge-dot\"><\/span>\n        <span class=\"hps-badge-text\">OFFICIAL PUBLICATION<\/span>\n      <\/div>\n      \n      <h2 class=\"hps-newsletter-title\">\n        SCHOOL NEWSLETTER <span>AUG &#038; SEP 2026<\/span>\n      <\/h2>\n      \n      <p class=\"hps-newsletter-desc\">\n        Check out our latest newsletter, featuring updates, achievements, and exciting events from across our school community. Stay informed and connected with everything happening at Habib Public School!\n      <\/p>\n\n      <!-- Fixed Navigation Anchor Button (Removed download attribute to redirect to page) -->\n      <a href=\"https:\/\/habibschools.edu.pk\/hps\/community\/newsletter\/\" class=\"hps-newsletter-download-btn\" target=\"_blank\" rel=\"noopener noreferrer\">\n        <span class=\"btn-text\">View Newsletters<\/span>\n      <\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n\/* ==========================================================================\n   Complete Isolated CSS (Resets Theme Conflicts & Prevents White Bleed)\n   ========================================================================== *\/\n\n\/* Section Outer Wrapper *\/\n.hps-newsletter-section {\n  position: relative;\n  padding: 4.5rem 1.5rem;\n  background: linear-gradient(135deg, #f8fafc 0%, #edf2f7 100%);\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n  overflow: hidden;\n  box-sizing: border-box;\n}\n\n\/* Equal Height Grid Container *\/\n.hps-newsletter-container {\n  max-width: 1140px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: 1fr 1.2fr;\n  gap: 3.5rem;\n  align-items: center;\n}\n\n\/* Left Column - Image Card & Glow Effect *\/\n.hps-newsletter-media {\n  position: relative;\n  display: flex;\n  justify-content: center;\n}\n\n.hps-media-glow {\n  position: absolute;\n  width: 80%;\n  height: 80%;\n  background: rgba(95, 12, 12, 0.15);\n  filter: blur(40px);\n  border-radius: 30px;\n  top: 10%;\n  left: 10%;\n  z-index: 1;\n}\n\n.hps-media-card {\n  position: relative;\n  z-index: 2;\n  border-radius: 20px;\n  overflow: hidden;\n  box-shadow: 0 20px 40px rgba(5, 53, 74, 0.12);\n  border: 1px solid rgba(255, 255, 255, 0.8);\n  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease;\n  max-width: 360px;\n  width: 100%;\n  background: #ffffff;\n}\n\n.hps-media-card:hover {\n  transform: translateY(-8px);\n  box-shadow: 0 28px 50px rgba(95, 12, 12, 0.2);\n}\n\n.hps-newsletter-img {\n  width: 100%;\n  height: auto;\n  display: block;\n  object-fit: cover;\n}\n\n.hps-media-badge {\n  position: absolute;\n  top: 15px;\n  left: 15px;\n  background: rgba(95, 12, 12, 0.9);\n  backdrop-filter: blur(8px);\n  -webkit-backdrop-filter: blur(8px);\n  color: #ffffff;\n  padding: 0.4rem 0.8rem;\n  border-radius: 10px;\n  font-size: 0.75rem;\n  font-weight: 800;\n  letter-spacing: 0.05em;\n  border: 1px solid rgba(255, 255, 255, 0.2);\n}\n\n\/* Right Column Content Typography *\/\n.hps-newsletter-content {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n}\n\n.hps-pill-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.5rem;\n  background: rgba(95, 12, 12, 0.06);\n  border: 1px solid rgba(95, 12, 12, 0.15);\n  padding: 0.35rem 0.9rem;\n  border-radius: 50px;\n  margin-bottom: 1.2rem;\n}\n\n.hps-badge-dot {\n  width: 7px;\n  height: 7px;\n  border-radius: 50%;\n  background-color: #ffb100;\n  box-shadow: 0 0 8px #ffb100;\n}\n\n.hps-badge-text {\n  font-size: 0.72rem;\n  font-weight: 800;\n  letter-spacing: 0.12em;\n  color: #5f0c0c;\n  text-transform: uppercase;\n}\n\n.hps-newsletter-title {\n  font-size: clamp(2rem, 3.2vw, 2.7rem);\n  font-weight: 900;\n  line-height: 1.2;\n  color: #05354a;\n  letter-spacing: -0.02em;\n  margin: 0 0 1.2rem 0;\n  text-transform: uppercase;\n}\n\n.hps-newsletter-title span {\n  color: #5f0c0c;\n  background: linear-gradient(135deg, #5f0c0c 0%, #a81c1c 100%);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  display: block;\n}\n\n.hps-newsletter-desc {\n  font-size: 1.05rem;\n  line-height: 1.7;\n  color: #475569;\n  font-weight: 400;\n  margin: 0 0 2rem 0;\n}\n\n\/* Custom Reset CTA Anchor Button (Fixes Theme Pseudo-Elements Bleed) *\/\na.hps-newsletter-download-btn {\n  all: unset !important;\n  box-sizing: border-box !important;\n  display: inline-flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  gap: 0.75rem !important;\n  padding: 0.85rem 2.2rem !important;\n  background: #5f0c0c !important;\n  background-image: linear-gradient(135deg, #5f0c0c 0%, #7a1010 100%) !important;\n  border-radius: 50px !important;\n  border: none !important;\n  outline: none !important;\n  color: #ffffff !important;\n  font-family: inherit !important;\n  font-size: 0.95rem !important;\n  font-weight: 700 !important;\n  line-height: 1 !important;\n  text-decoration: none !important;\n  cursor: pointer !important;\n  box-shadow: 0 8px 20px rgba(95, 12, 12, 0.3) !important;\n  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;\n  position: relative !important;\n  overflow: hidden !important;\n}\n\n\/* Kill Theme Pseudo Bleed Elements Completely *\/\na.hps-newsletter-download-btn::before,\na.hps-newsletter-download-btn::after {\n  display: none !important;\n  content: none !important;\n}\n\na.hps-newsletter-download-btn .btn-text {\n  color: #ffffff !important;\n}\n\na.hps-newsletter-download-btn:hover {\n  background-image: linear-gradient(135deg, #7a1010 0%, #5f0c0c 100%) !important;\n  transform: translateY(-3px) !important;\n  box-shadow: 0 14px 28px rgba(95, 12, 12, 0.45) !important;\n  color: #ffffff !important;\n}\n\na.hps-newsletter-download-btn:active {\n  transform: translateY(-1px) !important;\n  box-shadow: 0 6px 14px rgba(95, 12, 12, 0.3) !important;\n}\n\n\/* Responsive Styles *\/\n@media (max-width: 900px) {\n  .hps-newsletter-container {\n    grid-template-columns: 1fr;\n    gap: 2.5rem;\n    text-align: center;\n  }\n  \n  .hps-newsletter-content {\n    align-items: center;\n  }\n  \n  .hps-newsletter-title span {\n    display: inline;\n  }\n}\n<\/style>\n\n<div class=\"row row-full-width align-middle\"  id=\"row-625929470\">\n\n\n\t<div id=\"col-572496146\" class=\"col show-for-small medium-6 small-12 large-6\"  >\n\t\t\t\t<div class=\"col-inner text-center\"  >\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_964921204\">\n\t\t\t\t\t\t<div data-animate=\"fadeInLeft\">\t\t<div class=\"img-inner dark\" >\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1020\" height=\"1020\" src=\"https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2024\/11\/HPS-Nov-1024x1024.png\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2024\/11\/HPS-Nov-1024x1024.png 1024w, https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2024\/11\/HPS-Nov-768x768.png 768w, https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2024\/11\/HPS-Nov-300x300.png 300w, https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2024\/11\/HPS-Nov.png 1080w\" sizes=\"auto, (max-width: 1020px) 100vw, 1020px\" \/>\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_964921204 {\n  width: 100%;\n}\n@media (min-width:550px) {\n  #image_964921204 {\n    width: 71%;\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<\/div>\n\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1946861221 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section Recent-newsletters\" id=\"section_1188073889\">\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-1990504014\">\n\n\n\t<div id=\"col-2095289591\" 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=\"text-3102261013\" class=\"text\">\n\t\t\n\n<h1>ALUMNI NEWSLETTERS<\/h1>\n\t\t\n<style>\n#text-3102261013 {\n  color: #5f0c0c;\n}\n#text-3102261013 > * {\n  color: #5f0c0c;\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\n<!-- Complete Modern Newsletter Section Component -->\n<section class=\"hps-newsletter-section\">\n  <div class=\"hps-newsletter-container\">\n\n    <!-- Right Column: Content & Direct Navigation CTA -->\n    <div class=\"hps-newsletter-content\">\n      <div class=\"hps-pill-badge\">\n        <span class=\"hps-badge-dot\"><\/span>\n        <span class=\"hps-badge-text\">OFFICIAL PUBLICATION<\/span>\n      <\/div>\n      \n      <h2 class=\"hps-newsletter-title\">\n        SCHOOL NEWSLETTER <span>AUG &#038; SEP 2026<\/span>\n      <\/h2>\n      \n      <p class=\"hps-newsletter-desc\">\n        Check out our latest newsletter, featuring updates, achievements, and exciting events from across our school community. Stay informed and connected with everything happening at Habib Public School!\n      <\/p>\n\n      <!-- Fixed Navigation Anchor Button (Removed download attribute to redirect to page) -->\n      <a href=\"https:\/\/habibschools.edu.pk\/hps\/community\/alumni-newsletters\/\" class=\"hps-newsletter-download-btn\" target=\"_blank\" rel=\"noopener noreferrer\">\n        <span class=\"btn-text\">View ALUMNI NEWSLETTERS<\/span>\n      <\/a>\n    <\/div>\n\n    <!-- Left Column: Floating Media Preview Card -->\n    <div class=\"hps-newsletter-media\">\n      <div class=\"hps-media-glow\"><\/div>\n      <div class=\"hps-media-card\">\n        <img decoding=\"async\" src=\"https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2026\/09\/HPS-1024x1024.png\" alt=\"School Newsletter Aug-Sep 2026\" class=\"hps-newsletter-img\" \/>\n        <div class=\"hps-media-badge\">\n          <span>AUG &#8211; SEP 2026<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n\/* ==========================================================================\n   Complete Isolated CSS (Resets Theme Conflicts & Prevents White Bleed)\n   ========================================================================== *\/\n\n\/* Section Outer Wrapper *\/\n.hps-newsletter-section {\n  position: relative;\n  padding: 4.5rem 1.5rem;\n  background: linear-gradient(135deg, #f8fafc 0%, #edf2f7 100%);\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n  overflow: hidden;\n  box-sizing: border-box;\n}\n\n\/* Equal Height Grid Container *\/\n.hps-newsletter-container {\n  max-width: 1140px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: 1fr 1.2fr;\n  gap: 3.5rem;\n  align-items: center;\n}\n\n\/* Left Column - Image Card & Glow Effect *\/\n.hps-newsletter-media {\n  position: relative;\n  display: flex;\n  justify-content: center;\n}\n\n.hps-media-glow {\n  position: absolute;\n  width: 80%;\n  height: 80%;\n  background: rgba(95, 12, 12, 0.15);\n  filter: blur(40px);\n  border-radius: 30px;\n  top: 10%;\n  left: 10%;\n  z-index: 1;\n}\n\n.hps-media-card {\n  position: relative;\n  z-index: 2;\n  border-radius: 20px;\n  overflow: hidden;\n  box-shadow: 0 20px 40px rgba(5, 53, 74, 0.12);\n  border: 1px solid rgba(255, 255, 255, 0.8);\n  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease;\n  max-width: 360px;\n  width: 100%;\n  background: #ffffff;\n}\n\n.hps-media-card:hover {\n  transform: translateY(-8px);\n  box-shadow: 0 28px 50px rgba(95, 12, 12, 0.2);\n}\n\n.hps-newsletter-img {\n  width: 100%;\n  height: auto;\n  display: block;\n  object-fit: cover;\n}\n\n.hps-media-badge {\n  position: absolute;\n  top: 15px;\n  left: 15px;\n  background: rgba(95, 12, 12, 0.9);\n  backdrop-filter: blur(8px);\n  -webkit-backdrop-filter: blur(8px);\n  color: #ffffff;\n  padding: 0.4rem 0.8rem;\n  border-radius: 10px;\n  font-size: 0.75rem;\n  font-weight: 800;\n  letter-spacing: 0.05em;\n  border: 1px solid rgba(255, 255, 255, 0.2);\n}\n\n\/* Right Column Content Typography *\/\n.hps-newsletter-content {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n}\n\n.hps-pill-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.5rem;\n  background: rgba(95, 12, 12, 0.06);\n  border: 1px solid rgba(95, 12, 12, 0.15);\n  padding: 0.35rem 0.9rem;\n  border-radius: 50px;\n  margin-bottom: 1.2rem;\n}\n\n.hps-badge-dot {\n  width: 7px;\n  height: 7px;\n  border-radius: 50%;\n  background-color: #ffb100;\n  box-shadow: 0 0 8px #ffb100;\n}\n\n.hps-badge-text {\n  font-size: 0.72rem;\n  font-weight: 800;\n  letter-spacing: 0.12em;\n  color: #5f0c0c;\n  text-transform: uppercase;\n}\n\n.hps-newsletter-title {\n  font-size: clamp(2rem, 3.2vw, 2.7rem);\n  font-weight: 900;\n  line-height: 1.2;\n  color: #05354a;\n  letter-spacing: -0.02em;\n  margin: 0 0 1.2rem 0;\n  text-transform: uppercase;\n}\n\n.hps-newsletter-title span {\n  color: #5f0c0c;\n  background: linear-gradient(135deg, #5f0c0c 0%, #a81c1c 100%);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  display: block;\n}\n\n.hps-newsletter-desc {\n  font-size: 1.05rem;\n  line-height: 1.7;\n  color: #475569;\n  font-weight: 400;\n  margin: 0 0 2rem 0;\n}\n\n\/* Custom Reset CTA Anchor Button (Fixes Theme Pseudo-Elements Bleed) *\/\na.hps-newsletter-download-btn {\n  all: unset !important;\n  box-sizing: border-box !important;\n  display: inline-flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  gap: 0.75rem !important;\n  padding: 0.85rem 2.2rem !important;\n  background: #5f0c0c !important;\n  background-image: linear-gradient(135deg, #5f0c0c 0%, #7a1010 100%) !important;\n  border-radius: 50px !important;\n  border: none !important;\n  outline: none !important;\n  color: #ffffff !important;\n  font-family: inherit !important;\n  font-size: 0.95rem !important;\n  font-weight: 700 !important;\n  line-height: 1 !important;\n  text-decoration: none !important;\n  cursor: pointer !important;\n  box-shadow: 0 8px 20px rgba(95, 12, 12, 0.3) !important;\n  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;\n  position: relative !important;\n  overflow: hidden !important;\n}\n\n\/* Kill Theme Pseudo Bleed Elements Completely *\/\na.hps-newsletter-download-btn::before,\na.hps-newsletter-download-btn::after {\n  display: none !important;\n  content: none !important;\n}\n\na.hps-newsletter-download-btn .btn-text {\n  color: #ffffff !important;\n}\n\na.hps-newsletter-download-btn:hover {\n  background-image: linear-gradient(135deg, #7a1010 0%, #5f0c0c 100%) !important;\n  transform: translateY(-3px) !important;\n  box-shadow: 0 14px 28px rgba(95, 12, 12, 0.45) !important;\n  color: #ffffff !important;\n}\n\na.hps-newsletter-download-btn:active {\n  transform: translateY(-1px) !important;\n  box-shadow: 0 6px 14px rgba(95, 12, 12, 0.3) !important;\n}\n\n\/* Responsive Styles *\/\n@media (max-width: 900px) {\n  .hps-newsletter-container {\n    grid-template-columns: 1fr;\n    gap: 2.5rem;\n    text-align: center;\n  }\n  \n  .hps-newsletter-content {\n    align-items: center;\n  }\n  \n  .hps-newsletter-title span {\n    display: inline;\n  }\n}\n<\/style>\n\n<div class=\"row row-full-width align-middle\"  id=\"row-453290843\">\n\n\n\t<div id=\"col-2018142791\" class=\"col show-for-small medium-6 small-12 large-6\"  >\n\t\t\t\t<div class=\"col-inner text-center\"  >\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_1228877726\">\n\t\t\t\t\t\t<div data-animate=\"fadeInLeft\">\t\t<div class=\"img-inner dark\" >\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1020\" height=\"1020\" src=\"https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2024\/11\/HPS-Nov-1024x1024.png\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2024\/11\/HPS-Nov-1024x1024.png 1024w, https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2024\/11\/HPS-Nov-768x768.png 768w, https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2024\/11\/HPS-Nov-300x300.png 300w, https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2024\/11\/HPS-Nov.png 1080w\" sizes=\"auto, (max-width: 1020px) 100vw, 1020px\" \/>\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_1228877726 {\n  width: 100%;\n}\n@media (min-width:550px) {\n  #image_1228877726 {\n    width: 71%;\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<\/div>\n\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1188073889 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n}\n<\/style>\n\t<\/section>\n\t\n\n\n\t<div id=\"gap-1083272838\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1083272838 {\n  padding-top: 20px;\n}\n<\/style>\n\t<\/div>\n\t\n\n\n\t<div id=\"gap-194450374\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-194450374 {\n  padding-top: 10px;\n}\n<\/style>\n\t<\/div>\n\t\n\n\n\t<section class=\"section\" id=\"section_1324133698\">\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-middle\"  id=\"row-31096748\">\n\n\n\t<div id=\"col-378542411\" class=\"col medium-5 small-12 large-5\"  data-animate=\"fadeInLeft\">\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\t\t<div class=\"Recent-newsletters hidden\">\n\t\t\t\t\n\n<Style>\n.Recent-newsletters a {\n    color: #5F0C0C;\n    border: solid;\n    border-width: 0px 0px 0px 8px;\n    padding: 5px 3px 6px 10px;\ntransition:transform 1s ease;\n}\n.Recent-newsletters a:hover {\n    color: #ffff;\n    background-color: #5F0C0C ;\n    border: solid #ffff;\n    padding: 6px 6px;\ntransform: translateY(-5px); \n}\n\n<\/style>\n\n\n\n<p><a  href=\"https:\/\/habibschools.edu.pk\/hps\/hps-alumni-newsletter-december\/\">Download Here<\/a><\/p>\n\t\t<\/div>\n\t\n\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-378542411 > .col-inner {\n  padding: 0px 15% 0px 5%;\n}\n@media (min-width:550px) {\n  #col-378542411 > .col-inner {\n    padding: 0px 15% 0px 10px;\n  }\n}\n<\/style>\n\t<\/div>\n\n\t\n\n\t<div id=\"col-1769536049\" class=\"col show-for-small medium-6 small-12 large-6\"  >\n\t\t\t\t<div class=\"col-inner text-center\"  >\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_1190227414\">\n\t\t\t\t\t\t<div data-animate=\"fadeInLeft\">\t\t<div class=\"img-inner dark\" >\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1020\" height=\"1020\" src=\"https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2024\/10\/5-1024x1024.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2024\/10\/5-1024x1024.jpg 1024w, https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2024\/10\/5-768x768.jpg 768w, https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2024\/10\/5-300x300.jpg 300w, https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2024\/10\/5.jpg 1080w\" sizes=\"auto, (max-width: 1020px) 100vw, 1020px\" \/>\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_1190227414 {\n  width: 100%;\n}\n@media (min-width:550px) {\n  #image_1190227414 {\n    width: 71%;\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<\/div>\n\n\n\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1324133698 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n}\n<\/style>\n\t<\/section>\n\t\n\n\n\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-12971","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/habibschools.edu.pk\/hps\/wp-json\/wp\/v2\/pages\/12971","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=12971"}],"version-history":[{"count":15,"href":"https:\/\/habibschools.edu.pk\/hps\/wp-json\/wp\/v2\/pages\/12971\/revisions"}],"predecessor-version":[{"id":12986,"href":"https:\/\/habibschools.edu.pk\/hps\/wp-json\/wp\/v2\/pages\/12971\/revisions\/12986"}],"wp:attachment":[{"href":"https:\/\/habibschools.edu.pk\/hps\/wp-json\/wp\/v2\/media?parent=12971"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}