{"id":2667,"date":"2026-03-24T20:36:37","date_gmt":"2026-03-24T20:36:37","guid":{"rendered":"https:\/\/peacebyp.site\/?page_id=2667"},"modified":"2026-04-18T00:11:36","modified_gmt":"2026-04-18T00:11:36","slug":"specialized-programs","status":"publish","type":"page","link":"https:\/\/peacebyp.org\/specialized-programs\/","title":{"rendered":"Specialized Programs"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2667\" class=\"elementor elementor-2667\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8a17419 e-con-full e-flex e-con e-parent\" data-id=\"8a17419\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8b776e7 elementor-widget elementor-widget-html\" data-id=\"8b776e7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tiro+Gurmukhi:ital@0;1&family=Poppins:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<style>\r\n  .sp-hero {\r\n    --blue: #0043EF;\r\n    --blue-deep: #0035C0;\r\n    --blue-light: #4D7FF7;\r\n    --blue-soft: #EEF3FF;\r\n    --blue-glow: rgba(0, 67, 239, 0.08);\r\n    --cyan: #00E5FF;\r\n    --black: #0F172A;\r\n    --ink: #334155;\r\n    --muted: #64748B;\r\n    --light: #F8FAFC;\r\n    --line: #E2E8F0;\r\n    --white: #ffffff;\r\n    --font-heading: 'Tiro Gurmukhi', serif;\r\n    --font-body: 'Poppins', sans-serif;\r\n\r\n    background: linear-gradient(165deg, #0050FF 0%, var(--blue) 40%, var(--blue-deep) 100%);\r\n    padding: 0px 5% 0;\r\n    position: relative;\r\n    overflow: hidden;\r\n    min-height: 60vh;\r\n    display: flex;\r\n    align-items: center;\r\n    color: var(--white);\r\n  }\r\n\r\n  \/* Subtle background pattern *\/\r\n  .sp-hero::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    background-image: radial-gradient(circle at 1px 1px, rgba(255, 255, 255, 0.04) 1px, transparent 0);\r\n    background-size: 40px 40px;\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* Corner gradient glow *\/\r\n  .sp-hero::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: -150px;\r\n    right: -150px;\r\n    width: 600px;\r\n    height: 600px;\r\n    background: radial-gradient(circle, rgba(255, 255, 255, 0.04) 0%, transparent 65%);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .sp-container {\r\n    max-width: 1280px;\r\n    width: 100%;\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 60px;\r\n    align-items: center;\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  \/* ---------- LEFT: CONTENT ---------- *\/\r\n  .sp-content {\r\n    padding: 40px 0;\r\n  }\r\n\r\n  .sp-badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    padding: 8px 18px;\r\n    background: rgba(255, 255, 255, 0.06);\r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n    border-radius: 100px;\r\n    font-family: var(--font-body);\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    color: rgba(255, 255, 255, 0.7);\r\n    margin-bottom: 32px;\r\n    letter-spacing: 0.5px;\r\n    backdrop-filter: blur(8px);\r\n  }\r\n\r\n  .sp-badge i {\r\n    font-size: 14px;\r\n    color: var(--cyan);\r\n  }\r\n\r\n  .sp-title {\r\n    font-family: var(--font-heading);\r\n    font-size: clamp(38px, 5vw, 56px);\r\n    line-height: 1.1;\r\n    font-weight: 600;\r\n    color: var(--white);\r\n    margin-bottom: 24px;\r\n    letter-spacing: -0.5px;\r\n  }\r\n\r\n  .sp-title .highlight {\r\n    color: var(--white);\r\n    position: relative;\r\n    font-style: italic;\r\n    opacity: 0.9;\r\n  }\r\n\r\n  .sp-title .highlight::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: 2px;\r\n    left: 0;\r\n    right: 0;\r\n    height: 6px;\r\n    background: rgba(0, 229, 255, 0.3);\r\n    border-radius: 6px;\r\n    z-index: -1;\r\n  }\r\n\r\n  .sp-desc {\r\n    font-family: var(--font-body);\r\n    font-size: 16px;\r\n    line-height: 1.8;\r\n    color: rgba(255, 255, 255, 0.65);\r\n    max-width: 480px;\r\n    margin-bottom: 36px;\r\n    font-weight: 300;\r\n  }\r\n\r\n  \/* Buttons *\/\r\n  .sp-buttons {\r\n    display: flex;\r\n    gap: 14px;\r\n    margin-bottom: 40px;\r\n  }\r\n\r\n  .sp-btn {\r\n    padding: 14px 30px;\r\n    border-radius: 10px;\r\n    font-family: var(--font-body);\r\n    font-weight: 600;\r\n    font-size: 14px;\r\n    text-decoration: none;\r\n    transition: all 0.35s ease;\r\n    letter-spacing: 0.2px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .sp-btn-primary {\r\n    background: var(--white);\r\n    color: var(--blue);\r\n    border: none;\r\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);\r\n  }\r\n\r\n  .sp-btn-primary:hover {\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18);\r\n  }\r\n\r\n  .sp-btn-outline {\r\n    background: transparent;\r\n    color: rgba(255, 255, 255, 0.85);\r\n    border: 1.5px solid rgba(255, 255, 255, 0.2);\r\n  }\r\n\r\n  .sp-btn-outline:hover {\r\n    border-color: rgba(255, 255, 255, 0.5);\r\n    background: rgba(255, 255, 255, 0.05);\r\n    color: var(--white);\r\n    transform: translateY(-3px);\r\n  }\r\n\r\n  \/* Trust indicators *\/\r\n  .sp-trust {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 28px;\r\n  }\r\n\r\n  .trust-stat {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n  }\r\n\r\n  .trust-stat .stat-icon {\r\n    width: 38px;\r\n    height: 38px;\r\n    background: rgba(255, 255, 255, 0.08);\r\n    border-radius: 10px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: var(--cyan);\r\n    font-size: 14px;\r\n  }\r\n\r\n  .trust-stat .stat-info {\r\n    font-family: var(--font-body);\r\n  }\r\n\r\n  .trust-stat .stat-num {\r\n    font-size: 18px;\r\n    font-weight: 700;\r\n    color: var(--white);\r\n    line-height: 1.2;\r\n  }\r\n\r\n  .trust-stat .stat-label {\r\n    font-size: 11px;\r\n    color: rgba(255, 255, 255, 0.5);\r\n    font-weight: 500;\r\n  }\r\n\r\n  .trust-divider {\r\n    width: 1px;\r\n    height: 36px;\r\n    background: rgba(255, 255, 255, 0.12);\r\n  }\r\n\r\n  \/* ---------- RIGHT: IMAGE ---------- *\/\r\n  .sp-visual {\r\n    position: relative;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: flex-end;\r\n  }\r\n\r\n  .sp-image-wrapper {\r\n    position: relative;\r\n    width: 100%;\r\n    max-width: 520px;\r\n  }\r\n\r\n  \/* Background shape behind image *\/\r\n  .sp-image-wrapper::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 30px;\r\n    right: -20px;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: rgba(255, 255, 255, 0.05);\r\n    border-radius: 24px;\r\n    z-index: 0;\r\n  }\r\n\r\n  .sp-image {\r\n    position: relative;\r\n    z-index: 1;\r\n    border-radius: 24px;\r\n    overflow: hidden;\r\n    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.2);\r\n  }\r\n\r\n  .sp-image img {\r\n    width: 100%;\r\n    height: auto;\r\n    display: block;\r\n    object-fit: cover;\r\n  }\r\n\r\n  \/* Image placeholder (for design preview) *\/\r\n  .sp-image-placeholder {\r\n    width: 100%;\r\n    aspect-ratio: 4 \/ 3;\r\n    background: linear-gradient(135deg, var(--blue-soft) 0%, #dbeafe 50%, var(--blue-soft) 100%);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-direction: column;\r\n    gap: 12px;\r\n    color: var(--blue-light);\r\n    font-size: 60px;\r\n  }\r\n\r\n  .sp-image-placeholder span {\r\n    font-family: var(--font-body);\r\n    font-size: 13px;\r\n    color: var(--muted);\r\n    font-weight: 500;\r\n  }\r\n\r\n  \/* Floating accent cards on image *\/\r\n  .sp-float-card {\r\n    position: absolute;\r\n    z-index: 3;\r\n    background: var(--white);\r\n    border-radius: 12px;\r\n    padding: 12px 18px;\r\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    font-family: var(--font-body);\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    color: var(--black);\r\n    animation: float-card 6s ease-in-out infinite;\r\n  }\r\n\r\n  .sp-float-card .fc-icon {\r\n    width: 32px;\r\n    height: 32px;\r\n    border-radius: 8px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 14px;\r\n  }\r\n\r\n  .sp-float-card.card-1 {\r\n    top: 20%;\r\n    left: -30px;\r\n    animation-delay: 0s;\r\n  }\r\n\r\n  .sp-float-card.card-1 .fc-icon {\r\n    background: #ECFDF5;\r\n    color: #10B981;\r\n  }\r\n\r\n  .sp-float-card.card-2 {\r\n    bottom: 25%;\r\n    right: -24px;\r\n    animation-delay: 1.5s;\r\n  }\r\n\r\n  .sp-float-card.card-2 .fc-icon {\r\n    background: var(--blue-soft);\r\n    color: var(--blue);\r\n  }\r\n\r\n  @keyframes float-card {\r\n    0%, 100% { transform: translateY(0); }\r\n    50% { transform: translateY(-10px); }\r\n  }\r\n\r\n  \/* Decorative dots pattern *\/\r\n  .sp-dots {\r\n    position: absolute;\r\n    bottom: 40px;\r\n    left: -40px;\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 8px);\r\n    gap: 10px;\r\n    z-index: 0;\r\n    opacity: 0.4;\r\n  }\r\n\r\n  .sp-dots span {\r\n    width: 8px;\r\n    height: 8px;\r\n    background: rgba(255, 255, 255, 0.15);\r\n    border-radius: 50%;\r\n    opacity: 0.3;\r\n  }\r\n\r\n  \/* ---------- RESPONSIVE ---------- *\/\r\n  @media (max-width: 992px) {\r\n    .sp-hero { padding: 60px 5%; min-height: auto; }\r\n    .sp-container {\r\n      grid-template-columns: 1fr;\r\n      gap: 50px;\r\n      text-align: center;\r\n    }\r\n    .sp-content { padding: 20px 0; }\r\n    .sp-desc { margin-left: auto; margin-right: auto; }\r\n    .sp-buttons { justify-content: center; }\r\n    .sp-trust { justify-content: center; }\r\n    .sp-image-wrapper { max-width: 450px; margin: 0 auto; }\r\n    .sp-float-card.card-1 { left: 0; }\r\n    .sp-float-card.card-2 { right: 0; }\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .sp-hero { padding: 40px 20px; }\r\n    .sp-title { font-size: 34px; }\r\n    .sp-buttons { flex-direction: column; align-items: center; }\r\n    .sp-btn { width: 100%; justify-content: center; max-width: 280px; }\r\n    .sp-trust { flex-direction: column; gap: 16px; }\r\n    .trust-divider { display: none; }\r\n    .sp-float-card { display: none; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"sp-hero\">\r\n  <div class=\"sp-container\">\r\n\r\n    <!-- LEFT: CONTENT -->\r\n    <div class=\"sp-content\">\r\n      <div class=\"sp-badge\">\r\n        <i class=\"fa-solid fa-book-open\"><\/i> Peace Academy Programs\r\n      <\/div>\r\n\r\n      <h1 class=\"sp-title\">\r\n        Specialized Programs &amp;<br>\r\n        <span class=\"highlight\">Enrollment<\/span>\r\n      <\/h1>\r\n\r\n      <p class=\"sp-desc\">Nurturing hearts, minds, and souls through dedicated Islamic education \u2014 tailored programs designed for every family's unique journey.<\/p>\r\n\r\n      <div class=\"sp-buttons\">\r\n        <a href=\"#programs\" class=\"sp-btn sp-btn-primary\">\r\n          <i class=\"fa-solid fa-compass\"><\/i> Explore Programs\r\n        <\/a>\r\n        <a href=\"#contact\" class=\"sp-btn sp-btn-outline\">\r\n          <i class=\"fa-solid fa-message\"><\/i> Contact Us\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <div class=\"sp-trust\">\r\n        <div class=\"trust-stat\">\r\n          <div class=\"stat-icon\"><i class=\"fa-solid fa-users\"><\/i><\/div>\r\n          <div class=\"stat-info\">\r\n            <div class=\"stat-num\">500+<\/div>\r\n            <div class=\"stat-label\">Students<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"trust-divider\"><\/div>\r\n        <div class=\"trust-stat\">\r\n          <div class=\"stat-icon\"><i class=\"fa-solid fa-chalkboard-user\"><\/i><\/div>\r\n          <div class=\"stat-info\">\r\n            <div class=\"stat-num\">K\u201312<\/div>\r\n            <div class=\"stat-label\">All Grades<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"trust-divider\"><\/div>\r\n        <div class=\"trust-stat\">\r\n          <div class=\"stat-icon\"><i class=\"fa-solid fa-award\"><\/i><\/div>\r\n          <div class=\"stat-info\">\r\n            <div class=\"stat-num\">IB<\/div>\r\n            <div class=\"stat-label\">Accredited<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- RIGHT: IMAGE -->\r\n    <div class=\"sp-visual\">\r\n      <div class=\"sp-image-wrapper\">\r\n        <!-- Decorative dots -->\r\n        <div class=\"sp-dots\">\r\n          <span><\/span><span><\/span><span><\/span><span><\/span>\r\n          <span><\/span><span><\/span><span><\/span><span><\/span>\r\n          <span><\/span><span><\/span><span><\/span><span><\/span>\r\n        <\/div>\r\n\r\n        <div class=\"sp-image\">\r\n          <img decoding=\"async\" src=\"https:\/\/peacebyp.site\/wp-content\/uploads\/2026\/03\/photo-1529156069898-49953e39b3ac.jpg\" alt=\"Peace Academy Students\">\r\n        <\/div>\r\n\r\n        <!-- Floating accent cards -->\r\n        <div class=\"sp-float-card card-1\">\r\n          <div class=\"fc-icon\"><i class=\"fa-solid fa-heart\"><\/i><\/div>\r\n          Islamic Values\r\n        <\/div>\r\n\r\n        <div class=\"sp-float-card card-2\">\r\n          <div class=\"fc-icon\"><i class=\"fa-solid fa-graduation-cap\"><\/i><\/div>\r\n          College Ready\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5cb3496 e-con-full e-flex e-con e-parent\" data-id=\"5cb3496\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0a83a4c elementor-widget elementor-widget-html\" data-id=\"0a83a4c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tiro+Gurmukhi:ital@0;1&family=Poppins:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<style>\r\n  .hifz-section {\r\n    --blue: #0043EF;\r\n    --blue-deep: #0035C0;\r\n    --blue-light: #4D7FF7;\r\n    --blue-soft: #EEF3FF;\r\n    --cyan: #00E5FF;\r\n    --gold: #D4A843;\r\n    --gold-soft: #FBF5E8;\r\n    --gold-glow: rgba(212, 168, 67, 0.15);\r\n    --black: #0F172A;\r\n    --ink: #334155;\r\n    --muted: #64748B;\r\n    --light: #F8FAFC;\r\n    --line: #E2E8F0;\r\n    --white: #ffffff;\r\n    --font-heading: 'Tiro Gurmukhi', serif;\r\n    --font-body: 'Poppins', sans-serif;\r\n\r\n    background: var(--light);\r\n    padding: 110px 24px 120px;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  \/* Islamic geometric pattern overlay (subtle) *\/\r\n  .hifz-section::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    background-image: \r\n      radial-gradient(circle at 50% 50%, rgba(0, 67, 239, 0.02) 0%, transparent 50%),\r\n      repeating-conic-gradient(from 0deg at 50% 50%, transparent 0deg 60deg, rgba(0, 67, 239, 0.01) 60deg 120deg);\r\n    background-size: 100% 100%, 80px 80px;\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* Corner decorative glow *\/\r\n  .hifz-section::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: -100px;\r\n    right: -100px;\r\n    width: 500px;\r\n    height: 500px;\r\n    background: radial-gradient(circle, var(--gold-glow) 0%, transparent 70%);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .hifz-inner {\r\n    max-width: 1140px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n\r\n  \/* ---------- HEADER ---------- *\/\r\n  .hifz-header {\r\n    text-align: center;\r\n    margin-bottom: 70px;\r\n  }\r\n\r\n  .hifz-eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    font-family: var(--font-body);\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    letter-spacing: 3.5px;\r\n    text-transform: uppercase;\r\n    color: var(--gold);\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .hifz-eyebrow::before,\r\n  .hifz-eyebrow::after {\r\n    content: \"\u2726\";\r\n    font-size: 8px;\r\n    opacity: 0.6;\r\n  }\r\n\r\n  .hifz-heading {\r\n    font-family: var(--font-heading);\r\n    font-size: clamp(32px, 4.5vw, 50px);\r\n    font-weight: 600;\r\n    color: var(--black);\r\n    line-height: 1.2;\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .hifz-heading .accent {\r\n    color: var(--blue);\r\n  }\r\n\r\n  .hifz-desc {\r\n    font-family: var(--font-body);\r\n    font-size: 16px;\r\n    color: var(--muted);\r\n    max-width: 620px;\r\n    margin: 0 auto;\r\n    line-height: 1.8;\r\n    font-weight: 400;\r\n  }\r\n\r\n  \/* Decorative divider *\/\r\n  .hifz-divider {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 16px;\r\n    margin-top: 28px;\r\n  }\r\n\r\n  .hifz-divider .div-line {\r\n    width: 40px;\r\n    height: 2px;\r\n    background: linear-gradient(90deg, transparent, var(--gold));\r\n    border-radius: 2px;\r\n  }\r\n\r\n  .hifz-divider .div-line:last-child {\r\n    background: linear-gradient(90deg, var(--gold), transparent);\r\n  }\r\n\r\n  .hifz-divider .div-star {\r\n    color: var(--gold);\r\n    font-size: 14px;\r\n  }\r\n\r\n  \/* ---------- CARDS GRID ---------- *\/\r\n  .hifz-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 32px;\r\n  }\r\n\r\n  \/* ---------- SESSION CARD ---------- *\/\r\n  .hifz-card {\r\n    background: var(--white);\r\n    border-radius: 24px;\r\n    overflow: hidden;\r\n    border: 1px solid var(--line);\r\n    transition: all 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n    position: relative;\r\n  }\r\n\r\n  .hifz-card:hover {\r\n    transform: translateY(-10px);\r\n    box-shadow: 0 30px 60px rgba(0, 67, 239, 0.1);\r\n    border-color: var(--blue-light);\r\n  }\r\n\r\n  \/* Card image area *\/\r\n  .card-img {\r\n    position: relative;\r\n    height: 220px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .card-img img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    transition: transform 0.6s ease;\r\n  }\r\n\r\n  .hifz-card:hover .card-img img {\r\n    transform: scale(1.05);\r\n  }\r\n\r\n  \/* Image overlay gradient *\/\r\n  .card-img::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    right: 0;\r\n    height: 80px;\r\n    background: linear-gradient(transparent, rgba(0, 0, 0, 0.3));\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* Session type badge on image *\/\r\n  .card-type {\r\n    position: absolute;\r\n    top: 16px;\r\n    left: 16px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    padding: 7px 14px;\r\n    border-radius: 100px;\r\n    font-family: var(--font-body);\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    letter-spacing: 1px;\r\n    text-transform: uppercase;\r\n    z-index: 2;\r\n    backdrop-filter: blur(10px);\r\n  }\r\n\r\n  .card-type.morning {\r\n    background: rgba(212, 168, 67, 0.9);\r\n    color: var(--white);\r\n  }\r\n\r\n  .card-type.evening {\r\n    background: rgba(0, 67, 239, 0.9);\r\n    color: var(--white);\r\n  }\r\n\r\n  \/* Placeholder for image *\/\r\n  .card-img-placeholder {\r\n    width: 100%;\r\n    height: 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 48px;\r\n  }\r\n\r\n  .card-img-placeholder.morning-bg {\r\n    background: linear-gradient(135deg, #FBF5E8 0%, #F7ECCE 50%, #EDE0B4 100%);\r\n    color: var(--gold);\r\n  }\r\n\r\n  .card-img-placeholder.evening-bg {\r\n    background: linear-gradient(135deg, #0F172A 0%, #1E293B 50%, #0F172A 100%);\r\n    color: var(--blue-light);\r\n  }\r\n\r\n  \/* Card body *\/\r\n  .card-body {\r\n    padding: 28px 30px 32px;\r\n  }\r\n\r\n  .card-session-title {\r\n    font-family: var(--font-heading);\r\n    font-size: 24px;\r\n    font-weight: 600;\r\n    color: var(--black);\r\n    margin-bottom: 10px;\r\n  }\r\n\r\n  .card-session-desc {\r\n    font-family: var(--font-body);\r\n    font-size: 14px;\r\n    color: var(--muted);\r\n    line-height: 1.75;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  \/* Features list *\/\r\n  .card-features {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 10px;\r\n    margin-bottom: 22px;\r\n  }\r\n\r\n  .card-feature {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    font-family: var(--font-body);\r\n    font-size: 13px;\r\n    color: var(--ink);\r\n    font-weight: 500;\r\n  }\r\n\r\n  .card-feature i {\r\n    width: 22px;\r\n    height: 22px;\r\n    background: var(--blue-soft);\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 10px;\r\n    color: var(--blue);\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  \/* Time badge *\/\r\n  .card-time {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    padding: 10px 18px;\r\n    border-radius: 10px;\r\n    font-family: var(--font-body);\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.3px;\r\n  }\r\n\r\n  .card-time.morning-time {\r\n    background: var(--gold-soft);\r\n    color: #8B6D1F;\r\n    border: 1px solid rgba(212, 168, 67, 0.2);\r\n  }\r\n\r\n  .card-time.evening-time {\r\n    background: var(--blue-soft);\r\n    color: var(--blue);\r\n    border: 1px solid rgba(0, 67, 239, 0.1);\r\n  }\r\n\r\n  .card-time i {\r\n    font-size: 14px;\r\n  }\r\n\r\n  \/* ---------- BOTTOM INFO BAR ---------- *\/\r\n  .hifz-info-bar {\r\n    margin-top: 48px;\r\n    padding: 28px 36px;\r\n    background: linear-gradient(135deg, var(--blue) 0%, var(--blue-deep) 100%);\r\n    border-radius: 16px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 24px;\r\n    color: var(--white);\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .hifz-info-bar::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -50px;\r\n    right: -50px;\r\n    width: 200px;\r\n    height: 200px;\r\n    background: radial-gradient(circle, rgba(212, 168, 67, 0.15) 0%, transparent 70%);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .info-bar-text {\r\n    font-family: var(--font-body);\r\n    font-size: 15px;\r\n    font-weight: 400;\r\n    color: rgba(255, 255, 255, 0.85);\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n\r\n  .info-bar-text strong {\r\n    color: var(--white);\r\n    font-weight: 700;\r\n  }\r\n\r\n  .info-bar-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    padding: 12px 28px;\r\n    background: var(--white);\r\n    color: var(--blue);\r\n    border-radius: 10px;\r\n    font-family: var(--font-body);\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    text-decoration: none;\r\n    transition: all 0.35s ease;\r\n    flex-shrink: 0;\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n\r\n  .info-bar-btn:hover {\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);\r\n  }\r\n\r\n  \/* ---------- RESPONSIVE ---------- *\/\r\n  @media (max-width: 900px) {\r\n    .hifz-grid { grid-template-columns: 1fr; max-width: 500px; margin: 0 auto; }\r\n    .hifz-info-bar { flex-direction: column; text-align: center; }\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .hifz-section { padding: 80px 20px; }\r\n    .hifz-heading { font-size: 30px; }\r\n    .card-body { padding: 22px 22px 26px; }\r\n    .card-img { height: 180px; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"hifz-section\">\r\n  <div class=\"hifz-inner\">\r\n\r\n    <!-- HEADER -->\r\n    <div class=\"hifz-header\">\r\n      <div class=\"hifz-eyebrow\">Our Flagship Offering<\/div>\r\n      <h2 class=\"hifz-heading\">Dedicated <span class=\"accent\">Hifz<\/span> Program<\/h2>\r\n      <p class=\"hifz-desc\">A structured path to memorizing the Holy Quran \u2014 offered in both morning in-person and evening online formats to suit your schedule.<\/p>\r\n      <div class=\"hifz-divider\">\r\n        <span class=\"div-line\"><\/span>\r\n        <span class=\"div-star\"><i class=\"fa-solid fa-star-and-crescent\"><\/i><\/span>\r\n        <span class=\"div-line\"><\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- SESSION CARDS -->\r\n    <div class=\"hifz-grid\">\r\n\r\n      <!-- MORNING SESSION -->\r\n      <div class=\"hifz-card\">\r\n        <div class=\"card-img\">\r\n          <span class=\"card-type morning\"><i class=\"fa-solid fa-sun\"><\/i> In-Person<\/span>\r\n          <div class=\"card-img-placeholder morning-bg\">\r\n            <i class=\"fa-solid fa-book-quran\"><\/i>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"card-body\">\r\n          <h3 class=\"card-session-title\">Morning Hifz Session<\/h3>\r\n          <p class=\"card-session-desc\">Our structured morning program offers a focused, distraction-free environment with qualified teachers \u2014 separated by gender for comfort and concentration.<\/p>\r\n\r\n          <div class=\"card-features\">\r\n            <div class=\"card-feature\">\r\n              <i class=\"fa-solid fa-check\"><\/i> Qualified Quran teachers\r\n            <\/div>\r\n            <div class=\"card-feature\">\r\n              <i class=\"fa-solid fa-check\"><\/i> Gender-separated classes\r\n            <\/div>\r\n            <div class=\"card-feature\">\r\n              <i class=\"fa-solid fa-check\"><\/i> In-person at campus\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"card-time morning-time\">\r\n            <i class=\"fa-regular fa-clock\"><\/i> 7:30 AM \u2013 10:30 AM &nbsp;|&nbsp; Gender Separated\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- EVENING SESSION -->\r\n      <div class=\"hifz-card\">\r\n        <div class=\"card-img\">\r\n          <span class=\"card-type evening\"><i class=\"fa-solid fa-moon\"><\/i> Online<\/span>\r\n          <div class=\"card-img-placeholder evening-bg\">\r\n            <i class=\"fa-solid fa-book-quran\"><\/i>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"card-body\">\r\n          <h3 class=\"card-session-title\">Evening Hifz Session<\/h3>\r\n          <p class=\"card-session-desc\">A flexible online option for families who prefer evening learning \u2014 same quality instruction and curriculum delivered through live virtual classrooms.<\/p>\r\n\r\n          <div class=\"card-features\">\r\n            <div class=\"card-feature\">\r\n              <i class=\"fa-solid fa-check\"><\/i> Live virtual classes\r\n            <\/div>\r\n            <div class=\"card-feature\">\r\n              <i class=\"fa-solid fa-check\"><\/i> Flexible from home\r\n            <\/div>\r\n            <div class=\"card-feature\">\r\n              <i class=\"fa-solid fa-check\"><\/i> Same certified teachers\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"card-time evening-time\">\r\n            <i class=\"fa-regular fa-clock\"><\/i> 5:00 PM \u2013 7:30 PM &nbsp;|&nbsp; Online via Zoom\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- BOTTOM INFO BAR -->\r\n    <div class=\"hifz-info-bar\">\r\n      <div class=\"info-bar-text\">\r\n        <strong>Limited spots available<\/strong> \u2014 our Hifz program maintains small class sizes to ensure every student receives personal attention and thrives.\r\n      <\/div>\r\n      <a href=\"#\" class=\"info-bar-btn\">\r\n        <i class=\"fa-solid fa-paper-plane\"><\/i> Apply Now\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-268e77e elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"268e77e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9fdaf25 elementor-widget elementor-widget-heading\" data-id=\"9fdaf25\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Our Flagship Offering\n<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-de2b02d elementor-widget elementor-widget-heading\" data-id=\"de2b02d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Dedicated Hifz Program\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d60cb8e elementor-widget elementor-widget-heading\" data-id=\"d60cb8e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">A structured path to memorizing the Holy Quran \u2014 offered in both morning in-<br>person and evening online formats to suit your schedule.\n\n\n<\/p>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-45b8691 e-con-full e-flex e-con e-child\" data-id=\"45b8691\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-97d8a70 e-con-full e-flex e-con e-child\" data-id=\"97d8a70\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-82c61c0 elementor-widget elementor-widget-image\" data-id=\"82c61c0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"700\" height=\"504\" src=\"https:\/\/peacebyp.org\/wp-content\/uploads\/2026\/03\/photo-1567427017947-545c5f8d16ad.jpg\" class=\"attachment-large size-large wp-image-2697\" alt=\"\" srcset=\"https:\/\/peacebyp.org\/wp-content\/uploads\/2026\/03\/photo-1567427017947-545c5f8d16ad.jpg 700w, https:\/\/peacebyp.org\/wp-content\/uploads\/2026\/03\/photo-1567427017947-545c5f8d16ad-600x432.jpg 600w, https:\/\/peacebyp.org\/wp-content\/uploads\/2026\/03\/photo-1567427017947-545c5f8d16ad-300x216.jpg 300w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4517276 e-con-full e-flex e-con e-child\" data-id=\"4517276\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0af3f2b elementor-widget elementor-widget-heading\" data-id=\"0af3f2b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Morning Hifz Session\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cb32406 elementor-widget elementor-widget-heading\" data-id=\"cb32406\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Our structured morning program offers a focused, distraction-free environment with qualified teachers \u2014 separated by gender for comfort and concentration.\n\n\n<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9bc0072 elementor-icon-list--layout-inline elementor-widget__width-initial elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"9bc0072\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items elementor-inline-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"icon icon-Speed-Clock\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">7:30 AM \u2013 10:30 AM  |  Gender Separated<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-073e8b7 e-con-full e-flex e-con e-child\" data-id=\"073e8b7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Peace Academy Programs Specialized Programs &amp; Enrollment Nurturing hearts, minds, and souls through dedicated Islamic education \u2014 tailored programs designed for every family&#8217;s unique journey. Explore Programs Contact Us 500+ Students K\u201312 All Grades IB Accredited Islamic Values College Ready Our Flagship Offering Dedicated Hifz Program A structured path to memorizing the Holy Quran \u2014 [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2667","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/peacebyp.org\/wp-json\/wp\/v2\/pages\/2667","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/peacebyp.org\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/peacebyp.org\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/peacebyp.org\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/peacebyp.org\/wp-json\/wp\/v2\/comments?post=2667"}],"version-history":[{"count":46,"href":"https:\/\/peacebyp.org\/wp-json\/wp\/v2\/pages\/2667\/revisions"}],"predecessor-version":[{"id":3275,"href":"https:\/\/peacebyp.org\/wp-json\/wp\/v2\/pages\/2667\/revisions\/3275"}],"wp:attachment":[{"href":"https:\/\/peacebyp.org\/wp-json\/wp\/v2\/media?parent=2667"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}