.post-type-archive-activities .site-content .ast-container .program-page::after,.post-type-archive-field-trip .site-content .ast-container .program-page::after,.post-type-archive-events .site-content .ast-container .program-page::after{content:'';position:absolute;bottom:-80px;left:0;width:100%;height:10%;background-image:url(/stmathewsacademy/wp-content/uploads/2026/03/shape1.webp);z-index:9;background-size:100% 100%;background-position:center;background-repeat:no-repeat}.post-type-archive-activities .site-content .ast-container,.post-type-archive-field-trip .site-content .ast-container,.post-type-archive-events .site-content .ast-container{max-width:100%!important;margin:0!important;padding:0!important}.program-page{background:#1c2d5e;color:#fff;width:100%;position:relative}.program-banner{position:relative;height:90vh;background-image:url(/stmathewsacademy/wp-content/uploads/2026/03/Group-47.webp);background-repeat:no-repeat;background-position:center;background-size:cover;display:flex;align-items:center;justify-content:flex-start}.program-banner .program-heading{padding:40px 60px;text-align:right;display:flex;flex-direction:column;align-items:flex-end;max-width:60%;width:60%}.program-banner .program-heading p.subBanText{font-size:1.4rem;font-family:'Nunito'!important;margin:10px}.program-banner .program-heading p.eventsPara{font-size:1.2vw;font-family:'Nunito'!important;font-weight:400!important;margin:3px}.program-heading h1{font-size:2.6vw;font-family:'Playfair';color:#fff;font-weight:500;margin:0}.programPara{width:70%;margin:0 auto;padding:3%;text-align:center}.program-banner .program-heading p{font-size:4vw;font-family:'Playfair';margin:0;font-weight:600;color:#fff;line-height:normal}h2.subBanHead{color:#fff;margin:20px;font-family:'Playfair';font-size:3vw;color:#CD9635}.program-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,300px));justify-content:center;gap:30px;max-width:1300px;margin:0 auto;padding:40px 20px 14%}.program-card{width:100%;max-width:300px;display:flex;flex-direction:column;opacity:0;transform:translateY(40px);transition:all 0.6s ease}.program-card.show{opacity:1;transform:translateY(0)}.program-card img{width:100%;height:200px;object-fit:cover;transition:transform 0.4s ease}.program-card:hover img{transform:scale(1.05)}.program-card{transition:transform 0.3s ease,box-shadow 0.3s ease}.program-card:hover{transform:translateY(-8px);box-shadow:0 15px 30px rgb(0 0 0 / .2)}.program-card-content{display:flex;flex-direction:column;flex-grow:1;gap:10px;padding:10px}.program-card img{width:100%;height:200px;object-fit:cover}.program-card-content h3{color:#F7F3E8}.program-card-content p{flex-grow:1;margin:0;color:#F7F3E8}a.program-btn{background:#CD9635;color:#fff;text-align:center;padding:10px 20px;border-radius:6px;display:inline-block;text-decoration:none;box-shadow:0 6px 0 #a87422,0 10px 20px rgb(0 0 0 / .2);transition:all 0.2s ease}a.program-btn:hover{transform:translateY(-3px);box-shadow:0 9px 0 #a87422,0 14px 25px rgb(0 0 0 / .25)}a.program-btn:active{transform:translateY(3px);box-shadow:0 3px 0 #a87422,0 5px 10px rgb(0 0 0 / .2)}@media (max-width:768px){.program-banner{height:60vh;justify-content:center}.program-banner .program-heading{text-align:center;padding:20px}.program-heading h1{font-size:22px}.program-banner .program-heading p{font-size:32px}.program-grid{grid-template-columns:repeat(auto-fit,minmax(250px,250px))}}.single-activities .site-content .ast-container .single-program::after,.single-field-trip .site-content .ast-container .single-program::after,.single-events .site-content .ast-container .single-program::after{content:'';position:absolute;bottom:-80px;left:0;width:100%;height:10%;background-image:url(/stmathewsacademy/wp-content/uploads/2026/03/shape1.webp);z-index:9;background-size:100% 100%;background-position:center;background-repeat:no-repeat}.single-activities .site-content .ast-container,.single-field-trip .site-content .ast-container,.single-events .site-content .ast-container{max-width:100%;padding:0;margin:0}.single-activities .site-content .ast-container .single-program,.single-field-trip .site-content .ast-container .single-program,.single-events .site-content .ast-container .single-program{width:100%;padding:5%;background:#1c2d5e;color:#fff;position:relative}.single-banner{height:70vh;background-size:cover;background-position:center center;background-repeat:no-repeat;display:flex;align-items:flex-end;padding:40px;border-radius:2rem;position:relative;z-index:9999}.single-banner:before{content:'';background:linear-gradient(0deg,#cd963585 20%,#fff0 80%);position:absolute;bottom:0;left:0;width:100%;height:40%;border-radius:1.95rem;z-index:-1}.single-activities .single-content :is(h1,h2,h3,h4,h5,h6){color:#CD9635}.single-banner h1{font-size:3vw;font-family:'Playfair';margin:0;color:#000}.single-content{max-width:900px;margin:0 auto;padding:50px 20px;line-height:1.7}.single-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px;padding:40px 20px}.single-gallery img{width:100%;height:220px;object-fit:cover;transition:transform 0.4s ease}.single-gallery img:hover{transform:scale(1.05)}.back-btn{display:inline-block;margin:30px 20px;background:#CD9635;padding:10px 20px;color:#fff;text-decoration:none;border-radius:6px}section.hero{background-image:url(https://whysocialnetwork.com/stmathewsacademy/wp-content/uploads/2026/04/BG-1.webp)!important;color:#fff;min-height:90vh;position:relative;overflow:visible;display:flex;align-items:flex-start;padding:8% 5% 5%;margin-top:-69px;background-position:top center;background-size:100% 100%;background-repeat:no-repeat;z-index:9!important}.section-two .container{width:90%;margin:auto;display:flex;justify-content:space-between;padding:0!important;margin:0 auto}.hero .left{width:75%}.hero-title{font-family:'Playfair Display',serif;font-size:3vw;margin-bottom:20px;color:#F7F3E8}.hero-text{margin-bottom:10px!important;font-size:1.1vw;font-family:'Nunito'}.hero-girl{position:absolute;right:20px;width:21%;z-index:5;filter:drop-shadow(0 25px 40px rgb(0 0 0 / .4))}.section-two{display:flex;min-height:90vh;align-items:center;position:relative;margin-top:-49.6px;z-index:0!important}.visual{width:50%;height:420px}.hand{position:absolute;top:-96px;left:103px;width:14.5%;z-index:3;transform:rotate(346deg)}.door{position:absolute;left:70px;top:94px;width:24%;z-index:2;transform-origin:left center;filter:drop-shadow(0 20px 30px rgb(0 0 0 / .2))}.walking-girl{position:absolute;bottom:115px;left:30%;width:9%;z-index:1}.content{width:50%;padding-left:40px}.section-title{font-family:'Playfair'!important;font-size:3vw;margin-bottom:20px;color:#24376b;line-height:normal;font-weight:700}.section-text{line-height:1.5;color:#000!important;font-size:1.1vw;font-family:'Nunito'!important}@media screen and (min-width:1480px) and (max-width:1828px){.hero-girl{bottom:-150px}}@media screen and (max-width:1760px){.hand{top:-81px!important;left:107px;width:14.5%;transform:rotate(-14.0001deg)}}@media screen and (min-width:1720px){.hero-girl{bottom:-190px}}@media screen and (min-width:1720px) and (max-width:1838px){.door{top:86px!important}}@media screen and (min-width:1630px) and (max-width:1725px){.door{top:86px!important}}@media screen and (min-width:1511px) and (max-width:1630px){.door{top:68px!important}}@media screen and (min-width:1511px) and (max-width:1630px){.door{top:68px!important}}@media screen and (min-width:1420px) and (max-width:1511px){.door{top:62px!important}}@media screen and (min-width:1365px) and (max-width:1420px){.hand{top:-62px!important}.door{top:74px!important}}@media screen and (min-width:1290px) and (max-width:1365px){.hand{top:-71px!important}.door{top:58px!important}}@media screen and (min-width:1100px) and (max-width:1290px){.hand{top:-71px!important}.door{top:58px!important}}@media screen and (min-width:1024px) and (max-width:1100px){.hand{top:-56px!important}.door{top:58px!important}}@media screen and (min-width:946px) and (max-width:1024px){.hand{top:-42px!important}.door{top:54px!important}.process-wrapper{gap:40px!important}}@media screen and (min-width:830px) and (max-width:946px){.hand{top:-36px!important}.door{top:44px!important}.process-wrapper{gap:35px!important}}@media screen and (min-width:768px) and (max-width:830px){.hand{top:-34px!important}.door{top:34px!important}.process-wrapper{gap:30px!important}}@media screen and (min-width:608px) and (max-width:768px){.hand{top:-32px!important;left:87px!important}.door{top:28px!important}.walking-girl{bottom:195px!important;left:45%!important}.process-wrapper{gap:20px!important}}@media screen and (min-width:400px) and (max-width:608px){.process-wrapper{gap:10px!important}.step p{font-size:.8rem}}@media screen and (max-width:400px){.process-wrapper{gap:8px!important}.step{gap:6px!important}.step p{font-size:.93rem}}@media screen and (min-width:450px) and (max-width:608px){.hand{top:-24px!important;left:77px!important}.door{top:28px!important}.walking-girl{bottom:195px!important;left:45%!important}}@media screen and (min-width:360px) and (max-width:450px){.hand{top:-42px!important;left:77px!important}.door{top:-10px!important;left:72px!important}.walking-girl{bottom:295px!important;left:45%!important}}@media screen and (max-width:360px){.hand{top:-44px!important;left:80px!important}.door{top:-10px!important}.walking-girl{bottom:295px!important;left:45%!important}.alumniSection .homesliders figure img{width:60%!important}}@media screen and (min-width:1480px) and (max-width:1719px){.hero-girl{bottom:-150px}}@media screen and (min-width:1330px) and (max-width:1480px){.hero-girl{bottom:-130px}}@media screen and (min-width:1024px) and (max-width:1480px){.section-two,section.hero{min-height:75vh!important}.hero-title,.section-title{font-size:2.4rem!important}}@media screen and (min-width:860px) and (max-width:1329px){.hero-girl{bottom:-95px;width:19%!important}}@media screen and (min-width:700px) and (max-width:859px){.hero-girl{bottom:-95px}}@media screen and (min-width:574px) and (max-width:700px){.hero-girl{bottom:-38px!important;width:16%!important}}@media screen and (min-width:380px) and (max-width:573px){.hero-girl{bottom:-20px}}@media screen and (max-width:560px){section .visual{height:80px!important}img.hero-girl{bottom:0px!important}section.hero .left{margin-bottom:34%!important}}@media screen and (max-width:1024px){section.hero,.section-two{min-height:80vh!important}.hero-title,.section-title{font-size:1.7rem!important}.hero-text,.section-text{font-size:0.85rem!important}.section-two .content{margin-top:5%}.visual{height:300px!important}}@media(max-width:768px){.container{flex-direction:column;text-align:center}section.section-two .content{padding-left:0!important;margin-top:20%!important}.visual,section.section-two .content{width:100%}.hero .left{margin-bottom:15%!important}section.hero{margin-top:-42px!important}section.hero,.section-two{min-height:44vh!important}.visual{height:150px!important}.hero-title,.section-title{font-size:1.4rem!important}}.processSection{position:relative;overflow:hidden}.processSection .process-inner{position:relative;height:100vh;width:100%}.processSection .process-top{position:absolute;top:0;left:0;width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10vh}.process-heading{text-align:center;margin-bottom:40px;opacity:0;transform:translateY(40px)}.process-heading h2{color:#fff;font-size:clamp(1.8rem, 6vw, 3.5rem);font-family:'Playfair';margin:0}.process-heading p{color:#fff;margin:0 auto;font-size:clamp(0.8rem, 3vw, 1.2rem);width:70%}.process-wrapper{display:flex;align-items:center;justify-content:center;gap:60px}.step{display:flex;flex-direction:column;align-items:center;gap:12px}.adcircle{width:clamp(50px, 6.7vw, 110px);height:clamp(50px, 6.7vw, 110px);border-radius:50%;display:flex;align-items:center;justify-content:center;transform:scale(0);opacity:0}.adcircle img{width:100%}.step p{color:#fff;opacity:0;transform:translateY(20px);text-align:center}.arrow{font-size:clamp(18px, 2.8vw, 40px);color:#fff;opacity:0;transform:translateX(-30px)}@media screen and (max-width:767px){.processSection .process-top{gap:0!important}.process-wrapper{gap:0px!important;flex-direction:column!important}.process-wrapper .arrow{transform:rotate(90deg)!important}.process-wrapper .step{gap:5px!important}.process-wrapper .step p{margin-bottom:5px}.process-wrapper .step p br{display:none}}<style>.academicMetrics{position:relative;width:100%;padding:6% 4%;overflow:hidden}.metricsWrap{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:40px;position:relative;z-index:2}.metricsSide{display:flex;flex-direction:column;gap:120px}.leftSide{text-align:right}.rightSide{text-align:left}.metricsCenter{position:relative;display:flex;align-items:center;justify-content:center}.centerGlow{position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgb(255 255 255 / .08),transparent 70%);filter:blur(40px);z-index:-1}.centerRing{position:relative;width:420px;height:420px;display:flex;align-items:center;justify-content:center}.ring{position:absolute;border-radius:50%;border:1px solid rgb(255 255 255);animation:pulseRing 7s ease-in-out infinite}.ring1{inset:0}.ring2{inset:35px;animation-delay:1s}.ring3{inset:70px;animation-delay:2s}@keyframes pulseRing{0%{transform:scale(1);opacity:.2}50%{transform:scale(1.03);opacity:.45}100%{transform:scale(1);opacity:.2}}.centerContent{text-align:center;opacity:0;transform:scale(.8)}.centerContent h2{font-size:clamp(90px, 10vw, 190px);line-height:.9;color:#fff;font-weight:300;letter-spacing:-8px;margin-bottom:12px;font-family:'Playfair Display',serif;text-shadow:0 0 25px rgb(255 255 255 / .08)}.centerContent span{display:block;max-width:220px;margin:0 auto;font-size:clamp(14px, 1vw, 18px);line-height:1.6;color:rgb(255 255 255 / .88);font-family:'HelveticaNeueLTPro'}.metricItem{position:relative;opacity:0;transform:translateY(60px)}.metricValue{display:block;font-size:clamp(42px, 4vw, 76px);line-height:1;margin-bottom:12px;color:#fff;font-weight:300;letter-spacing:-3px;font-family:'Playfair Display',serif;text-shadow:0 0 18px rgb(255 255 255 / .05)}.metricItem p{font-size:clamp(13px, 1vw, 17px);line-height:1.7;color:rgb(255 255 255 / .88);max-width:250px;font-family:'HelveticaNeueLTPro'}.leftSide .metricItem{margin-left:auto}.leftSide .metricItem p{margin-left:auto}.leftSide .metricItem::after{right:-110px}.rightSide .metricItem::after{left:-110px}.particle{position:absolute;width:6px;height:6px;border-radius:50%;background:rgb(255 255 255 / .35);filter:blur(1px);animation:floatParticle 8s ease-in-out infinite}.p1{top:20%;left:20%}.p2{top:70%;left:28%;animation-delay:2s}.p3{top:30%;right:18%;animation-delay:4s}.p4{top:78%;right:25%;animation-delay:1s}@keyframes floatParticle{0%{transform:translateY(0);opacity:.3}50%{transform:translateY(-18px);opacity:.8}100%{transform:translateY(0);opacity:.3}}.metricItem:hover .metricValue,.centerContent:hover h2{opacity:.82}.bottomMetricWrap{width:100%;display:flex;justify-content:center;margin-top:20px;position:relative;z-index:3}.bottomMetric{text-align:center}.bottomMetric::after{display:none}.bottomMetric p{max-width:280px;margin:0 auto}@media (max-width:1200px){.metricsWrap{gap:20px}.metricsSide{gap:80px}.centerRing{width:340px;height:340px}.ring2{inset:28px}.ring3{inset:56px}.centerContent h2{letter-spacing:-4px}.metricItem p{max-width:220px}}@media (max-width:1023px){.academicMetrics{padding:80px 24px}.metricsWrap{grid-template-columns:1fr;gap:60px}.leftSide,.rightSide{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:40px;text-align:center}.metricsSide{gap:40px}.leftSide .metricItem,.rightSide .metricItem{margin:0 auto}.leftSide .metricItem p,.rightSide .metricItem p{margin:0 auto}.metricsCenter{order:-1}.centerRing{width:320px;height:320px}.ring2{inset:28px}.ring3{inset:56px}.centerGlow{width:380px;height:380px}.centerContent h2{font-size:clamp(72px, 14vw, 120px);letter-spacing:-4px}.centerContent span{max-width:180px}.metricValue{font-size:clamp(36px, 6vw, 56px);letter-spacing:-2px}.metricItem p{max-width:220px;margin:0 auto;font-size:15px;line-height:1.6}.bottomMetricWrap{margin-top:50px}}@media (max-width:767px){.academicMetrics{padding:70px 20px}.metricsWrap{gap:50px}.leftSide,.rightSide{grid-template-columns:1fr;gap:32px}.metricsSide{gap:32px}.metricItem{text-align:center!important}.metricItem p{max-width:100%}.centerRing{width:260px;height:260px}.centerGlow{width:300px;height:300px;filter:blur(30px)}.ring2{inset:22px}.ring3{inset:44px}.centerContent h2{font-size:clamp(64px, 18vw, 90px);letter-spacing:-3px;margin-bottom:10px}.centerContent span{max-width:160px;font-size:13px;line-height:1.5}.metricValue{font-size:clamp(34px, 10vw, 48px);margin-bottom:8px}.metricItem p{font-size:14px;line-height:1.6}.bottomMetricWrap{margin-top:40px}.particle{transform:scale(.8);opacity:.25}}@media (max-width:480px){.academicMetrics{padding:60px 16px}.centerRing{width:220px;height:220px}.centerGlow{width:260px;height:260px}.ring2{inset:18px}.ring3{inset:36px}.centerContent h2{font-size:56px;letter-spacing:-2px}.centerContent span{font-size:12px;max-width:140px}.metricValue{font-size:34px;letter-spacing:-1px}.metricItem p{font-size:13px;line-height:1.5}.metricsWrap{gap:42px}.leftSide,.rightSide{gap:28px}}html,body{overflow-x:hidden}.academicMetrics *{box-sizing:border-box}.learning-journey-section{background:#f7f8fb;padding:80px 0;overflow:hidden;position:relative;perspective:1200px}.learning-journey-wrapper{position:relative;height:500px;perspective:2000px;overflow:hidden}.learning-journey-header{text-align:center}.learning-journey-title{font-size:clamp(32px,4vw,60px);font-family:'Playfair Display',serif;color:#24376b;margin-bottom:15px}.learning-journey-subtitle{max-width:700px;margin:auto;color:#666;font-size:18px}section.learning-journey-section.junior .learning-journey-subtitle{max-width:90%}section.learning-journey-section.junior .learning-journey-track{height:47vh}p.juniortxt{text-align:center;margin-top:1rem}.learning-journey-track{position:relative;width:min(1100px,90%);margin:auto;height:100%;transform-style:preserve-3d}.learning-journey-card{position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0);width:min(800px,85vw);min-height:280px;padding:clamp(24px,4vw,50px);background:#fff;border-radius:24px;border-top:5px solid #CD9734;box-shadow:0 20px 60px rgb(0 0 0 / .08);will-change:transform,opacity}.learning-journey-card h3{font-size:38px;line-height:1.2}.learning-journey-card p{font-size:clamp(14px,1.5vw,17px);line-height:1.7}@media screen and (max-width:1300px){.learning-journey-title{font-size:32px}.learning-journey-card h3{font-size:24px}}@media screen and (max-width:767px){.learning-journey-title{font-size:24px!important}.learning-journey-card h3{font-size:18px}.learning-journey-subtitle{font-size:14px!important}.learning-journey-wrapper{overflow:visible!important}p.juniortxt{width:80%;margin:2rem auto 0}}.lj-manual-nav{display:none;justify-content:center;gap:16px;position:relative;z-index:20}.lj-manual-nav .lj-prev,.lj-manual-nav .lj-next{width:48px;height:48px;border:none;border-radius:50%;background:#24376b;color:#fff;font-size:18px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 8px 20px rgb(15 23 42 / .15)}.lj-manual-nav .lj-prev:disabled,.lj-manual-nav .lj-next:disabled{opacity:.35;cursor:default}@media (max-width:991px){.learning-journey-section.lj-manual-mobile .lj-manual-nav{display:flex}.learning-journey-section.lj-manual-mobile{overflow:hidden}.learning-journey-section.lj-manual-mobile .learning-journey-wrapper{height:min(420px, 55vh)}}@media (min-width:992px){.lj-manual-nav{display:none!important}}