{"id":18231,"date":"2026-10-09T10:40:40","date_gmt":"2026-10-09T10:40:40","guid":{"rendered":"https:\/\/habibschools.edu.pk\/hgs\/?page_id=18231"},"modified":"2026-10-29T05:31:33","modified_gmt":"2026-10-29T05:31:33","slug":"home-hgs","status":"publish","type":"page","link":"https:\/\/habibschools.edu.pk\/hgs\/","title":{"rendered":"Home HGS"},"content":{"rendered":"\n\n\t<section class=\"section\" id=\"section_15630113\">\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<!-- VIDEO BANNER & TICKER SECTION (FULL SCREEN RESPONSIVE - HGS BRAND PALETTE) -->\n<section class=\"hgs-video-hero-section\">\n  <div class=\"hgs-hero-wrapper\">\n    \n    <!-- MAIN FULL-VIEWPORT VIDEO CONTAINER -->\n    <div class=\"hgs-video-container\">\n      <video \n        class=\"hgs-hero-video\" \n        autoplay \n        muted \n        loop \n        playsinline \n        preload=\"metadata\"\n        poster=\"https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2025\/06\/video-poster.jpg\"\n      >\n        <source src=\"https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2026\/07\/1.mp4\" type=\"video\/mp4\">\n        Your browser does not support the video tag.\n      <\/video>\n      <div class=\"hgs-video-overlay\"><\/div>\n    <\/div>\n\n    <!-- FLOATING TICKER OVERLAY AT BOTTOM -->\n    <div class=\"hgs-ticker-bar\">\n      <div class=\"hgs-ticker-badge\">\n        <span class=\"hgs-pulse-dot\"><\/span>\n        ANNOUNCEMENT\n      <\/div>\n      <div class=\"hgs-ticker-content\">\n        <div class=\"ditty ditty--pre\" data-id=\"42\" data-uniqid=\"ditty-6ae5b9e6607c0\"><\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n\/* ----------------------------------------------------\n   FULLSCREEN VIDEO HERO & OVERLAY TICKER BAR (HGS PALETTE)\n---------------------------------------------------- *\/\n.hgs-video-hero-section {\n  position: relative;\n  width: 100vw;\n  height: 100vh;\n  height: 100dvh; \/* Dynamic Viewport Height for mobile browsers *\/\n  background-color: #5f0c0c; \/* Main Maroon Base *\/\n  padding: 0;\n  margin: 0;\n  box-sizing: border-box;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n  overflow: hidden;\n}\n\n.hgs-hero-wrapper {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  border-radius: 0;\n  border: none;\n  box-shadow: none;\n  background: #000000;\n}\n\n\/* Fullscreen Video Container *\/\n.hgs-video-container {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  min-height: 100%;\n  background: #000000;\n  overflow: hidden;\n}\n\n.hgs-hero-video {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n  display: block;\n}\n\n.hgs-video-overlay {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: linear-gradient(180deg, rgba(95, 12, 12, 0.25) 0%, rgba(10, 10, 15, 0.75) 100%);\n  pointer-events: none;\n}\n\n\/* Floating Ticker Bar Positioned at Bottom of Screen *\/\n.hgs-ticker-bar {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 10;\n  display: flex;\n  align-items: center;\n  background-color: rgba(95, 12, 12, 0.92); \/* Glassmorphism Deep Maroon *\/\n  backdrop-filter: blur(10px);\n  -webkit-backdrop-filter: blur(10px);\n  color: #ffffff;\n  padding: 0.75rem 2rem;\n  gap: 1.25rem;\n  border-top: 2px solid #FFB100; \/* Gold Top Accent Line *\/\n  box-sizing: border-box;\n}\n\n\/* Announcement Badge & Pulse Icon *\/\n.hgs-ticker-badge {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  background: rgba(140, 92, 246, 0.3); \/* Soft Purple Glassmorphism *\/\n  padding: 0.35rem 0.85rem;\n  border-radius: 20px;\n  font-size: 0.72rem;\n  font-weight: 800;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  color: #ffffff;\n  white-space: nowrap;\n  flex-shrink: 0;\n  border: 1px solid rgba(255, 177, 0, 0.4); \/* Gold Border Tint *\/\n}\n\n.hgs-pulse-dot {\n  width: 8px;\n  height: 8px;\n  background-color: #4EBEF5; \/* Cyan Pulse Dot *\/\n  border-radius: 50%;\n  box-shadow: 0 0 8px #4EBEF5;\n  animation: hgsPulse 1.8s infinite;\n}\n\n@keyframes hgsPulse {\n  0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(78, 190, 245, 0.7); }\n  70% { transform: scale(1); box-shadow: 0 0 0 8px rgba(78, 190, 245, 0); }\n  100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(78, 190, 245, 0); }\n}\n\n\/* Ditty Shortcode Output Container Override *\/\n.hgs-ticker-content {\n  flex-grow: 1;\n  overflow: hidden;\n  font-size: 0.9rem;\n  font-weight: 600;\n  line-height: 1.4;\n  color: #ffffff;\n}\n\n.hgs-ticker-content .ditty-item,\n.hgs-ticker-content .ditty-item__elements,\n.hgs-ticker-content a {\n  color: #ffffff !important;\n  font-size: 0.9rem !important;\n  font-weight: 600 !important;\n  text-decoration: none !important;\n}\n\n\/* Mobile & Tablet Adjustments *\/\n@media (max-width: 768px) {\n  .hgs-ticker-bar {\n    padding: 0.6rem 1rem;\n    gap: 0.75rem;\n  }\n\n  .hgs-ticker-badge {\n    font-size: 0.65rem;\n    padding: 0.25rem 0.65rem;\n  }\n}\n\n@media (max-width: 480px) {\n  .hgs-ticker-bar {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 0.4rem;\n    padding: 0.6rem 0.85rem;\n  }\n\n  .hgs-ticker-content {\n    width: 100%;\n  }\n}\n<\/style>\n\n\t<div id=\"popup-1\"\n\t     class=\"lightbox-by-id lightbox-content mfp-hide lightbox-white \"\n\t     style=\"max-width:500px ;padding:0px\">\n\t\t\n\t<section class=\"section popup-1\" id=\"section_1958407926\">\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 row-full-width align-equal align-center\"  id=\"row-1628514628\">\n\n\n\t<div id=\"col-771066423\" class=\"col col-pop 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\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_1520940401\">\n\t\t\t\t\t\t\t\t<div class=\"img-inner dark\" >\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"5472\" height=\"3648\" src=\"https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2025\/11\/pre-primary-building.jpg\" class=\"attachment-original size-original\" alt=\"\" srcset=\"https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2025\/11\/pre-primary-building.jpg 5472w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2025\/11\/pre-primary-building-1024x683.jpg 1024w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2025\/11\/pre-primary-building-768x512.jpg 768w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2025\/11\/pre-primary-building-1536x1024.jpg 1536w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2025\/11\/pre-primary-building-2048x1365.jpg 2048w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2025\/11\/pre-primary-building-1320x880.jpg 1320w\" sizes=\"auto, (max-width: 5472px) 100vw, 5472px\" \/>\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_1520940401 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n\n\t<div id=\"text-3214509721\" class=\"text\">\n\t\t\n\n<h4 style=\"text-align: center;\"><strong>ADMISSIONS 2027-28\u00a0<\/strong><\/h4>\n\t\t\n<style>\n#text-3214509721 {\n  line-height: 0.75;\n  color: rgb(0,0,0);\n}\n#text-3214509721 > * {\n  color: rgb(0,0,0);\n}\n<\/style>\n\t<\/div>\n\t\n\t<div id=\"text-2971663950\" class=\"text\">\n\t\t\n\n<p><em>Admissions for the academic session <strong>2027\u20132028<\/strong> are open now for <strong>Nursery, Grade XI, and Lateral Classes (Grades III\u2013IX)<\/strong>, including all the details, eligibility criteria, and forms.<\/em><\/p>\n\t\t\n<style>\n#text-2971663950 {\n  font-size: 0.75rem;\n  line-height: 1.2;\n  text-align: center;\n  color: rgb(0,0,0);\n}\n#text-2971663950 > * {\n  color: rgb(0,0,0);\n}\n<\/style>\n\t<\/div>\n\t\n<a href=\"https:\/\/habibschools.edu.pk\/hgs\/admissions\/pre-primary-section\/\" class=\"button alert is-xsmall\" style=\"border-radius:6px;\">\n\t\t<span>ADMISSIONS ARE OPEN FOR NURSERY (2027-28)<\/span>\n\t<\/a>\n\n\n<a href=\"https:\/\/habibschools.edu.pk\/hgs\/admissions\/higher-secondary-section\/\" class=\"button alert is-xsmall\" style=\"border-radius:6px;\">\n\t\t<span>ADMISSIONS ARE OPEN FOR LATERAL CLASSES (2027-28)<\/span>\n\t<\/a>\n\n\n<a href=\"https:\/\/habibschools.edu.pk\/hgs\/admissions\/lateral-sections\/\" class=\"button alert is-xsmall\" style=\"border-radius:6px;\">\n\t\t<span>ADMISSIONS ARE OPEN FOR GRADE XI (2027-28)<\/span>\n\t<\/a>\n\n\n\t<div id=\"text-188860408\" class=\"text hidden\">\n\t\t\n\n<p><strong data-start=\"578\" data-end=\"587\">Note:<\/strong>\u00a0The registration fee for the event is\u00a0<strong data-start=\"626\" data-end=\"649\">PKR 3500\/- per head <\/strong>and the payment is <strong data-start=\"684\" data-end=\"702\">non-refundable<\/strong>.<\/p>\n\t\t\n<style>\n#text-188860408 {\n  text-align: center;\n  color: #5f0c0c;\n}\n#text-188860408 > * {\n  color: #5f0c0c;\n}\n<\/style>\n\t<\/div>\n\t\n<a href=\"https:\/\/habibschools.edu.pk\/hgs\/admissions\/higher-secondary-section\/final-admission-list\/\" class=\"button alert hidden\" style=\"border-radius:6px;\">\n\t\t<span>Final Merit List for Grade XI Admissions is now Available<\/span>\n\t<\/a>\n\n\n<a href=\"https:\/\/habibschools.edu.pk\/hgs\/admissions\/pre-primary-section\/admission-test-and-interview\/\" class=\"button alert hidden\" style=\"border-radius:6px;\">\n\t\t<span>Interview and Testing Schedule for Nursery (Session 2025-2026) is available<\/span>\n\t<\/a>\n\n\n<a href=\"https:\/\/habibschools.edu.pk\/hgs\/admissions\/higher-secondary-section\/higher-secondary-registration-procedure\/\" class=\"button alert hidden\" style=\"border-radius:6px;padding:0px 40px 0px 40px;\">\n\t\t<span>Admissions are open for class XI (2025-26)<\/span>\n\t<\/a>\n\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1389541831\" class=\"col show-for-small medium-4 small-12 large-4\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n<a href=\"https:\/\/habibschools.edu.pk\/hgs\/admissions\/pre-primary-section\/final-selection\/\" class=\"button alert hidden\" style=\"border-radius:6px;\">\n\t\t<span>Nursery Admission Merit List Batch 2025-2026 is Now Live! Click Here<\/span>\n\t<\/a>\n\n\n<a href=\"https:\/\/habibschools.edu.pk\/hgs\/admissions\/higher-secondary-section\/final-admission-list\/\" class=\"button alert hidden\" style=\"border-radius:6px;\">\n\t\t<span>Final Merit List for Grade XI Admissions is now Available<\/span>\n\t<\/a>\n\n\n\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-1389541831 > .col-inner {\n  margin: 0px 10px 0px 10px;\n}\n<\/style>\n\t<\/div>\n\n\t\n\n\n<style>\n#row-1628514628 > .col > .col-inner {\n  background-color: rgba(166, 92, 92, 0);\n}\n<\/style>\n<\/div>\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1958407926 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n  background-color: rgba(227, 147, 147, 0);\n}\n@media (min-width:550px) {\n  #section_1958407926 {\n    padding-top: 0px;\n    padding-bottom: 0px;\n  }\n}\n<\/style>\n\t<\/section>\n\t\t<\/div>\n\t\t\t<script>\n\t\t\t\/\/ Auto open lightboxes\n\t\t\tjQuery(document).ready(function ($) {\n\t\t\t\t\/* global flatsomeVars *\/\n\t\t\t\t'use strict'\n\t\t\t\tvar cookieId = 'lightbox_popup-1'\n\t\t\t\tvar cookieValue = 'opened_1'\n\t\t\t\tvar timer = parseInt('1500', 10)\n\n\t\t\t\t\/\/ Auto open lightbox\n\t\t\t\t\t\t\t\tFlatsome.Cookies.set(cookieId, false)\n\t\t\t\t\n\t\t\t\t\/\/ Run lightbox if no cookie is set\n\t\t\t\tif (Flatsome.Cookies.get(cookieId) !== cookieValue) {\n\n\t\t\t\t\t\/\/ Ensure closing off canvas\n\t\t\t\t\tsetTimeout(function () {\n\t\t\t\t\t\tif (jQuery.fn.magnificPopup) jQuery.magnificPopup.close()\n\t\t\t\t\t}, timer - 350)\n\n\t\t\t\t\t\/\/ Open lightbox\n\t\t\t\t\tsetTimeout(function () {\n\t\t\t\t\t\t$.loadMagnificPopup().then(function() {\n\t\t\t\t\t\t\t$.magnificPopup.open({\n\t\t\t\t\t\t\t\tmidClick: true,\n\t\t\t\t\t\t\t\tremovalDelay: 300,\n\t\t\t\t\t\t\t\t\/\/ closeBtnInside: flatsomeVars.lightbox.close_btn_inside,\n\t\t\t\t\t\t\t\t\/\/ closeMarkup: flatsomeVars.lightbox.close_markup,\n\t\t\t\t\t\t\t\titems: {\n\t\t\t\t\t\t\t\t\tsrc: '#popup-1',\n\t\t\t\t\t\t\t\t\ttype: 'inline'\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t})\n\t\t\t\t\t}, timer)\n\n\t\t\t\t\tFlatsome.Cookies.set(cookieId, cookieValue, { expires: 365 })\n\t\t\t\t}\n\t\t\t})\n\t\t<\/script>\n\t\n\t\n\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_15630113 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section\" id=\"section_1209644913\">\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<!-- EXACT IMAGE STRUCTURE WITH HGS BRAND COLOR PALETTE -->\n<div class=\"hgs-exact-future-section\">\n  <style>\n    .hgs-exact-future-section {\n      position: relative;\n      width: 100%;\n      max-width: 1050px;\n      margin: 0 auto;\n      padding: 3.5rem 1.5rem 2rem 1.5rem;\n      text-align: center;\n      font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n      box-sizing: border-box;\n      background: #ffffff;\n      border-top: 4px solid #5f0c0c; \/* Main Maroon Top Bar *\/\n    }\n\n    \/* Top Right Floating Pill Badge *\/\n    .hgs-exact-badge {\n      position: absolute;\n      top: 15px;\n      right: 20px;\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      background: #ffffff;\n      border: 1.5px solid #4EBEF5; \/* Cyan Accent Border *\/\n      padding: 5px 16px;\n      border-radius: 50px;\n      box-shadow: 0 4px 12px rgba(78, 190, 245, 0.15);\n      z-index: 2;\n    }\n\n    .hgs-exact-badge .badge-dot-green {\n      width: 8px;\n      height: 8px;\n      background-color: #148945; \/* Green Pulse Dot *\/\n      border-radius: 50%;\n      box-shadow: 0 0 6px #148945;\n    }\n\n    .hgs-exact-badge .badge-text-maroon {\n      font-size: 0.72rem;\n      font-weight: 800;\n      letter-spacing: 0.12em;\n      color: #5f0c0c; \/* Maroon Badge Text *\/\n      text-transform: uppercase;\n    }\n\n    \/* Main Statement Heading *\/\n    .hgs-exact-heading {\n      color: #5f0c0c; \/* Main Maroon Base Text *\/\n      font-size: clamp(1.8rem, 3.2vw, 2.5rem);\n      font-weight: 800;\n      line-height: 1.5;\n      letter-spacing: -0.02em;\n      margin: 0.8rem 0 0 0;\n    }\n\n    \/* Highlight Pill (\"bold in technology\") *\/\n    .hgs-gold-pill-highlight {\n      display: inline-block;\n      background: linear-gradient(90deg, rgba(255, 177, 0, 0.22) 0%, rgba(78, 190, 245, 0.15) 100%);\n      border: 1.5px solid #FFB100; \/* Gold Accent Border *\/\n      color: #5f0c0c; \/* Maroon Bold Text *\/\n      padding: 2px 16px;\n      border-radius: 10px;\n      font-weight: 900;\n      margin: 0 4px;\n      box-shadow: 0 2px 8px rgba(255, 177, 0, 0.18);\n    }\n\n    \/* Color Accents for Words *\/\n    .hgs-text-purple {\n      color: #8C5CF6;\n      font-weight: 900;\n    }\n\n    .hgs-text-gold {\n      color: #FFB100;\n      font-weight: 900;\n    }\n\n    \/* Mobile Responsive Layout *\/\n    @media (max-width: 768px) {\n      .hgs-exact-future-section {\n        padding-top: 3.8rem;\n      }\n\n      .hgs-exact-badge {\n        position: relative;\n        top: 0;\n        right: 0;\n        margin-bottom: 0.8rem;\n      }\n    }\n  <\/style>\n\n  <!-- Absolute Positioned Floating Badge -->\n  <div class=\"hgs-exact-badge\">\n    <span class=\"badge-dot-green\"><\/span>\n    <span class=\"badge-text-maroon\">FUTURE-READY EDUCATION<\/span>\n  <\/div>\n\n  <!-- Main Statement Heading -->\n  <h2 class=\"hgs-exact-heading\">\n    At HGS, learning is redefined: \n    <span class=\"hgs-gold-pill-highlight\">bold in technology<\/span>, \n    rooted in <span class=\"hgs-text-gold\">innovation<\/span>, and alive \n    <span class=\"hgs-text-purple\">beyond the classroom<\/span>.\n  <\/h2>\n<\/div>\n\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1209644913 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section\" id=\"section_912899766\">\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<style>\n  \/* Base Container *\/\n.cards-section {\n  width: 100%;\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 50px 20px;\n  box-sizing: border-box;\n  font-family: 'Montserrat', 'Inter', -apple-system, sans-serif;\n  background-color: #fcfcfc;\n}\n\n\/* Grid Layout for Equal Height Cards *\/\n.cards-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 30px;\n  align-items: stretch;\n}\n\n\/* Card Container with Entrance Animation *\/\n.card-item {\n  background: #ffffff;\n  border-radius: 20px;\n  padding: 16px;\n  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);\n  border: 1px solid #f0f0f0;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), \n              box-shadow 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n  animation: fadeInUp 0.8s ease-out forwards;\n}\n\n\/* Staggered Animation Delay for Cards *\/\n.card-item:nth-child(1) { animation-delay: 0.1s; }\n.card-item:nth-child(2) { animation-delay: 0.3s; }\n.card-item:nth-child(3) { animation-delay: 0.5s; }\n\n\/* Card Hover Effect *\/\n.card-item:hover {\n  transform: translateY(-10px);\n  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.12);\n}\n\n\/* Image Wrapper and Badge *\/\n.card-image-box {\n  position: relative;\n  width: 100%;\n  height: 220px;\n  border-radius: 14px;\n  overflow: hidden;\n}\n\n.card-img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  transition: transform 0.6s ease;\n}\n\n\/* Image Zoom Animation on Card Hover *\/\n.card-item:hover .card-img {\n  transform: scale(1.06);\n}\n\n\/* Badge Styling *\/\n.badge-pill {\n  position: absolute;\n  top: 12px;\n  right: 12px;\n  background-color: rgba(255, 255, 255, 0.92);\n  backdrop-filter: blur(4px);\n  color: #1a365d;\n  font-size: 11px;\n  font-weight: 800;\n  letter-spacing: 1px;\n  padding: 6px 14px;\n  border-radius: 30px;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);\n  text-transform: uppercase;\n}\n\n\/* Card Content Styling *\/\n.card-content {\n  padding: 20px 10px 10px 10px;\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  text-align: center;\n}\n\n.card-title {\n  color: #580f0f; \/* Maroon color *\/\n  font-size: 22px;\n  font-weight: 700;\n  margin: 0 0 14px 0;\n  line-height: 1.3;\n}\n\n.card-text {\n  color: #4a5568;\n  font-size: 14px;\n  line-height: 1.6;\n  margin: 0 0 24px 0;\n  flex-grow: 1; \/* Pushes button to equal bottom alignment *\/\n}\n\n.card-text strong {\n  color: #1a202c;\n  font-weight: 700;\n}\n\n\/* Button & Button Hover Animation *\/\n.btn-wrapper {\n  margin-top: auto;\n}\n\n.card-btn {\n  display: inline-block;\n  background-color: #5c0d0d;\n  color: #ffffff;\n  font-size: 13px;\n  font-weight: 700;\n  letter-spacing: 1px;\n  text-decoration: none;\n  padding: 12px 32px;\n  border-radius: 50px;\n  transition: all 0.3s ease;\n  box-shadow: 0 4px 12px rgba(92, 13, 13, 0.25);\n}\n\n.card-btn:hover {\n  background-color: #FFB100;\n  transform: translateY(-2px);\n  box-shadow: 0 6px 18px rgba(92, 13, 13, 0.35);\n}\n\n\/* Keyframe Animations *\/\n@keyframes fadeInUp {\n  from {\n    opacity: 0;\n    transform: translateY(30px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n\/* Responsive Breakpoints *\/\n@media screen and (max-width: 992px) {\n  .cards-grid {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 24px;\n  }\n}\n\n@media screen and (max-width: 640px) {\n  .cards-grid {\n    grid-template-columns: 1fr;\n    gap: 20px;\n  }\n\n  .card-image-box {\n    height: 200px;\n  }\n\n  .card-title {\n    font-size: 20px;\n  }\n\n  .card-text {\n    font-size: 13.5px;\n  }\n}\n<\/style>\n\n\n<div class=\"cards-section\">\n  <div class=\"cards-grid\">\n\n    <!-- Card 1 -->\n    <div class=\"card-item\">\n      <div class=\"card-image-box\">\n        <img decoding=\"async\" src=\"https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2025\/09\/8-scaled.jpg\" alt=\"Digital First School\" class=\"card-img\">\n        <span class=\"badge-pill\">INNOVATION<\/span>\n      <\/div>\n      <div class=\"card-content\">\n        <h3 class=\"card-title\">Digital First School<\/h3>\n        <p class=\"card-text\">\n          Technology isn&#8217;t just a tool; it&#8217;s an integral part of how we teach and how our students learn. From smart classrooms to digital literacy, Habib Girls School prepares our students to thrive as <strong>future female leaders<\/strong> in a connected world. We focus on giving them the skills and confidence to excel in a tech-driven landscape.\n        <\/p>\n        <div class=\"btn-wrapper\">\n          <a href=\"https:\/\/habibschools.edu.pk\/hgs\/learning\/#Digital-First-Learning\" class=\"card-btn\">LEARN MORE<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Card 2 -->\n    <div class=\"card-item\">\n      <div class=\"card-image-box\">\n        <img decoding=\"async\" src=\"https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2024\/10\/Hero-1.jpg\" alt=\"STEAM Focused Learning\" class=\"card-img\">\n        <span class=\"badge-pill\">FUTURE SKILLS<\/span>\n      <\/div>\n      <div class=\"card-content\">\n        <h3 class=\"card-title\">STEAM Focused Learning<\/h3>\n        <p class=\"card-text\">\n          At Habib Girls School, we blend Science, Technology, Engineering, Arts, and Math to spark deeper thinking and real-world problem-solving. Our STEAM approach nurtures innovation, collaboration, and a lifelong love for discovery, encouraging our girls to become <strong>pioneering thinkers and creators.<\/strong>\n        <\/p>\n        <div class=\"btn-wrapper\">\n          <a href=\"https:\/\/habibschools.edu.pk\/hgs\/learning\/#STEAM-Focused\" class=\"card-btn\">LEARN MORE<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Card 3 -->\n    <div class=\"card-item\">\n      <div class=\"card-image-box\">\n        <img decoding=\"async\" src=\"https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2024\/10\/IMG_6047-1-scaled.jpg\" alt=\"Emphasis on Extracurriculars\" class=\"card-img\">\n        <span class=\"badge-pill\">LEADERSHIP<\/span>\n      <\/div>\n      <div class=\"card-content\">\n        <h3 class=\"card-title\">Emphasis on Extracurriculars<\/h3>\n        <p class=\"card-text\">\n          Learning doesn&#8217;t stop at the classroom door; it comes alive on stage, on the field, and in leadership roles. From sports to the arts, clubs to competitions, Habib Girls School encourages students to discover and grow their passions, ensuring they become <strong>well-rounded and confident individuals.<\/strong>\n        <\/p>\n        <div class=\"btn-wrapper\">\n          <a href=\"https:\/\/habibschools.edu.pk\/hgs\/sports\/\" class=\"card-btn\">LEARN MORE<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_912899766 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section\" id=\"section_2065131225\">\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<!-- HGS LEGACY SECTION (EXACT BRAND COLOR PALETTE) -->\n<section class=\"hgs-legacy-section\">\n  <style>\n    \/* Container & Section Setup *\/\n    .hgs-legacy-section {\n      width: 100%;\n      max-width: 1240px;\n      margin: 0 auto;\n      padding: 60px 20px;\n      box-sizing: border-box;\n      font-family: 'Montserrat', 'Inter', -apple-system, sans-serif;\n      background-color: #ffffff;\n    }\n\n    .hgs-legacy-container {\n      display: grid;\n      grid-template-columns: 1fr 1fr; \/* 50% - 50% Equal Split *\/\n      gap: 50px;\n      align-items: center; \/* Vertical Alignment *\/\n    }\n\n    \/* Left Image Column & Outer Frame *\/\n    .hgs-legacy-image-col {\n      position: relative;\n      width: 100%;\n    }\n\n    \/* Backdrop Frame (HGS Accent Border) *\/\n    .hgs-legacy-backdrop-frame {\n      position: absolute;\n      top: -15px;\n      left: -15px;\n      right: 15px;\n      bottom: 15px;\n      border: 1.5px solid rgba(140, 92, 246, 0.3); \/* Purple Tint Accent *\/\n      border-radius: 30px;\n      z-index: 1;\n    }\n\n    .hgs-legacy-image-box {\n      position: relative;\n      z-index: 2;\n      border-radius: 28px;\n      overflow: hidden;\n      box-shadow: 0 12px 32px rgba(95, 12, 12, 0.08);\n      background-color: #f7fafc;\n      border: 1px solid rgba(255, 177, 0, 0.3);\n    }\n\n    .hgs-legacy-img {\n      width: 100%;\n      height: 440px;\n      object-fit: cover;\n      display: block;\n      transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);\n    }\n\n    .hgs-legacy-image-box:hover .hgs-legacy-img {\n      transform: scale(1.05); \/* Smooth Zoom Effect *\/\n    }\n\n    \/* Floating Stats Badge on Image *\/\n    .hgs-legacy-stats-badge {\n      position: absolute;\n      bottom: 0;\n      right: 0;\n      background: #ffffff;\n      padding: 14px 24px;\n      border-top-left-radius: 20px;\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      box-shadow: -4px -4px 20px rgba(95, 12, 12, 0.08);\n      border-left: 3px solid #5f0c0c;\n      border-top: 3px solid #FFB100;\n      animation: hgsFloatSubtle 4s ease-in-out infinite;\n    }\n\n    .hgs-legacy-stats-number {\n      font-size: 32px;\n      font-weight: 800;\n      color: #5f0c0c; \/* Main Maroon *\/\n      line-height: 1;\n    }\n\n    .hgs-legacy-stats-text {\n      font-size: 11px;\n      font-weight: 800;\n      color: #8C5CF6; \/* Secondary Purple Text Accent *\/\n      letter-spacing: 0.8px;\n      line-height: 1.35;\n    }\n\n    \/* Right Content Column *\/\n    .hgs-legacy-content-col {\n      display: flex;\n      flex-direction: column;\n      align-items: flex-start;\n      animation: hgsFadeInUp 0.8s ease-out forwards;\n    }\n\n    \/* ESTABLISHED Top Badge *\/\n    .hgs-legacy-established-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      background-color: rgba(78, 190, 245, 0.12); \/* Soft Cyan Tint *\/\n      border: 1px solid #4EBEF5;\n      padding: 6px 18px;\n      border-radius: 50px;\n      margin-bottom: 20px;\n    }\n\n    .hgs-legacy-green-dot {\n      width: 8px;\n      height: 8px;\n      background-color: #148945; \/* Green Dot *\/\n      box-shadow: 0 0 6px #148945;\n      border-radius: 50%;\n      display: inline-block;\n    }\n\n    .hgs-legacy-badge-text {\n      font-size: 12px;\n      font-weight: 800;\n      color: #5f0c0c; \/* Main Maroon *\/\n      letter-spacing: 1.5px;\n    }\n\n    \/* Duo-tone Title *\/\n    .hgs-legacy-title {\n      font-size: 42px;\n      font-weight: 800;\n      margin: 0 0 20px 0;\n      line-height: 1.15;\n    }\n\n    .hgs-legacy-title-purple {\n      color: #8C5CF6; \/* Secondary Purple Replacing Navy Blue *\/\n    }\n\n    .hgs-legacy-title-maroon {\n      color: #5f0c0c; \/* Main Maroon *\/\n    }\n\n    \/* Body Text *\/\n    .hgs-legacy-text {\n      color: #4a5568;\n      font-size: 15px;\n      line-height: 1.65;\n      margin: 0 0 16px 0;\n    }\n\n    \/* Explore Admissions Pill Button *\/\n    .hgs-legacy-btn {\n      display: inline-flex;\n      align-items: center;\n      gap: 16px;\n      background-color: #5f0c0c; \/* Main Maroon *\/\n      color: #ffffff !important;\n      padding: 8px 10px 8px 28px;\n      border-radius: 50px;\n      border: 1.5px solid #FFB100; \/* Gold Accent Border *\/\n      text-decoration: none;\n      font-size: 13px;\n      font-weight: 800;\n      letter-spacing: 1.2px;\n      margin-top: 15px;\n      transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);\n      box-shadow: 0 6px 16px rgba(95, 12, 12, 0.25);\n    }\n\n    .hgs-legacy-btn-icon {\n      width: 36px;\n      height: 36px;\n      background-color: #FFB100; \/* Secondary Gold Icon BG *\/\n      color: #5f0c0c;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: transform 0.3s ease, background-color 0.3s ease;\n    }\n\n    \/* Button Hover Animations *\/\n    .hgs-legacy-btn:hover {\n      background-color: #8C5CF6; \/* Shifts to Secondary Purple *\/\n      border-color: #FFB100;\n      color: #ffffff !important;\n      transform: translateY(-3px);\n      box-shadow: 0 10px 24px rgba(140, 92, 246, 0.35);\n    }\n\n    .hgs-legacy-btn:hover .hgs-legacy-btn-icon {\n      transform: translateX(4px);\n      background-color: #ffffff;\n      color: #8C5CF6;\n    }\n\n    \/* Keyframe Animations *\/\n    @keyframes hgsFadeInUp {\n      from {\n        opacity: 0;\n        transform: translateY(25px);\n      }\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    @keyframes hgsFloatSubtle {\n      0%, 100% { transform: translateY(0); }\n      50% { transform: translateY(-4px); }\n    }\n\n    \/* Responsive Design for Mobile & Tablet *\/\n    @media screen and (max-width: 992px) {\n      .hgs-legacy-container {\n        grid-template-columns: 1fr;\n        gap: 40px;\n      }\n\n      .hgs-legacy-backdrop-frame {\n        display: none;\n      }\n\n      .hgs-legacy-img {\n        height: 350px;\n      }\n\n      .hgs-legacy-title {\n        font-size: 34px;\n      }\n    }\n\n    @media screen and (max-width: 576px) {\n      .hgs-legacy-img {\n        height: 260px;\n      }\n\n      .hgs-legacy-stats-badge {\n        padding: 10px 16px;\n      }\n\n      .hgs-legacy-stats-number {\n        font-size: 24px;\n      }\n\n      .hgs-legacy-stats-text {\n        font-size: 9.5px;\n      }\n\n      .hgs-legacy-title {\n        font-size: 28px;\n      }\n\n      .hgs-legacy-text {\n        font-size: 14px;\n      }\n\n      .hgs-legacy-btn {\n        padding: 6px 8px 6px 22px;\n      }\n    }\n  <\/style>\n\n  <div class=\"hgs-legacy-container\">\n\n    <!-- Left Column: Image Card with Backdrop Frame & Stats Overlay -->\n    <div class=\"hgs-legacy-image-col\">\n      <div class=\"hgs-legacy-backdrop-frame\"><\/div>\n      <div class=\"hgs-legacy-image-box\">\n        <img decoding=\"async\" src=\"https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2024\/09\/HGS-LEGACY-1536x866.jpg\" alt=\"HGS Legacy Students\" class=\"hgs-legacy-img\">\n        \n        <!-- Bottom Floating Stats Badge -->\n        <div class=\"hgs-legacy-stats-badge\">\n          <span class=\"hgs-legacy-stats-number\">60+<\/span>\n          <span class=\"hgs-legacy-stats-text\">\n            YEARS OF EDUCATIONAL<br>EXCELLENCE\n          <\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Right Column: Content -->\n    <div class=\"hgs-legacy-content-col\">\n      \n      <!-- Top Pill Badge -->\n      <div class=\"hgs-legacy-established-badge\">\n        <span class=\"hgs-legacy-green-dot\"><\/span>\n        <span class=\"hgs-legacy-badge-text\">ESTABLISHED 1964<\/span>\n      <\/div>\n\n      <!-- Heading with Duo-tone Colors -->\n      <h2 class=\"hgs-legacy-title\">\n        <span class=\"hgs-legacy-title-purple\">HGS<\/span> <span class=\"hgs-legacy-title-maroon\">Legacy<\/span>\n      <\/h2>\n\n      <!-- Paragraph Content -->\n      <p class=\"hgs-legacy-text\">\n        Since its founding in 1964, Habib Girls&#8217; School has consistently placed the utmost importance on investing in its students. The vision was to create a school that offered affordable, high-quality education to the young women of a newly independent nation.\n      <\/p>\n      \n      <p class=\"hgs-legacy-text\">\n        Today, we are proud to have not only met but exceeded that goal, nurturing generations of empowered students through our focus on education and excellence.\n      <\/p>\n\n      <!-- Pill Button with Circular Arrow -->\n      <a href=\"https:\/\/habibschools.edu.pk\/hgs\/admissions\/\" class=\"hgs-legacy-btn\">\n        <span class=\"btn-text\">EXPLORE ADMISSIONS<\/span>\n        <span class=\"hgs-legacy-btn-icon\">\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n            <polyline points=\"12 5 19 12 12 19\"><\/polyline>\n          <\/svg>\n        <\/span>\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n\n<style>\n:root {\n  --hps-dark-maroon: #3d0707;\n  --hps-primary-maroon: #5f0c0c;\n  --hps-gold-accent: #ffb100;\n  --hps-text-white: #ffffff;\n  --hps-text-muted: rgba(255, 255, 255, 0.85);\n  --hps-glass-bg: rgba(255, 255, 255, 0.05);\n  --hps-glass-border: rgba(255, 255, 255, 0.12);\n}\n\n.hps-why-section {\n  position: relative;\n  background: linear-gradient(135deg, #2b0404 0%, #5f0c0c 50%, #3a0606 100%);\n  padding: 6rem 1.5rem;\n  color: var(--hps-text-white);\n  overflow: hidden;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n}\n\n.hps-why-container {\n  max-width: 1240px;\n  margin: 0 auto;\n}\n\n.hps-why-grid {\n  display: grid;\n  grid-template-columns: 420px 1fr;\n  gap: 3.5rem;\n  align-items: start;\n}\n\n\/* Left Column *\/\n.hps-why-left {\n  position: sticky;\n  top: 2rem;\n  display: flex;\n  flex-direction: column;\n}\n\n.hps-why-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.6rem;\n  background: rgba(255, 177, 0, 0.12);\n  border: 1px solid rgba(255, 177, 0, 0.3);\n  padding: 0.4rem 1.1rem;\n  border-radius: 50px;\n  width: fit-content;\n  margin-bottom: 1.5rem;\n}\n\n.hps-why-badge-dot {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background-color: var(--hps-gold-accent);\n  box-shadow: 0 0 10px var(--hps-gold-accent);\n}\n\n.hps-why-badge-text {\n  font-size: 0.75rem;\n  font-weight: 800;\n  letter-spacing: 0.15em;\n  color: var(--hps-gold-accent);\n  text-transform: uppercase;\n}\n\n\/* Heading Styling: WHY CHOOSE = White, HPS = Gold *\/\n.hps-why-heading {\n  font-size: clamp(2.5rem, 4vw, 3.5rem);\n  font-weight: 900;\n  line-height: 1.08;\n  letter-spacing: -0.02em;\n  margin: 0 0 1.5rem 0;\n  text-transform: uppercase;\n  color: #ffffff;\n}\n\n.hps-why-heading span {\n  color: var(--hps-gold-accent);\n  display: block;\n}\n\n.hps-why-desc {\n  font-size: 1.02rem;\n  line-height: 1.8;\n  color: var(--hps-text-muted);\n  margin: 0 0 2rem 0;\n}\n\n.hps-slider-nav-controls {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  margin-top: 1rem;\n}\n\n.hps-nav-btn {\n  width: 50px;\n  height: 50px;\n  border-radius: 50%;\n  background: var(--hps-glass-bg);\n  border: 1px solid var(--hps-glass-border);\n  color: #ffffff;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all 0.3s ease;\n  backdrop-filter: blur(8px);\n}\n\n.hps-nav-btn:hover {\n  background: var(--hps-gold-accent);\n  color: var(--hps-dark-maroon);\n  border-color: var(--hps-gold-accent);\n  transform: translateY(-2px);\n}\n\n\/* Right Column (Swiper Stretch Fix) *\/\n.hps-why-right {\n  width: 100%;\n  min-width: 0;\n}\n\n.hps-cards-swiper {\n  width: 100%;\n  padding-bottom: 3rem !important;\n}\n\n\/* Force Equal Height across Swiper Wrapper & Slides *\/\n.hps-cards-swiper .swiper-wrapper {\n  display: flex;\n  align-items: stretch;\n}\n\n.hps-cards-swiper .swiper-slide {\n  height: auto;\n  display: flex;\n}\n\n\/* Equal Height Card Container *\/\n.hps-slide-card {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  background: rgba(255, 255, 255, 0.04);\n  backdrop-filter: blur(16px);\n  -webkit-backdrop-filter: blur(16px);\n  border: 1px solid var(--hps-glass-border);\n  border-radius: 28px;\n  padding: 1.5rem;\n  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25);\n  box-sizing: border-box;\n  transition: transform 0.4s ease, border-color 0.4s ease;\n}\n\n.hps-slide-card:hover {\n  transform: translateY(-6px);\n  border-color: rgba(255, 177, 0, 0.4);\n}\n\n.hps-card-media {\n  position: relative;\n  width: 100%;\n  height: 220px;\n  border-radius: 20px;\n  overflow: hidden;\n  margin-bottom: 1.5rem;\n  flex-shrink: 0;\n}\n\n.hps-card-media img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  transition: transform 0.6s ease;\n}\n\n.hps-slide-card:hover .hps-card-media img {\n  transform: scale(1.08);\n}\n\n\/* Content Body Stretch for Button Alignment *\/\n.hps-card-body {\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n}\n\n.hps-card-title {\n  font-size: 1.5rem;\n  font-weight: 800;\n  margin: 0 0 1rem 0;\n  text-transform: uppercase;\n  letter-spacing: 0.02em;\n  color: #ffffff;\n}\n\n.hps-card-text {\n  font-size: 0.92rem;\n  line-height: 1.75;\n  color: var(--hps-text-muted);\n  margin: 0 0 2rem 0;\n  flex-grow: 1; \/* Pushes button to bottom evenly *\/\n}\n\n.hps-card-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: space-between;\n  background: #ffffff;\n  color: var(--hps-primary-maroon);\n  font-size: 0.8rem;\n  font-weight: 800;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  text-decoration: none;\n  padding: 0.75rem 1.4rem;\n  border-radius: 100px;\n  transition: all 0.3s ease;\n  margin-top: auto;\n}\n\n.hps-card-btn:hover {\n  background: var(--hps-gold-accent);\n  color: var(--hps-dark-maroon);\n}\n\n\/* Pagination Dots *\/\n.hps-swiper-pagination .swiper-pagination-bullet {\n  background: #ffffff !important;\n  opacity: 0.3;\n}\n\n.hps-swiper-pagination .swiper-pagination-bullet-active {\n  background: var(--hps-gold-accent) !important;\n  opacity: 1;\n  width: 24px;\n  border-radius: 8px;\n}\n\n@media (max-width: 1024px) {\n  .hps-why-grid {\n    grid-template-columns: 1fr;\n    gap: 2.5rem;\n  }\n  .hps-why-left {\n    position: relative;\n    top: 0;\n  }\n  .hps-slider-nav-controls {\n    display: none;\n  }\n}\n<\/style>\n\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\" \/>\n\n<section class=\"hps-why-section\">\n  <div class=\"hps-why-container\">\n    <div class=\"hps-why-grid\">\n      \n      <!-- Left Column -->\n      <div class=\"hps-why-left\">\n        <div class=\"hps-why-badge\">\n          <span class=\"hps-why-badge-dot\"><\/span>\n          <span class=\"hps-why-badge-text\">EXCELLENCE SINCE 1964<\/span>\n        <\/div>\n\n        <!-- Heading: WHY CHOOSE is white, HGS is gold -->\n        <h2 class=\"hps-why-heading\">\n          WHY CHOOSE <span>HGS?<\/span>\n        <\/h2>\n\n        <p class=\"hps-why-desc\">\n          Since its founding in 1964, Habib Girls School has built a 60-year legacy of excellence. We combine our proud heritage with a forward-thinking approach to education, creating a vibrant community grounded in strong values. Our commitment is to nurture future-ready students through a unique blend of character, opportunity, and innovative learning tools.\n        <\/p>\n\n        <div class=\"hps-slider-nav-controls\">\n          <button class=\"hps-nav-btn hps-prev\" aria-label=\"Previous Slide\">\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M19 12H5M12 19l-7-7 7-7\"\/><\/svg>\n          <\/button>\n          <button class=\"hps-nav-btn hps-next\" aria-label=\"Next Slide\">\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n          <\/button>\n        <\/div>\n      <\/div>\n\n      <!-- Right Column: Equal-Height Swiper Carousel -->\n      <div class=\"hps-why-right\">\n        <div class=\"swiper hps-cards-swiper\">\n          <div class=\"swiper-wrapper\">\n\n            <!-- Slide 1: Legacy -->\n            <div class=\"swiper-slide\">\n              <article class=\"hps-slide-card\">\n                <div class=\"hps-card-media\">\n                  <img decoding=\"async\" src=\"https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2024\/09\/1964-1024x653.png\" alt=\"HGS Legacy\" loading=\"lazy\" \/>\n                <\/div>\n                <div class=\"hps-card-body\">\n                  <h3 class=\"hps-card-title\">Legacy<\/h3>\n                  <p class=\"hps-card-text\">\n                    Starting with a modest group of 80 students and 8 teachers, Habib Girls\u2019 School initially offered classes from Nursery to Class five. Today over sixty years later, the school proudly serves a student body of more than 1,800 girls, continuing its tradition of providing quality education.\n                  <\/p>\n                  <a href=\"https:\/\/habibschools.edu.pk\/hgs\/about-us\/#Our-History\" class=\"hps-card-btn\">\n                    <span>OUR HISTORY<\/span>\n                    <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n                  <\/a>\n                <\/div>\n              <\/article>\n            <\/div>\n\n            <!-- Slide 2: Facilities -->\n            <div class=\"swiper-slide\">\n              <article class=\"hps-slide-card\">\n                <div class=\"hps-card-media\">\n                  <img decoding=\"async\" src=\"https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2024\/09\/about-us-slider-image-4-1-1024x576-1.jpg\" alt=\"Facilities at HGS\" loading=\"lazy\" \/>\n                <\/div>\n                <div class=\"hps-card-body\">\n                  <h3 class=\"hps-card-title\">Facilities<\/h3>\n                  <p class=\"hps-card-text\">\n                    Habib Girls\u2019 School offers exceptional on-campus facilities that allow us to meet the requirements of our curriculum holistically. Spanning over 3 acres in the heart of Karachi, the school features spacious, airy classrooms and dedicated learning spaces, providing an ideal environment for student growth and development.\n                  <\/p>\n                  <a href=\"https:\/\/habibschools.edu.pk\/hgs\/about-us\/#Our%20Facilities\" class=\"hps-card-btn\">\n                    <span>OUR FACILITIES<\/span>\n                    <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n                  <\/a>\n                <\/div>\n              <\/article>\n            <\/div>\n\n            <!-- Slide 3: Sports -->\n            <div class=\"swiper-slide\">\n              <article class=\"hps-slide-card\">\n                <div class=\"hps-card-media\">\n                  <img decoding=\"async\" src=\"https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2024\/09\/SPORTS-CARD-scaled.jpg\" alt=\"Sports at HGS\" loading=\"lazy\" \/>\n                <\/div>\n                <div class=\"hps-card-body\">\n                  <h3 class=\"hps-card-title\">Sports<\/h3>\n                  <p class=\"hps-card-text\">\n                    Sports are an integral part of the HGS experience for all our students. We have a dedicated sports department equipped with the latest gear and professional coaching staff. Our students have excelled in Throwball, Netball and Volleyball, with many going on to represent Sindh and even Pakistan.\n                  <\/p>\n                  <a href=\"https:\/\/habibschools.edu.pk\/hgs\/sports\/#Sports\" class=\"hps-card-btn\">\n                    <span>SPORTS AT HGS<\/span>\n                    <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n                  <\/a>\n                <\/div>\n              <\/article>\n            <\/div>\n\n          <\/div>\n          <div class=\"swiper-pagination hps-swiper-pagination\"><\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\n<script>\n  document.addEventListener('DOMContentLoaded', function () {\n    new Swiper('.hps-cards-swiper', {\n      slidesPerView: 1,\n      spaceBetween: 24,\n      loop: true,\n      speed: 600,\n      autoHeight: false, \/* Disabled to enforce CSS Flex stretch *\/\n      autoplay: {\n        delay: 4500,\n        disableOnInteraction: false,\n      },\n      navigation: {\n        nextEl: '.hps-next',\n        prevEl: '.hps-prev',\n      },\n      pagination: {\n        el: '.hps-swiper-pagination',\n        clickable: true,\n      },\n      breakpoints: {\n        640: {\n          slidesPerView: 1.5,\n          spaceBetween: 20,\n        },\n        1025: {\n          slidesPerView: 2,\n          spaceBetween: 24,\n        }\n      }\n    });\n  });\n<\/script>\n\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_2065131225 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section banner-section show-for-small\" id=\"section_363119172\">\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 row-full-width\"  id=\"row-1661209231\">\n\n\n\t<div id=\"col-180281998\" 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=\"slider-wrapper relative\" id=\"slider-1235975972\" >\n    <div class=\"slider slider-nav-circle slider-nav-large slider-nav-light slider-style-normal\"\n        data-flickity-options='{\n            \"cellAlign\": \"center\",\n            \"imagesLoaded\": true,\n            \"lazyLoad\": 1,\n            \"freeScroll\": false,\n            \"wrapAround\": true,\n            \"autoPlay\": 4000,\n            \"pauseAutoPlayOnHover\" : true,\n            \"prevNextButtons\": false,\n            \"contain\" : true,\n            \"adaptiveHeight\" : true,\n            \"dragThreshold\" : 10,\n            \"percentPosition\": true,\n            \"pageDots\": false,\n            \"rightToLeft\": false,\n            \"draggable\": true,\n            \"selectedAttraction\": 0.1,\n            \"parallax\" : 0,\n            \"friction\": 0.6        }'\n        >\n        \n\n\n  <div class=\"banner has-hover has-video\" id=\"banner-1304244207\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n                        \t<div class=\"video-overlay no-click fill show-for-small\"><\/div>\n\t<video class=\"video-bg fill show-for-small\" preload playsinline autoplay muted loop>\n\t\t<source src=\"https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2024\/10\/HGS-Theme-Reveal-1.mp4\" type=\"video\/mp4\">\t<\/video>\n                        \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n\n   <div id=\"text-box-2129988388\" class=\"text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text\">\n                                <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n\n\n              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-2129988388 {\n  width: 60%;\n}\n#text-box-2129988388 .text-box-content {\n  font-size: 100%;\n}\n<\/style>\n    <\/div>\n \n\n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-1304244207 {\n  padding-top: 300px;\n}\n@media (min-width:550px) {\n  #banner-1304244207 {\n    padding-top: 500px;\n  }\n}\n<\/style>\n  <\/div>\n\n\n\n  <div class=\"banner has-hover\" id=\"banner-1291754141\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <img loading=\"lazy\" decoding=\"async\" width=\"1020\" height=\"1020\" src=\"https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2024\/06\/Hockey-at-HGS-1024x1024.jpg\" class=\"bg attachment-large size-large\" alt=\"\" \/>                        <div class=\"overlay\"><\/div>            \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n\n   <div id=\"text-box-658145390\" class=\"text-box banner-layer x5 md-x5 lg-x5 y100 md-y100 lg-y100 res-text\">\n                                <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n\n\t<div id=\"text-4153190273\" class=\"text\">\n\t\t\n\n<h4>Welcome to Habib Girls\u2019 School!<\/h4>\n<h3>60 YEARS OF<\/br> #LEARNING THROUGH LEGACY<\/h3>\n\t\t\n<style>\n#text-4153190273 {\n  line-height: 1.7;\n  text-align: left;\n}\n<\/style>\n\t<\/div>\n\t\n\t<div id=\"gap-1857126981\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1857126981 {\n  padding-top: 30px;\n}\n<\/style>\n\t<\/div>\n\t\n\n\n              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-658145390 {\n  width: 83%;\n}\n#text-box-658145390 .text-box-content {\n  font-size: 100%;\n}\n@media (min-width:550px) {\n  #text-box-658145390 {\n    width: 71%;\n  }\n}\n<\/style>\n    <\/div>\n \n\n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-1291754141 {\n  padding-top: 300px;\n}\n#banner-1291754141 .overlay {\n  background-color: rgba(95, 12, 12, 0.64);\n}\n#banner-1291754141 .banner-bg img {\n  object-position: 100%;\n}\n@media (min-width:550px) {\n  #banner-1291754141 {\n    padding-top: 500px;\n  }\n}\n<\/style>\n  <\/div>\n\n\n\n  <div class=\"banner has-hover\" id=\"banner-89387241\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <img loading=\"lazy\" decoding=\"async\" width=\"1020\" height=\"459\" src=\"https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2024\/10\/IMG_20240925_112045_612-1024x461.jpg\" class=\"bg attachment-large size-large\" alt=\"\" \/>                        <div class=\"overlay\"><\/div>            \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n\n   <div id=\"text-box-698719173\" class=\"text-box banner-layer x5 md-x5 lg-x5 y100 md-y100 lg-y100 res-text\">\n                                <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n\n\t<div id=\"text-705215198\" class=\"text\">\n\t\t\n\n<h4>Welcome to Habib Girls\u2019 School!<\/h4>\n<h3>60 YEARS OF<\/br> #LEARNING THROUGH LEGACY<\/h3>\n\t\t\n<style>\n#text-705215198 {\n  text-align: left;\n}\n<\/style>\n\t<\/div>\n\t\n\t<div id=\"gap-2059372988\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-2059372988 {\n  padding-top: 30px;\n}\n<\/style>\n\t<\/div>\n\t\n\n\n              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-698719173 {\n  width: 82%;\n}\n#text-box-698719173 .text-box-content {\n  font-size: 100%;\n}\n@media (min-width:550px) {\n  #text-box-698719173 {\n    width: 71%;\n  }\n}\n<\/style>\n    <\/div>\n \n\n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-89387241 {\n  padding-top: 300px;\n}\n#banner-89387241 .overlay {\n  background-color: rgba(95, 12, 12, 0.64);\n}\n#banner-89387241 .banner-bg img {\n  object-position: 100% 55%;\n}\n@media (min-width:550px) {\n  #banner-89387241 {\n    padding-top: 500px;\n  }\n}\n<\/style>\n  <\/div>\n\n\n\n  <div class=\"banner has-hover\" id=\"banner-1112581110\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <img loading=\"lazy\" decoding=\"async\" width=\"1020\" height=\"459\" src=\"https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2024\/10\/IMG_20240916_141750_710-1024x461.jpg\" class=\"bg attachment-large size-large\" alt=\"\" \/>                        <div class=\"overlay\"><\/div>            \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n\n   <div id=\"text-box-1287117343\" class=\"text-box banner-layer x5 md-x5 lg-x5 y100 md-y100 lg-y100 res-text\">\n                                <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n\n\t<div id=\"text-1999611011\" class=\"text\">\n\t\t\n\n<h4>Welcome to Habib Girls\u2019 School!<\/h4>\n<h3>60 YEARS OF<\/br> #LEARNING THROUGH LEGACY<\/h3>\n\t\t\n<style>\n#text-1999611011 {\n  text-align: left;\n}\n<\/style>\n\t<\/div>\n\t\n\t<div id=\"gap-1536476614\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1536476614 {\n  padding-top: 30px;\n}\n<\/style>\n\t<\/div>\n\t\n\n\n              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-1287117343 {\n  width: 83%;\n}\n#text-box-1287117343 .text-box-content {\n  font-size: 100%;\n}\n@media (min-width:550px) {\n  #text-box-1287117343 {\n    width: 75%;\n  }\n}\n<\/style>\n    <\/div>\n \n\n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-1112581110 {\n  padding-top: 300px;\n}\n#banner-1112581110 .overlay {\n  background-color: rgba(95, 12, 12, 0.64);\n}\n#banner-1112581110 .banner-bg img {\n  object-position: 100%;\n}\n@media (min-width:550px) {\n  #banner-1112581110 {\n    padding-top: 500px;\n  }\n}\n<\/style>\n  <\/div>\n\n\n\n     <\/div>\n\n     <div class=\"loading-spin dark large centered\"><\/div>\n\n\t<\/div>\n\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_363119172 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n}\n<\/style>\n\t<\/section>\n\t\n\n\n\t<section class=\"section\" id=\"section_43484840\">\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-794484825\">\n\n\n\t<div id=\"col-1933725544\" 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\t<div id=\"gap-747631252\" class=\"gap-element clearfix hide-for-medium\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-747631252 {\n  padding-top: 40px;\n}\n<\/style>\n\t<\/div>\n\t\n\n\n\n<!-- Complete Modern Blog Posts Section for Flatsome UX Builder (HGS BRAND PALETTE) -->\n<section class=\"hgs-our-news\">\n  <div class=\"hgs-section-header\">\n    <div class=\"hgs-header-badge\">\n      <span class=\"hgs-header-badge-dot\"><\/span>\n      <span class=\"hgs-header-badge-text\">LATEST UPDATES<\/span>\n    <\/div>\n    <h2 class=\"hgs-header-title\">\n      Habib Girls School <span>News<\/span>\n    <\/h2>\n    <div class=\"hgs-header-line\"><\/div>\n    <p class=\"hgs-header-subtitle\">\n      Check out our latest news, featuring updates, achievements, and exciting events from across our school community. Stay informed and connected with everything happening at Habib Girls School!\n    <\/p>\n  <\/div>\n<\/section>\n\n<style>\n\/* ==========================================================================\n   Merged Modern \"Our News\" Section & Flatsome Grid CSS Override (HGS PALETTE)\n   ========================================================================== *\/\n\n.hgs-our-news {\n  position: relative;\n  padding: 5rem 1.5rem;\n  background: #FCF8F8; \/* Soft Maroon Tint Base *\/\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n}\n\n\/* 1. Modern Header Typography & Badge *\/\n.hgs-section-header {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  max-width: 800px;\n  margin: 0 auto 3.5rem auto;\n}\n\n.hgs-header-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.5rem;\n  background: rgba(78, 190, 245, 0.12); \/* Soft Cyan Tint *\/\n  border: 1px solid #4EBEF5;\n  padding: 0.35rem 1rem;\n  border-radius: 50px;\n  margin-bottom: 1rem;\n}\n\n.hgs-header-badge-dot {\n  width: 7px;\n  height: 7px;\n  border-radius: 50%;\n  background-color: #148945; \/* Green Accent Dot *\/\n  box-shadow: 0 0 6px #148945;\n}\n\n.hgs-header-badge-text {\n  font-size: 0.72rem;\n  font-weight: 800;\n  letter-spacing: 0.15em;\n  color: #5f0c0c; \/* Main Maroon *\/\n  text-transform: uppercase;\n}\n\n.hgs-header-title {\n  font-size: clamp(2.2rem, 3.8vw, 3.2rem);\n  font-weight: 900;\n  line-height: 1.15;\n  color: #5f0c0c; \/* Replaced Dark Blue with HGS Maroon *\/\n  letter-spacing: -0.02em;\n  margin: 0 0 0.8rem 0;\n  text-transform: uppercase;\n}\n\n.hgs-header-title span {\n  color: #8C5CF6; \/* Secondary Purple Text Highlight *\/\n  background: linear-gradient(135deg, #8C5CF6 0%, #7038E0 100%);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n\n.hgs-header-line {\n  width: 50px;\n  height: 4px;\n  background: linear-gradient(90deg, #5f0c0c, #FFB100); \/* Maroon to Gold *\/\n  border-radius: 10px;\n  margin: 0.2rem 0 1.2rem 0;\n}\n\n.hgs-header-subtitle {\n  font-size: 1.02rem;\n  line-height: 1.7;\n  color: #475569;\n  font-weight: 450;\n  margin: 0;\n  max-width: 680px;\n}\n\n\/* 2. Flatsome Grid & Card Overrides *\/\n.hgs-our-news .posts-row,\n.hgs-our-news .row {\n  display: grid !important;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;\n  gap: 2rem !important;\n  margin: 0 auto !important;\n  max-width: 1240px;\n}\n\n.hgs-our-news .col,\n.hgs-our-news .post-item {\n  width: 100% !important;\n  max-width: 100% !important;\n  padding: 0 !important;\n  margin: 0 !important;\n}\n\n.hgs-our-news .box {\n  background: #ffffff !important;\n  border-radius: 24px !important;\n  overflow: hidden !important;\n  border: 1px solid rgba(140, 92, 246, 0.15) !important; \/* Soft Purple Tint Border *\/\n  box-shadow: 0 10px 30px rgba(95, 12, 12, 0.04) !important;\n  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;\n  display: flex !important;\n  flex-direction: column !important;\n  height: 100% !important;\n}\n\n.hgs-our-news .post-item:hover .box {\n  transform: translateY(-8px) !important;\n  box-shadow: 0 20px 40px rgba(95, 12, 12, 0.12) !important;\n  border-color: #FFB100 !important; \/* Gold Border Accent on Hover *\/\n}\n\n\/* 3. Image Container & Zoom Effect *\/\n.hgs-our-news .box-image {\n  position: relative !important;\n  width: 100% !important;\n  height: 220px !important;\n  overflow: hidden !important;\n}\n\n.hgs-our-news .box-image img {\n  width: 100% !important;\n  height: 100% !important;\n  object-fit: cover !important;\n  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;\n}\n\n.hgs-our-news .post-item:hover .box-image img {\n  transform: scale(1.08) !important;\n}\n\n\/* 4. Floating Date Badge *\/\n.hgs-our-news .badge-post,\n.hgs-our-news .post-date {\n  position: absolute !important;\n  top: 15px !important;\n  left: 15px !important;\n  background: rgba(95, 12, 12, 0.92) !important; \/* Main Maroon Backdrop *\/\n  backdrop-filter: blur(8px) !important;\n  -webkit-backdrop-filter: blur(8px) !important;\n  color: #ffffff !important;\n  border-radius: 12px !important;\n  padding: 0.5rem 0.85rem !important;\n  border: 1px solid #FFB100 !important; \/* Gold Border Accent *\/\n  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15) !important;\n  font-weight: 800 !important;\n  text-align: center !important;\n  line-height: 1.1 !important;\n  z-index: 2 !important;\n}\n\n\/* 5. Card Body Typography *\/\n.hgs-our-news .box-text {\n  padding: 1.75rem 1.5rem !important;\n  display: flex !important;\n  flex-direction: column !important;\n  flex-grow: 1 !important;\n  background: #ffffff !important;\n}\n\n.hgs-our-news .post-title,\n.hgs-our-news .box-text h5 {\n  font-size: 1.15rem !important;\n  font-weight: 800 !important;\n  line-height: 1.45 !important;\n  color: #5f0c0c !important; \/* Main Maroon Text *\/\n  margin: 0 0 1rem 0 !important;\n  transition: color 0.3s ease !important;\n}\n\n.hgs-our-news .post-item:hover .post-title,\n.hgs-our-news .post-item:hover .box-text h5 {\n  color: #8C5CF6 !important; \/* Purple Highlight on Hover *\/\n}\n\n.hgs-our-news .is-divider {\n  height: 3px !important;\n  width: 40px !important;\n  background-color: #FFB100 !important; \/* Gold Divider Line *\/\n  margin: 0.5rem 0 1rem 0 !important;\n  border-radius: 10px !important;\n}\n\n.hgs-our-news .box-text a.button,\n.hgs-our-news .read-more-link {\n  margin-top: auto !important;\n  font-size: 0.8rem !important;\n  font-weight: 800 !important;\n  letter-spacing: 0.08em !important;\n  text-transform: uppercase !important;\n  color: #5f0c0c !important;\n  display: inline-flex !important;\n  align-items: center !important;\n  gap: 0.5rem !important;\n  text-decoration: none !important;\n  transition: all 0.3s ease !important;\n}\n\n.hgs-our-news .post-item:hover .box-text a.button,\n.hgs-our-news .post-item:hover .read-more-link {\n  transform: translateX(4px) !important;\n  color: #FFB100 !important;\n}\n\n\/* Responsive Styles *\/\n@media (max-width: 768px) {\n  .hgs-our-news {\n    padding: 3rem 1rem;\n  }\n  .hgs-section-header {\n    margin-bottom: 2.5rem;\n  }\n  .hgs-our-news .box-image {\n    height: 180px !important;\n  }\n}\n<\/style>\n\n\n\n<style>\n\n\/* Container Grid Layout *\/\n.HGS-News {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 30px 24px;\n  max-width: 1100px;\n  margin: 0 auto;\n  padding: 20px;\n  box-sizing: border-box;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n}\n\n\/* Individual News Card *\/\n.HGS-News .news-card {\n  position: relative;\n  background: #ffffff;\n  overflow: hidden;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\n  display: flex;\n  flex-direction: column;\n}\n\n\/* Image Wrapper & Image Styling *\/\n.HGS-News .card-image-wrapper {\n  position: relative;\n  width: 100%;\n  height: 240px;\n  overflow: hidden;\n}\n\n.HGS-News .card-image-wrapper img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n  display: block;\n  transition: transform 0.3s ease;\n}\n\n.HGS-News .news-card:hover .card-image-wrapper img {\n  transform: scale(1.04);\n}\n\n\/* Date Badge Overlay *\/\n.HGS-News .date-badge {\n  position: absolute;\n  top: 12px;\n  left: 12px;\n  background: #ffffff;\n  border: 1px solid #7d3c3c;\n  padding: 6px 10px;\n  text-align: center;\n  z-index: 2;\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);\n}\n\n.HGS-News .date-badge .day {\n  display: block;\n  font-size: 1rem;\n  font-weight: 800;\n  color: #7d3c3c;\n  line-height: 1;\n}\n\n.HGS-News .date-badge .month {\n  display: block;\n  font-size: 0.68rem;\n  font-weight: 700;\n  color: #7d3c3c;\n  text-transform: uppercase;\n  margin-top: 2px;\n}\n\n\/* Bottom Content Area *\/\n.HGS-News .card-content {\n  background-color: #7d3c3c; \/* Dark reddish brown color *\/\n  padding: 16px;\n  text-align: center;\n  color: #ffffff;\n  flex-grow: 1;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n\n.HGS-News .card-title {\n  font-size: 0.92rem;\n  font-weight: 700;\n  margin: 0 0 6px 0;\n  line-height: 1.35;\n  color: #ffffff;\n}\n\n.HGS-News .card-description {\n  font-size: 0.78rem;\n  opacity: 0.9;\n  margin: 0;\n  line-height: 1.3;\n}\n\n\/* Decorative Bottom Line *\/\n.HGS-News .card-content::after {\n  content: '';\n  display: block;\n  width: 24px;\n  height: 2px;\n  background-color: rgba(255, 255, 255, 0.4);\n  margin-top: 10px;\n}\n\n\/* Pagination Styling *\/\n.HGS-News-pagination {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 10px;\n  margin-top: 30px;\n}\n\n.HGS-News-pagination .page-btn {\n  width: 32px;\n  height: 32px;\n  border-radius: 50%;\n  border: 1px solid #7d3c3c;\n  background: #ffffff;\n  color: #7d3c3c;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 0.85rem;\n  font-weight: 700;\n  cursor: pointer;\n  text-decoration: none;\n  transition: all 0.2s ease;\n}\n\n.HGS-News-pagination .page-btn.active,\n.HGS-News-pagination .page-btn:hover {\n  background: #7d3c3c;\n  color: #ffffff;\n}\n\n\/* Responsive Styles *\/\n@media (max-width: 992px) {\n  .HGS-News {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n@media (max-width: 576px) {\n  .HGS-News {\n    grid-template-columns: 1fr;\n    gap: 20px;\n  }\n}\n\n\n<\/style>\n\n\t<div id=\"gap-1470458301\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1470458301 {\n  padding-top: 40px;\n}\n<\/style>\n\t<\/div>\n\t\n\n<div class=\"row\"  id=\"row-1286902997\">\n\n\n\t<div id=\"col-165701901\" 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\t\t<div id=\"ux-relay-2943273908\" class=\"ux-relay ux-relay--pagination\" data-flatsome-relay=\"{&quot;postType&quot;:&quot;post&quot;,&quot;tag&quot;:&quot;blog_posts&quot;,&quot;atts&quot;:{&quot;style&quot;:&quot;overlay&quot;,&quot;type&quot;:&quot;row&quot;,&quot;col_spacing&quot;:&quot;large&quot;,&quot;columns&quot;:&quot;3&quot;,&quot;columns__md&quot;:&quot;1&quot;,&quot;relay&quot;:&quot;pagination&quot;,&quot;cat&quot;:&quot;32,20,30,29,23&quot;,&quot;posts&quot;:&quot;6&quot;,&quot;image_height&quot;:&quot;90.25%&quot;,&quot;image_size&quot;:&quot;1536x1536&quot;,&quot;text_size&quot;:&quot;small&quot;,&quot;text_bg&quot;:&quot;rgba(95, 12, 12, 0.733)&quot;},&quot;currentPage&quot;:&quot;1&quot;,&quot;totalPages&quot;:2,&quot;totalPosts&quot;:9,&quot;postCount&quot;:6}\">\n\t\t\n  \n    <div class=\"row large-columns-3 medium-columns-1 small-columns-1 row-large\" >\n  <div class=\"col post-item\" >\n\t\t\t<div class=\"col-inner\">\n\t\t\t\t<div class=\"box box-overlay 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-cover\" style=\"padding-top:90.25%;\">\n\t\t\t\t\t\t\t<a href=\"https:\/\/habibschools.edu.pk\/hgs\/hgs-pre-primary-section-organized-a-soup-activity\/\" class=\"plain\" aria-label=\"HGS- Pre-Primary Section Organized a Soup Activity\">\n\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1536\" height=\"1024\" src=\"https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2023\/09\/01-1536x1024.jpg\" class=\"attachment-1536x1536 size-1536x1536 wp-post-image\" alt=\"\" srcset=\"https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2023\/09\/01-1536x1024.jpg 1536w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2023\/09\/01-1024x683.jpg 1024w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2023\/09\/01-768x512.jpg 768w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2023\/09\/01-391x260.jpg 391w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2023\/09\/01-150x100.jpg 150w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2023\/09\/01-300x200.jpg 300w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2023\/09\/01.jpg 2048w\" sizes=\"auto, (max-width: 1536px) 100vw, 1536px\" \/>\t\t\t\t\t\t\t<\/a>\n  \t\t\t\t\t\t\t<div class=\"overlay\" style=\"background-color: rgba(0,0,0,.25)\"><\/div>  \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 text-center is-small\" 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\/hgs\/hgs-pre-primary-section-organized-a-soup-activity\/\" class=\"plain\">HGS- Pre-Primary Section Organized a Soup Activity<\/a>\n\t\t\t\t\t<\/h5>\n\t\t\t\t\t\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\tHGS- Pre-Primary Section Organized a Soup Activity\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\t\t\t\t\t\t\t<div class=\"badge absolute top post-date badge-outline\">\n\t\t\t\t\t\t\t<div class=\"badge-inner\">\n\t\t\t\t\t\t\t\t<span class=\"post-date-day\">07<\/span><br>\n\t\t\t\t\t\t\t\t<span class=\"post-date-month is-xsmall\">Sep<\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\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-overlay 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-cover\" style=\"padding-top:90.25%;\">\n\t\t\t\t\t\t\t<a href=\"https:\/\/habibschools.edu.pk\/hgs\/field-trip-paf-museum-primary-section\/\" class=\"plain\" aria-label=\"Field Trip PAF Museum (Primary Section)\">\n\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1536\" height=\"1024\" src=\"https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2023\/09\/IMG_6001-scaled-1-1536x1024.jpg\" class=\"attachment-1536x1536 size-1536x1536 wp-post-image\" alt=\"\" srcset=\"https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2023\/09\/IMG_6001-scaled-1-1536x1024.jpg 1536w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2023\/09\/IMG_6001-scaled-1-1024x683.jpg 1024w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2023\/09\/IMG_6001-scaled-1-768x512.jpg 768w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2023\/09\/IMG_6001-scaled-1-391x260.jpg 391w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2023\/09\/IMG_6001-scaled-1-2048x1366.jpg 2048w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2023\/09\/IMG_6001-scaled-1-150x100.jpg 150w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2023\/09\/IMG_6001-scaled-1-300x200.jpg 300w\" sizes=\"auto, (max-width: 1536px) 100vw, 1536px\" \/>\t\t\t\t\t\t\t<\/a>\n  \t\t\t\t\t\t\t<div class=\"overlay\" style=\"background-color: rgba(0,0,0,.25)\"><\/div>  \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 text-center is-small\" 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\/hgs\/field-trip-paf-museum-primary-section\/\" class=\"plain\">Field Trip PAF Museum (Primary Section)<\/a>\n\t\t\t\t\t<\/h5>\n\t\t\t\t\t\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\tSee more details of Field Trip PAF Museum (Primary Section)\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\t\t\t\t\t\t\t<div class=\"badge absolute top post-date badge-outline\">\n\t\t\t\t\t\t\t<div class=\"badge-inner\">\n\t\t\t\t\t\t\t\t<span class=\"post-date-day\">06<\/span><br>\n\t\t\t\t\t\t\t\t<span class=\"post-date-month is-xsmall\">Sep<\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\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-overlay 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-cover\" style=\"padding-top:90.25%;\">\n\t\t\t\t\t\t\t<a href=\"https:\/\/habibschools.edu.pk\/hgs\/bonfire-fireworks-and-fun-hghss\/\" class=\"plain\" aria-label=\"Admission Open 2023-24 | Class XI\">\n\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1080\" height=\"1080\" src=\"https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2023\/09\/1.jpg\" class=\"attachment-1536x1536 size-1536x1536 wp-post-image\" alt=\"admissions open poster\" srcset=\"https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2023\/09\/1.jpg 1080w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2023\/09\/1-1024x1024.jpg 1024w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2023\/09\/1-768x768.jpg 768w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2023\/09\/1-300x300.jpg 300w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2023\/09\/1-150x150.jpg 150w\" sizes=\"auto, (max-width: 1080px) 100vw, 1080px\" \/>\t\t\t\t\t\t\t<\/a>\n  \t\t\t\t\t\t\t<div class=\"overlay\" style=\"background-color: rgba(0,0,0,.25)\"><\/div>  \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 text-center is-small\" 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\/hgs\/bonfire-fireworks-and-fun-hghss\/\" class=\"plain\">Admission Open 2023-24 | Class XI<\/a>\n\t\t\t\t\t<\/h5>\n\t\t\t\t\t\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\t\t\t\t\t\t\t<div class=\"badge absolute top post-date badge-outline\">\n\t\t\t\t\t\t\t<div class=\"badge-inner\">\n\t\t\t\t\t\t\t\t<span class=\"post-date-day\">07<\/span><br>\n\t\t\t\t\t\t\t\t<span class=\"post-date-month is-xsmall\">Sep<\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\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-overlay 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-cover\" style=\"padding-top:90.25%;\">\n\t\t\t\t\t\t\t<a href=\"https:\/\/habibschools.edu.pk\/hgs\/documents-required-for-admission-2023-24-class-xi\/\" class=\"plain\" aria-label=\"Documents Required For Admission 2023-24 | Class XI\">\n\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1080\" height=\"1080\" src=\"https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2023\/09\/2.jpg\" class=\"attachment-1536x1536 size-1536x1536 wp-post-image\" alt=\"Documents Required Poster HGS\" srcset=\"https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2023\/09\/2.jpg 1080w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2023\/09\/2-1024x1024.jpg 1024w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2023\/09\/2-768x768.jpg 768w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2023\/09\/2-300x300.jpg 300w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2023\/09\/2-150x150.jpg 150w\" sizes=\"auto, (max-width: 1080px) 100vw, 1080px\" \/>\t\t\t\t\t\t\t<\/a>\n  \t\t\t\t\t\t\t<div class=\"overlay\" style=\"background-color: rgba(0,0,0,.25)\"><\/div>  \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 text-center is-small\" 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\/hgs\/documents-required-for-admission-2023-24-class-xi\/\" class=\"plain\">Documents Required For Admission 2023-24 | Class XI<\/a>\n\t\t\t\t\t<\/h5>\n\t\t\t\t\t\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\t\t\t\t\t\t\t<div class=\"badge absolute top post-date badge-outline\">\n\t\t\t\t\t\t\t<div class=\"badge-inner\">\n\t\t\t\t\t\t\t\t<span class=\"post-date-day\">07<\/span><br>\n\t\t\t\t\t\t\t\t<span class=\"post-date-month is-xsmall\">Sep<\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\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-overlay 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-cover\" style=\"padding-top:90.25%;\">\n\t\t\t\t\t\t\t<a href=\"https:\/\/habibschools.edu.pk\/hgs\/admission-open-2023-24-class-xi\/\" class=\"plain\" aria-label=\"Admission Open 2023-24 | Class XI\">\n\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1500\" height=\"750\" src=\"https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2023\/09\/web-banner-naheeel-1.jpg\" class=\"attachment-1536x1536 size-1536x1536 wp-post-image\" alt=\"web banner- admissions open for class 11 2023-2024 at HGS\" srcset=\"https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2023\/09\/web-banner-naheeel-1.jpg 1500w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2023\/09\/web-banner-naheeel-1-1024x512.jpg 1024w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2023\/09\/web-banner-naheeel-1-768x384.jpg 768w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2023\/09\/web-banner-naheeel-1-150x75.jpg 150w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2023\/09\/web-banner-naheeel-1-300x150.jpg 300w\" sizes=\"auto, (max-width: 1500px) 100vw, 1500px\" \/>\t\t\t\t\t\t\t<\/a>\n  \t\t\t\t\t\t\t<div class=\"overlay\" style=\"background-color: rgba(0,0,0,.25)\"><\/div>  \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 text-center is-small\" 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\/hgs\/admission-open-2023-24-class-xi\/\" class=\"plain\">Admission Open 2023-24 | Class XI<\/a>\n\t\t\t\t\t<\/h5>\n\t\t\t\t\t\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\t\t\t\t\t\t\t<div class=\"badge absolute top post-date badge-outline\">\n\t\t\t\t\t\t\t<div class=\"badge-inner\">\n\t\t\t\t\t\t\t\t<span class=\"post-date-day\">07<\/span><br>\n\t\t\t\t\t\t\t\t<span class=\"post-date-month is-xsmall\">Sep<\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\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-overlay 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-cover\" style=\"padding-top:90.25%;\">\n\t\t\t\t\t\t\t<a href=\"https:\/\/habibschools.edu.pk\/hgs\/admissions-for-the-session-2022-23-pre-primary\/\" class=\"plain\" aria-label=\"Admissions for the session 2022 \u2013 23 Pre-Primary\">\n\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1058\" height=\"598\" src=\"https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2023\/09\/Admission-Open-Feature-Image.png\" class=\"attachment-1536x1536 size-1536x1536 wp-post-image\" alt=\"\" srcset=\"https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2023\/09\/Admission-Open-Feature-Image.png 1058w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2023\/09\/Admission-Open-Feature-Image-1024x579.png 1024w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2023\/09\/Admission-Open-Feature-Image-768x434.png 768w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2023\/09\/Admission-Open-Feature-Image-150x85.png 150w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2023\/09\/Admission-Open-Feature-Image-300x170.png 300w\" sizes=\"auto, (max-width: 1058px) 100vw, 1058px\" \/>\t\t\t\t\t\t\t<\/a>\n  \t\t\t\t\t\t\t<div class=\"overlay\" style=\"background-color: rgba(0,0,0,.25)\"><\/div>  \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 text-center is-small\" 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\/hgs\/admissions-for-the-session-2022-23-pre-primary\/\" class=\"plain\">Admissions for the session 2022 \u2013 23 Pre-Primary<\/a>\n\t\t\t\t\t<\/h5>\n\t\t\t\t\t\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\t\t\t\t\t\t\t<div class=\"badge absolute top post-date badge-outline\">\n\t\t\t\t\t\t\t<div class=\"badge-inner\">\n\t\t\t\t\t\t\t\t<span class=\"post-date-day\">07<\/span><br>\n\t\t\t\t\t\t\t\t<span class=\"post-date-month is-xsmall\">Sep<\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\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>\t\t<div class=\"ux-relay__control ux-relay__control--bottom container pb-half text-center\">\n\t\t\t<ul class=\"ux-relay__pagination page-numbers nav-pagination links\"><li><span aria-current=\"page\" class=\"page-number current\">1<\/span><\/li><li><a class=\"page-number\" href=\"#\/page\/2\">2<\/a><\/li><li><a aria-label=\"Next\" class=\"next page-number\" href=\"#\/page\/2\"><i class=\"icon-angle-right\" aria-hidden=\"true\"><\/i><\/a><\/li><\/ul>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n\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_43484840 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section\" id=\"section_2078678997\">\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\"  id=\"row-772881374\">\n\n\n\t<div id=\"col-1101045120\" 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\t<div id=\"text-93393809\" class=\"text\">\n\t\t\n\n<h2>NEWSLETTERS<\/h2>\n\t\t\n<style>\n#text-93393809 {\n  text-align: center;\n  color: #5f0c0c;\n}\n#text-93393809 > * {\n  color: #5f0c0c;\n}\n<\/style>\n\t<\/div>\n\t\n\t<div id=\"gap-990580964\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-990580964 {\n  padding-top: 30px;\n}\n<\/style>\n\t<\/div>\n\t\n\n\n\t\t<div class=\"tabbed-content\">\n\t\t\t\n\t\t\t<ul class=\"nav nav-outline nav-uppercase nav-size-large nav-center\" role=\"tablist\"><li id=\"tab-school-newsletters\" class=\"tab active has-icon\" role=\"presentation\"><a href=\"#tab_school-newsletters\" role=\"tab\" aria-selected=\"true\" aria-controls=\"tab_school-newsletters\"><span>SCHOOL Newsletters<\/span><\/a><\/li>\n<li id=\"tab-alumni-newsletters\" class=\"tab has-icon\" role=\"presentation\"><a href=\"#tab_alumni-newsletters\" tabindex=\"-1\" role=\"tab\" aria-selected=\"false\" aria-controls=\"tab_alumni-newsletters\"><span>ALUMNI Newsletters<\/span><\/a><\/li><\/ul><div class=\"tab-panels\"><div id=\"tab_school-newsletters\" class=\"panel active entry-content\" role=\"tabpanel\" aria-labelledby=\"tab-school-newsletters\">\n\n\n\n<!-- Complete Modern Newsletter Section Component (HGS Brand Palette) -->\n<section class=\"hgs-newsletter-section\">\n  <div class=\"hgs-newsletter-container\">\n    \n    <!-- Left Column: Floating Media Preview Card -->\n    <div class=\"hgs-newsletter-media\">\n      <div class=\"hgs-media-glow\"><\/div>\n      <div class=\"hgs-media-card\">\n        <img decoding=\"async\" src=\"https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2026\/10\/HGS-2.png\" alt=\"School Newsletter May 2026\" class=\"hgs-newsletter-img\" \/>\n        <div class=\"hgs-media-badge\">\n          <span>MAY 2026<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Right Column: Content & Direct Navigation CTA -->\n    <div class=\"hgs-newsletter-content\">\n      <div class=\"hgs-pill-badge\">\n        <span class=\"hgs-badge-dot\"><\/span>\n        <span class=\"hgs-badge-text\">NEWSLETTERS<\/span>\n      <\/div>\n      \n      <h2 class=\"hgs-newsletter-title\">\n        SCHOOL NEWSLETTER <span class=\"hgs-title-highlight\">MAY 2026<\/span>\n      <\/h2>\n      \n      <p class=\"hgs-newsletter-desc\">\n        Learn more about the HGS community, school events, and student achievements.<br><br>\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 Girls\u2019 School!\n      <\/p>\n\n      <!-- Fixed Navigation Anchor Button -->\n      <a href=\"https:\/\/habibschools.edu.pk\/hgs\/school-newsletter-oct-2026\/\" class=\"hgs-newsletter-download-btn\" target=\"_blank\" rel=\"noopener noreferrer\">\n        <span class=\"btn-text\">Download Here<\/span>\n        <span class=\"btn-arrow\">&rarr;<\/span>\n      <\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n\/* ==========================================================================\n   Complete Isolated HGS CSS (No Navy Blue, Pure HGS Palette)\n   ========================================================================== *\/\n\n\/* Section Outer Wrapper *\/\n.hgs-newsletter-section {\n  position: relative;\n  padding: 4.5rem 1.5rem;\n  background: linear-gradient(135deg, #ffffff 0%, #fcf8f8 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.hgs-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.hgs-newsletter-media {\n  position: relative;\n  display: flex;\n  justify-content: center;\n}\n\n.hgs-media-glow {\n  position: absolute;\n  width: 80%;\n  height: 80%;\n  background: rgba(140, 92, 246, 0.2); \/* Purple Soft Glow *\/\n  filter: blur(40px);\n  border-radius: 30px;\n  top: 10%;\n  left: 10%;\n  z-index: 1;\n}\n\n.hgs-media-card {\n  position: relative;\n  z-index: 2;\n  border-radius: 20px;\n  overflow: hidden;\n  box-shadow: 0 20px 40px rgba(95, 12, 12, 0.12);\n  border: 1px solid rgba(255, 177, 0, 0.3);\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.hgs-media-card:hover {\n  transform: translateY(-8px);\n  box-shadow: 0 28px 50px rgba(95, 12, 12, 0.22);\n}\n\n.hgs-newsletter-img {\n  width: 100%;\n  height: auto;\n  display: block;\n  object-fit: cover;\n}\n\n.hgs-media-badge {\n  position: absolute;\n  top: 15px;\n  left: 15px;\n  background: rgba(95, 12, 12, 0.92);\n  backdrop-filter: blur(8px);\n  -webkit-backdrop-filter: blur(8px);\n  color: #ffffff;\n  padding: 0.4rem 0.85rem;\n  border-radius: 10px;\n  font-size: 0.75rem;\n  font-weight: 800;\n  letter-spacing: 0.05em;\n  border: 1px solid #FFB100;\n}\n\n\/* Right Column Content Typography *\/\n.hgs-newsletter-content {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n}\n\n.hgs-pill-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.5rem;\n  background: rgba(78, 190, 245, 0.12); \/* Cyan Soft Tint *\/\n  border: 1.5px solid #4EBEF5;\n  padding: 0.35rem 0.95rem;\n  border-radius: 50px;\n  margin-bottom: 1.2rem;\n}\n\n.hgs-badge-dot {\n  width: 7px;\n  height: 7px;\n  border-radius: 50%;\n  background-color: #148945; \/* Green Dot *\/\n  box-shadow: 0 0 8px #148945;\n}\n\n.hgs-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.hgs-newsletter-title {\n  font-size: clamp(2rem, 3.2vw, 2.7rem);\n  font-weight: 900;\n  line-height: 1.2;\n  color: #5f0c0c; \/* Main Maroon *\/\n  letter-spacing: -0.02em;\n  margin: 0 0 1.2rem 0;\n  text-transform: uppercase;\n}\n\n.hgs-newsletter-title span.hgs-title-highlight {\n  color: #FFB100;\n  background: linear-gradient(180deg, #FFD066 0%, #FFB100 100%);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  display: block;\n}\n\n.hgs-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 *\/\na.hgs-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: 1.5px solid #FFB100 !important;\n  outline: none !important;\n  color: #ffffff !important;\n  font-family: inherit !important;\n  font-size: 0.95rem !important;\n  font-weight: 800 !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.25) !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.hgs-newsletter-download-btn::before,\na.hgs-newsletter-download-btn::after {\n  display: none !important;\n  content: none !important;\n}\n\na.hgs-newsletter-download-btn .btn-text {\n  color: #ffffff !important;\n}\n\na.hgs-newsletter-download-btn .btn-arrow {\n  color: #FFB100 !important;\n  font-size: 1.1rem !important;\n}\n\na.hgs-newsletter-download-btn:hover {\n  background: #8C5CF6 !important;\n  background-image: linear-gradient(135deg, #8C5CF6 0%, #7038e0 100%) !important;\n  border-color: #FFB100 !important;\n  transform: translateY(-3px) !important;\n  box-shadow: 0 14px 28px rgba(140, 92, 246, 0.4) !important;\n  color: #ffffff !important;\n}\n\na.hgs-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  .hgs-newsletter-container {\n    grid-template-columns: 1fr;\n    gap: 2.5rem;\n    text-align: center;\n  }\n  \n  .hgs-newsletter-content {\n    align-items: center;\n  }\n  \n  .hgs-newsletter-title span.hgs-title-highlight {\n    display: inline;\n  }\n}\n<\/style>\n\n<div class=\"row\"  id=\"row-1413636122\">\n\n\n\t<div id=\"col-1638389045\" class=\"col small-12 large-12\"  data-animate=\"fadeInUp\">\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n  \n    <div class=\"row large-columns-3 medium-columns-1 small-columns-1 row-large slider row-slider slider-nav-simple slider-nav-outside\"  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-none 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-out image-cover\" style=\"padding-top:400px;\">\n\t\t\t\t\t\t\t<a href=\"https:\/\/habibschools.edu.pk\/hgs\/school-newsletter-oct-2026\/\" class=\"plain\" aria-label=\"SCHOOL NEWSLETTER OCT 2026\">\n\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"724\" height=\"1024\" src=\"https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-22-at-12.47.46-PM-724x1024.jpeg\" class=\"attachment-medium size-medium wp-post-image\" alt=\"\" srcset=\"https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-22-at-12.47.46-PM-724x1024.jpeg 724w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-22-at-12.47.46-PM-768x1086.jpeg 768w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-22-at-12.47.46-PM-1086x1536.jpeg 1086w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-22-at-12.47.46-PM.jpeg 1131w\" sizes=\"auto, (max-width: 724px) 100vw, 724px\" \/>\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-in text-center\" style=\"background-color:rgb(95, 12, 12);\">\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\/hgs\/school-newsletter-oct-2026\/\" class=\"plain\">SCHOOL NEWSLETTER OCT 2026<\/a>\n\t\t\t\t\t<\/h5>\n\t\t\t\t\t<div class=\"post-meta is-small op-8\">October 23, 2026<\/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-none 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-out image-cover\" style=\"padding-top:400px;\">\n\t\t\t\t\t\t\t<a href=\"https:\/\/habibschools.edu.pk\/hgs\/school-newsletter-aug-and-sep-2026\/\" class=\"plain\" aria-label=\"SCHOOL NEWSLETTER AUG AND SEP 2026\">\n\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"724\" height=\"1024\" src=\"https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2026\/09\/WhatsApp-Image-2026-09-18-at-4.10.53-PM-724x1024.jpeg\" class=\"attachment-medium size-medium wp-post-image\" alt=\"\" srcset=\"https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2026\/09\/WhatsApp-Image-2026-09-18-at-4.10.53-PM-724x1024.jpeg 724w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2026\/09\/WhatsApp-Image-2026-09-18-at-4.10.53-PM-768x1086.jpeg 768w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2026\/09\/WhatsApp-Image-2026-09-18-at-4.10.53-PM-1086x1536.jpeg 1086w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2026\/09\/WhatsApp-Image-2026-09-18-at-4.10.53-PM.jpeg 1131w\" sizes=\"auto, (max-width: 724px) 100vw, 724px\" \/>\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-in text-center\" style=\"background-color:rgb(95, 12, 12);\">\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\/hgs\/school-newsletter-aug-and-sep-2026\/\" class=\"plain\">SCHOOL NEWSLETTER AUG AND SEP 2026<\/a>\n\t\t\t\t\t<\/h5>\n\t\t\t\t\t<div class=\"post-meta is-small op-8\">September 18, 2026<\/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-none 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-out image-cover\" style=\"padding-top:400px;\">\n\t\t\t\t\t\t\t<a href=\"https:\/\/habibschools.edu.pk\/hgs\/school-newsletter-may-2026\/\" class=\"plain\" aria-label=\"SCHOOL NEWSLETTER MAY 2026\">\n\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"724\" height=\"1024\" src=\"https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2026\/05\/Cover-1-724x1024.jpg\" class=\"attachment-medium size-medium wp-post-image\" alt=\"\" srcset=\"https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2026\/05\/Cover-1-724x1024.jpg 724w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2026\/05\/Cover-1-768x1086.jpg 768w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2026\/05\/Cover-1-1087x1536.jpg 1087w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2026\/05\/Cover-1.jpg 1240w\" sizes=\"auto, (max-width: 724px) 100vw, 724px\" \/>\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-in text-center\" style=\"background-color:rgb(95, 12, 12);\">\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\/hgs\/school-newsletter-may-2026\/\" class=\"plain\">SCHOOL NEWSLETTER MAY 2026<\/a>\n\t\t\t\t\t<\/h5>\n\t\t\t\t\t<div class=\"post-meta is-small op-8\">May 23, 2026<\/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-none 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-out image-cover\" style=\"padding-top:400px;\">\n\t\t\t\t\t\t\t<a href=\"https:\/\/habibschools.edu.pk\/hgs\/school-newsletter-april-2026\/\" class=\"plain\" aria-label=\"SCHOOL NEWSLETTER April 2026\">\n\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"724\" height=\"1024\" src=\"https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2026\/04\/Artboard-1.jpg-724x1024.jpeg\" class=\"attachment-medium size-medium wp-post-image\" alt=\"\" srcset=\"https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2026\/04\/Artboard-1.jpg-724x1024.jpeg 724w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2026\/04\/Artboard-1.jpg-768x1086.jpeg 768w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2026\/04\/Artboard-1.jpg-1087x1536.jpeg 1087w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2026\/04\/Artboard-1.jpg.jpeg 1240w\" sizes=\"auto, (max-width: 724px) 100vw, 724px\" \/>\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-in text-center\" style=\"background-color:rgb(95, 12, 12);\">\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\/hgs\/school-newsletter-april-2026\/\" class=\"plain\">SCHOOL NEWSLETTER April 2026<\/a>\n\t\t\t\t\t<\/h5>\n\t\t\t\t\t<div class=\"post-meta is-small op-8\">April 20, 2026<\/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-none 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-out image-cover\" style=\"padding-top:400px;\">\n\t\t\t\t\t\t\t<a href=\"https:\/\/habibschools.edu.pk\/hgs\/school-newsletter-march-2026\/\" class=\"plain\" aria-label=\"SCHOOL NEWSLETTER MARCH 2026\">\n\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"724\" height=\"1024\" src=\"https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2026\/03\/MARCH-HGS_20260319_133014_0000-724x1024.png\" class=\"attachment-medium size-medium wp-post-image\" alt=\"\" srcset=\"https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2026\/03\/MARCH-HGS_20260319_133014_0000-724x1024.png 724w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2026\/03\/MARCH-HGS_20260319_133014_0000-768x1086.png 768w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2026\/03\/MARCH-HGS_20260319_133014_0000-1087x1536.png 1087w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2026\/03\/MARCH-HGS_20260319_133014_0000-1449x2048.png 1449w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2026\/03\/MARCH-HGS_20260319_133014_0000-1320x1866.png 1320w\" sizes=\"auto, (max-width: 724px) 100vw, 724px\" \/>\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-in text-center\" style=\"background-color:rgb(95, 12, 12);\">\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\/hgs\/school-newsletter-march-2026\/\" class=\"plain\">SCHOOL NEWSLETTER MARCH 2026<\/a>\n\t\t\t\t\t<\/h5>\n\t\t\t\t\t<div class=\"post-meta is-small op-8\">March 20, 2026<\/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-none 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-out image-cover\" style=\"padding-top:400px;\">\n\t\t\t\t\t\t\t<a href=\"https:\/\/habibschools.edu.pk\/hgs\/school-newsletter-february-2026\/\" class=\"plain\" aria-label=\"SCHOOL NEWSLETTER FEBRUARY 2026\">\n\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"724\" height=\"1024\" src=\"https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2026\/02\/HGS-Page-724x1024.jpeg\" class=\"attachment-medium size-medium wp-post-image\" alt=\"\" srcset=\"https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2026\/02\/HGS-Page-724x1024.jpeg 724w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2026\/02\/HGS-Page-768x1086.jpeg 768w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2026\/02\/HGS-Page-1086x1536.jpeg 1086w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2026\/02\/HGS-Page.jpeg 1131w\" sizes=\"auto, (max-width: 724px) 100vw, 724px\" \/>\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-in text-center\" style=\"background-color:rgb(95, 12, 12);\">\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\/hgs\/school-newsletter-february-2026\/\" class=\"plain\">SCHOOL NEWSLETTER FEBRUARY 2026<\/a>\n\t\t\t\t\t<\/h5>\n\t\t\t\t\t<div class=\"post-meta is-small op-8\">February 20, 2026<\/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-none 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-out image-cover\" style=\"padding-top:400px;\">\n\t\t\t\t\t\t\t<a href=\"https:\/\/habibschools.edu.pk\/hgs\/school-newsletter-january-2026\/\" class=\"plain\" aria-label=\"SCHOOL NEWSLETTER JANUARY 2026\">\n\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"724\" height=\"1024\" src=\"https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2026\/01\/HGS-Page-724x1024.jpeg\" class=\"attachment-medium size-medium wp-post-image\" alt=\"\" srcset=\"https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2026\/01\/HGS-Page-724x1024.jpeg 724w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2026\/01\/HGS-Page-768x1086.jpeg 768w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2026\/01\/HGS-Page-1086x1536.jpeg 1086w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2026\/01\/HGS-Page.jpeg 1131w\" sizes=\"auto, (max-width: 724px) 100vw, 724px\" \/>\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-in text-center\" style=\"background-color:rgb(95, 12, 12);\">\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\/hgs\/school-newsletter-january-2026\/\" class=\"plain\">SCHOOL NEWSLETTER JANUARY 2026<\/a>\n\t\t\t\t\t<\/h5>\n\t\t\t\t\t<div class=\"post-meta is-small op-8\">January 23, 2026<\/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-none 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-out image-cover\" style=\"padding-top:400px;\">\n\t\t\t\t\t\t\t<a href=\"https:\/\/habibschools.edu.pk\/hgs\/school-newsletter-december-2025\/\" class=\"plain\" aria-label=\"SCHOOL NEWSLETTER DECEMBER 2025\">\n\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"724\" height=\"1024\" src=\"https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2025\/12\/HGS-DECEMBER-NEWSLETTER-COVER-724x1024.png\" class=\"attachment-medium size-medium wp-post-image\" alt=\"\" srcset=\"https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2025\/12\/HGS-DECEMBER-NEWSLETTER-COVER-724x1024.png 724w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2025\/12\/HGS-DECEMBER-NEWSLETTER-COVER-768x1086.png 768w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2025\/12\/HGS-DECEMBER-NEWSLETTER-COVER-1087x1536.png 1087w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2025\/12\/HGS-DECEMBER-NEWSLETTER-COVER.png 1240w\" sizes=\"auto, (max-width: 724px) 100vw, 724px\" \/>\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-in text-center\" style=\"background-color:rgb(95, 12, 12);\">\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\/hgs\/school-newsletter-december-2025\/\" class=\"plain\">SCHOOL NEWSLETTER DECEMBER 2025<\/a>\n\t\t\t\t\t<\/h5>\n\t\t\t\t\t<div class=\"post-meta is-small op-8\">December 20, 2025<\/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>\n\n<div class=\"row row-full-width align-center\"  id=\"row-1822027288\">\n\n\n\t<div id=\"col-1303747828\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner text-right\"  >\n\t\t\t\n\t\t\t\n\n\n\n<!-- VIEW NEWSLETTERS BUTTON -->\n<div class=\"hps-newsletter-btn-wrapper\">\n  <a href=\"https:\/\/habibschools.edu.pk\/hgs\/community-all\/newsletter\/\" class=\"hps-view-newsletters-btn\">\n    <span>View<\/span> NEWSLETTERS &rarr;\n  <\/a>\n<\/div>\n\n<style>\n\/* Button Wrapper *\/\n.hps-newsletter-btn-wrapper {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 1.5rem 0;\n  width: 100%;\n}\n\n\/* Main Button Style *\/\n.hps-view-newsletters-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 0.5rem;\n  background-color: #5f0c0c;\n  color: #ffffff;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n  font-size: 0.95rem;\n  font-weight: 800;\n  letter-spacing: 0.05em;\n  text-transform: uppercase;\n  text-decoration: none;\n  padding: 0.85rem 2rem;\n  border-radius: 8px;\n  border: 1px solid #5f0c0c;\n  box-shadow: 0 4px 14px rgba(95, 12, 12, 0.25);\n  transition: all 0.25s ease;\n  box-sizing: border-box;\n}\n\n.hps-view-newsletters-btn span {\n  font-weight: 400;\n  opacity: 0.9;\n}\n\n\/* Hover Effect *\/\n.hps-view-newsletters-btn:hover {\n  background-color: #05354A;\n  border-color: #05354A;\n  color: #ffffff;\n  box-shadow: 0 6px 20px rgba(5, 53, 74, 0.3);\n}\n\n\/* Mobile Responsive *\/\n@media (max-width: 576px) {\n  .hps-view-newsletters-btn {\n    width: 100%;\n    padding: 0.85rem 1rem;\n    font-size: 0.88rem;\n  }\n}\n<\/style>\n\n\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-1303747828 > .col-inner {\n  padding: 0px 0px 0px 0px;\n}\n<\/style>\n\t<\/div>\n\n\t\n\n<\/div>\n\t<div id=\"gap-1247574531\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1247574531 {\n  padding-top: 20px;\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<\/div>\n<div id=\"tab_alumni-newsletters\" class=\"panel entry-content\" role=\"tabpanel\" aria-labelledby=\"tab-alumni-newsletters\">\n\n<div class=\"row\"  id=\"row-373067535\">\n\n\n\t<div id=\"col-1476342439\" class=\"col small-12 large-12\"  data-animate=\"fadeInUp\">\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n\n<!-- Complete Modern Alumni Newsletter Section Component (HGS Palette) -->\n<section class=\"hgs-alumni-newsletter-section\">\n  <div class=\"hgs-alumni-newsletter-container\">\n\n    <!-- Left Column: Content & CTA -->\n    <div class=\"hgs-alumni-newsletter-content\">\n      <div class=\"hgs-pill-badge\">\n        <span class=\"hgs-badge-dot\"><\/span>\n        <span class=\"hgs-badge-text\">ALUMNI NEWSLETTERS<\/span>\n      <\/div>\n      \n      <h2 class=\"hgs-alumni-newsletter-title\">\n        ALUMNI NEWSLETTER <span class=\"hgs-title-highlight\">AUGUST &amp; SEPTEMBER 2026<\/span>\n      <\/h2>\n      \n      <p class=\"hgs-alumni-newsletter-desc\">\n        Check out our latest Alumni Newsletter, featuring updates, achievements, and exciting events from across our school community. Stay informed and connected with everything happening at Habib Girls\u2019 School!\n      <\/p>\n\n      <!-- CTA Button -->\n      <a href=\"https:\/\/habibschools.edu.pk\/hgs\/hgs-alumni-newsletter-august-september-2026\/\" class=\"hgs-alumni-download-btn\" target=\"_blank\" rel=\"noopener noreferrer\">\n        <span class=\"btn-text\">View Alumni Newsletters<\/span>\n        <span class=\"btn-arrow\">&rarr;<\/span>\n      <\/a>\n    <\/div>\n\n    <!-- Right Column: Image Card -->\n    <div class=\"hgs-alumni-newsletter-media\">\n      <div class=\"hgs-media-glow\"><\/div>\n      <div class=\"hgs-media-card\">\n        <img decoding=\"async\" src=\"https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2026\/09\/HGS-1024x1024.png\" alt=\"Alumni Newsletter Aug-Sep 2026\" class=\"hgs-alumni-newsletter-img\" \/>\n        <div class=\"hgs-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 HGS CSS (No Navy Blue, Pure HGS Palette)\n   ========================================================================== *\/\n\n\/* Section Outer Wrapper *\/\n.hgs-alumni-newsletter-section {\n  position: relative;\n  padding: 4.5rem 1.5rem;\n  background: linear-gradient(135deg, #ffffff 0%, #fcf8f8 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.hgs-alumni-newsletter-container {\n  max-width: 1140px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: 1.2fr 1fr;\n  gap: 3.5rem;\n  align-items: center;\n}\n\n\/* Left Column Content Typography *\/\n.hgs-alumni-newsletter-content {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n}\n\n.hgs-pill-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.5rem;\n  background: rgba(78, 190, 245, 0.12); \/* Cyan Soft Tint *\/\n  border: 1.5px solid #4EBEF5;\n  padding: 0.35rem 0.95rem;\n  border-radius: 50px;\n  margin-bottom: 1.2rem;\n}\n\n.hgs-badge-dot {\n  width: 7px;\n  height: 7px;\n  border-radius: 50%;\n  background-color: #148945; \/* Green Accent *\/\n  box-shadow: 0 0 8px #148945;\n}\n\n.hgs-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.hgs-alumni-newsletter-title {\n  font-size: clamp(2rem, 3.2vw, 2.7rem);\n  font-weight: 900;\n  line-height: 1.2;\n  color: #5f0c0c; \/* Main Maroon *\/\n  letter-spacing: -0.02em;\n  margin: 0 0 1.2rem 0;\n  text-transform: uppercase;\n}\n\n.hgs-alumni-newsletter-title span.hgs-title-highlight {\n  color: #FFB100;\n  background: linear-gradient(180deg, #FFD066 0%, #FFB100 100%);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  display: block;\n}\n\n.hgs-alumni-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 *\/\na.hgs-alumni-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: 1.5px solid #FFB100 !important;\n  outline: none !important;\n  color: #ffffff !important;\n  font-family: inherit !important;\n  font-size: 0.95rem !important;\n  font-weight: 800 !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.25) !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.hgs-alumni-download-btn::before,\na.hgs-alumni-download-btn::after {\n  display: none !important;\n  content: none !important;\n}\n\na.hgs-alumni-download-btn .btn-text {\n  color: #ffffff !important;\n}\n\na.hgs-alumni-download-btn .btn-arrow {\n  color: #FFB100 !important;\n  font-size: 1.1rem !important;\n}\n\na.hgs-alumni-download-btn:hover {\n  background: #8C5CF6 !important;\n  background-image: linear-gradient(135deg, #8C5CF6 0%, #7038e0 100%) !important;\n  border-color: #FFB100 !important;\n  transform: translateY(-3px) !important;\n  box-shadow: 0 14px 28px rgba(140, 92, 246, 0.4) !important;\n  color: #ffffff !important;\n}\n\na.hgs-alumni-download-btn:active {\n  transform: translateY(-1px) !important;\n  box-shadow: 0 6px 14px rgba(95, 12, 12, 0.3) !important;\n}\n\n\/* Right Column - Image Card & Glow Effect *\/\n.hgs-alumni-newsletter-media {\n  position: relative;\n  display: flex;\n  justify-content: center;\n}\n\n.hgs-media-glow {\n  position: absolute;\n  width: 80%;\n  height: 80%;\n  background: rgba(140, 92, 246, 0.2); \/* Purple Glow *\/\n  filter: blur(40px);\n  border-radius: 30px;\n  top: 10%;\n  left: 10%;\n  z-index: 1;\n}\n\n.hgs-media-card {\n  position: relative;\n  z-index: 2;\n  border-radius: 20px;\n  overflow: hidden;\n  box-shadow: 0 20px 40px rgba(95, 12, 12, 0.12);\n  border: 1px solid rgba(255, 177, 0, 0.3);\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.hgs-media-card:hover {\n  transform: translateY(-8px);\n  box-shadow: 0 28px 50px rgba(95, 12, 12, 0.22);\n}\n\n.hgs-alumni-newsletter-img {\n  width: 100%;\n  height: auto;\n  display: block;\n  object-fit: cover;\n}\n\n.hgs-media-badge {\n  position: absolute;\n  top: 15px;\n  left: 15px;\n  background: rgba(95, 12, 12, 0.92);\n  backdrop-filter: blur(8px);\n  -webkit-backdrop-filter: blur(8px);\n  color: #ffffff;\n  padding: 0.4rem 0.85rem;\n  border-radius: 10px;\n  font-size: 0.75rem;\n  font-weight: 800;\n  letter-spacing: 0.05em;\n  border: 1px solid #FFB100;\n}\n\n\/* Responsive Styles *\/\n@media (max-width: 900px) {\n  .hgs-alumni-newsletter-container {\n    grid-template-columns: 1fr;\n    gap: 2.5rem;\n    text-align: center;\n  }\n  \n  .hgs-alumni-newsletter-content {\n    align-items: center;\n  }\n  \n  .hgs-alumni-newsletter-title span.hgs-title-highlight {\n    display: inline;\n  }\n\n  .hgs-alumni-newsletter-media {\n    order: -1;\n  }\n}\n<\/style>\n\n\n  \n    <div class=\"row large-columns-3 medium-columns-1 small-columns-1 row-large slider row-slider slider-nav-simple slider-nav-outside\"  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-none 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-out image-cover\" style=\"padding-top:400px;\">\n\t\t\t\t\t\t\t<a href=\"https:\/\/habibschools.edu.pk\/hgs\/hgs-alumni-newsletter-august-september-2026\/\" class=\"plain\" aria-label=\"HGS Alumni Newsletter August September 2026\">\n\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"724\" height=\"1024\" src=\"https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2026\/09\/cover-2-724x1024.png\" class=\"attachment-medium size-medium wp-post-image\" alt=\"\" srcset=\"https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2026\/09\/cover-2-724x1024.png 724w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2026\/09\/cover-2-768x1086.png 768w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2026\/09\/cover-2-1086x1536.png 1086w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2026\/09\/cover-2-1320x1867.png 1320w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2026\/09\/cover-2.png 1414w\" sizes=\"auto, (max-width: 724px) 100vw, 724px\" \/>\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-in text-center\" style=\"background-color:rgb(95, 12, 12);\">\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\/hgs\/hgs-alumni-newsletter-august-september-2026\/\" class=\"plain\">HGS Alumni Newsletter August September 2026<\/a>\n\t\t\t\t\t<\/h5>\n\t\t\t\t\t<div class=\"post-meta is-small op-8\">September 25, 2026<\/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-none 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-out image-cover\" style=\"padding-top:400px;\">\n\t\t\t\t\t\t\t<a href=\"https:\/\/habibschools.edu.pk\/hgs\/school-alumni-newsletter-march-2026\/\" class=\"plain\" aria-label=\"SCHOOL ALUMNI NEWSLETTER MARCH 2026\">\n\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"724\" height=\"1024\" src=\"https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2026\/05\/cover-724x1024.png\" class=\"attachment-medium size-medium wp-post-image\" alt=\"\" srcset=\"https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2026\/05\/cover-724x1024.png 724w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2026\/05\/cover-768x1086.png 768w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2026\/05\/cover-1086x1536.png 1086w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2026\/05\/cover-1320x1867.png 1320w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2026\/05\/cover.png 1414w\" sizes=\"auto, (max-width: 724px) 100vw, 724px\" \/>\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-in text-center\" style=\"background-color:rgb(95, 12, 12);\">\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\/hgs\/school-alumni-newsletter-march-2026\/\" class=\"plain\">SCHOOL ALUMNI NEWSLETTER MARCH 2026<\/a>\n\t\t\t\t\t<\/h5>\n\t\t\t\t\t<div class=\"post-meta is-small op-8\">May 2, 2026<\/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-none 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-out image-cover\" style=\"padding-top:400px;\">\n\t\t\t\t\t\t\t<a href=\"https:\/\/habibschools.edu.pk\/hgs\/alumni-newsletter-jan-feb-2026\/\" class=\"plain\" aria-label=\"Alumni Newsletter Jan \/ Feb 2026\">\n\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"724\" height=\"1024\" src=\"https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2026\/02\/cover-724x1024.png\" class=\"attachment-medium size-medium wp-post-image\" alt=\"\" srcset=\"https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2026\/02\/cover-724x1024.png 724w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2026\/02\/cover-768x1086.png 768w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2026\/02\/cover-1086x1536.png 1086w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2026\/02\/cover-1320x1867.png 1320w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2026\/02\/cover.png 1414w\" sizes=\"auto, (max-width: 724px) 100vw, 724px\" \/>\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-in text-center\" style=\"background-color:rgb(95, 12, 12);\">\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\/hgs\/alumni-newsletter-jan-feb-2026\/\" class=\"plain\">Alumni Newsletter Jan \/ Feb 2026<\/a>\n\t\t\t\t\t<\/h5>\n\t\t\t\t\t<div class=\"post-meta is-small op-8\">February 27, 2026<\/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-none 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-out image-cover\" style=\"padding-top:400px;\">\n\t\t\t\t\t\t\t<a href=\"https:\/\/habibschools.edu.pk\/hgs\/alumni-newsletter-dec-2025\/\" class=\"plain\" aria-label=\"Alumni Newsletter Dec 2025\">\n\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"724\" height=\"1024\" src=\"https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2025\/12\/cover-724x1024.png\" class=\"attachment-medium size-medium wp-post-image\" alt=\"\" srcset=\"https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2025\/12\/cover-724x1024.png 724w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2025\/12\/cover-768x1086.png 768w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2025\/12\/cover-1086x1536.png 1086w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2025\/12\/cover-1320x1867.png 1320w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2025\/12\/cover.png 1414w\" sizes=\"auto, (max-width: 724px) 100vw, 724px\" \/>\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-in text-center\" style=\"background-color:rgb(95, 12, 12);\">\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\/hgs\/alumni-newsletter-dec-2025\/\" class=\"plain\">Alumni Newsletter Dec 2025<\/a>\n\t\t\t\t\t<\/h5>\n\t\t\t\t\t<div class=\"post-meta is-small op-8\">December 26, 2025<\/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-none 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-out image-cover\" style=\"padding-top:400px;\">\n\t\t\t\t\t\t\t<a href=\"https:\/\/habibschools.edu.pk\/hgs\/alumni-newsletter-oct-2025\/\" class=\"plain\" aria-label=\"Alumni Newsletter Oct 2025\">\n\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"724\" height=\"1024\" src=\"https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2025\/11\/HGS-alumni-newsletter-cover-page-724x1024.jpg\" class=\"attachment-medium size-medium wp-post-image\" alt=\"\" srcset=\"https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2025\/11\/HGS-alumni-newsletter-cover-page-724x1024.jpg 724w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2025\/11\/HGS-alumni-newsletter-cover-page-768x1086.jpg 768w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2025\/11\/HGS-alumni-newsletter-cover-page-1086x1536.jpg 1086w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2025\/11\/HGS-alumni-newsletter-cover-page-1320x1867.jpg 1320w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2025\/11\/HGS-alumni-newsletter-cover-page.jpg 1414w\" sizes=\"auto, (max-width: 724px) 100vw, 724px\" \/>\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-in text-center\" style=\"background-color:rgb(95, 12, 12);\">\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\/hgs\/alumni-newsletter-oct-2025\/\" class=\"plain\">Alumni Newsletter Oct 2025<\/a>\n\t\t\t\t\t<\/h5>\n\t\t\t\t\t<div class=\"post-meta is-small op-8\">November 3, 2025<\/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-none 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-out image-cover\" style=\"padding-top:400px;\">\n\t\t\t\t\t\t\t<a href=\"https:\/\/habibschools.edu.pk\/hgs\/alumni-newsletter-may-2025\/\" class=\"plain\" aria-label=\"Alumni Newsletter May 2025\">\n\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"724\" height=\"1024\" src=\"https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2025\/05\/Cover-724x1024.jpg\" class=\"attachment-medium size-medium wp-post-image\" alt=\"\" srcset=\"https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2025\/05\/Cover-724x1024.jpg 724w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2025\/05\/Cover-768x1086.jpg 768w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2025\/05\/Cover-1086x1536.jpg 1086w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2025\/05\/Cover.jpg 1414w\" sizes=\"auto, (max-width: 724px) 100vw, 724px\" \/>\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-in text-center\" style=\"background-color:rgb(95, 12, 12);\">\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\/hgs\/alumni-newsletter-may-2025\/\" class=\"plain\">Alumni Newsletter May 2025<\/a>\n\t\t\t\t\t<\/h5>\n\t\t\t\t\t<div class=\"post-meta is-small op-8\">May 22, 2025<\/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-none 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-out image-cover\" style=\"padding-top:400px;\">\n\t\t\t\t\t\t\t<a href=\"https:\/\/habibschools.edu.pk\/hgs\/alumni-newsletter-april-2025\/\" class=\"plain\" aria-label=\"Alumni Newsletter April 2025\">\n\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"724\" height=\"1024\" src=\"https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2025\/04\/Alumni-Newsletter-HGS-April-Issue-Cover-724x1024.jpg\" class=\"attachment-medium size-medium wp-post-image\" alt=\"\" srcset=\"https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2025\/04\/Alumni-Newsletter-HGS-April-Issue-Cover-724x1024.jpg 724w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2025\/04\/Alumni-Newsletter-HGS-April-Issue-Cover-768x1086.jpg 768w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2025\/04\/Alumni-Newsletter-HGS-April-Issue-Cover-1086x1536.jpg 1086w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2025\/04\/Alumni-Newsletter-HGS-April-Issue-Cover.jpg 1414w\" sizes=\"auto, (max-width: 724px) 100vw, 724px\" \/>\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-in text-center\" style=\"background-color:rgb(95, 12, 12);\">\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\/hgs\/alumni-newsletter-april-2025\/\" class=\"plain\">Alumni Newsletter April 2025<\/a>\n\t\t\t\t\t<\/h5>\n\t\t\t\t\t<div class=\"post-meta is-small op-8\">April 25, 2025<\/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-none 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-out image-cover\" style=\"padding-top:400px;\">\n\t\t\t\t\t\t\t<a href=\"https:\/\/habibschools.edu.pk\/hgs\/alumni-newsletter-march-2025\/\" class=\"plain\" aria-label=\"Alumni Newsletter March 2025\">\n\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"724\" height=\"1024\" src=\"https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2025\/03\/WhatsApp-Image-2025-03-26-at-13.03.44_0903ab38-724x1024.jpg\" class=\"attachment-medium size-medium wp-post-image\" alt=\"\" srcset=\"https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2025\/03\/WhatsApp-Image-2025-03-26-at-13.03.44_0903ab38-724x1024.jpg 724w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2025\/03\/WhatsApp-Image-2025-03-26-at-13.03.44_0903ab38-768x1086.jpg 768w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2025\/03\/WhatsApp-Image-2025-03-26-at-13.03.44_0903ab38-1086x1536.jpg 1086w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2025\/03\/WhatsApp-Image-2025-03-26-at-13.03.44_0903ab38.jpg 1131w\" sizes=\"auto, (max-width: 724px) 100vw, 724px\" \/>\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-in text-center\" style=\"background-color:rgb(95, 12, 12);\">\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\/hgs\/alumni-newsletter-march-2025\/\" class=\"plain\">Alumni Newsletter March 2025<\/a>\n\t\t\t\t\t<\/h5>\n\t\t\t\t\t<div class=\"post-meta is-small op-8\">March 26, 2025<\/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>\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n<div class=\"row row-full-width align-center\"  id=\"row-1426094981\">\n\n\n\t<div id=\"col-1452614158\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner text-right\"  >\n\t\t\t\n\t\t\t\n\n\t\t<div class=\"Recent-newsletters\">\n\t\t\t\t\n\n<!-- VIEW NEWSLETTERS BUTTON -->\n<div class=\"hps-newsletter-btn-wrapper\">\n  <a href=\"https:\/\/habibschools.edu.pk\/hgs\/community-all\/newsletter\/\" class=\"hps-view-newsletters-btn\">\n    <span>View<\/span>ALUMNI NEWSLETTERS &rarr;\n  <\/a>\n<\/div>\n\n<style>\n\/* Button Wrapper *\/\n.hps-newsletter-btn-wrapper {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 1.5rem 0;\n  width: 100%;\n}\n\n\/* Main Button Style *\/\n.hps-view-newsletters-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 0.5rem;\n  background-color: #5f0c0c;\n  color: #ffffff;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n  font-size: 0.95rem;\n  font-weight: 800;\n  letter-spacing: 0.05em;\n  text-transform: uppercase;\n  text-decoration: none;\n  padding: 0.85rem 2rem;\n  border-radius: 8px;\n  border: 1px solid #5f0c0c;\n  box-shadow: 0 4px 14px rgba(95, 12, 12, 0.25);\n  transition: all 0.25s ease;\n  box-sizing: border-box;\n}\n\n.hps-view-newsletters-btn span {\n  font-weight: 400;\n  opacity: 0.9;\n}\n\n\/* Hover Effect *\/\n.hps-view-newsletters-btn:hover {\n  background-color: #05354A;\n  border-color: #05354A;\n  color: #ffffff;\n  box-shadow: 0 6px 20px rgba(5, 53, 74, 0.3);\n}\n\n\/* Mobile Responsive *\/\n@media (max-width: 576px) {\n  .hps-view-newsletters-btn {\n    width: 100%;\n    padding: 0.85rem 1rem;\n    font-size: 0.88rem;\n  }\n}\n<\/style>\n\t\t<\/div>\n\t\n\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-1452614158 > .col-inner {\n  padding: 0px 0px 0px 0px;\n}\n@media (min-width:550px) {\n  #col-1452614158 > .col-inner {\n    padding: 0px 0px 0px 0px;\n  }\n}\n<\/style>\n\t<\/div>\n\n\t\n\n<\/div>\n\n<\/div><\/div><\/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_2078678997 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n}\n<\/style>\n\t<\/section>\n\t\n<div class=\"row\"  id=\"row-2020192640\">\n\n\n\t<div id=\"col-680239001\" 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\t\t<div class=\"hidden\">\n\t\t\t\t\n\n\n\n[hgs_chatbot]\n\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\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-18231","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/habibschools.edu.pk\/hgs\/wp-json\/wp\/v2\/pages\/18231","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/habibschools.edu.pk\/hgs\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/habibschools.edu.pk\/hgs\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/habibschools.edu.pk\/hgs\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/habibschools.edu.pk\/hgs\/wp-json\/wp\/v2\/comments?post=18231"}],"version-history":[{"count":24,"href":"https:\/\/habibschools.edu.pk\/hgs\/wp-json\/wp\/v2\/pages\/18231\/revisions"}],"predecessor-version":[{"id":20026,"href":"https:\/\/habibschools.edu.pk\/hgs\/wp-json\/wp\/v2\/pages\/18231\/revisions\/20026"}],"wp:attachment":[{"href":"https:\/\/habibschools.edu.pk\/hgs\/wp-json\/wp\/v2\/media?parent=18231"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}