{"id":2810,"date":"2026-04-13T08:05:08","date_gmt":"2026-04-13T08:05:08","guid":{"rendered":"https:\/\/peacebyp.site\/?page_id=2810"},"modified":"2026-06-10T17:44:37","modified_gmt":"2026-06-10T17:44:37","slug":"peacebyp-2","status":"publish","type":"page","link":"https:\/\/peacebyp.org\/","title":{"rendered":"peacebyp"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2810\" class=\"elementor elementor-2810\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1f03ca7 e-flex e-con-boxed e-con e-parent\" data-id=\"1f03ca7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/peacebyp.org\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/bg-video.mp4&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-background-video-container elementor-hidden-mobile\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted\" role=\"presentation\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div>\t\t<div class=\"elementor-element elementor-element-979af92 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"979af92\" 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\">Build Your Future Peace by Piece We are a groundbreaking institution!<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1edc56e elementor-widget-mobile__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"1edc56e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Dedicated to nurturing the next generation of leaders in science and technology.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-387ac15 e-con-full e-flex e-con e-child\" data-id=\"387ac15\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4d4a004 elementor-align-justify elementor-widget__width-inherit elementor-widget elementor-widget-button\" data-id=\"4d4a004\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg xmlns:svgjs=\"http:\/\/svgjs.com\/svgjs\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"Layer_1\" x=\"0px\" y=\"0px\" viewBox=\"0 0 512 512\" style=\"enable-background:new 0 0 512 512;\" xml:space=\"preserve\"><style type=\"text\/css\">\t.st0{fill:#6CB0D0;}<\/style><g>\t<path class=\"st0\" d=\"M212.6,108.8c3.2,9.8,9.9,18,18.7,23.1v4.5l-33.1,12.9c-3,1.1-28.9,11.4-28.9,44.3v28.8c0,4.5,3.6,8.1,8.1,8.1  h20.5c4.5,0,8.1-3.6,8.1-8.1c0,0,0,0,0,0c0-4.5-3.6-8.1-8.1-8.1h-12.5v-20.7c0-22.4,17.5-28.9,18.2-29.1c0.1,0,0.3-0.1,0.4-0.1  l30.3-11.9l16.1,15.7c1.5,1.5,3.5,2.3,5.6,2.3l0.1,0c2.2,0,4.2-0.9,5.7-2.5l15.2-15.8l30.2,12.1c0.1,0.1,0.3,0.1,0.4,0.2  c0.2,0.1,18.2,6.4,18.2,29.1v20.7H223.6c-4.5,0-8.1,3.6-8.1,8.1c0,0,0,0,0,0c0,4.5,3.6,8.1,8.1,8.1h110.3c4.5,0,8.1-3.7,8.1-8.1  v-28.7c0-32.8-25.7-43.2-28.9-44.3l-32.2-12.9v-4.5c8.7-5.1,15.5-13.3,18.7-23.1c11.7-0.9,20.9-10.7,20.9-22.7  c0-7.1-3.3-13.4-8.4-17.6V54.2c0-29.9-24.3-54.2-54.2-54.2h-3.8c-29.9,0-54.2,24.3-54.2,54.2v14.2c-5.2,4.2-8.5,10.6-8.5,17.7  C191.4,98.1,200.8,108,212.6,108.8L212.6,108.8z M301.6,81.3c0.3,0.1,0.6,0.2,0.9,0.2c1.2,1.2,1.8,2.8,1.8,4.5c0,2.1-1,4.1-2.7,5.3  V81.3z M264.7,141.7l-8.9,9.2l-8.4-8.1v-5.5c1.6,0.2,3.3,0.3,5,0.3h7.3c1.7,0,3.3-0.1,5-0.3V141.7z M285.5,95.8  c0,14.2-11.5,25.7-25.7,25.7h-7.3c-14.2,0-25.7-11.5-25.7-25.7V74.6c10.5-1.1,29-4.8,43.2-16.7c3.2,5.5,8.1,11.4,15.5,14.8  L285.5,95.8L285.5,95.8z M216,54.2c0-21,17.1-38,38-38h3.8c21,0,38,17.1,38,38v5.1c-0.1,0-0.3-0.1-0.4-0.1c-0.1,0-0.1,0-0.2-0.1  c-11.2-2.5-14.8-17.5-14.9-17.6c-1-4.4-5.3-7.1-9.7-6.1c-1.9,0.4-3.6,1.6-4.8,3.1c-14.5,20.1-47,20.3-47.4,20.3h0  c-0.3,0-0.6,0-0.8,0c-0.1,0-0.1,0-0.2,0c-0.2,0-0.4,0.1-0.6,0.1c-0.1,0-0.2,0.1-0.3,0.1c-0.2,0-0.3,0.1-0.5,0.1  c-0.1,0-0.1,0-0.2,0.1L216,54.2L216,54.2z M209.2,81.8c0.5-0.1,0.9-0.2,1.3-0.3v10.2c-1.9-1.2-3-3.3-3-5.5  C207.6,84.4,208.2,82.9,209.2,81.8z M330.4,28c52.3,17.1,97.5,52.2,127.3,98.6c2.4,3.8,7.4,4.9,11.2,2.4c0,0,0,0,0,0  c3.8-2.4,4.9-7.4,2.4-11.2c-31.8-49.6-80.1-87-135.8-105.3c-4.3-1.3-8.8,1-10.2,5.3C323.9,22.1,326.2,26.6,330.4,28z M42.5,129.1  c3.8,2.4,8.8,1.3,11.2-2.4c0,0,0,0,0,0c30.2-47,75.9-82.2,128.9-99.2c4.3-1.4,6.6-5.9,5.2-10.2c0,0,0,0,0,0  c-1.4-4.3-5.9-6.6-10.2-5.2C121.1,30.2,72.2,67.8,40,118C37.6,121.7,38.7,126.7,42.5,129.1z M155.6,474  c-41.8-19.2-77.1-49.9-102-88.7c-2.5-3.7-7.5-4.7-11.2-2.3c-3.6,2.4-4.7,7.3-2.4,11c26.6,41.4,64.2,74.2,108.8,94.7  c1.1,0.5,2.2,0.7,3.4,0.7c4.5,0,8.1-3.6,8.1-8.1C160.3,478.2,158.5,475.3,155.6,474z M468.8,382.8c-3.8-2.4-8.8-1.3-11.2,2.4  c-24.5,38.3-59.2,68.7-100.3,88c-4,1.9-5.8,6.7-3.9,10.8c0,0,0,0,0,0c1.9,4,6.7,5.8,10.7,3.9c0,0,0,0,0,0  c43.8-20.6,80.9-53,107.1-93.9C473.7,390.3,472.6,385.3,468.8,382.8z M172.7,363.1v-28.7c0-32.8-25.7-43.1-28.9-44.3l-32.2-12.9  v-4.5c8.7-5.1,15.5-13.4,18.7-23.1c11.7-0.9,20.9-10.7,20.9-22.7c0-7.1-3.3-13.4-8.4-17.6v-14.3c0-29.9-24.3-54.2-54.2-54.2h-3.8  c-29.9,0-54.2,24.3-54.2,54.2v14.2c-5.2,4.2-8.5,10.6-8.5,17.7c0,12,9.4,21.9,21.2,22.7c3.2,9.8,9.9,18,18.7,23.1v4.5l-33.1,13  C25.9,291.2,0,301.5,0,334.4v28.8c0,4.5,3.6,8.1,8.1,8.1h20.5c4.5,0,8.1-3.6,8.1-8.1c0,0,0,0,0,0c0-4.5-3.6-8.1-8.1-8.1  c0,0,0,0,0,0H16.2v-20.7c0-22.4,17.5-28.9,18.2-29.1c0.1,0,0.3-0.1,0.4-0.1L65,293.3L81.1,309c1.5,1.5,3.5,2.3,5.6,2.3l0.1,0  c2.2,0,4.2-0.9,5.7-2.5l15.2-15.8l30.2,12.1c0.1,0.1,0.2,0.1,0.4,0.1c0.7,0.3,18.2,6.8,18.2,29.1v20.7H54.3c-4.5,0-8.1,3.6-8.1,8.1  c0,0,0,0,0,0c0,4.5,3.6,8.1,8.1,8.1c0,0,0,0,0,0h110.3C169.1,371.3,172.7,367.6,172.7,363.1L172.7,363.1z M132.3,222.1  c0.3,0.1,0.6,0.2,0.9,0.2c1.2,1.2,1.8,2.8,1.8,4.5c0,2.1-1,4.1-2.7,5.3L132.3,222.1L132.3,222.1z M41.3,232.3c-1.9-1.2-3-3.3-3-5.5  c0-1.7,0.6-3.2,1.6-4.3c0.5-0.1,0.9-0.2,1.3-0.3V232.3z M49.4,199.7L49.4,199.7c-0.3,0-0.6,0-0.9,0c-0.1,0-0.1,0-0.2,0  c-0.2,0-0.4,0.1-0.6,0.1c-0.1,0-0.2,0.1-0.3,0.1c-0.2,0-0.3,0.1-0.5,0.1c-0.1,0-0.1,0-0.2,0.1v-5.2c0-21,17.1-38,38-38h3.8  c21,0,38,17.1,38,38v5.1c-0.1,0-0.3-0.1-0.4-0.1c-0.1,0-0.1,0-0.2-0.1c-11.2-2.5-14.8-17.5-14.9-17.6c-0.7-3.1-3.2-5.5-6.3-6.1  c-3.1-0.6-6.3,0.6-8.2,3.2C82.2,199.4,49.8,199.7,49.4,199.7L49.4,199.7z M95.4,282.5l-8.9,9.2l-8.4-8.1v-5.5  c1.6,0.2,3.3,0.3,5,0.3h7.3c1.7,0,3.3-0.1,5-0.3L95.4,282.5L95.4,282.5z M90.5,262.2h-7.3c-14.2,0-25.7-11.5-25.7-25.7v-21.2h0  c10.5-1.1,29-4.8,43.2-16.7c3.2,5.5,8.1,11.4,15.5,14.8v23.1C116.2,250.7,104.6,262.2,90.5,262.2L90.5,262.2z M483.1,290.1  l-32.2-12.9v-4.5c8.7-5.1,15.5-13.4,18.7-23.1c11.7-0.9,20.9-10.7,20.9-22.7c0-7.1-3.3-13.4-8.4-17.6v-14.3  c0-29.9-24.3-54.2-54.2-54.2h-3.8c-29.9,0-54.2,24.3-54.2,54.2v14.2c-5.2,4.2-8.5,10.6-8.5,17.7c0,12,9.4,21.9,21.2,22.7  c3.2,9.8,9.9,18,18.7,23.1v4.5l-33.1,13c-3.1,1.1-28.9,11.4-28.9,44.3v28.8c0,4.5,3.6,8.1,8.1,8.1h20.5c4.5,0,8.1-3.6,8.1-8.1  c0,0,0,0,0,0c0-4.5-3.6-8.1-8.1-8.1c0,0,0,0,0,0h-12.5v-20.7c0-22.4,17.5-28.9,18.2-29.1c0.1,0,0.2-0.1,0.4-0.1l30.3-11.9  l16.1,15.7c1.5,1.5,3.5,2.3,5.6,2.3l0.1,0c2.2,0,4.2-0.9,5.7-2.5L447,293l30.2,12.1c0.1,0.1,0.2,0.1,0.4,0.1  c0.7,0.3,18.2,6.8,18.2,29.1v20.7H393.6c-4.5,0-8.1,3.6-8.1,8.1c0,0,0,0,0,0c0,4.5,3.6,8.1,8.1,8.1c0,0,0,0,0,0h110.3  c4.5,0,8.1-3.7,8.1-8.1v-28.7C512,301.6,486.3,291.2,483.1,290.1L483.1,290.1z M471.6,222.1c0.3,0.1,0.6,0.2,0.9,0.2  c1.2,1.2,1.8,2.8,1.8,4.5c0,2.1-1,4.1-2.7,5.3L471.6,222.1L471.6,222.1z M380.5,232.3c-1.9-1.2-3-3.3-3-5.5c0-1.7,0.6-3.2,1.6-4.3  c0.5-0.1,0.9-0.2,1.3-0.3V232.3z M388.7,199.7L388.7,199.7c-0.3,0-0.6,0-0.9,0c-0.1,0-0.1,0-0.2,0c-0.2,0-0.4,0.1-0.6,0.1  c-0.1,0-0.2,0.1-0.3,0.1c-0.2,0-0.3,0.1-0.5,0.1c-0.1,0-0.1,0-0.2,0.1v-5.2c0-21,17.1-38,38-38h3.8c21,0,38,17.1,38,38v5.1  c-0.1,0-0.3-0.1-0.4-0.1c-0.1,0-0.1,0-0.2-0.1c-11.2-2.5-14.8-17.5-14.9-17.6c-0.7-3.1-3.2-5.5-6.3-6.1c-3.1-0.6-6.3,0.6-8.2,3.2  C421.5,199.4,389.1,199.7,388.7,199.7L388.7,199.7z M434.7,282.5l-8.9,9.2l-8.4-8.1v-5.5c1.6,0.2,3.3,0.3,5,0.3h7.3  c1.7,0,3.3-0.1,5-0.3V282.5L434.7,282.5z M429.7,262.2h-7.3c-14.2,0-25.7-11.5-25.7-25.7v-21.2h0c10.5-1.1,29-4.8,43.2-16.7  c3.2,5.5,8.1,11.4,15.5,14.8v23.1C455.5,250.7,443.9,262.2,429.7,262.2L429.7,262.2z M313.1,430.8l-32.2-12.9v-4.5  c8.7-5.1,15.5-13.4,18.7-23.1c11.7-0.9,20.9-10.7,20.9-22.7c0-7.1-3.3-13.4-8.4-17.6v-14.3c0-29.9-24.3-54.2-54.2-54.2h-3.8  c-29.9,0-54.2,24.3-54.2,54.2v14.2c-5.2,4.2-8.5,10.6-8.5,17.7c0,12,9.4,21.9,21.2,22.7c3.2,9.8,9.9,18,18.7,23.1v4.5l-33.1,13  c-3.1,1.1-28.9,11.4-28.9,44.3v28.8c0,4.5,3.6,8.1,8.1,8.1h20.5c4.5,0,8.1-3.6,8.1-8.1s-3.6-8.1-8.1-8.1h-12.5v-20.7  c0-22.4,17.5-28.9,18.2-29.1c0.1,0,0.3-0.1,0.4-0.1l30.3-11.9l16.1,15.7c1.5,1.5,3.5,2.3,5.6,2.3l0.1,0c2.2,0,4.2-0.9,5.7-2.5  l15.2-15.8l30.2,12.1c0.1,0.1,0.2,0.1,0.4,0.1c0.7,0.3,18.2,6.8,18.2,29.1v20.7H223.6c-4.5,0-8.1,3.6-8.1,8.1s3.6,8.1,8.1,8.1  h110.3c4.5,0,8.1-3.7,8.1-8.1v-28.7C342,442.3,316.3,432,313.1,430.8L313.1,430.8z M301.6,362.8c0.3,0.1,0.6,0.2,0.9,0.2  c1.2,1.2,1.8,2.8,1.8,4.5c0,2.1-1,4.1-2.7,5.3L301.6,362.8L301.6,362.8z M210.6,373c-1.9-1.2-3-3.3-3-5.5c0-1.7,0.6-3.2,1.6-4.3  c0.5-0.1,0.9-0.2,1.3-0.3V373z M218.7,340.4L218.7,340.4c-0.3,0-0.6,0-0.9,0c-0.1,0-0.2,0-0.3,0c-0.2,0-0.4,0-0.5,0.1  c-0.1,0-0.2,0.1-0.4,0.1c-0.1,0-0.3,0.1-0.4,0.1c-0.1,0-0.1,0-0.2,0.1v-5.2c0-21,17.1-38,38-38h3.8c21,0,38,17.1,38,38v5.1  c-0.1,0-0.3-0.1-0.4-0.1c-0.1,0-0.1,0-0.2-0.1c-11.2-2.5-14.8-17.5-14.9-17.6c-0.7-3.1-3.2-5.5-6.3-6.1c-3.1-0.6-6.3,0.6-8.2,3.2  C251.5,340.2,219.1,340.4,218.7,340.4L218.7,340.4z M264.7,423.2l-8.9,9.2l-8.4-8.1v-5.5c1.6,0.2,3.3,0.3,5,0.3h7.3  c1.7,0,3.3-0.1,5-0.3V423.2L264.7,423.2z M259.8,402.9h-7.3c-14.2,0-25.7-11.5-25.7-25.7V356h0c10.5-1.1,29-4.8,43.2-16.7  c3.2,5.5,8.1,11.4,15.5,14.8v23.1C285.5,391.4,273.9,402.9,259.8,402.9L259.8,402.9z\"><\/path><\/g><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Learn 2x in 2 hours<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dd42dd0 e-con-full e-flex e-con e-child\" data-id=\"dd42dd0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-df57568 elementor-align-right e-transform elementor-widget elementor-widget-button\" data-id=\"df57568\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;,&quot;_transform_scale_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.0300000000000000266453525910037569701671600341796875,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Explore Our Pathways<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c030e28 elementor-align-left e-transform elementor-widget elementor-widget-button\" data-id=\"c030e28\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_transform_scale_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.0300000000000000266453525910037569701671600341796875,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Book a Campus Tour<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\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<div class=\"elementor-element elementor-element-bb37f61 e-con-full e-flex e-con e-parent\" data-id=\"bb37f61\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5d7a2ab elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"5d7a2ab\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>About Peace Academy<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tiro+Gurmukhi&family=Poppins:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n  * { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\n  body {\r\n    font-family: 'Poppins', sans-serif;\r\n    background: #ffffff;\r\n    color: #111;\r\n    overflow-x: hidden;\r\n  }\r\n\r\n  \/* BG Color Removed as requested *\/\r\n  .section-wrapper {\r\n    position: relative;\r\n    width: 100%;\r\n    background: transparent; \/* Background clear kar diya hai *\/\r\n    padding: 100px 20px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .content-center {\r\n    position: relative;\r\n    z-index: 1;\r\n    max-width: 1100px;\r\n    margin: 0 auto;\r\n    text-align: center;\r\n  }\r\n\r\n  .heading-top {\r\n    font-family: 'Tiro Gurmukhi', serif;\r\n    font-size: clamp(32px, 5vw, 54px);\r\n    font-weight: 600;\r\n    color: #111111;\r\n    line-height: 1.1;\r\n    letter-spacing: -0.5px;\r\n    margin-bottom: 8px;\r\n  }\r\n\r\n  .heading-bottom {\r\n    font-family: 'Tiro Gurmukhi', serif;\r\n    font-size: clamp(32px, 5vw, 54px);\r\n    font-weight: 600;\r\n    color: #2563FF;\r\n    line-height: 1.15;\r\n    letter-spacing: -0.5px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 12px;\r\n    flex-wrap: wrap;\r\n    margin-bottom: 40px;\r\n  }\r\n\r\n  .highlight-pill {\r\n    background: #2563FF;\r\n    color: #ffffff;\r\n    border-radius: 50px;\r\n    padding: 4px 22px 8px;\r\n    display: inline-block;\r\n  }\r\n\r\n  .info-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n    gap: 30px;\r\n    margin-top: 60px;\r\n    text-align: left;\r\n    align-items: stretch; \/* Alignment fix: Equal height cards *\/\r\n  }\r\n\r\n  \/* Base Card Style *\/\r\n  .info-card {\r\n    background: #f8faff;\r\n    padding: 40px;\r\n    border-radius: 24px;\r\n    border: 1px solid #eef2ff;\r\n    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n\r\n  .card-title {\r\n    font-family: 'Tiro Gurmukhi', serif;\r\n    font-size: 28px;\r\n    font-weight: 600;\r\n    color: #111;\r\n    margin-bottom: 15px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    transition: color 0.3s ease;\r\n  }\r\n\r\n  .card-title span {\r\n    color: #2563FF;\r\n    transition: color 0.3s ease;\r\n  }\r\n\r\n  .card-text {\r\n    font-size: 15px;\r\n    color: #555;\r\n    line-height: 1.7;\r\n    font-family: 'Poppins', sans-serif;\r\n    font-weight: 400;\r\n    transition: color 0.3s ease;\r\n  }\r\n\r\n  \/* Hover Effect *\/\r\n  .info-card:hover {\r\n    transform: translateY(-8px);\r\n    background: #2563FF;\r\n    border-color: #2563FF;\r\n    box-shadow: 0 15px 30px rgba(37, 99, 255, 0.15);\r\n  }\r\n\r\n  .info-card:hover .card-title,\r\n  .info-card:hover .card-text,\r\n  .info-card:hover .card-title span {\r\n    color: #ffffff;\r\n  }\r\n\r\n  \/* Buttons *\/\r\n  .buttons-row {\r\n    margin-top: 50px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 16px;\r\n  }\r\n\r\n  .btn-filled {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    background: #2563FF;\r\n    color: #fff;\r\n    font-family: 'Tiro Gurmukhi', serif;\r\n    font-size: 18px;\r\n    font-weight: 600;\r\n    padding: 14px 32px;\r\n    border-radius: 50px;\r\n    text-decoration: none;\r\n    border: 2px solid #2563FF;\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .btn-filled:hover {\r\n    background: #ffffff;\r\n    color: #2563FF;\r\n    border-color: #2563FF;\r\n    transform: scale(1.05);\r\n  }\r\n\r\n  .squiggle {\r\n    position: absolute;\r\n    width: 300px;\r\n    opacity: 0.4;\r\n    z-index: 0;\r\n    pointer-events: none;\r\n  }\r\n  .sq-left { top: 10%; left: -100px; }\r\n  .sq-right { bottom: 10%; right: -100px; }\r\n\r\n  \/* Responsive Design *\/\r\n  @media (max-width: 1024px) {\r\n    .info-grid { grid-template-columns: repeat(2, 1fr); }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .info-grid { grid-template-columns: 1fr; }\r\n    .info-card { padding: 30px; }\r\n    .heading-bottom { gap: 5px; }\r\n    .section-wrapper { padding: 60px 20px; }\r\n  }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"section-wrapper\">\r\n  \r\n  <svg class=\"squiggle sq-left\" viewBox=\"0 0 200 200\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n    <path fill=\"#2563FF\" d=\"M44.7,-76.4C58.8,-69.2,71.8,-59.1,79.6,-45.8C87.4,-32.5,90,-16.3,88.5,-0.9C86.9,14.6,81.3,29.1,73.1,42.4C64.9,55.7,54,67.7,40.5,74.1C27.1,80.5,13.5,81.3,-0.5,82.1C-14.5,82.9,-29,83.7,-42.6,77.6C-56.2,71.5,-68.9,58.5,-77.1,43.6C-85.3,28.8,-89,14.4,-88.4,0.3C-87.9,-13.8,-83.1,-27.6,-75.4,-40.4C-67.7,-53.2,-57.1,-65,-44.1,-72.7C-31.1,-80.4,-15.5,-84,0.4,-84.7C16.3,-85.4,30.6,-83.5,44.7,-76.4Z\" transform=\"translate(100 100)\" opacity=\"0.05\"\/>\r\n  <\/svg>\r\n\r\n  <div class=\"content-center\">\r\n    \r\n    <h1 class=\"heading-top\">Welcome to<\/h1>\r\n    <div class=\"heading-bottom\">\r\n      <span class=\"plain-text\">Peace<\/span>\r\n      <span class=\"highlight-pill\">Academy<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"info-grid\">\r\n      <div class=\"info-card\">\r\n        <h3 class=\"card-title\"><span>01.<\/span> About Us<\/h3>\r\n        <p class=\"card-text\">\r\n          We offer a unique educational experience, combining personalized learning, work-based experiences, community service, advanced academic opportunities, religious education, and non-profit involvement to foster well-rounded students and future leaders.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"info-card\">\r\n        <h3 class=\"card-title\"><span>02.<\/span> Our Mission<\/h3>\r\n        <p class=\"card-text\">\r\n          To cultivate academic excellence in a nurturing environment for the purpose of guiding students to become global leaders and ambassadors that espouse and spread Islamic beliefs via their service of humanity.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"info-card\">\r\n        <h3 class=\"card-title\"><span>03.<\/span> Our Vision<\/h3>\r\n        <p class=\"card-text\">\r\n          Establish a distinguished school that serves its community for many generations through excellence, faith, and dedicated service.\r\n        <\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"buttons-row\">\r\n      <a href=\"#\" class=\"btn-filled\">Enroll Now \u2014 Join Our Community<\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <svg class=\"squiggle sq-right\" viewBox=\"0 0 200 200\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n    <path fill=\"#2563FF\" d=\"M44.7,-76.4C58.8,-69.2,71.8,-59.1,79.6,-45.8C87.4,-32.5,90,-16.3,88.5,-0.9C86.9,14.6,81.3,29.1,73.1,42.4C64.9,55.7,54,67.7,40.5,74.1C27.1,80.5,13.5,81.3,-0.5,82.1C-14.5,82.9,-29,83.7,-42.6,77.6C-56.2,71.5,-68.9,58.5,-77.1,43.6C-85.3,28.8,-89,14.4,-88.4,0.3C-87.9,-13.8,-83.1,-27.6,-75.4,-40.4C-67.7,-53.2,-57.1,-65,-44.1,-72.7C-31.1,-80.4,-15.5,-84,0.4,-84.7C16.3,-85.4,30.6,-83.5,44.7,-76.4Z\" transform=\"translate(100 100)\" opacity=\"0.05\"\/>\r\n  <\/svg>\r\n\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cba5cfb e-con-full e-flex e-con e-parent\" data-id=\"cba5cfb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9460d18 elementor-widget elementor-widget-html\" data-id=\"9460d18\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.partners-premium{\r\n  --blue:#0043EF;\r\n  --cyan:#00E5FF;\r\n  --gold:#D4A843;\r\n\r\n  position:relative;\r\n  overflow:hidden;\r\n\r\n  padding:140px 24px;\r\n\r\n  background:\r\n    radial-gradient(circle at top left, rgba(0,229,255,0.18), transparent 45%),\r\n    radial-gradient(circle at bottom right, rgba(212,168,67,0.18), transparent 45%),\r\n    linear-gradient(135deg, #001B6B, #0043EF);\r\n}\r\n\r\n\/* floating glow *\/\r\n.partners-premium::before,\r\n.partners-premium::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  width:600px;\r\n  height:600px;\r\n  border-radius:50%;\r\n  filter:blur(80px);\r\n  opacity:0.45;\r\n  animation:floatGlow 10s ease-in-out infinite;\r\n}\r\n\r\n.partners-premium::before{\r\n  background:rgba(0,229,255,0.5);\r\n  top:-250px;\r\n  left:-250px;\r\n}\r\n\r\n.partners-premium::after{\r\n  background:rgba(212,168,67,0.35);\r\n  bottom:-250px;\r\n  right:-250px;\r\n  animation-delay:2s;\r\n}\r\n\r\n@keyframes floatGlow{\r\n  0%,100%{transform:translateY(0) scale(1);}\r\n  50%{transform:translateY(30px) scale(1.05);}\r\n}\r\n\r\n.partners-wrapper{\r\n  max-width:1200px;\r\n  margin:0 auto;\r\n  position:relative;\r\n  z-index:2;\r\n}\r\n\r\n\/* HEADER CARD (LIKE CTA STYLE) *\/\r\n.partners-header{\r\n  text-align:center;\r\n\r\n  background:rgba(255,255,255,0.08);\r\n  border:1px solid rgba(255,255,255,0.18);\r\n  backdrop-filter: blur(20px);\r\n\r\n  padding:70px 50px;\r\n  border-radius:40px;\r\n\r\n  box-shadow:0 40px 100px rgba(0,0,0,0.35);\r\n  margin-bottom:60px;\r\n}\r\n\r\n.partner-pill{\r\n  display:inline-flex;\r\n  gap:10px;\r\n  align-items:center;\r\n\r\n  padding:12px 20px;\r\n  border-radius:100px;\r\n\r\n  font-family:Poppins;\r\n  font-size:12px;\r\n  font-weight:800;\r\n  letter-spacing:2px;\r\n  text-transform:uppercase;\r\n\r\n  color:#fff;\r\n  background:rgba(255,255,255,0.12);\r\n  border:1px solid rgba(255,255,255,0.25);\r\n\r\n  margin-bottom:25px;\r\n}\r\n\r\n.partner-main-title{\r\n  font-family:'Tiro Gurmukhi', serif;\r\n  font-size:clamp(38px,5vw,64px);\r\n  line-height:1.15;\r\n  color:#fff;\r\n  margin-bottom:20px;\r\n}\r\n\r\n.partner-main-title span{\r\n  color:var(--cyan);\r\n}\r\n\r\n.partner-main-desc{\r\n  max-width:800px;\r\n  margin:0 auto;\r\n  font-family:Poppins;\r\n  font-size:18px;\r\n  line-height:1.8;\r\n  color:rgba(255,255,255,0.85);\r\n}\r\n\r\n\/* FEATURE BOX *\/\r\n.partner-feature-box{\r\n  background:rgba(255,255,255,0.06);\r\n  border:1px solid rgba(255,255,255,0.15);\r\n  backdrop-filter: blur(20px);\r\n\r\n  padding:70px 50px;\r\n  border-radius:40px;\r\n\r\n  box-shadow:0 30px 90px rgba(0,0,0,0.35);\r\n}\r\n\r\n\/* LOGO SLIDER *\/\r\n.logo-slider{\r\n  overflow:hidden;\r\n  margin-bottom:60px;\r\n}\r\n\r\n.logo-track{\r\n  display:flex;\r\n  width:max-content;\r\n  animation:scroll 22s linear infinite;\r\n}\r\n\r\n.logo-slider:hover .logo-track{\r\n  animation-play-state:paused;\r\n}\r\n\r\n@keyframes scroll{\r\n  from{transform:translateX(0);}\r\n  to{transform:translateX(-50%);}\r\n}\r\n\r\n\/* BIG PREMIUM LOGOS *\/\r\n.logo-item{\r\n  width:300px;\r\n  height:150px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  margin-right:45px;\r\n  flex-shrink:0;\r\n\r\n  background:rgba(255,255,255,0.08);\r\n  border:1px solid rgba(255,255,255,0.15);\r\n  border-radius:24px;\r\n\r\n  transition:0.3s ease;\r\n}\r\n\r\n.logo-item:hover{\r\n  transform:translateY(-6px);\r\n  background:rgba(255,255,255,0.12);\r\n}\r\n\r\n.logo-item img{\r\n  max-width:240px;\r\n  max-height:120px;\r\n  object-fit:contain;\r\n}\r\n\r\n\/* INFO GRID *\/\r\n.partner-info-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(3,1fr);\r\n  gap:24px;\r\n}\r\n\r\n.partner-info-card{\r\n  background:rgba(255,255,255,0.08);\r\n  border:1px solid rgba(255,255,255,0.15);\r\n  border-radius:28px;\r\n\r\n  padding:30px;\r\n  color:#fff;\r\n\r\n  transition:0.3s ease;\r\n}\r\n\r\n.partner-info-card:hover{\r\n  transform:translateY(-8px);\r\n  background:rgba(255,255,255,0.12);\r\n}\r\n\r\n.partner-info-icon{\r\n  width:56px;\r\n  height:56px;\r\n  border-radius:18px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  background:rgba(0,229,255,0.15);\r\n  color:#00E5FF;\r\n\r\n  margin-bottom:20px;\r\n}\r\n\r\n.partner-info-title{\r\n  font-family:Poppins;\r\n  font-size:18px;\r\n  font-weight:700;\r\n  margin-bottom:10px;\r\n}\r\n\r\n.partner-info-desc{\r\n  font-family:Poppins;\r\n  font-size:14px;\r\n  line-height:1.7;\r\n  color:rgba(255,255,255,0.8);\r\n}\r\n\r\n\/* CTA *\/\r\n.partner-bottom-cta{\r\n  margin-top:50px;\r\n  text-align:center;\r\n}\r\n\r\n.partner-btn{\r\n  display:inline-flex;\r\n  gap:12px;\r\n  align-items:center;\r\n\r\n  padding:18px 38px;\r\n  border-radius:100px;\r\n\r\n  background:#fff;\r\n  color:#0043EF;\r\n\r\n  font-family:Poppins;\r\n  font-weight:800;\r\n  text-decoration:none;\r\n\r\n  transition:0.3s ease;\r\n}\r\n\r\n.partner-btn:hover{\r\n  transform:translateY(-6px);\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media(max-width:991px){\r\n\r\n  .partners-header,\r\n  .partner-feature-box{\r\n    padding:50px 22px;\r\n    border-radius:28px;\r\n  }\r\n\r\n  .partner-info-grid{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .logo-item{\r\n    width:70vw;\r\n    height:120px;\r\n    margin-right:20px;\r\n  }\r\n\r\n  .logo-item img{\r\n    max-width:160px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"partners-premium\">\r\n\r\n  <div class=\"partners-wrapper\">\r\n\r\n    <!-- HEADER -->\r\n    <div class=\"partners-header\">\r\n\r\n      <div class=\"partner-pill\">\r\n        <i class=\"fa-solid fa-building-columns\"><\/i>\r\n        Trusted Education Network\r\n      <\/div>\r\n\r\n      <h2 class=\"partner-main-title\">\r\n        Partnered With Leading<br>\r\n        <span>Educational Institutions<\/span>\r\n      <\/h2>\r\n\r\n      <p class=\"partner-main-desc\">\r\n        We collaborate with recognized schools and academic institutions to ensure\r\n        students receive structured learning, university pathways, and real-world readiness.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n    <!-- FEATURE -->\r\n    <div class=\"partner-feature-box\">\r\n\r\n      <!-- LOGO SLIDER -->\r\n      <div class=\"logo-slider\">\r\n        <div class=\"logo-track\">\r\n\r\n          <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/peacebyp.site\/wp-content\/uploads\/2026\/05\/Seal_of_the_University_of_Central_Florida.svg.png\"><\/div>\r\n          <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/peacebyp.site\/wp-content\/uploads\/2026\/05\/University_of_Florida_seal.svg.png\"><\/div>\r\n          <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/peacebyp.site\/wp-content\/uploads\/2026\/05\/Florida-Virtual-School-Logo-XL.png\"><\/div>\r\n          <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/peacebyp.site\/wp-content\/uploads\/2026\/05\/Seal_of_Valencia_College.svg.png\"><\/div>\r\n          <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/peacebyp.site\/wp-content\/uploads\/2026\/05\/Florida_State_University_seal.svg.png\"><\/div>\r\n\r\n          <!-- duplicate -->\r\n          <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/peacebyp.site\/wp-content\/uploads\/2026\/05\/Seal_of_the_University_of_Central_Florida.svg.png\"><\/div>\r\n          <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/peacebyp.site\/wp-content\/uploads\/2026\/05\/University_of_Florida_seal.svg.png\"><\/div>\r\n          <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/peacebyp.site\/wp-content\/uploads\/2026\/05\/Florida-Virtual-School-Logo-XL.png\"><\/div>\r\n          <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/peacebyp.site\/wp-content\/uploads\/2026\/05\/Seal_of_Valencia_College.svg.png\"><\/div>\r\n          <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/peacebyp.site\/wp-content\/uploads\/2026\/05\/Florida_State_University_seal.svg.png\"><\/div>\r\n\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- INFO -->\r\n      <div class=\"partner-info-grid\">\r\n\r\n        <div class=\"partner-info-card\">\r\n          <div class=\"partner-info-icon\"><i class=\"fa-solid fa-graduation-cap\"><\/i><\/div>\r\n          <div class=\"partner-info-title\">Academic Excellence<\/div>\r\n          <div class=\"partner-info-desc\">Structured education pathways focused on university readiness.<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"partner-info-card\">\r\n          <div class=\"partner-info-icon\"><i class=\"fa-solid fa-shield-halved\"><\/i><\/div>\r\n          <div class=\"partner-info-title\">Trusted Institutions<\/div>\r\n          <div class=\"partner-info-desc\">Recognized schools ensuring safety and credibility.<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"partner-info-card\">\r\n          <div class=\"partner-info-icon\"><i class=\"fa-solid fa-earth-americas\"><\/i><\/div>\r\n          <div class=\"partner-info-title\">Future Ready<\/div>\r\n          <div class=\"partner-info-desc\">Prepares students for global education and careers.<\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"partner-bottom-cta\">\r\n        <a href=\"#\" class=\"partner-btn\">\r\n          Explore Partner Schools\r\n        <\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7a6e26d e-con-full e-flex e-con e-parent\" data-id=\"7a6e26d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ecddb04 elementor-widget elementor-widget-html\" data-id=\"ecddb04\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Peace Academy | Ultra Premium Grid<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tiro+Gurmukhi&family=Poppins:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n  * { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\n  body {\r\n    font-family: 'Poppins', sans-serif;\r\n    background: #ffffff;\r\n    color: #1a1a1a;\r\n    -webkit-font-smoothing: antialiased;\r\n  }\r\n\r\n  \/* UNIQUE CLASS: Ab ye color kisi aur section ko disturb nahi karega *\/\r\n  .features-section-wrapper {\r\n    position: relative;\r\n    width: 100%;\r\n    background: #f1f4ff; \/* Aapka original background color yahan mehfooz hai *\/\r\n    padding: 140px 24px;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .container {\r\n    max-width: 1300px;\r\n    width: 100%;\r\n    margin: 0 auto;\r\n    text-align: center;\r\n  }\r\n\r\n  \/* Header Section *\/\r\n  .header-block {\r\n    margin-bottom: 80px;\r\n    opacity: 0;\r\n    transform: translateY(20px);\r\n    animation: fadeInUp 0.8s forwards;\r\n  }\r\n\r\n  @keyframes fadeInUp {\r\n    to { opacity: 1; transform: translateY(0); }\r\n  }\r\n\r\n  .main-title {\r\n    font-family: 'Tiro Gurmukhi', serif;\r\n    font-size: clamp(38px, 5vw, 56px);\r\n    font-weight: 600;\r\n    color: #111;\r\n    line-height: 1.2;\r\n    margin-bottom: 25px;\r\n    letter-spacing: -1px;\r\n  }\r\n\r\n  .main-title span {\r\n    color: #2563FF;\r\n    position: relative;\r\n    display: inline-block;\r\n  }\r\n\r\n  .main-description {\r\n    max-width: 850px;\r\n    margin: 0 auto;\r\n    font-size: 16px;\r\n    color: #555;\r\n    line-height: 1.8;\r\n    font-weight: 400;\r\n  }\r\n\r\n  \/* Grid Setup *\/\r\n  .features-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 25px;\r\n    width: 100%;\r\n    align-items: stretch;\r\n  }\r\n\r\n  \/* Premium Card Design *\/\r\n  .feature-card {\r\n    background: #ffffff;\r\n    padding: 60px 35px;\r\n    border-radius: 40px 40px 40px 0px; \r\n    text-align: left;\r\n    position: relative;\r\n    overflow: hidden;\r\n    transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);\r\n    border: 1px solid rgba(37, 99, 255, 0.06);\r\n    display: flex;\r\n    flex-direction: column;\r\n    min-height: 400px;\r\n    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.02);\r\n    opacity: 0;\r\n    transform: translateY(30px);\r\n    animation: fadeInUp 0.8s forwards;\r\n  }\r\n\r\n  .feature-card:nth-child(1) { animation-delay: 0.2s; }\r\n  .feature-card:nth-child(2) { animation-delay: 0.3s; }\r\n  .feature-card:nth-child(3) { animation-delay: 0.4s; }\r\n  .feature-card:nth-child(4) { animation-delay: 0.5s; }\r\n\r\n  .hover-overlay {\r\n    position: absolute;\r\n    bottom: -100%; \r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: #2563FF; \r\n    transition: bottom 0.6s cubic-bezier(0.7, 0, 0.2, 1);\r\n    z-index: 1;\r\n  }\r\n\r\n  .card-content {\r\n    position: relative;\r\n    z-index: 3;\r\n    height: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    flex: 1;\r\n  }\r\n\r\n  .icon-wrapper {\r\n    width: 56px;\r\n    height: 56px;\r\n    background: #f0f4ff;\r\n    border-radius: 16px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-bottom: 35px;\r\n    transition: all 0.5s ease;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .icon-wrapper svg {\r\n    width: 26px;\r\n    height: 26px;\r\n    color: #2563FF;\r\n    transition: all 0.5s ease;\r\n  }\r\n\r\n  .card-heading {\r\n    font-family: 'Tiro Gurmukhi', serif;\r\n    font-size: 26px;\r\n    color: #111;\r\n    font-weight: 600;\r\n    line-height: 1.3;\r\n    margin-bottom: 22px;\r\n    transition: color 0.4s ease;\r\n  }\r\n\r\n  .card-body {\r\n    font-size: 14px;\r\n    color: #666;\r\n    line-height: 1.8;\r\n    transition: color 0.4s ease;\r\n    margin-top: auto;\r\n  }\r\n\r\n  \/* Hover Effects *\/\r\n  .feature-card:hover {\r\n    transform: translateY(-15px) scale(1.02);\r\n    box-shadow: 0 40px 70px -15px rgba(37, 99, 255, 0.25);\r\n    border-color: #2563FF;\r\n  }\r\n\r\n  .feature-card:hover .hover-overlay { bottom: 0; }\r\n  .feature-card:hover .card-heading, \r\n  .feature-card:hover .card-body { color: #ffffff; }\r\n  .feature-card:hover .icon-wrapper { background: rgba(255, 255, 255, 0.2); transform: rotate(5deg); }\r\n  .feature-card:hover .icon-wrapper svg { color: #ffffff; transform: scale(1.1); }\r\n\r\n  \/* Responsive Design *\/\r\n  @media (max-width: 1200px) {\r\n    .features-grid { grid-template-columns: repeat(2, 1fr); gap: 30px; }\r\n  }\r\n\r\n  @media (max-width: 650px) {\r\n    .features-grid { grid-template-columns: 1fr; }\r\n    .features-section-wrapper { padding: 100px 20px; }\r\n    .main-title { font-size: 32px; }\r\n  }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"features-section-wrapper\">\r\n  <div class=\"container\">\r\n    \r\n    <div class=\"header-block\">\r\n      <h1 class=\"main-title\">Empowering <span>Future Leaders<\/span><\/h1>\r\n      <p class=\"main-description\">\r\n        Offering a unique educational experience, combining academic excellence with religious guidance to foster well-rounded students and future pioneers.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"features-grid\">\r\n      \r\n      <div class=\"feature-card\">\r\n        <div class=\"hover-overlay\"><\/div>\r\n        <div class=\"card-content\">\r\n          <div class=\"icon-wrapper\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 10v6M2 10l10-5 10 5-10 5z\"\/><path d=\"M6 12v5c3 3 9 3 12 0v-5\"\/><\/svg>\r\n          <\/div>\r\n          <h2 class=\"card-heading\">Personalized Learning<\/h2>\r\n          <p class=\"card-body\">\r\n            Each student receives personalized accelerated learning pathways based on their unique capabilities.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"feature-card\">\r\n        <div class=\"hover-overlay\"><\/div>\r\n        <div class=\"card-content\">\r\n          <div class=\"icon-wrapper\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"\/><path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"\/><\/svg>\r\n          <\/div>\r\n          <h2 class=\"card-heading\">Work-based Experience<\/h2>\r\n          <p class=\"card-body\">\r\n            Opportunities allowing students to gain practical experience with local businesses and industries.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"feature-card\">\r\n        <div class=\"hover-overlay\"><\/div>\r\n        <div class=\"card-content\">\r\n          <div class=\"icon-wrapper\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"\/><\/svg>\r\n          <\/div>\r\n          <h2 class=\"card-heading\">Non-Profit Involvement<\/h2>\r\n          <p class=\"card-body\">\r\n            Onsite community clinic allows students to engage in service while exploring medical and social careers.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"feature-card\">\r\n        <div class=\"hover-overlay\"><\/div>\r\n        <div class=\"card-content\">\r\n          <div class=\"icon-wrapper\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 19.5A2.5 2.5 0 0 1 6.5 17H20\"\/><path d=\"M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z\"\/><\/svg>\r\n          <\/div>\r\n          <h2 class=\"card-heading\">Religious Education<\/h2>\r\n          <p class=\"card-body\">\r\n            Students have the opportunity to become a Hafiz(a) of the Quran and\/or Aalim(a) with excellence.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e9c1d02 e-con-full e-flex e-con e-parent\" data-id=\"e9c1d02\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-14dc5f9 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"14dc5f9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tiro+Gurmukhi&family=Poppins:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  \/* Base Section Styling *\/\r\n  .peace-study-block {\r\n    \/* Gradient Background for visual depth *\/\r\n    background: radial-gradient(circle at center, #0055ff 0%, #0047FF 60%, #0033bb 100%);\r\n    padding: 140px 24px;\r\n    width: 100%;\r\n    position: relative;\r\n    box-sizing: border-box;\r\n    overflow: hidden;\r\n  }\r\n\r\n  \/* Abstract background shapes *\/\r\n  .peace-study-block::before,\r\n  .peace-study-block::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    background: rgba(255, 255, 255, 0.05);\r\n    z-index: 1;\r\n  }\r\n\r\n  .peace-study-block::before {\r\n    width: 400px;\r\n    height: 400px;\r\n    top: -150px;\r\n    left: -100px;\r\n  }\r\n\r\n  .peace-study-block::after {\r\n    width: 600px;\r\n    height: 600px;\r\n    bottom: -250px;\r\n    right: -150px;\r\n  }\r\n\r\n  .header-content {\r\n    text-align: center;\r\n    color: white;\r\n    margin-bottom: 90px;\r\n    max-width: 1100px;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n    position: relative;\r\n    z-index: 5;\r\n  }\r\n\r\n  .header-content h2 {\r\n    font-family: 'Tiro Gurmukhi', serif; \/* Correct Font [cite: 2026-02-23] *\/\r\n    font-size: clamp(34px, 5.5vw, 56px);\r\n    font-weight: 600;\r\n    margin-bottom: 25px;\r\n    line-height: 1.15;\r\n    letter-spacing: -0.5px;\r\n  }\r\n\r\n  .header-content p {\r\n    font-family: 'Poppins', sans-serif; \/* Poppins for body text *\/\r\n    font-size: clamp(16px, 2.2vw, 19px);\r\n    line-height: 1.85;\r\n    opacity: 0.95;\r\n    font-weight: 300;\r\n  }\r\n\r\n  \/* FIXED: Grid Layout as requested *\/\r\n  .study-grid-stage {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr); \/* 3 Columns Desktop *\/\r\n    gap: 45px;\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 5;\r\n  }\r\n\r\n  \/* Advance Animation: Smooth float continuous motion *\/\r\n  @keyframes subtleFloat {\r\n    0%, 100% { transform: translateY(0); }\r\n    50% { transform: translateY(-10px); }\r\n  }\r\n\r\n  \/* Premium Card UI *\/\r\n  .study-card-pro {\r\n    background: #ffffff;\r\n    border-radius: 45px;\r\n    overflow: hidden;\r\n    position: relative;\r\n    border: 1px solid rgba(255,255,255,0.08);\r\n    transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n    box-shadow: 0 10px 25px rgba(0,0,0,0.08);\r\n    animation: subtleFloat 6s ease-in-out infinite; \/* Continuous motion *\/\r\n  }\r\n\r\n  \/* Vary animation speed for natural look *\/\r\n  .study-card-pro:nth-child(even) { animation-duration: 7s; }\r\n  .study-card-pro:nth-child(3n+1) { animation-delay: 1s; }\r\n\r\n  \/* Premium Interaction: Shine & Lift *\/\r\n  .study-card-pro:hover {\r\n    transform: translateY(-20px) scale(1.03);\r\n    box-shadow: 0 30px 60px rgba(0,0,0,0.2);\r\n    animation-play-state: paused; \/* Pause float on hover *\/\r\n  }\r\n\r\n  \/* Modern shine layer that slides on hover *\/\r\n  .study-card-pro::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: -100%;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.3), transparent);\r\n    transition: all 0.7s ease;\r\n    z-index: 10;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .study-card-pro:hover::before {\r\n    left: 100%;\r\n  }\r\n\r\n  .image-box {\r\n    width: 100%;\r\n    height: 260px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .image-box img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    transition: transform 1.2s ease;\r\n    display: block;\r\n  }\r\n\r\n  .study-card-pro:hover .image-box img {\r\n    transform: scale(1.15) rotate(1deg); \/* Advanced image zoom and rotation *\/\r\n  }\r\n\r\n  .info-box {\r\n    padding: 40px 35px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 15px;\r\n  }\r\n\r\n  .info-box h3 {\r\n    font-family: 'Tiro Gurmukhi', serif; \/* Correct Font [cite: 2026-02-23] *\/\r\n    font-size: 26px;\r\n    color: #111;\r\n    line-height: 1.3;\r\n    font-weight: 600;\r\n  }\r\n\r\n  .info-box p {\r\n    font-family: 'Poppins', sans-serif; \/* Poppins for content consistency *\/\r\n    font-size: 15px;\r\n    color: #444;\r\n    line-height: 1.75;\r\n    opacity: 0.9;\r\n    font-weight: 300;\r\n  }\r\n\r\n  \/* Tablet and Mobile Fixes *\/\r\n  @media (max-width: 1200px) {\r\n    .study-grid-stage { grid-template-columns: repeat(2, 1fr); gap: 35px; }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .peace-study-block { padding: 90px 20px; }\r\n    .header-content h2 { font-size: 36px; }\r\n    .study-grid-stage { grid-template-columns: 1fr; gap: 30px; }\r\n    .study-card-pro { max-width: 550px; margin: 0 auto; border-radius: 30px; animation: none !important; } \/* Disable animation on mobile *\/\r\n    .study-card-pro:hover { transform: translateY(-8px); }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"peace-study-block\">\r\n\r\n  <div class=\"header-content\">\r\n    <h2>Study at Peace Academy<\/h2>\r\n    <p>Offering a unique educational experience, combining personalized learning, community service, and advanced academics to foster well-rounded future leaders.<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"study-grid-stage\">\r\n\r\n    <div class=\"study-card-pro\">\r\n      <div class=\"image-box\"><img decoding=\"async\" src=\"https:\/\/peacebyp.site\/wp-content\/uploads\/2026\/02\/360_F_215242558_4UfrVW9xImuOv8v1xrjYnUaCLAtoIE4C.jpg\" alt=\"Academic\"><\/div>\r\n      <div class=\"info-box\">\r\n        <h3>Advanced Academic Curriculum<\/h3>\r\n        <p>Our curriculum offers learning tailored to each student, with real-world experience opportunities.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"study-card-pro\">\r\n      <div class=\"image-box\"><img decoding=\"async\" src=\"https:\/\/peacebyp.site\/wp-content\/uploads\/2026\/02\/islamic-studies.jpg\" alt=\"Islamic\"><\/div>\r\n      <div class=\"info-box\">\r\n        <h3>Islamic Studies<\/h3>\r\n        <p>Become a Hafiz(a) or Aalim(a) through comprehensive and immersive Quranic education.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"study-card-pro\">\r\n      <div class=\"image-box\"><img decoding=\"async\" src=\"https:\/\/peacebyp.site\/wp-content\/uploads\/2026\/02\/stem-education.webp\" alt=\"STEM\"><\/div>\r\n      <div class=\"info-box\">\r\n        <h3>STEM Learning Program<\/h3>\r\n        <p>Students also take part in STEM activities that develop critical thinking and creativity.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"study-card-pro\">\r\n      <div class=\"image-box\"><img decoding=\"async\" src=\"https:\/\/peacebyp.site\/wp-content\/uploads\/2025\/04\/extracurriculars-and-athletics.jpg\" alt=\"Athletics\"><\/div>\r\n      <div class=\"info-box\">\r\n        <h3>Extracurriculars & Athletics<\/h3>\r\n        <p>Discover talents and stay active with diverse extracurriculars and athletics.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"study-card-pro\">\r\n      <div class=\"image-box\"><img decoding=\"async\" src=\"https:\/\/peacebyp.site\/wp-content\/uploads\/2026\/02\/General_19-1024x683-1.jpg\" alt=\"Junior High\"><\/div>\r\n      <div class=\"info-box\">\r\n        <h3>Junior High School (Grades 6-8)<\/h3>\r\n        <p>Program bridges the gap with curriculum that encourages leadership, critical thinking, and social growth.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"study-card-pro\">\r\n      <div class=\"image-box\"><img decoding=\"async\" src=\"https:\/\/peacebyp.site\/wp-content\/uploads\/2026\/02\/high-school.jpg\" alt=\"High School\"><\/div>\r\n      <div class=\"info-box\">\r\n        <h3>High School (Grades 9-12)<\/h3>\r\n        <p>Offers a well-rounded curriculum with a balance of core subjects and personalized ELECTIVES.<\/p>\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-6fd0a36 e-con-full e-flex e-con e-parent\" data-id=\"6fd0a36\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7079efe elementor-widget-mobile__width-inherit elementor-widget elementor-widget-html\" data-id=\"7079efe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tiro+Gurmukhi&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  .peace-pathway-wrapper {\r\n    width: 100%;\r\n    padding: 80px 20px;\r\n    background-color: #ffffff;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    font-family: 'Tiro Gurmukhi', serif;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .pathway-inner {\r\n    max-width: 1200px;\r\n    width: 100%;\r\n    text-align: center;\r\n  }\r\n\r\n  .pathway-inner h2 {\r\n    color: #0047FF;\r\n    font-size: clamp(28px, 5vw, 48px);\r\n    font-weight: 600;\r\n    margin-bottom: 15px;\r\n  }\r\n\r\n  .pathway-inner p.subtitle {\r\n    font-size: clamp(14px, 2vw, 18px);\r\n    color: #555555;\r\n    font-weight: 600;\r\n    margin-bottom: 40px;\r\n  }\r\n\r\n  .pathway-grid {\r\n    display: flex;\r\n    gap: 24px;\r\n    justify-content: center;\r\n    align-items: stretch;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .pathway-card {\r\n    flex: 1 1 300px;\r\n    max-width: 520px;\r\n    min-width: 280px;\r\n    border-radius: 35px;\r\n    padding: 40px 32px;\r\n    text-align: left;\r\n    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n    display: flex;\r\n    flex-direction: column;\r\n    position: relative;\r\n    box-shadow: 0 20px 50px rgba(0,0,0,0.05);\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .pathway-card:hover {\r\n    transform: translateY(-15px);\r\n    box-shadow: 0 30px 60px rgba(0, 71, 255, 0.2);\r\n  }\r\n\r\n  .path-blue {\r\n    background-color: #0047FF;\r\n    color: #ffffff;\r\n  }\r\n\r\n  .path-white {\r\n    background-color: #ffffff;\r\n    color: #1a1a1a;\r\n    border: 1px solid rgba(0,0,0,0.08);\r\n  }\r\n\r\n  .pathway-card h3 {\r\n    font-size: clamp(22px, 3vw, 32px);\r\n    font-weight: 600;\r\n    line-height: 1.2;\r\n    margin: 16px 0 24px 0;\r\n  }\r\n\r\n  .pathway-card .tag {\r\n    font-size: 13px;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    opacity: 0.8;\r\n  }\r\n\r\n  .path-icon {\r\n    font-size: 36px;\r\n    margin-bottom: 8px;\r\n  }\r\n\r\n  .feature-list {\r\n    list-style: none;\r\n    margin-bottom: 32px;\r\n    flex-grow: 1;\r\n    padding: 0;\r\n  }\r\n\r\n  .feature-list li {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 10px;\r\n    margin-bottom: 14px;\r\n    font-size: clamp(14px, 1.5vw, 16px);\r\n    font-weight: 600;\r\n    line-height: 1.4;\r\n  }\r\n\r\n  .check-mark {\r\n    font-size: 16px;\r\n    flex-shrink: 0;\r\n    margin-top: 1px;\r\n  }\r\n\r\n  .path-btn {\r\n    display: inline-block;\r\n    padding: 14px 32px;\r\n    border-radius: 50px;\r\n    text-decoration: none;\r\n    font-weight: 600;\r\n    font-size: 15px;\r\n    transition: 0.3s;\r\n    text-align: center;\r\n    align-self: flex-start;\r\n  }\r\n\r\n  .path-blue .path-btn {\r\n    background-color: #ffffff;\r\n    color: #0047FF;\r\n  }\r\n\r\n  .path-white .path-btn {\r\n    background-color: #0047FF;\r\n    color: #ffffff;\r\n  }\r\n\r\n  .path-btn:hover {\r\n    transform: scale(1.05);\r\n    opacity: 0.9;\r\n  }\r\n\r\n  \/* Tablet *\/\r\n  @media (max-width: 768px) {\r\n    .peace-pathway-wrapper { padding: 60px 16px; }\r\n    .pathway-grid { flex-direction: column; align-items: center; gap: 20px; }\r\n    .pathway-card {\r\n      width: 100%;\r\n      max-width: 100%;\r\n      min-width: unset;\r\n      padding: 32px 24px;\r\n      border-radius: 24px;\r\n    }\r\n    .pathway-card:hover { transform: translateY(-8px); }\r\n  }\r\n\r\n  \/* Mobile *\/\r\n  @media (max-width: 480px) {\r\n    .peace-pathway-wrapper { padding: 48px 14px; }\r\n    .pathway-card { padding: 28px 20px; border-radius: 20px; }\r\n    .path-btn { width: 100%; text-align: center; align-self: stretch; padding: 14px 20px; }\r\n    .feature-list li { font-size: 14px; gap: 8px; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"peace-pathway-wrapper\">\r\n  <div class=\"pathway-inner\">\r\n    <h2>Choose Your Path<\/h2>\r\n    <p class=\"subtitle\">Two distinct tracks, one extraordinary foundation.<\/p>\r\n\r\n    <div class=\"pathway-grid\">\r\n\r\n      <div class=\"pathway-card path-blue\">\r\n        <div class=\"path-icon\">\ud83c\udf19<\/div>\r\n        <span class=\"tag\">Pathway 01<\/span>\r\n        <h3>The Character <br> & Faith Scholar<\/h3>\r\n        <ul class=\"feature-list\">\r\n          <li><span class=\"check-mark\">\u2611<\/span> Quranic Hifz memorization program<\/li>\r\n          <li><span class=\"check-mark\">\u2611<\/span> Islamic Studies by certified Mufti<\/li>\r\n          <li><span class=\"check-mark\">\u2611<\/span> Arabic language mastery<\/li>\r\n          <li><span class=\"check-mark\">\u2611<\/span> Elite core academics integration<\/li>\r\n          <li><span class=\"check-mark\">\u2611<\/span> Gender-separate classes (6th+)<\/li>\r\n        <\/ul>\r\n        <a href=\"#\" class=\"path-btn\">Enroll Now<\/a>\r\n      <\/div>\r\n\r\n      <div class=\"pathway-card path-white\">\r\n        <div class=\"path-icon\">\ud83c\udf93<\/div>\r\n        <span class=\"tag\">Pathway 02<\/span>\r\n        <h3>The Accelerated <br> Scholar<\/h3>\r\n        <ul class=\"feature-list\">\r\n          <li><span class=\"check-mark\">\u2611<\/span> FLVS Integration & Dual Enrollment<\/li>\r\n          <li><span class=\"check-mark\">\u2611<\/span> STEM Labs with UCF Experts<\/li>\r\n          <li><span class=\"check-mark\">\u2611<\/span> Dedicated strategic planning<\/li>\r\n          <li><span class=\"check-mark\">\u2611<\/span> Self-paced flexible track<\/li>\r\n          <li><span class=\"check-mark\">\u2611<\/span> University college credits<\/li>\r\n        <\/ul>\r\n        <a href=\"#\" class=\"path-btn\">Enroll Now<\/a>\r\n      <\/div>\r\n\r\n    <\/div>\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-77f01e5 e-flex e-con-boxed e-con e-parent\" data-id=\"77f01e5\" 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-93e2d3d elementor-widget elementor-widget-html\" data-id=\"93e2d3d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Premium STEM Section | Peace Academy<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tiro+Gurmukhi&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n  * { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\n  body {\r\n    font-family: 'Tiro Gurmukhi', serif; \/* Pure Tiro Gurmukhi font implementation [cite: 2026-02-23] *\/\r\n    background: #ffffff;\r\n    color: #1a1a1a;\r\n  }\r\n\r\n  \/* Section Wrapper *\/\r\n  .stem-premium-wrapper {\r\n    width: 100%;\r\n    padding: 120px 24px;\r\n    display: flex;\r\n    justify-content: center;\r\n    background: #ffffff;\r\n  }\r\n\r\n  .stem-container {\r\n    max-width: 1300px;\r\n    width: 100%;\r\n    display: grid;\r\n    grid-template-columns: 0.7fr 1.3fr; \/* Side content kam, cards dominant *\/\r\n    gap: 80px;\r\n    align-items: flex-start;\r\n  }\r\n\r\n  \/* Left Side: Minimal & Clean Content *\/\r\n  .stem-side-intro {\r\n    position: sticky;\r\n    top: 100px;\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n\r\n  .stem-side-intro h2 {\r\n    font-size: clamp(34px, 5vw, 54px);\r\n    line-height: 1.1;\r\n    color: #111;\r\n    font-weight: 600;\r\n    margin-bottom: 20px; \/* Reduced for proximity to description *\/\r\n  }\r\n\r\n  .stem-side-intro h2 span {\r\n    color: #2563FF; \/* Brand Blue from reference *\/\r\n    display: block;\r\n  }\r\n\r\n  \/* New Description Text *\/\r\n  .stem-description {\r\n    font-size: 18px;\r\n    line-height: 1.6;\r\n    color: #555;\r\n    margin-bottom: 35px; \/* Spacing before button *\/\r\n    max-width: 480px;\r\n  }\r\n\r\n  \/* Black Button from Image Reference *\/\r\n  .btn-enroll-now {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    background: #000000;\r\n    color: #ffffff;\r\n    padding: 18px 45px;\r\n    border-radius: 60px;\r\n    text-decoration: none;\r\n    font-size: 18px;\r\n    font-weight: 500;\r\n    width: fit-content;\r\n    transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n  }\r\n\r\n  .btn-enroll-now:hover {\r\n    background: #2563FF;\r\n    transform: translateY(-5px);\r\n    box-shadow: 0 15px 30px rgba(37, 99, 255, 0.2);\r\n  }\r\n\r\n  \/* Right Side: 4 Premium Stacked Cards *\/\r\n  .stem-cards-stack {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 24px;\r\n  }\r\n\r\n  .stem-card {\r\n    padding: 60px 50px;\r\n    border-radius: 40px;\r\n    color: #ffffff;\r\n    position: relative;\r\n    overflow: hidden;\r\n    transition: all 0.5s ease;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 15px;\r\n  }\r\n\r\n  .stem-card:hover {\r\n    transform: translateX(-15px);\r\n  }\r\n\r\n  .bg-navy { background: #0A1931; }\r\n  .bg-blue { background: #2563FF; }\r\n  .bg-mid { background: #4D82FF; }\r\n  .bg-light { background: #A3C1FF; color: #0A1931; }\r\n\r\n  .card-label {\r\n    font-size: 14px;\r\n    text-transform: uppercase;\r\n    letter-spacing: 2px;\r\n    opacity: 0.6;\r\n    font-weight: 600;\r\n  }\r\n\r\n  .stem-card h3 {\r\n    font-size: 48px;\r\n    font-weight: 600;\r\n    line-height: 1;\r\n  }\r\n\r\n  .stem-card p {\r\n    font-size: 18px;\r\n    opacity: 0.9;\r\n    max-width: 550px;\r\n    line-height: 1.6;\r\n  }\r\n\r\n  \/* Responsive Design *\/\r\n  @media (max-width: 1024px) {\r\n    .stem-container { grid-template-columns: 1fr; gap: 60px; }\r\n    .stem-side-intro { position: static; text-align: center; align-items: center; }\r\n    .stem-card:hover { transform: translateY(-10px); }\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .stem-card { padding: 40px 30px; }\r\n    .stem-card h3 { font-size: 36px; }\r\n  }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"stem-premium-wrapper\">\r\n  <div class=\"stem-container\">\r\n    \r\n    <div class=\"stem-side-intro\">\r\n      <h2>Discover Fun and Engaging <span>STEM for Kids<\/span><\/h2>\r\n      \r\n      <p class=\"stem-description\">\r\n        Our programs offer a dynamic blend of hands-on STEM activities, creative problem-solving, and interactive learning that make education exciting and meaningful.\r\n      <\/p>\r\n\r\n      <a href=\"#\" class=\"btn-enroll-now\">\r\n        Enroll Now \r\n        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <div class=\"stem-cards-stack\">\r\n      \r\n      <div class=\"stem-card bg-navy\">\r\n        <span class=\"card-label\">Expertise<\/span>\r\n        <h3>15+ Experience<\/h3>\r\n        <p>A history of interactive learning through games and real-life examples that make education exciting.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"stem-card bg-blue\">\r\n        <span class=\"card-label\">Faculty<\/span>\r\n        <h3>30+ Expert Teachers<\/h3>\r\n        <p>Our educators provide a dynamic blend of hands-on STEM activities and creative problem-solving.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"stem-card bg-mid\">\r\n        <span class=\"card-label\">Satisfaction<\/span>\r\n        <h3>97% Happy Children<\/h3>\r\n        <p>Fun challenges and STEM-based projects designed to boost confidence and teamwork.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"stem-card bg-light\">\r\n        <span class=\"card-label\">Curriculum<\/span>\r\n        <h3>20+ Learning Programs<\/h3>\r\n        <p>Age-appropriate lessons designed for active young minds for better understanding and retention.<\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e0901a5 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"e0901a5\" 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-ca3b99e elementor-widget elementor-widget-html\" data-id=\"ca3b99e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tiro+Gurmukhi&family=Inter:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  .pa-sec {\r\n    background: #ffffff;\r\n    padding: 80px 40px 90px;\r\n    font-family: 'Tiro Gurmukhi', serif;\r\n    text-align: center;\r\n  }\r\n\r\n  .pa-tag {\r\n    display: inline-block;\r\n    font-family: 'Inter', sans-serif;\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n    letter-spacing: 3px;\r\n    text-transform: uppercase;\r\n    color: #2563FF;\r\n    background: #EEF3FF;\r\n    padding: 6px 16px;\r\n    border-radius: 50px;\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .pa-title {\r\n    font-size: 42px;\r\n    font-weight: 600;\r\n    color: #2563FF;\r\n    margin-bottom: 16px;\r\n    line-height: 1.2;\r\n    font-family: 'Tiro Gurmukhi', serif;\r\n  }\r\n\r\n  .pa-desc {\r\n    font-family: 'Inter', sans-serif;\r\n    font-size: 15px;\r\n    color: #6b7280;\r\n    max-width: 560px;\r\n    margin: 0 auto 64px;\r\n    line-height: 1.75;\r\n  }\r\n\r\n  .pa-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 36px;\r\n    max-width: 1080px;\r\n    margin: 0 auto;\r\n    align-items: start;\r\n  }\r\n\r\n  .pa-card {\r\n    text-align: center;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n  }\r\n\r\n  \/* Overflow visible \u2014 block animate hokar bahar dikhe *\/\r\n  .pa-img-box {\r\n    position: relative !important;\r\n    width: 170px !important;\r\n    height: 170px !important;\r\n    margin: 0 auto 26px !important;\r\n    flex-shrink: 0;\r\n    overflow: visible !important;\r\n    display: block !important;\r\n  }\r\n\r\n  \/* Blue block \u2014 peeche z-index 0 *\/\r\n  .pa-block {\r\n    position: absolute !important;\r\n    top: 0 !important;\r\n    left: 0 !important;\r\n    width: 170px !important;\r\n    height: 170px !important;\r\n    background: #2563FF !important;\r\n    border-radius: 32px !important;\r\n    z-index: 0 !important;\r\n    transition: transform 0.45s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;\r\n    display: block !important;\r\n  }\r\n\r\n  \/* Hover \u2014 block peeche se nikal kar animate ho *\/\r\n  .pa-card:hover .pa-block {\r\n    transform: translate(18px, -18px) rotate(10deg) !important;\r\n  }\r\n\r\n  \/* Image \u2014 block ko puri tarah cover kare z-index 1 *\/\r\n  .pa-photo {\r\n    position: absolute !important;\r\n    top: 0 !important;\r\n    left: 0 !important;\r\n    width: 170px !important;\r\n    height: 170px !important;\r\n    max-width: none !important;\r\n    min-height: unset !important;\r\n    object-fit: cover !important;\r\n    object-position: center top !important;\r\n    border-radius: 28px !important;\r\n    z-index: 1 !important;\r\n    filter: grayscale(100%) !important;\r\n    transition: filter 0.45s ease !important;\r\n    display: block !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n  }\r\n\r\n  .pa-card:hover .pa-photo {\r\n    filter: grayscale(0%) !important;\r\n  }\r\n\r\n  .pa-name {\r\n    font-family: 'Tiro Gurmukhi', serif;\r\n    font-size: 20px;\r\n    font-weight: 600;\r\n    color: #0f1c3f;\r\n    margin: 0 0 5px 0;\r\n  }\r\n\r\n  .pa-degree {\r\n    font-family: 'Inter', sans-serif;\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    color: #2563FF;\r\n    letter-spacing: 1px;\r\n    text-transform: uppercase;\r\n    margin-bottom: 12px;\r\n    display: block;\r\n  }\r\n\r\n  .pa-divider {\r\n    width: 36px;\r\n    height: 2px;\r\n    background: #2563FF;\r\n    border-radius: 2px;\r\n    margin: 0 auto 12px;\r\n  }\r\n\r\n  .pa-bio {\r\n    font-family: 'Inter', sans-serif;\r\n    font-size: 13px;\r\n    color: #6b7280;\r\n    line-height: 1.7;\r\n    max-width: 200px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  @media (max-width: 860px) {\r\n    .pa-grid {\r\n      grid-template-columns: repeat(2, 1fr);\r\n      gap: 48px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 500px) {\r\n    .pa-grid { grid-template-columns: 1fr; }\r\n    .pa-title { font-size: 30px; }\r\n    .pa-sec { padding: 60px 20px; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"pa-sec\">\r\n\r\n  <span class=\"pa-tag\">Student's Trainers<\/span>\r\n  <h2 class=\"pa-title\">Experienced Teachers<\/h2>\r\n  <p class=\"pa-desc\">We are proud of our skilled team dedicated to inspiring and guiding students toward academic and personal success.<\/p>\r\n\r\n  <div class=\"pa-grid\">\r\n\r\n    <div class=\"pa-card\">\r\n      <div class=\"pa-img-box\">\r\n        <div class=\"pa-block\"><\/div>\r\n        <img decoding=\"async\" src=\"https:\/\/peacebyp.site\/wp-content\/uploads\/2026\/03\/pexels-photo-697509.webp\" alt=\"Math Teacher\" class=\"pa-photo\">\r\n      <\/div>\r\n      <p class=\"pa-name\">Math Teacher<\/p>\r\n      <span class=\"pa-degree\">PHD \u2014 Mathematics<\/span>\r\n      <div class=\"pa-divider\"><\/div>\r\n      <p class=\"pa-bio\">Passionate educator committed to inspiring students and making learning engaging and meaningful.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"pa-card\">\r\n      <div class=\"pa-img-box\">\r\n        <div class=\"pa-block\"><\/div>\r\n        <img decoding=\"async\" src=\"https:\/\/peacebyp.site\/wp-content\/uploads\/2025\/04\/uniform.jpg\" alt=\"English Teacher\" class=\"pa-photo\">\r\n      <\/div>\r\n      <p class=\"pa-name\">English Teacher<\/p>\r\n      <span class=\"pa-degree\">MS \u2014 English<\/span>\r\n      <div class=\"pa-divider\"><\/div>\r\n      <p class=\"pa-bio\">Dedicated to fostering a love for literature and effective communication skills in students.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"pa-card\">\r\n      <div class=\"pa-img-box\">\r\n        <div class=\"pa-block\"><\/div>\r\n        <img decoding=\"async\" src=\"https:\/\/peacebyp.site\/wp-content\/uploads\/2025\/04\/photo-2.jpg\" alt=\"Bio Teacher\" class=\"pa-photo\">\r\n      <\/div>\r\n      <p class=\"pa-name\">Bio Teacher<\/p>\r\n      <span class=\"pa-degree\">PHD \u2014 Zoology<\/span>\r\n      <div class=\"pa-divider\"><\/div>\r\n      <p class=\"pa-bio\">Expert in life sciences, helping students explore the wonders of the natural world deeply.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"pa-card\">\r\n      <div class=\"pa-img-box\">\r\n        <div class=\"pa-block\"><\/div>\r\n        <img decoding=\"async\" src=\"https:\/\/peacebyp.site\/wp-content\/uploads\/2026\/02\/Lerato-Letsoso.png\" alt=\"Physics Teacher\" class=\"pa-photo\">\r\n      <\/div>\r\n      <p class=\"pa-name\">Physics Teacher<\/p>\r\n      <span class=\"pa-degree\">MSc \u2014 Physics<\/span>\r\n      <div class=\"pa-divider\"><\/div>\r\n      <p class=\"pa-bio\">Specializing in making complex physical laws simple and fun for every student to grasp.<\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a69295e e-con-full e-flex e-con e-parent\" data-id=\"a69295e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-04bacf5 elementor-widget elementor-widget-html\" data-id=\"04bacf5\" 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  .ditl-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    --green: #10B981;\r\n    --green-soft: #ECFDF5;\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(--white);\r\n    padding: 110px 24px 120px;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .ditl-section::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 200px;\r\n    height: 3px;\r\n    background: linear-gradient(90deg, transparent, var(--blue), transparent);\r\n  }\r\n\r\n  .ditl-inner {\r\n    max-width: 820px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n\r\n  \/* ---------- HEADER ---------- *\/\r\n  .ditl-header {\r\n    text-align: center;\r\n    margin-bottom: 60px;\r\n  }\r\n\r\n  .ditl-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(--blue);\r\n    margin-bottom: 16px;\r\n  }\r\n\r\n  .ditl-eyebrow::before,\r\n  .ditl-eyebrow::after {\r\n    content: \"\";\r\n    width: 28px;\r\n    height: 2px;\r\n    background: var(--blue);\r\n    opacity: 0.3;\r\n  }\r\n\r\n  .ditl-heading {\r\n    font-family: var(--font-heading);\r\n    font-size: clamp(32px, 4vw, 46px);\r\n    font-weight: 600;\r\n    color: var(--blue);\r\n    line-height: 1.2;\r\n    margin-bottom: 14px;\r\n  }\r\n\r\n  .ditl-desc {\r\n    font-family: var(--font-body);\r\n    font-size: 15px;\r\n    color: var(--muted);\r\n    max-width: 560px;\r\n    margin: 0 auto;\r\n    line-height: 1.7;\r\n  }\r\n\r\n  .ditl-desc strong { color: var(--blue); }\r\n\r\n  \/* Legend *\/\r\n  .ditl-legend {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 24px;\r\n    margin-top: 22px;\r\n  }\r\n\r\n  .legend-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    font-family: var(--font-body);\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    color: var(--muted);\r\n  }\r\n\r\n  .legend-dot {\r\n    width: 10px;\r\n    height: 10px;\r\n    border-radius: 50%;\r\n  }\r\n\r\n  .legend-dot.faith { background: var(--gold); }\r\n  .legend-dot.academic { background: var(--blue); }\r\n\r\n  \/* ---------- SCHEDULE ITEMS ---------- *\/\r\n  .ditl-schedule {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 12px;\r\n  }\r\n\r\n  .schedule-block {\r\n    background: var(--white);\r\n    border: 1px solid var(--line);\r\n    border-radius: 16px;\r\n    overflow: hidden;\r\n    transition: all 0.35s ease;\r\n    position: relative;\r\n  }\r\n\r\n  .schedule-block:hover {\r\n    border-color: var(--blue-light);\r\n    box-shadow: 0 8px 24px rgba(0, 67, 239, 0.06);\r\n  }\r\n\r\n  .schedule-block.open {\r\n    border-color: var(--blue);\r\n    box-shadow: 0 12px 32px rgba(0, 67, 239, 0.1);\r\n  }\r\n\r\n  \/* Block header (always visible) *\/\r\n  .block-header {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 16px;\r\n    padding: 20px 24px;\r\n    cursor: pointer;\r\n    transition: background 0.3s ease;\r\n    user-select: none;\r\n  }\r\n\r\n  .block-header:hover {\r\n    background: var(--light);\r\n  }\r\n\r\n  .schedule-block.open .block-header {\r\n    background: var(--blue-soft);\r\n    border-bottom: 1px solid rgba(0, 67, 239, 0.1);\r\n  }\r\n\r\n  .block-icon {\r\n    width: 42px;\r\n    height: 42px;\r\n    background: var(--blue-soft);\r\n    border-radius: 12px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 18px;\r\n    color: var(--blue);\r\n    flex-shrink: 0;\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .schedule-block.open .block-icon {\r\n    background: var(--blue);\r\n    color: var(--white);\r\n  }\r\n\r\n  .block-time {\r\n    display: inline-flex;\r\n    padding: 5px 12px;\r\n    background: var(--blue-soft);\r\n    border-radius: 6px;\r\n    font-family: var(--font-body);\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    color: var(--blue);\r\n    letter-spacing: 0.3px;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .schedule-block.open .block-time {\r\n    background: var(--blue);\r\n    color: var(--white);\r\n  }\r\n\r\n  .block-title {\r\n    font-family: var(--font-body);\r\n    font-size: 15px;\r\n    font-weight: 600;\r\n    color: var(--black);\r\n    flex: 1;\r\n  }\r\n\r\n  .block-toggle {\r\n    width: 32px;\r\n    height: 32px;\r\n    background: var(--light);\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    color: var(--muted);\r\n    flex-shrink: 0;\r\n    transition: all 0.35s ease;\r\n  }\r\n\r\n  .schedule-block.open .block-toggle {\r\n    background: var(--blue);\r\n    color: var(--white);\r\n    transform: rotate(180deg);\r\n  }\r\n\r\n  \/* Block details (expandable) *\/\r\n  .block-details {\r\n    max-height: 0;\r\n    overflow: hidden;\r\n    transition: max-height 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n  }\r\n\r\n  .schedule-block.open .block-details {\r\n    max-height: 300px;\r\n  }\r\n\r\n  .block-tracks {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 16px;\r\n    padding: 20px 24px;\r\n  }\r\n\r\n  .track-card {\r\n    padding: 18px 20px;\r\n    border-radius: 12px;\r\n    border: 1px solid var(--line);\r\n  }\r\n\r\n  .track-card.faith {\r\n    background: var(--gold-soft);\r\n    border-color: rgba(212, 168, 67, 0.2);\r\n  }\r\n\r\n  .track-card.academic {\r\n    background: var(--blue-soft);\r\n    border-color: rgba(0, 67, 239, 0.1);\r\n  }\r\n\r\n  .track-label {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    font-family: var(--font-body);\r\n    font-size: 10px;\r\n    font-weight: 700;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n    margin-bottom: 8px;\r\n  }\r\n\r\n  .track-card.faith .track-label { color: #8B6D1F; }\r\n  .track-card.academic .track-label { color: var(--blue); }\r\n\r\n  .track-label i { font-size: 12px; }\r\n\r\n  .track-text {\r\n    font-family: var(--font-body);\r\n    font-size: 13px;\r\n    color: var(--ink);\r\n    line-height: 1.6;\r\n    font-weight: 400;\r\n  }\r\n\r\n  \/* Friday special block *\/\r\n  .schedule-block.friday {\r\n    border: 1px dashed var(--blue-light);\r\n    background: var(--light);\r\n  }\r\n\r\n  .schedule-block.friday .block-icon {\r\n    background: linear-gradient(135deg, var(--blue) 0%, var(--blue-light) 100%);\r\n    color: var(--white);\r\n  }\r\n\r\n  .schedule-block.friday .block-time {\r\n    background: linear-gradient(90deg, var(--blue), var(--blue-light));\r\n    color: var(--white);\r\n  }\r\n\r\n  \/* ---------- BOTTOM NOTE ---------- *\/\r\n  .ditl-note {\r\n    margin-top: 28px;\r\n    padding: 14px 22px;\r\n    background: var(--blue-soft);\r\n    border-radius: 10px;\r\n    text-align: center;\r\n    font-family: var(--font-body);\r\n    font-size: 13px;\r\n    color: var(--blue);\r\n    font-weight: 500;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 8px;\r\n  }\r\n\r\n  .ditl-note i { font-size: 16px; }\r\n\r\n  \/* ---------- RESPONSIVE ---------- *\/\r\n  @media (max-width: 600px) {\r\n    .ditl-section { padding: 80px 20px; }\r\n    .ditl-heading { font-size: 30px; }\r\n    .block-header { padding: 16px 18px; gap: 12px; }\r\n    .block-tracks { grid-template-columns: 1fr; gap: 10px; padding: 16px 18px; }\r\n    .block-icon { width: 36px; height: 36px; font-size: 16px; }\r\n    .ditl-legend { flex-direction: column; align-items: center; gap: 10px; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"ditl-section\">\r\n  <div class=\"ditl-inner\">\r\n\r\n    <!-- HEADER -->\r\n    <div class=\"ditl-header\">\r\n      <div class=\"ditl-eyebrow\">Daily Schedule<\/div>\r\n      <h2 class=\"ditl-heading\">A Day in the Life<\/h2>\r\n      <p class=\"ditl-desc\">Flexible blocks \u2014 tap any item to see <strong>Track A (Faith)<\/strong> &amp; <strong>Track B (Academic)<\/strong> details side by side.<\/p>\r\n      <div class=\"ditl-legend\">\r\n        <div class=\"legend-item\"><span class=\"legend-dot faith\"><\/span> Faith Track<\/div>\r\n        <div class=\"legend-item\"><span class=\"legend-dot academic\"><\/span> Academic Track<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- SCHEDULE -->\r\n    <div class=\"ditl-schedule\">\r\n\r\n      <!-- 1: Morning Foundations -->\r\n      <div class=\"schedule-block\">\r\n        <div class=\"block-header\" onclick=\"this.parentElement.classList.toggle('open')\">\r\n          <div class=\"block-icon\"><i class=\"fa-regular fa-sun\"><\/i><\/div>\r\n          <span class=\"block-time\">8:00 \u2013 9:00 AM<\/span>\r\n          <span class=\"block-title\">Morning Foundations<\/span>\r\n          <span class=\"block-toggle\"><i class=\"fa-solid fa-chevron-down\"><\/i><\/span>\r\n        <\/div>\r\n        <div class=\"block-details\">\r\n          <div class=\"block-tracks\">\r\n            <div class=\"track-card faith\">\r\n              <div class=\"track-label\"><i class=\"fa-solid fa-star-and-crescent\"><\/i> Faith Track<\/div>\r\n              <div class=\"track-text\">Quran recitation, morning adhkar, and spiritual grounding to start the day with purpose and peace.<\/div>\r\n            <\/div>\r\n            <div class=\"track-card academic\">\r\n              <div class=\"track-label\"><i class=\"fa-solid fa-flask\"><\/i> Academic Track<\/div>\r\n              <div class=\"track-text\">Structured morning routines, mindfulness exercises, and academic goal-setting for the day ahead.<\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- 2: Core Knowledge -->\r\n      <div class=\"schedule-block\">\r\n        <div class=\"block-header\" onclick=\"this.parentElement.classList.toggle('open')\">\r\n          <div class=\"block-icon\"><i class=\"fa-solid fa-book-open\"><\/i><\/div>\r\n          <span class=\"block-time\">9:00 \u2013 10:00 AM<\/span>\r\n          <span class=\"block-title\">Core Knowledge<\/span>\r\n          <span class=\"block-toggle\"><i class=\"fa-solid fa-chevron-down\"><\/i><\/span>\r\n        <\/div>\r\n        <div class=\"block-details\">\r\n          <div class=\"block-tracks\">\r\n            <div class=\"track-card faith\">\r\n              <div class=\"track-label\"><i class=\"fa-solid fa-star-and-crescent\"><\/i> Faith Track<\/div>\r\n              <div class=\"track-text\">Islamic studies, Seerah, and faith-integrated learning woven into core subjects.<\/div>\r\n            <\/div>\r\n            <div class=\"track-card academic\">\r\n              <div class=\"track-label\"><i class=\"fa-solid fa-flask\"><\/i> Academic Track<\/div>\r\n              <div class=\"track-text\">Mathematics, English Language Arts, and Science \u2014 aligned to IB and state standards.<\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- 3: Language Immersion -->\r\n      <div class=\"schedule-block\">\r\n        <div class=\"block-header\" onclick=\"this.parentElement.classList.toggle('open')\">\r\n          <div class=\"block-icon\"><i class=\"fa-solid fa-language\"><\/i><\/div>\r\n          <span class=\"block-time\">10:00 \u2013 11:00 AM<\/span>\r\n          <span class=\"block-title\">Language Immersion<\/span>\r\n          <span class=\"block-toggle\"><i class=\"fa-solid fa-chevron-down\"><\/i><\/span>\r\n        <\/div>\r\n        <div class=\"block-details\">\r\n          <div class=\"block-tracks\">\r\n            <div class=\"track-card faith\">\r\n              <div class=\"track-label\"><i class=\"fa-solid fa-star-and-crescent\"><\/i> Faith Track<\/div>\r\n              <div class=\"track-text\">Arabic language with Quranic vocabulary integration \u2014 building fluency through faith-based context.<\/div>\r\n            <\/div>\r\n            <div class=\"track-card academic\">\r\n              <div class=\"track-label\"><i class=\"fa-solid fa-flask\"><\/i> Academic Track<\/div>\r\n              <div class=\"track-text\">Arabic or world language instruction focused on conversational and written communication skills.<\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- 4: Mind & Movement -->\r\n      <div class=\"schedule-block\">\r\n        <div class=\"block-header\" onclick=\"this.parentElement.classList.toggle('open')\">\r\n          <div class=\"block-icon\"><i class=\"fa-solid fa-dumbbell\"><\/i><\/div>\r\n          <span class=\"block-time\">11:00 AM \u2013 12:00 PM<\/span>\r\n          <span class=\"block-title\">Mind &amp; Movement<\/span>\r\n          <span class=\"block-toggle\"><i class=\"fa-solid fa-chevron-down\"><\/i><\/span>\r\n        <\/div>\r\n        <div class=\"block-details\">\r\n          <div class=\"block-tracks\">\r\n            <div class=\"track-card faith\">\r\n              <div class=\"track-label\"><i class=\"fa-solid fa-star-and-crescent\"><\/i> Faith Track<\/div>\r\n              <div class=\"track-text\">Physical education with Islamic etiquette, salah-based stretching, and wellness practices.<\/div>\r\n            <\/div>\r\n            <div class=\"track-card academic\">\r\n              <div class=\"track-label\"><i class=\"fa-solid fa-flask\"><\/i> Academic Track<\/div>\r\n              <div class=\"track-text\">PE, sports, outdoor learning, and structured movement breaks for physical and mental wellness.<\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- 5: Deep Dive Subject Block -->\r\n      <div class=\"schedule-block\">\r\n        <div class=\"block-header\" onclick=\"this.parentElement.classList.toggle('open')\">\r\n          <div class=\"block-icon\"><i class=\"fa-solid fa-microscope\"><\/i><\/div>\r\n          <span class=\"block-time\">12:00 \u2013 2:00 PM<\/span>\r\n          <span class=\"block-title\">Deep Dive Subject Block<\/span>\r\n          <span class=\"block-toggle\"><i class=\"fa-solid fa-chevron-down\"><\/i><\/span>\r\n        <\/div>\r\n        <div class=\"block-details\">\r\n          <div class=\"block-tracks\">\r\n            <div class=\"track-card faith\">\r\n              <div class=\"track-label\"><i class=\"fa-solid fa-star-and-crescent\"><\/i> Faith Track<\/div>\r\n              <div class=\"track-text\">Extended Hifz practice, Tafseer study, and advanced Islamic scholarship sessions.<\/div>\r\n            <\/div>\r\n            <div class=\"track-card academic\">\r\n              <div class=\"track-label\"><i class=\"fa-solid fa-flask\"><\/i> Academic Track<\/div>\r\n              <div class=\"track-text\">STEM labs, project-based learning, AP\/IB coursework, and dual enrollment preparation.<\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- 6: Reflection & Responsibility -->\r\n      <div class=\"schedule-block\">\r\n        <div class=\"block-header\" onclick=\"this.parentElement.classList.toggle('open')\">\r\n          <div class=\"block-icon\"><i class=\"fa-solid fa-hands-praying\"><\/i><\/div>\r\n          <span class=\"block-time\">2:00 \u2013 3:00 PM<\/span>\r\n          <span class=\"block-title\">Reflection &amp; Responsibility<\/span>\r\n          <span class=\"block-toggle\"><i class=\"fa-solid fa-chevron-down\"><\/i><\/span>\r\n        <\/div>\r\n        <div class=\"block-details\">\r\n          <div class=\"block-tracks\">\r\n            <div class=\"track-card faith\">\r\n              <div class=\"track-label\"><i class=\"fa-solid fa-star-and-crescent\"><\/i> Faith Track<\/div>\r\n              <div class=\"track-text\">Dhuhr prayer, group reflection, character development rooted in prophetic traditions.<\/div>\r\n            <\/div>\r\n            <div class=\"track-card academic\">\r\n              <div class=\"track-label\"><i class=\"fa-solid fa-flask\"><\/i> Academic Track<\/div>\r\n              <div class=\"track-text\">Journaling, peer collaboration, community service projects, and day-end goal review.<\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- 7: Fantastic Fridays (Special) -->\r\n      <div class=\"schedule-block friday\">\r\n        <div class=\"block-header\" onclick=\"this.parentElement.classList.toggle('open')\">\r\n          <div class=\"block-icon\"><i class=\"fa-solid fa-star\"><\/i><\/div>\r\n          <span class=\"block-time\">8:00 AM \u2013 12:30 PM<\/span>\r\n          <span class=\"block-title\">Fantastic Fridays<\/span>\r\n          <span class=\"block-toggle\"><i class=\"fa-solid fa-chevron-down\"><\/i><\/span>\r\n        <\/div>\r\n        <div class=\"block-details\">\r\n          <div class=\"block-tracks\">\r\n            <div class=\"track-card faith\">\r\n              <div class=\"track-label\"><i class=\"fa-solid fa-star-and-crescent\"><\/i> Faith Track<\/div>\r\n              <div class=\"track-text\">Jumu'ah preparation, community gathering, extended Quran time, and spiritual enrichment activities.<\/div>\r\n            <\/div>\r\n            <div class=\"track-card academic\">\r\n              <div class=\"track-label\"><i class=\"fa-solid fa-flask\"><\/i> Academic Track<\/div>\r\n              <div class=\"track-text\">Clubs, electives, field trips, passion projects, and creative exploration \u2014 half-day format.<\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- BOTTOM NOTE -->\r\n    <div class=\"ditl-note\">\r\n      <i class=\"fa-solid fa-circle-info\"><\/i>\r\n      Tap any block to expand \u2014 see both tracks side by side.\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-24d3d8a e-con-full e-flex e-con e-parent\" data-id=\"24d3d8a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-54822fa elementor-widget elementor-widget-html\" data-id=\"54822fa\" 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  .compare-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    --green: #10B981;\r\n    --green-soft: #ECFDF5;\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(180deg, var(--white) 0%, var(--light) 100%);\r\n    padding: 110px 24px 120px;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .compare-section::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -100px;\r\n    left: -100px;\r\n    width: 400px;\r\n    height: 400px;\r\n    background: radial-gradient(circle, rgba(212, 168, 67, 0.05) 0%, transparent 70%);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .compare-section::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -80px;\r\n    right: -80px;\r\n    width: 400px;\r\n    height: 400px;\r\n    background: radial-gradient(circle, rgba(0, 67, 239, 0.04) 0%, transparent 70%);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .compare-inner {\r\n    max-width: 1060px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n\r\n  \/* ---------- HEADER ---------- *\/\r\n  .compare-header {\r\n    text-align: center;\r\n    margin-bottom: 60px;\r\n  }\r\n\r\n  .compare-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(--blue);\r\n    margin-bottom: 16px;\r\n  }\r\n\r\n  .compare-eyebrow::before,\r\n  .compare-eyebrow::after {\r\n    content: \"\";\r\n    width: 28px;\r\n    height: 2px;\r\n    background: var(--blue);\r\n    opacity: 0.3;\r\n  }\r\n\r\n  .compare-heading {\r\n    font-family: var(--font-heading);\r\n    font-size: clamp(30px, 4vw, 44px);\r\n    font-weight: 600;\r\n    color: var(--blue);\r\n    margin-bottom: 14px;\r\n  }\r\n\r\n  .compare-desc {\r\n    font-family: var(--font-body);\r\n    font-size: 16px;\r\n    color: var(--muted);\r\n    max-width: 580px;\r\n    margin: 0 auto;\r\n    line-height: 1.7;\r\n  }\r\n\r\n  \/* ---------- TABLE CARD ---------- *\/\r\n  .compare-table {\r\n    background: var(--white);\r\n    border-radius: 20px;\r\n    border: 1px solid var(--line);\r\n    overflow: hidden;\r\n    box-shadow: 0 10px 40px rgba(0, 67, 239, 0.06);\r\n  }\r\n\r\n  \/* Table Header *\/\r\n  .table-head {\r\n    display: grid;\r\n    grid-template-columns: 0.8fr 1fr 1fr;\r\n    background: linear-gradient(135deg, var(--blue) 0%, var(--blue-deep) 100%);\r\n    color: var(--white);\r\n    position: relative;\r\n  }\r\n\r\n  .table-head::after {\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(255,255,255,0.06) 0%, transparent 70%);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .th-cell {\r\n    padding: 22px 28px;\r\n    font-family: var(--font-body);\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.3px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    position: relative;\r\n  }\r\n\r\n  .th-cell:not(:last-child)::after {\r\n    content: '';\r\n    position: absolute;\r\n    right: 0;\r\n    top: 20%;\r\n    bottom: 20%;\r\n    width: 1px;\r\n    background: rgba(255, 255, 255, 0.12);\r\n  }\r\n\r\n  .th-cell i {\r\n    font-size: 16px;\r\n    color: var(--cyan);\r\n  }\r\n\r\n  .th-cell .track-badge {\r\n    display: inline-block;\r\n    padding: 3px 10px;\r\n    background: rgba(255, 255, 255, 0.12);\r\n    border-radius: 100px;\r\n    font-size: 10px;\r\n    font-weight: 600;\r\n    letter-spacing: 1px;\r\n    margin-left: auto;\r\n  }\r\n\r\n  \/* Table Rows *\/\r\n  .table-row {\r\n    display: grid;\r\n    grid-template-columns: 0.8fr 1fr 1fr;\r\n    border-bottom: 1px solid var(--line);\r\n    transition: all 0.3s ease;\r\n    position: relative;\r\n  }\r\n\r\n  .table-row:last-child {\r\n    border-bottom: none;\r\n  }\r\n\r\n  .table-row::before {\r\n    content: '';\r\n    position: absolute;\r\n    left: 0;\r\n    top: 0;\r\n    bottom: 0;\r\n    width: 3px;\r\n    background: var(--blue);\r\n    opacity: 0;\r\n    transition: opacity 0.3s ease;\r\n  }\r\n\r\n  .table-row:hover {\r\n    background: var(--blue-soft);\r\n  }\r\n\r\n  .table-row:hover::before {\r\n    opacity: 1;\r\n  }\r\n\r\n  .td-cell {\r\n    padding: 20px 28px;\r\n    font-family: var(--font-body);\r\n    font-size: 14px;\r\n    color: var(--ink);\r\n    line-height: 1.6;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    position: relative;\r\n  }\r\n\r\n  .td-cell:not(:last-child)::after {\r\n    content: '';\r\n    position: absolute;\r\n    right: 0;\r\n    top: 15%;\r\n    bottom: 15%;\r\n    width: 1px;\r\n    background: var(--line);\r\n  }\r\n\r\n  \/* Feature name column *\/\r\n  .td-feature {\r\n    font-weight: 700;\r\n    color: var(--black);\r\n    font-size: 14px;\r\n  }\r\n\r\n  .td-feature .feat-icon {\r\n    width: 34px;\r\n    height: 34px;\r\n    background: var(--blue-soft);\r\n    border-radius: 10px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 14px;\r\n    color: var(--blue);\r\n    flex-shrink: 0;\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .table-row:hover .feat-icon {\r\n    background: var(--blue);\r\n    color: var(--white);\r\n  }\r\n\r\n  \/* Track cell icons *\/\r\n  .td-cell .cell-icon {\r\n    width: 26px;\r\n    height: 26px;\r\n    border-radius: 6px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 11px;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .td-cell .cell-icon.faith {\r\n    background: var(--gold-soft);\r\n    color: var(--gold);\r\n  }\r\n\r\n  .td-cell .cell-icon.academic {\r\n    background: var(--blue-soft);\r\n    color: var(--blue);\r\n  }\r\n\r\n  \/* Merged row (Schedule Flexibility) *\/\r\n  .table-row.merged {\r\n    background: var(--light);\r\n  }\r\n\r\n  .table-row.merged .td-cell.merged-cell {\r\n    grid-column: 2 \/ -1;\r\n    border-left: none;\r\n    color: var(--muted);\r\n    font-style: italic;\r\n  }\r\n\r\n  .table-row.merged .td-cell.merged-cell .cell-icon {\r\n    background: var(--green-soft);\r\n    color: var(--green);\r\n  }\r\n\r\n  \/* ---------- BOTTOM SECTION ---------- *\/\r\n  .compare-bottom {\r\n    margin-top: 32px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 18px;\r\n    align-items: center;\r\n  }\r\n\r\n  \/* Tags row *\/\r\n  .compare-tags {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n    gap: 10px;\r\n  }\r\n\r\n  .compare-tag {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    padding: 7px 16px;\r\n    background: var(--white);\r\n    border: 1px solid var(--line);\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: var(--ink);\r\n    transition: all 0.3s ease;\r\n    cursor: default;\r\n  }\r\n\r\n  .compare-tag i {\r\n    font-size: 12px;\r\n    color: var(--blue);\r\n  }\r\n\r\n  .compare-tag:hover {\r\n    border-color: var(--blue);\r\n    background: var(--blue-soft);\r\n    color: var(--blue);\r\n  }\r\n\r\n  \/* Shared note *\/\r\n  .compare-note {\r\n    padding: 14px 24px;\r\n    background: var(--gold-soft);\r\n    border: 1px solid rgba(212, 168, 67, 0.2);\r\n    border-radius: 10px;\r\n    font-family: var(--font-body);\r\n    font-size: 13px;\r\n    color: #8B6D1F;\r\n    font-weight: 500;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    text-align: center;\r\n  }\r\n\r\n  .compare-note i {\r\n    font-size: 16px;\r\n    color: var(--gold);\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  \/* ---------- RESPONSIVE ---------- *\/\r\n  @media (max-width: 800px) {\r\n    .table-head,\r\n    .table-row {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .th-cell:not(:first-child),\r\n    .td-cell:not(:first-child) {\r\n      padding-left: 60px;\r\n    }\r\n\r\n    .td-cell::after { display: none; }\r\n    .th-cell::after { display: none; }\r\n\r\n    .td-feature { background: var(--light); }\r\n\r\n    .table-row.merged .td-cell.merged-cell {\r\n      grid-column: auto;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .compare-section { padding: 80px 20px; }\r\n    .compare-heading { font-size: 28px; }\r\n    .td-cell { padding: 14px 20px; font-size: 13px; }\r\n    .th-cell { padding: 16px 20px; }\r\n    .compare-tags { gap: 6px; }\r\n    .compare-tag { padding: 5px 12px; font-size: 11px; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"compare-section\">\r\n  <div class=\"compare-inner\">\r\n\r\n    <!-- HEADER -->\r\n    <div class=\"compare-header\">\r\n      <div class=\"compare-eyebrow\">Side by Side<\/div>\r\n      <h2 class=\"compare-heading\">Track Comparison at a Glance<\/h2>\r\n      <p class=\"compare-desc\">Faith-Integrated vs. Accelerated Secular \u2014 which path fits your child's journey? Clear side-by-side view.<\/p>\r\n    <\/div>\r\n\r\n    <!-- TABLE -->\r\n    <div class=\"compare-table\">\r\n\r\n      <!-- Header Row -->\r\n      <div class=\"table-head\">\r\n        <div class=\"th-cell\"><i class=\"fa-solid fa-list-check\"><\/i> Features<\/div>\r\n        <div class=\"th-cell\"><i class=\"fa-solid fa-star-and-crescent\"><\/i> Track A: Character &amp; Faith <span class=\"track-badge\">A<\/span><\/div>\r\n        <div class=\"th-cell\"><i class=\"fa-solid fa-flask\"><\/i> Track B: Accelerated Secular <span class=\"track-badge\">B<\/span><\/div>\r\n      <\/div>\r\n\r\n      <!-- Row 1: Core Identity -->\r\n      <div class=\"table-row\">\r\n        <div class=\"td-cell td-feature\">\r\n          <span class=\"feat-icon\"><i class=\"fa-solid fa-fingerprint\"><\/i><\/span> Core Identity\r\n        <\/div>\r\n        <div class=\"td-cell\">\r\n          <span class=\"cell-icon faith\"><i class=\"fa-solid fa-book-quran\"><\/i><\/span>\r\n          Quranic integration, Islamic Studies with Mufti\r\n        <\/div>\r\n        <div class=\"td-cell\">\r\n          <span class=\"cell-icon academic\"><i class=\"fa-solid fa-graduation-cap\"><\/i><\/span>\r\n          FLVS \/ Dual Enrollment, college prep focus\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Row 2: Languages -->\r\n      <div class=\"table-row\">\r\n        <div class=\"td-cell td-feature\">\r\n          <span class=\"feat-icon\"><i class=\"fa-solid fa-language\"><\/i><\/span> Languages\r\n        <\/div>\r\n        <div class=\"td-cell\">\r\n          <span class=\"cell-icon faith\"><i class=\"fa-solid fa-mosque\"><\/i><\/span>\r\n          Arabic (Quranic &amp; Modern Standard)\r\n        <\/div>\r\n        <div class=\"td-cell\">\r\n          <span class=\"cell-icon academic\"><i class=\"fa-solid fa-globe\"><\/i><\/span>\r\n          Spanish (conversational &amp; academic)\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Row 3: STEM -->\r\n      <div class=\"table-row\">\r\n        <div class=\"td-cell td-feature\">\r\n          <span class=\"feat-icon\"><i class=\"fa-solid fa-atom\"><\/i><\/span> STEM Approach\r\n        <\/div>\r\n        <div class=\"td-cell\">\r\n          <span class=\"cell-icon faith\"><i class=\"fa-solid fa-microscope\"><\/i><\/span>\r\n          Faith-integrated science + PLTW Labs\r\n        <\/div>\r\n        <div class=\"td-cell\">\r\n          <span class=\"cell-icon academic\"><i class=\"fa-solid fa-dna\"><\/i><\/span>\r\n          Advanced STEM with UCF Biotechnologist, research\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Row 4: Mentorship -->\r\n      <div class=\"table-row\">\r\n        <div class=\"td-cell td-feature\">\r\n          <span class=\"feat-icon\"><i class=\"fa-solid fa-people-arrows\"><\/i><\/span> Mentorship\r\n        <\/div>\r\n        <div class=\"td-cell\">\r\n          <span class=\"cell-icon faith\"><i class=\"fa-solid fa-hands-praying\"><\/i><\/span>\r\n          Spiritual &amp; character mentorship\r\n        <\/div>\r\n        <div class=\"td-cell\">\r\n          <span class=\"cell-icon academic\"><i class=\"fa-solid fa-compass\"><\/i><\/span>\r\n          Academic advising &amp; career pathways\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Row 5: Deep Dive -->\r\n      <div class=\"table-row\">\r\n        <div class=\"td-cell td-feature\">\r\n          <span class=\"feat-icon\"><i class=\"fa-solid fa-bullseye\"><\/i><\/span> Deep Dive Focus\r\n        <\/div>\r\n        <div class=\"td-cell\">\r\n          <span class=\"cell-icon faith\"><i class=\"fa-solid fa-heart\"><\/i><\/span>\r\n          Faith &amp; identity reflection + portfolio\r\n        <\/div>\r\n        <div class=\"td-cell\">\r\n          <span class=\"cell-icon academic\"><i class=\"fa-solid fa-trophy\"><\/i><\/span>\r\n          Competitive exam prep &amp; dual enrollment credits\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Row 6: Schedule Flexibility (Merged) -->\r\n      <div class=\"table-row merged\">\r\n        <div class=\"td-cell td-feature\">\r\n          <span class=\"feat-icon\"><i class=\"fa-solid fa-clock\"><\/i><\/span> Schedule Flexibility\r\n        <\/div>\r\n        <div class=\"td-cell merged-cell\">\r\n          <span class=\"cell-icon\" style=\"background:#ECFDF5; color:#10B981;\"><i class=\"fa-solid fa-arrows-left-right\"><\/i><\/span>\r\n          Same flexible blocks, track-specific content for both pathways\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- BOTTOM -->\r\n    <div class=\"compare-bottom\">\r\n\r\n      <div class=\"compare-tags\">\r\n        <span class=\"compare-tag\"><i class=\"fa-solid fa-fingerprint\"><\/i> Core Identity<\/span>\r\n        <span class=\"compare-tag\"><i class=\"fa-solid fa-language\"><\/i> Languages<\/span>\r\n        <span class=\"compare-tag\"><i class=\"fa-solid fa-atom\"><\/i> STEM<\/span>\r\n        <span class=\"compare-tag\"><i class=\"fa-solid fa-people-arrows\"><\/i> Mentorship<\/span>\r\n        <span class=\"compare-tag\"><i class=\"fa-solid fa-bullseye\"><\/i> Deep Dive<\/span>\r\n        <span class=\"compare-tag\"><i class=\"fa-solid fa-clock\"><\/i> Flexibility<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"compare-note\">\r\n        <i class=\"fa-solid fa-bolt\"><\/i>\r\n        Both tracks share Fantastic Fridays, Campus Care, and Reflection Time \u2014 unity in community.\r\n      <\/div>\r\n\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-c54dc1e e-con-full e-flex e-con e-parent\" data-id=\"c54dc1e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1e9266f elementor-widget elementor-widget-html\" data-id=\"1e9266f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================\r\nADMISSIONS + MISSION + VOLUNTEER SECTION\r\nMatches Your Existing Design System\r\n========================= -->\r\n\r\n<style>\r\n  .admissions-wrap {\r\n    --blue: #0043EF;\r\n    --blue-deep: #0035C0;\r\n    --blue-soft: #EEF3FF;\r\n    --gold: #D4A843;\r\n    --gold-soft: #FBF5E8;\r\n    --green: #10B981;\r\n    --green-soft: #ECFDF5;\r\n    --black: #0F172A;\r\n    --ink: #334155;\r\n    --muted: #64748B;\r\n    --line: #E2E8F0;\r\n    --light: #F8FAFC;\r\n    --white: #ffffff;\r\n    --font-heading: 'Tiro Gurmukhi', serif;\r\n    --font-body: 'Poppins', sans-serif;\r\n\r\n    padding: 110px 24px;\r\n    background: linear-gradient(180deg, #ffffff 0%, #F8FAFC 100%);\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .admissions-wrap::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -120px;\r\n    right: -120px;\r\n    width: 420px;\r\n    height: 420px;\r\n    background: radial-gradient(circle, rgba(0, 67, 239, 0.05) 0%, transparent 70%);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .admissions-wrap::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -100px;\r\n    left: -100px;\r\n    width: 380px;\r\n    height: 380px;\r\n    background: radial-gradient(circle, rgba(212, 168, 67, 0.05) 0%, transparent 70%);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .admissions-inner {\r\n    max-width: 1160px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  \/* ---------- HEADER ---------- *\/\r\n\r\n  .admissions-header {\r\n    text-align: center;\r\n    margin-bottom: 60px;\r\n  }\r\n\r\n  .admissions-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: 3px;\r\n    text-transform: uppercase;\r\n    color: var(--blue);\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .admissions-eyebrow::before,\r\n  .admissions-eyebrow::after {\r\n    content: '';\r\n    width: 30px;\r\n    height: 2px;\r\n    background: var(--blue);\r\n    opacity: 0.25;\r\n  }\r\n\r\n  .admissions-title {\r\n    font-family: var(--font-heading);\r\n    font-size: clamp(32px, 4vw, 50px);\r\n    line-height: 1.15;\r\n    color: var(--blue);\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .admissions-desc {\r\n    max-width: 760px;\r\n    margin: 0 auto;\r\n    font-family: var(--font-body);\r\n    color: var(--muted);\r\n    font-size: 16px;\r\n    line-height: 1.8;\r\n  }\r\n\r\n  \/* ---------- GRID ---------- *\/\r\n\r\n  .admissions-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 28px;\r\n    margin-bottom: 34px;\r\n  }\r\n\r\n  .ad-card {\r\n    background: var(--white);\r\n    border: 1px solid var(--line);\r\n    border-radius: 22px;\r\n    padding: 34px;\r\n    position: relative;\r\n    overflow: hidden;\r\n    transition: all 0.35s ease;\r\n    box-shadow: 0 10px 30px rgba(0, 67, 239, 0.04);\r\n  }\r\n\r\n  .ad-card::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(135deg, rgba(0,67,239,0.03), transparent);\r\n    opacity: 0;\r\n    transition: opacity 0.3s ease;\r\n  }\r\n\r\n  .ad-card:hover {\r\n    transform: translateY(-6px);\r\n    border-color: rgba(0,67,239,0.18);\r\n    box-shadow: 0 18px 50px rgba(0, 67, 239, 0.10);\r\n  }\r\n\r\n  .ad-card:hover::before {\r\n    opacity: 1;\r\n  }\r\n\r\n  .ad-icon {\r\n    width: 64px;\r\n    height: 64px;\r\n    border-radius: 18px;\r\n    background: var(--blue-soft);\r\n    color: var(--blue);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 24px;\r\n    margin-bottom: 24px;\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .ad-card:hover .ad-icon {\r\n    background: var(--blue);\r\n    color: var(--white);\r\n  }\r\n\r\n  .ad-card h3 {\r\n    font-family: var(--font-heading);\r\n    font-size: 28px;\r\n    color: var(--black);\r\n    margin-bottom: 14px;\r\n  }\r\n\r\n  .ad-card p {\r\n    font-family: var(--font-body);\r\n    font-size: 15px;\r\n    line-height: 1.8;\r\n    color: var(--ink);\r\n    margin-bottom: 0;\r\n  }\r\n\r\n  .price-highlight {\r\n    display: inline-block;\r\n    margin: 18px 0;\r\n    padding: 10px 18px;\r\n    background: var(--blue-soft);\r\n    border-radius: 100px;\r\n    font-family: var(--font-body);\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    color: var(--blue);\r\n  }\r\n\r\n  .small-note {\r\n    margin-top: 14px;\r\n    color: var(--muted);\r\n    font-size: 13px;\r\n  }\r\n\r\n  \/* ---------- ADVANTAGE STRIP ---------- *\/\r\n\r\n  .florida-advantage {\r\n    background: linear-gradient(135deg, var(--blue) 0%, var(--blue-deep) 100%);\r\n    border-radius: 24px;\r\n    padding: 38px;\r\n    display: flex;\r\n    gap: 26px;\r\n    align-items: flex-start;\r\n    margin-bottom: 60px;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .florida-advantage::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: -60px;\r\n    right: -60px;\r\n    width: 220px;\r\n    height: 220px;\r\n    background: radial-gradient(circle, rgba(255,255,255,0.08), transparent 70%);\r\n  }\r\n\r\n  .adv-icon {\r\n    width: 78px;\r\n    height: 78px;\r\n    min-width: 78px;\r\n    border-radius: 22px;\r\n    background: rgba(255,255,255,0.10);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 30px;\r\n    color: #fff;\r\n  }\r\n\r\n  .adv-content h3 {\r\n    font-family: var(--font-heading);\r\n    font-size: 34px;\r\n    color: #fff;\r\n    margin-bottom: 12px;\r\n  }\r\n\r\n  .adv-content p {\r\n    color: rgba(255,255,255,0.88);\r\n    font-family: var(--font-body);\r\n    font-size: 15px;\r\n    line-height: 1.9;\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .adv-badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    padding: 10px 18px;\r\n    background: rgba(255,255,255,0.12);\r\n    border-radius: 100px;\r\n    color: #fff;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    font-family: var(--font-body);\r\n  }\r\n\r\n  \/* ---------- VOLUNTEER SECTION ---------- *\/\r\n\r\n  .volunteer-box {\r\n    background: var(--white);\r\n    border: 1px solid var(--line);\r\n    border-radius: 28px;\r\n    padding: 60px;\r\n    position: relative;\r\n    overflow: hidden;\r\n    box-shadow: 0 12px 40px rgba(0,0,0,0.04);\r\n  }\r\n\r\n  .volunteer-box::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -100px;\r\n    right: -100px;\r\n    width: 300px;\r\n    height: 300px;\r\n    background: radial-gradient(circle, rgba(16,185,129,0.08), transparent 70%);\r\n  }\r\n\r\n  .volunteer-content {\r\n    position: relative;\r\n    z-index: 2;\r\n    max-width: 780px;\r\n  }\r\n\r\n  .volunteer-label {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    padding: 8px 16px;\r\n    background: var(--green-soft);\r\n    border-radius: 100px;\r\n    color: var(--green);\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    letter-spacing: 1px;\r\n    text-transform: uppercase;\r\n    margin-bottom: 24px;\r\n    font-family: var(--font-body);\r\n  }\r\n\r\n  .volunteer-title {\r\n    font-family: var(--font-heading);\r\n    font-size: clamp(34px, 4vw, 54px);\r\n    line-height: 1.15;\r\n    color: var(--black);\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .volunteer-title span {\r\n    color: var(--blue);\r\n  }\r\n\r\n  .volunteer-text {\r\n    font-family: var(--font-body);\r\n    color: var(--muted);\r\n    font-size: 16px;\r\n    line-height: 1.9;\r\n    margin-bottom: 34px;\r\n  }\r\n\r\n  .volunteer-actions {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 16px;\r\n  }\r\n\r\n  .volunteer-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    padding: 15px 26px;\r\n    border-radius: 100px;\r\n    text-decoration: none;\r\n    font-family: var(--font-body);\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .volunteer-btn.primary {\r\n    background: var(--blue);\r\n    color: #fff;\r\n    box-shadow: 0 10px 25px rgba(0,67,239,0.22);\r\n  }\r\n\r\n  .volunteer-btn.primary:hover {\r\n    background: var(--blue-deep);\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  .volunteer-btn.secondary {\r\n    background: var(--white);\r\n    color: var(--black);\r\n    border: 1px solid var(--line);\r\n  }\r\n\r\n  .volunteer-btn.secondary:hover {\r\n    border-color: var(--blue);\r\n    color: var(--blue);\r\n    background: var(--blue-soft);\r\n  }\r\n\r\n  \/* ---------- RESPONSIVE ---------- *\/\r\n\r\n  @media (max-width: 900px) {\r\n    .admissions-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .florida-advantage {\r\n      flex-direction: column;\r\n    }\r\n\r\n    .volunteer-box {\r\n      padding: 42px 28px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n\r\n    .admissions-wrap {\r\n      padding: 80px 20px;\r\n    }\r\n\r\n    .ad-card {\r\n      padding: 26px;\r\n    }\r\n\r\n    .florida-advantage {\r\n      padding: 28px;\r\n    }\r\n\r\n    .adv-content h3 {\r\n      font-size: 28px;\r\n    }\r\n\r\n    .volunteer-title {\r\n      font-size: 38px;\r\n    }\r\n\r\n    .volunteer-actions {\r\n      flex-direction: column;\r\n    }\r\n\r\n    .volunteer-btn {\r\n      justify-content: center;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"admissions-wrap\">\r\n\r\n  <div class=\"admissions-inner\">\r\n\r\n    <!-- HEADER -->\r\n    <div class=\"admissions-header\">\r\n      <div class=\"admissions-eyebrow\">Admissions & Impact<\/div>\r\n      <h2 class=\"admissions-title\">Accessible Education With Purpose<\/h2>\r\n      <p class=\"admissions-desc\">\r\n        Creating transformational learning experiences for families who desire academic excellence,\r\n        character development, and a future filled with opportunity.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- GRID -->\r\n    <div class=\"admissions-grid\">\r\n\r\n      <!-- Tuition -->\r\n      <div class=\"ad-card\">\r\n        <div class=\"ad-icon\">\r\n          <i class=\"fa-solid fa-graduation-cap\"><\/i>\r\n        <\/div>\r\n\r\n        <h3>Admissions & Tuition<\/h3>\r\n\r\n        <div class=\"price-highlight\">\r\n          Base Tuition: $8,000 \/ Year\r\n        <\/div>\r\n\r\n        <p>\r\n          Tuition covers a high-quality academic experience designed to prepare students\r\n          for future success through mentorship, structured learning, and personalized growth.\r\n        <\/p>\r\n\r\n        <p class=\"small-note\">\r\n          Digital devices, curriculum subscriptions, uniforms, and selected course materials are additional.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- Mission -->\r\n      <div class=\"ad-card\">\r\n        <div class=\"ad-icon\" style=\"background: var(--gold-soft); color: var(--gold);\">\r\n          <i class=\"fa-solid fa-heart\"><\/i>\r\n        <\/div>\r\n\r\n        <h3>Our Mission (501c3)<\/h3>\r\n\r\n        <p>\r\n          We are an educational charity dedicated to uplifting socioeconomically disadvantaged\r\n          and first-generation college families through faith, mentorship, and opportunity-driven education.\r\n        <\/p>\r\n\r\n        <div class=\"price-highlight\" style=\"background: var(--gold-soft); color: #8B6D1F;\">\r\n          Become a Sustainer \u2014 $100 \/ Month\r\n        <\/div>\r\n\r\n        <p class=\"small-note\">\r\n          Sponsor Thursday student lunches sourced directly from local small-business restaurants.\r\n        <\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- FLORIDA ADVANTAGE -->\r\n    <div class=\"florida-advantage\">\r\n\r\n      <div class=\"adv-icon\">\r\n        <i class=\"fa-solid fa-sun\"><\/i>\r\n      <\/div>\r\n\r\n      <div class=\"adv-content\">\r\n        <h3>The Florida Advantage<\/h3>\r\n\r\n        <p>\r\n          Through the FTC, FES, and PEP state scholarship programs, eligible Florida families\r\n          can reduce out-of-pocket tuition costs to less than <strong>$50 per month per child<\/strong>,\r\n          making high-quality education more accessible than ever before.\r\n        <\/p>\r\n\r\n        <div class=\"adv-badge\">\r\n          <i class=\"fa-solid fa-circle-check\"><\/i>\r\n          Scholarship pathways available for qualifying families\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- VOLUNTEER \/ CAREERS -->\r\n    <div class=\"volunteer-box\">\r\n\r\n      <div class=\"volunteer-content\">\r\n\r\n        <div class=\"volunteer-label\">\r\n          <i class=\"fa-solid fa-people-group\"><\/i>\r\n          Community & Careers\r\n        <\/div>\r\n\r\n        <h2 class=\"volunteer-title\">\r\n          Become a Volunteer <span>or Join Our Team<\/span>\r\n        <\/h2>\r\n\r\n        <p class=\"volunteer-text\">\r\n          Help shape the next generation through mentorship, education, administration,\r\n          student support, or community outreach. Whether you're looking to volunteer your time\r\n          or build a meaningful career in education, we welcome passionate individuals who believe\r\n          in empowering families and creating lasting impact.\r\n        <\/p>\r\n\r\n        <div class=\"volunteer-actions\">\r\n          <a href=\"#\" class=\"volunteer-btn primary\">\r\n            <i class=\"fa-solid fa-hand-holding-heart\"><\/i>\r\n            Become a Volunteer\r\n          <\/a>\r\n\r\n          <a href=\"#\" class=\"volunteer-btn secondary\">\r\n            <i class=\"fa-solid fa-briefcase\"><\/i>\r\n            Explore Careers\r\n          <\/a>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3f6f0ef e-con-full e-flex e-con e-parent\" data-id=\"3f6f0ef\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cc38335 elementor-widget elementor-widget-html\" data-id=\"cc38335\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.grad-cta {\r\n  --blue:#0043EF;\r\n  --blue-deep:#0035C0;\r\n  --cyan:#00E5FF;\r\n  --white:#ffffff;\r\n\r\n  padding:120px 24px;\r\n  position:relative;\r\n  overflow:hidden;\r\n\r\n  background: linear-gradient(135deg, #0043EF, #001B6B);\r\n  border-radius: 0px;\r\n}\r\n\r\n\/* soft floating glow *\/\r\n.grad-cta::before,\r\n.grad-cta::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  width:500px;\r\n  height:500px;\r\n  border-radius:50%;\r\n  filter: blur(60px);\r\n  opacity:0.35;\r\n}\r\n\r\n.grad-cta::before{\r\n  background:rgba(0,229,255,0.5);\r\n  top:-200px;\r\n  left:-200px;\r\n}\r\n\r\n.grad-cta::after{\r\n  background:rgba(212,168,67,0.35);\r\n  bottom:-200px;\r\n  right:-200px;\r\n}\r\n\r\n.grad-box{\r\n  max-width:1000px;\r\n  margin:0 auto;\r\n  text-align:center;\r\n  position:relative;\r\n  z-index:2;\r\n\r\n  background: rgba(255,255,255,0.08);\r\n  border:1px solid rgba(255,255,255,0.15);\r\n  backdrop-filter: blur(18px);\r\n\r\n  padding:70px 40px;\r\n  border-radius: 32px; \/* BIG ROUND CORNERS *\/\r\n  box-shadow: 0 30px 80px rgba(0,0,0,0.25);\r\n}\r\n\r\n\/* badge *\/\r\n.grad-badge{\r\n  display:inline-flex;\r\n  gap:10px;\r\n  align-items:center;\r\n  padding:10px 18px;\r\n  border-radius:100px;\r\n  font-family:Poppins;\r\n  font-size:12px;\r\n  font-weight:700;\r\n  letter-spacing:2px;\r\n  text-transform:uppercase;\r\n\r\n  color:#fff;\r\n  background:rgba(255,255,255,0.12);\r\n  border:1px solid rgba(255,255,255,0.2);\r\n  margin-bottom:25px;\r\n}\r\n\r\n\/* title *\/\r\n.grad-title{\r\n  font-family:'Tiro Gurmukhi', serif;\r\n  font-size:clamp(34px,4.5vw,60px);\r\n  line-height:1.2;\r\n  color:#fff;\r\n  margin-bottom:40px;\r\n}\r\n\r\n.grad-title span{\r\n  color: var(--cyan);\r\n}\r\n\r\n\/* buttons *\/\r\n.grad-actions{\r\n  display:flex;\r\n  justify-content:center;\r\n  gap:16px;\r\n  flex-wrap:wrap;\r\n}\r\n\r\n.btn-primary{\r\n  background:#fff;\r\n  color:var(--blue);\r\n  padding:16px 34px;\r\n  border-radius:100px;\r\n  font-weight:700;\r\n  text-decoration:none;\r\n  font-family:Poppins;\r\n  transition:0.3s ease;\r\n  box-shadow:0 20px 50px rgba(0,0,0,0.25);\r\n}\r\n\r\n.btn-primary:hover{\r\n  transform:translateY(-4px);\r\n}\r\n\r\n.btn-outline{\r\n  padding:16px 34px;\r\n  border-radius:100px;\r\n  font-weight:600;\r\n  font-family:Poppins;\r\n  text-decoration:none;\r\n  color:#fff;\r\n  border:1px solid rgba(255,255,255,0.35);\r\n  background:rgba(255,255,255,0.08);\r\n  transition:0.3s ease;\r\n}\r\n\r\n.btn-outline:hover{\r\n  background:rgba(255,255,255,0.18);\r\n  transform:translateY(-4px);\r\n}\r\n\r\n\/* mobile *\/\r\n@media(max-width:768px){\r\n  .grad-box{\r\n    padding:50px 22px;\r\n    border-radius:26px;\r\n  }\r\n\r\n  .grad-actions{\r\n    flex-direction:column;\r\n  }\r\n\r\n  .btn-primary,\r\n  .btn-outline{\r\n    width:100%;\r\n    text-align:center;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"grad-cta\">\r\n\r\n  <div class=\"grad-box\">\r\n\r\n    <div class=\"grad-badge\">\r\n      <i class=\"fa-solid fa-graduation-cap\"><\/i>\r\n      Florida Scholarship Access\r\n    <\/div>\r\n\r\n    <h2 class=\"grad-title\">\r\n      Graduate with an <span>AA Degree<\/span><br>\r\n      or Pre-Med Ready Program\r\n    <\/h2>\r\n\r\n    <div class=\"grad-actions\">\r\n      <a href=\"#\" class=\"btn-primary\">\r\n        Get Scholarship\r\n      <\/a>\r\n\r\n      <a href=\"#\" class=\"btn-outline\">\r\n        Schedule Consultation\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\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>Build Your Future Peace by Piece We are a groundbreaking institution! Dedicated to nurturing the next generation of leaders in science and technology. Learn 2x in 2 hours Explore Our Pathways Book a Campus Tour About Peace Academy Welcome to Peace Academy 01. About Us We offer a unique educational experience, combining personalized learning, work-based [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-2810","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/peacebyp.org\/index.php?rest_route=\/wp\/v2\/pages\/2810","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/peacebyp.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/peacebyp.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/peacebyp.org\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/peacebyp.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2810"}],"version-history":[{"count":293,"href":"https:\/\/peacebyp.org\/index.php?rest_route=\/wp\/v2\/pages\/2810\/revisions"}],"predecessor-version":[{"id":3521,"href":"https:\/\/peacebyp.org\/index.php?rest_route=\/wp\/v2\/pages\/2810\/revisions\/3521"}],"wp:attachment":[{"href":"https:\/\/peacebyp.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2810"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}