{"id":18433,"date":"2026-10-15T01:13:46","date_gmt":"2026-10-15T01:13:46","guid":{"rendered":"https:\/\/habibschools.edu.pk\/hgs\/?page_id=18433"},"modified":"2026-10-17T05:06:12","modified_gmt":"2026-10-17T05:06:12","slug":"sports","status":"publish","type":"page","link":"https:\/\/habibschools.edu.pk\/hgs\/sports\/","title":{"rendered":"Sports"},"content":{"rendered":"\n\n\n\t<section class=\"section\" id=\"section_1730377755\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n\n\n<!-- Modern Simple Top Banner (HGS Sports - Exact Design Layout) -->\n<div class=\"hgs-simple-hero\">\n  <!-- Background Image Layer -->\n  <div class=\"hgs-hero-bg\" style=\"background-image: url('https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2024\/10\/Hero-4-scaled.jpg');\"><\/div>\n  \n  <!-- Smooth Gradient Overlay -->\n  <div class=\"hgs-hero-overlay\"><\/div>\n\n  <!-- Banner Content -->\n  <div class=\"hgs-hero-content-wrapper\">\n    <div class=\"hgs-hero-content\">\n      <div class=\"hgs-pill-badge\">\n        <span class=\"badge-dot\"><\/span>\n        <span class=\"badge-text\">SPORTS &amp; ATHLETICS<\/span>\n      <\/div>\n\n      <h1 class=\"hgs-hero-title\">\n        Sports at <span class=\"highlight-gold\">HGS<\/span>\n      <\/h1>\n\n      <p class=\"hgs-hero-subtext\">\n        Nurturing athletic excellence, teamwork, and lifelong discipline. Through competitive sports and active engagement, we empower our young girls to build physical resilience, leadership qualities, and unwavering self-confidence.\n      <\/p>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n\/* Design System Tokens (HGS Purple & Gold Palette) *\/\n:root {\n  --hgs-maroon: #5f0c0c;\n  --hgs-purple: #8C5CF6;\n  --hgs-gold: #FFB100;\n  --hgs-base: #FFFFFF;\n}\n\n\/* Banner Outer Wrapper - Fixed Alignment & Responsiveness *\/\n.hgs-simple-hero {\n  position: relative;\n  width: 100%;\n  min-height: 480px;\n  height: 55vh;\n  max-height: 600px;\n  border-radius: 0 !important;\n  overflow: hidden;\n  display: flex;\n  align-items: flex-end;\n  box-shadow: none;\n  border: none;\n  box-sizing: border-box;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n}\n\n\/* Background Image Layer *\/\n.hgs-hero-bg {\n  position: absolute;\n  inset: 0;\n  background-size: cover;\n  background-position: center bottom;\n  background-repeat: no-repeat;\n  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.hgs-simple-hero:hover .hgs-hero-bg {\n  transform: scale(1.02);\n}\n\n\/* Gradient Overlay - Purple & Maroon Tone *\/\n.hgs-hero-overlay {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(\n    135deg,\n    rgba(140, 92, 246, 0.45) 0%,\n    rgba(95, 12, 12, 0.70) 55%,\n    rgba(10, 10, 15, 0.90) 100%\n  );\n  z-index: 1;\n}\n\n\/* Content Container Alignment *\/\n.hgs-hero-content-wrapper {\n  position: relative;\n  z-index: 2;\n  width: 100%;\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 3rem 2rem;\n  box-sizing: border-box;\n}\n\n.hgs-hero-content {\n  max-width: 780px;\n}\n\n\/* Pill Tag Badge *\/\n.hgs-pill-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.5rem;\n  background: rgba(255, 177, 0, 0.15);\n  border: 1.5px solid var(--hgs-gold);\n  backdrop-filter: blur(8px);\n  -webkit-backdrop-filter: blur(8px);\n  padding: 0.35rem 1.1rem;\n  border-radius: 30px;\n  margin-bottom: 0.85rem;\n  box-shadow: 0 0 12px rgba(255, 177, 0, 0.2);\n}\n\n.badge-dot {\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: var(--hgs-gold);\n  box-shadow: 0 0 8px var(--hgs-gold);\n}\n\n.badge-text {\n  font-size: 0.75rem;\n  font-weight: 800;\n  letter-spacing: 0.1em;\n  color: var(--hgs-gold);\n  text-transform: uppercase;\n}\n\n\/* Title Hierarchy *\/\n.hgs-hero-title {\n  font-size: clamp(2.2rem, 4vw, 3.4rem);\n  font-weight: 900;\n  color: #FFFFFF;\n  line-height: 1.15;\n  margin: 0 0 0.65rem 0;\n  letter-spacing: -0.02em;\n  text-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);\n}\n\n.highlight-gold {\n  color: var(--hgs-gold);\n  background: linear-gradient(180deg, #FFD066 0%, #FFB100 100%);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  display: inline-block;\n}\n\n\/* Subtext Paragraph *\/\n.hgs-hero-subtext {\n  font-size: clamp(0.95rem, 1.4vw, 1.1rem);\n  line-height: 1.6;\n  color: rgba(255, 255, 255, 0.92);\n  margin: 0;\n  max-width: 680px;\n  font-weight: 400;\n  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);\n}\n\n\/* Responsive Breakpoints *\/\n@media (max-width: 900px) {\n  .hgs-simple-hero {\n    min-height: 400px;\n    height: 45vh;\n  }\n}\n\n@media (max-width: 768px) {\n  .hgs-simple-hero {\n    min-height: 350px;\n    height: auto;\n  }\n\n  .hgs-hero-content-wrapper {\n    padding: 2rem 1.25rem;\n  }\n}\n\n@media (max-width: 480px) {\n  .hgs-simple-hero {\n    min-height: 320px;\n  }\n\n  .hgs-hero-content-wrapper {\n    padding: 1.5rem 1rem;\n  }\n\n  .hgs-pill-badge {\n    padding: 0.25rem 0.65rem;\n    margin-bottom: 0.5rem;\n  }\n\n  .badge-text {\n    font-size: 0.68rem;\n  }\n}\n<\/style>\n\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1730377755 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section\" id=\"section_2041761866\">\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<!-- SPLIT FEATURE SECTION (HGS SPORTS - OUR APPROACH) -->\n<div class=\"hgs-split-card-wrapper\">\n  <style>\n    .hgs-split-card-wrapper {\n      max-width: 1000px;\n      margin: 20px auto;\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 20px;\n      align-items: stretch;\n      font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n      box-sizing: border-box;\n    }\n\n    \/* LEFT CONTENT CARD *\/\n    .hgs-content-card {\n      background: #FFFFFF;\n      border-radius: 16px;\n      padding: 32px;\n      border-top: 4px solid #8C5CF6; \/* Purple Top Border Accent *\/\n      border-left: 1px solid #E2E8F0;\n      border-right: 1px solid #E2E8F0;\n      border-bottom: 1px solid #E2E8F0;\n      box-shadow: 0 4px 20px rgba(95, 12, 12, 0.06);\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n    }\n\n    \/* CYAN BADGE *\/\n    .hgs-badge-cyan {\n      align-self: flex-start;\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n      padding: 4px 14px;\n      background: rgba(78, 190, 245, 0.12);\n      border: 1px solid rgba(78, 190, 245, 0.4);\n      border-radius: 50px;\n      color: #5f0c0c;\n      font-size: 11px;\n      font-weight: 800;\n      letter-spacing: 0.8px;\n      text-transform: uppercase;\n      margin-bottom: 16px;\n    }\n\n    .hgs-badge-cyan .dot {\n      width: 6px;\n      height: 6px;\n      border-radius: 50%;\n      background-color: #148945; \/* Green Accent *\/\n    }\n\n    \/* HEADING WITH DUAL-COLOR ACCENT *\/\n    .hgs-card-title {\n      font-size: 32px;\n      font-weight: 800;\n      color: #5f0c0c; \/* Main Dark Maroon *\/\n      margin: 0 0 16px 0;\n      line-height: 1.2;\n    }\n\n    .hgs-card-title span.highlight {\n      color: #FFB100; \/* Gold Highlight *\/\n    }\n\n    \/* BODY TEXT *\/\n    .hgs-card-text {\n      font-size: 13.5px;\n      line-height: 1.7;\n      color: #475569;\n      margin: 0 0 12px 0;\n    }\n\n    \/* RIGHT MEDIA CARD WITH BOTTOM OVERLAY *\/\n    .hgs-media-card {\n      position: relative;\n      border-radius: 16px;\n      overflow: hidden;\n      background: #CBD5E1;\n      min-height: 380px;\n      box-shadow: 0 4px 20px rgba(95, 12, 12, 0.08);\n      display: flex;\n      flex-direction: column;\n      justify-content: flex-end;\n    }\n\n    .hgs-media-img {\n      position: absolute;\n      inset: 0;\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n    }\n\n    \/* BOTTOM FLOATING STAT OVERLAY *\/\n    .hgs-media-overlay {\n      position: relative;\n      z-index: 2;\n      background: linear-gradient(to top, rgba(95, 12, 12, 0.85) 0%, rgba(140, 92, 246, 0.4) 70%, transparent 100%);\n      padding: 20px;\n    }\n\n    .hgs-stat-chip {\n      background: #FFFFFF;\n      border-radius: 10px;\n      padding: 12px 18px;\n      display: inline-block;\n      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);\n      border-left: 4px solid #FFB100;\n    }\n\n    .hgs-stat-number {\n      font-size: 18px;\n      font-weight: 800;\n      color: #5f0c0c;\n      margin: 0;\n      line-height: 1;\n    }\n\n    .hgs-stat-label {\n      font-size: 10px;\n      font-weight: 800;\n      color: #8C5CF6; \/* Purple Secondary *\/\n      text-transform: uppercase;\n      letter-spacing: 0.6px;\n      margin-top: 4px;\n    }\n\n    \/* RESPONSIVE DESIGN *\/\n    @media (max-width: 768px) {\n      .hgs-split-card-wrapper {\n        grid-template-columns: 1fr;\n      }\n      .hgs-media-card {\n        min-height: 280px;\n      }\n    }\n  <\/style>\n\n  <!-- LEFT COLUMN: CONTENT -->\n  <div class=\"hgs-content-card\">\n    <div>\n      <div class=\"hgs-badge-cyan\">\n        <span class=\"dot\"><\/span>\n        <span>SPORTS AT HGS<\/span>\n      <\/div>\n\n      <h2 class=\"hgs-card-title\">Our <span class=\"highlight\">Approach<\/span><\/h2>\n\n      <p class=\"hgs-card-text\">\n        At Habib Girls\u2019 School, we see sports and physical education as cornerstones of a well-rounded education. As one of the best schools for holistic development in Karachi, we believe team sports equip students with vital 21st-century skills like leadership, teamwork, and resilience.\n      <\/p>\n\n      <p class=\"hgs-card-text\">\n        Our program fosters pro-social skills that contribute to personal growth and success. HGS encourages students to strive for excellence, not only in national sports but also on the international stage, embodying the values of perseverance and success.\n      <\/p>\n    <\/div>\n  <\/div>\n\n  <!-- RIGHT COLUMN: MEDIA WITH OVERLAY -->\n  <div class=\"hgs-media-card\">\n    <img decoding=\"async\" src=\"https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2024\/10\/Hero-1.jpg\" alt=\"Sports at Habib Girls School\" class=\"hgs-media-img\">\n    \n    <div class=\"hgs-media-overlay\">\n      <div class=\"hgs-stat-chip\">\n        <div class=\"hgs-stat-number\">100%<\/div>\n        <div class=\"hgs-stat-label\">Holistic Growth &amp; Leadership<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_2041761866 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section\" id=\"section_1887624107\">\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\n\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1887624107 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n}\n<\/style>\n\t<\/section>\n\t\n\n\n\n<span class=\"scroll-to\" data-label=\"Scroll to: #house-points\" data-bullet=\"false\" data-link=\"#house-points\" data-title=\"house-points\"><a name=\"house-points\"><\/a><\/span>\n\n\n<span class=\"scroll-to\" data-label=\"Scroll to: #activities\" data-bullet=\"false\" data-link=\"#activities\" data-title=\"activities\"><a name=\"activities\"><\/a><\/span>\n\n\n\t<section class=\"section\" id=\"section_1380909608\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n<div class=\"row row-collapse align-middle align-center\"  id=\"row-325513688\">\n\n\n\t<div id=\"col-1464994550\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner text-center\"  >\n\t\t\t\n\t\t\t\n\n\t<div id=\"gap-254714328\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-254714328 {\n  padding-top: 30px;\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<div class=\"row row-collapse\"  id=\"row-2048577155\">\n\n\n\t<div id=\"col-578447474\" 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\n\n<!-- HGS SPORTS SECTION (SEAMLESS UNIFIED BACKGROUND) -->\n<div class=\"hgs-sports-unified-section\">\n\n  <!-- Header Section (Transparent Background) -->\n  <div class=\"hgs-sports-header-wrapper\">\n    <span class=\"hgs-sports-sub-title\">HABIB GIRLS' SCHOOL<\/span>\n    <h2 class=\"hgs-sports-main-title\">Sports Offered at <span class=\"highlight-gold\">HGS<\/span><\/h2>\n    <p class=\"hgs-sports-description\">\n      We place great value on physical activity and provide our students with an array of sports to participate in.\n    <\/p>\n  <\/div>\n\n  <!-- Slider Wrapper (Transparent Background) -->\n  <div class=\"hgs-sports-slider-wrapper\">\n    <div class=\"hgs-slider-container\">\n      \n      <!-- Slide 1: Volleyball -->\n      <div class=\"hgs-slide active\" data-index=\"0\">\n        <div class=\"hgs-slide-img-box\">\n          <img decoding=\"async\" src=\"https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2024\/10\/Hero-1.jpg\" alt=\"Volleyball at HGS\" loading=\"lazy\">\n        <\/div>\n        <div class=\"hgs-slide-content\">\n          <h3>Volleyball<\/h3>\n          <p>HGS has a wonderful track record in Volleyball with the team remaining unbeaten champions for more than 10 years. A popular sport in the school, the players go through strenuous trials to make it to the school team.<\/p>\n        <\/div>\n      <\/div>\n\n      <!-- Slide 2: Throwball -->\n      <div class=\"hgs-slide\" data-index=\"1\">\n        <div class=\"hgs-slide-img-box\">\n          <img decoding=\"async\" src=\"https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2024\/10\/Hero-1.jpg\" alt=\"Throwball at HGS\" loading=\"lazy\">\n        <\/div>\n        <div class=\"hgs-slide-content\">\n          <h3>Throwball<\/h3>\n          <p>Throwball has been one of the main games played in school. Since 2000, the team has been winning various Inter-school tournaments, with players from HGS selected for Provincial and National teams. The school fields teams at 3 levels: Under 11, Under 16, and Under 19.<\/p>\n        <\/div>\n      <\/div>\n\n      <!-- Slide 3: Netball -->\n      <div class=\"hgs-slide\" data-index=\"2\">\n        <div class=\"hgs-slide-img-box\">\n          <img decoding=\"async\" src=\"https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2024\/10\/Hero-1.jpg\" alt=\"Netball at HGS\" loading=\"lazy\">\n        <\/div>\n        <div class=\"hgs-slide-content\">\n          <h3>Netball<\/h3>\n          <p>The school is represented by the Under 16 and Under 19 teams for Netball. Since the 90s, the school team has won laurels, and both teams continue to be in the forefront, winning top medals and championships.<\/p>\n        <\/div>\n      <\/div>\n\n      <!-- Slide 4: Table Tennis -->\n      <div class=\"hgs-slide\" data-index=\"3\">\n        <div class=\"hgs-slide-img-box\">\n          <img decoding=\"async\" src=\"https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2024\/10\/Hero-1.jpg\" alt=\"Table Tennis at HGS\" loading=\"lazy\">\n        <\/div>\n        <div class=\"hgs-slide-content\">\n          <h3>Table Tennis<\/h3>\n          <p>Table tennis garners a lot of interest among HGS students, who are encouraged to play from a young age. The senior and junior teams perform amazingly under professional coaching, competing at regional and national levels.<\/p>\n        <\/div>\n      <\/div>\n\n      <!-- Slide 5: Taekwondo -->\n      <div class=\"hgs-slide\" data-index=\"4\">\n        <div class=\"hgs-slide-img-box\">\n          <img decoding=\"async\" src=\"https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2024\/10\/Hero-1.jpg\" alt=\"Taekwondo at HGS\" loading=\"lazy\">\n        <\/div>\n        <div class=\"hgs-slide-content\">\n          <h3>Taekwondo<\/h3>\n          <p>Initially started as an extra-curricular activity, Taekwondo has acquired immense popularity at both junior and senior levels. Students aged 9 to 15 learn self-defence under professional trainers and display exceptional skills at major events.<\/p>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <!-- Navigation Arrows -->\n    <button class=\"hgs-slider-btn hgs-prev-btn\" aria-label=\"Previous Slide\">&#10094;<\/button>\n    <button class=\"hgs-slider-btn hgs-next-btn\" aria-label=\"Next Slide\">&#10095;<\/button>\n\n    <!-- Pagination Dots -->\n    <div class=\"hgs-slider-dots\">\n      <span class=\"hgs-dot active\" data-index=\"0\"><\/span>\n      <span class=\"hgs-dot\" data-index=\"1\"><\/span>\n      <span class=\"hgs-dot\" data-index=\"2\"><\/span>\n      <span class=\"hgs-dot\" data-index=\"3\"><\/span>\n      <span class=\"hgs-dot\" data-index=\"4\"><\/span>\n    <\/div>\n  <\/div>\n\n<\/div>\n\n<style>\n\/* Color Tokens *\/\n:root {\n  --hgs-maroon: #5f0c0c;\n  --hgs-purple: #8C5CF6;\n  --hgs-gold: #FFB100;\n  --hgs-base: #FFFFFF;\n}\n\n\/* Single Unified Outer Section Background *\/\n.hgs-sports-unified-section {\n  width: 100%;\n  background: var(--hgs-maroon); \/* Set your preferred section background here *\/\n  padding: 4rem 1.5rem;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n  box-sizing: border-box;\n}\n\n\/* Header Wrapper - Fully Transparent *\/\n.hgs-sports-header-wrapper {\n  background: transparent !important;\n  text-align: center;\n  max-width: 800px;\n  margin: 0 auto 2.5rem auto;\n  padding: 0;\n  border: none !important;\n  box-shadow: none !important;\n}\n\n.hgs-sports-sub-title {\n  display: inline-block;\n  font-size: 0.75rem;\n  font-weight: 800;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: var(--hgs-gold);\n  background: rgba(255, 177, 0, 0.12);\n  border: 1px solid var(--hgs-gold);\n  padding: 0.35rem 1.1rem;\n  border-radius: 50px;\n  margin-bottom: 1rem;\n}\n\n.hgs-sports-main-title {\n  font-size: clamp(2.1rem, 3.8vw, 2.8rem);\n  font-weight: 900;\n  color: var(--hgs-base);\n  margin: 0 0 0.85rem 0;\n  line-height: 1.2;\n}\n\n.hgs-sports-main-title .highlight-gold {\n  color: var(--hgs-gold);\n}\n\n.hgs-sports-description {\n  font-size: clamp(0.95rem, 1.3vw, 1.1rem);\n  line-height: 1.6;\n  color: rgba(255, 255, 255, 0.9);\n  margin: 0 auto;\n}\n\n\/* Slider Wrapper - Fully Transparent (No Box Inside Box) *\/\n.hgs-sports-slider-wrapper {\n  position: relative;\n  width: 100%;\n  max-width: 1100px;\n  margin: 0 auto;\n  background: transparent !important;\n  border-radius: 0;\n  border: none !important;\n  box-shadow: none !important;\n  box-sizing: border-box;\n  padding: 0 3rem;\n}\n\n.hgs-slider-container {\n  position: relative;\n  width: 100%;\n  min-height: 340px;\n}\n\n.hgs-slide {\n  display: none;\n  grid-template-columns: 1.1fr 1fr;\n  gap: 2.5rem;\n  align-items: center;\n  opacity: 0;\n  transition: opacity 0.5s ease;\n}\n\n.hgs-slide.active {\n  display: grid;\n  opacity: 1;\n}\n\n.hgs-slide-img-box {\n  width: 100%;\n  height: 320px;\n  border-radius: 14px;\n  overflow: hidden;\n  border: 2px solid rgba(255, 177, 0, 0.35);\n  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);\n}\n\n.hgs-slide-img-box img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n\n.hgs-slide-content h3 {\n  font-size: clamp(1.8rem, 2.5vw, 2.3rem);\n  font-weight: 800;\n  margin: 0 0 0.75rem 0;\n  color: var(--hgs-base);\n}\n\n.hgs-slide-content h3::after {\n  content: '';\n  display: block;\n  width: 50px;\n  height: 3px;\n  background-color: var(--hgs-gold);\n  margin-top: 0.4rem;\n  border-radius: 2px;\n}\n\n.hgs-slide-content p {\n  font-size: 1rem;\n  line-height: 1.7;\n  color: rgba(255, 255, 255, 0.92);\n  margin: 0;\n}\n\n\/* Controls *\/\n.hgs-slider-btn {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  background-color: var(--hgs-purple);\n  color: var(--hgs-base);\n  border: 1.5px solid var(--hgs-gold);\n  width: 44px;\n  height: 44px;\n  border-radius: 50%;\n  font-size: 1.1rem;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: all 0.3s ease;\n  z-index: 20;\n}\n\n.hgs-prev-btn { left: -1rem; }\n.hgs-next-btn { right: -1rem; }\n\n.hgs-slider-btn:hover {\n  background-color: var(--hgs-gold);\n  color: var(--hgs-maroon);\n  transform: translateY(-50%) scale(1.1);\n}\n\n\/* Pagination Dots *\/\n.hgs-slider-dots {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 0.5rem;\n  margin-top: 2.5rem;\n}\n\n.hgs-dot {\n  width: 9px;\n  height: 9px;\n  border-radius: 50%;\n  background-color: rgba(255, 255, 255, 0.35);\n  cursor: pointer;\n  transition: all 0.3s ease;\n}\n\n.hgs-dot.active {\n  background-color: var(--hgs-gold);\n  width: 26px;\n  border-radius: 6px;\n}\n\n\/* Responsive Media Queries *\/\n@media (max-width: 900px) {\n  .hgs-sports-slider-wrapper { padding: 0; }\n  .hgs-slide { grid-template-columns: 1fr; gap: 1.5rem; }\n  .hgs-slide-img-box { height: 230px; }\n  .hgs-prev-btn { left: 0; }\n  .hgs-next-btn { right: 0; }\n}\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n  const slides = document.querySelectorAll(\".hgs-slide\");\n  const dots = document.querySelectorAll(\".hgs-dot\");\n  const prevBtn = document.querySelector(\".hgs-prev-btn\");\n  const nextBtn = document.querySelector(\".hgs-next-btn\");\n  let currentIndex = 0;\n  const totalSlides = slides.length;\n\n  function showSlide(index) {\n    if (index >= totalSlides) currentIndex = 0;\n    else if (index < 0) currentIndex = totalSlides - 1;\n    else currentIndex = index;\n\n    slides.forEach((s, i) => s.classList.toggle(\"active\", i === currentIndex));\n    dots.forEach((d, i) => d.classList.toggle(\"active\", i === currentIndex));\n  }\n\n  if (nextBtn) nextBtn.addEventListener(\"click\", () => showSlide(currentIndex + 1));\n  if (prevBtn) prevBtn.addEventListener(\"click\", () => showSlide(currentIndex - 1));\n  dots.forEach(dot => {\n    dot.addEventListener(\"click\", function() {\n      showSlide(parseInt(this.getAttribute(\"data-index\")));\n    });\n  });\n});\n<\/script>\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n\t<div id=\"gap-699573645\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-699573645 {\n  padding-top: 20px;\n}\n<\/style>\n\t<\/div>\n\t\n\n\n<div class=\"row row-collapse align-bottom align-center\"  id=\"row-881479484\">\n\n\n\t<div id=\"col-1540948379\" 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<!-- HTML & CSS MERGED SINGLE CONTAINER -->\n<div class=\"hps-simple-btn-container\">\n  <style>\n    \/* SIMPLE SOLID BUTTON STYLES *\/\n    .hps-simple-btn-container {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      margin: 20px auto;\n      font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n      box-sizing: border-box;\n    }\n\n    .hps-simple-btn {\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      text-decoration: none;\n      background-color: #FFFFFF; \/* Main Maroon Color *\/\n      color: #5f0c0c;\n      font-size: 16px;\n      font-weight: 700;\n      padding: 12px 28px;\n      border-radius: 14px; \/* Rounded corners *\/\n      box-shadow: 0 8px 20px rgba(95, 12, 12, 0.25); \/* Soft Box Shadow *\/\n      cursor: pointer;\n    }\n\n    \/* Arrow Icon *\/\n    .hps-simple-btn svg {\n      width: 18px;\n      height: 18px;\n      fill: none;\n      stroke: #5f0c0c;\n      stroke-width: 2.5;\n      stroke-linecap: round;\n      stroke-linejoin: round;\n    }\n  <\/style>\n\n  <!-- BUTTON LINK (Replace '#' with your target page URL) -->\n  <a href=\"https:\/\/habibschools.edu.pk\/hgs\/admissions\/\" class=\"hps-simple-btn\">\n    <span>Explore Admissions<\/span>\n    <svg viewBox=\"0 0 24 24\">\n      <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n      <polyline points=\"12 5 19 12 12 19\"><\/polyline>\n    <\/svg>\n  <\/a>\n<\/div>\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n<div class=\"row row-collapse align-bottom align-right show-for-small\"  id=\"row-2073627364\">\n\n\n\t<div id=\"col-1032235141\" class=\"col medium-3 small-12 large-3\"  >\n\t\t\t\t<div class=\"col-inner text-center\"  >\n\t\t\t\n\t\t\t\n\n\t<div id=\"gap-477207200\" class=\"gap-element clearfix show-for-small\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-477207200 {\n  padding-top: 40px;\n}\n@media (min-width:550px) {\n  #gap-477207200 {\n    padding-top: 30px;\n  }\n}\n<\/style>\n\t<\/div>\n\t\n\n\n\n<style>\n.Sports-Offered-HPS-section a {\n    color: #fff;\n    border: solid;\n    border-width: 0px 0px 0px 8px;\n    padding: 5px 3px 6px 10px;\ntransition:transform 1s ease;\n}\n.Sports-Offered-HPS-section a:hover {\n    color: #5F0C0C;\n    background-color: #ffff;\n    border: solid #ffff;\n    padding: 6px 17px;\ntransform: translateY(-5px); \n}\n\n<\/style>\n<p><a  href=\"https:\/\/habibschools.edu.pk\/hgs\/admissions-2\/\">Explore Admissions<\/a><\/p>\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_1380909608 {\n  padding-top: 50px;\n  padding-bottom: 50px;\n  background-color: #5f0c0c;\n}\n<\/style>\n\t<\/section>\n\t\n\n\n\n\t<section class=\"section has-parallax\" id=\"section_1599569040\">\n\t\t<div class=\"section-bg fill\" data-parallax-container=\".section\" data-parallax-background data-parallax=\"-10\">\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"6000\" height=\"3376\" src=\"https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2025\/09\/DSC07380.jpg\" class=\"bg attachment-original size-original\" alt=\"\" \/>\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\t\t<\/div>\n\n\t\t\n<style>\n#section_1599569040 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n  min-height: 270px;\n}\n#section_1599569040 .section-bg img {\n  object-position: 50% 0%;\n}\n@media (min-width:550px) {\n  #section_1599569040 {\n    min-height: 320px;\n  }\n}\n<\/style>\n\t<\/section>\n\t\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-blank.php","meta":{"footnotes":""},"class_list":["post-18433","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/habibschools.edu.pk\/hgs\/wp-json\/wp\/v2\/pages\/18433","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=18433"}],"version-history":[{"count":12,"href":"https:\/\/habibschools.edu.pk\/hgs\/wp-json\/wp\/v2\/pages\/18433\/revisions"}],"predecessor-version":[{"id":19077,"href":"https:\/\/habibschools.edu.pk\/hgs\/wp-json\/wp\/v2\/pages\/18433\/revisions\/19077"}],"wp:attachment":[{"href":"https:\/\/habibschools.edu.pk\/hgs\/wp-json\/wp\/v2\/media?parent=18433"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}