{"id":258,"date":"2026-05-20T17:22:47","date_gmt":"2026-05-20T17:22:47","guid":{"rendered":"https:\/\/mezoowp1.mystartupcrew.com\/?page_id=258"},"modified":"2026-05-20T19:21:43","modified_gmt":"2026-05-20T19:21:43","slug":"give-to-a-classroom","status":"publish","type":"page","link":"https:\/\/mezoowp1.mystartupcrew.com\/index.php\/give-to-a-classroom\/","title":{"rendered":"Give to a Classroom"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"258\" class=\"elementor elementor-258\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a85503a e-con-full e-flex e-con e-parent\" data-id=\"a85503a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ae9adb0 elementor-widget elementor-widget-html\" data-id=\"ae9adb0\" 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=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n*{\r\n  margin:0;\r\n  padding:0;\r\n  box-sizing:border-box;\r\n}\r\n\r\n.meet-hero{\r\n  width:100%;\r\n  min-height:50vh;\r\n  display:flex;\r\n  align-items:flex-start;\r\n  justify-content:center;\r\n  position:relative;\r\n  overflow:hidden;\r\n  font-family:'Poppins',sans-serif;\r\n\r\n  background-image:url('https:\/\/mezoowp1.mystartupcrew.com\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-May-20-2026-10_46_15-PM.png');\r\n  background-position:center;\r\n  background-repeat:no-repeat;\r\n  background-size:cover;\r\n\r\n  padding:80px 20px 110px;\r\n}\r\n\r\n\/* Overlay *\/\r\n.meet-hero::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  background:rgba(0,0,0,0.18);\r\n  z-index:1;\r\n}\r\n\r\n\/* Floating Images *\/\r\n.float-img{\r\n  position:absolute;\r\n  width:120px;\r\n  z-index:2;\r\n  animation:float 5s ease-in-out infinite;\r\n  pointer-events:none;\r\n}\r\n\r\n.float1{ \r\n  top:8%; \r\n  left:3%; \r\n}\r\n\r\n.float2{ \r\n  top:12%; \r\n  right:6%; \r\n  animation-delay:1s; \r\n}\r\n\r\n.float3{ \r\n  bottom:8%; \r\n  left:10%; \r\n  animation-delay:2s; \r\n}\r\n\r\n@keyframes float{\r\n  0%,100%{ \r\n    transform:translateY(0px); \r\n  }\r\n  50%{ \r\n    transform:translateY(-18px); \r\n  }\r\n}\r\n\r\n\/* HERO CONTENT *\/\r\n.meet-content{\r\n  position:relative;\r\n  z-index:3;\r\n  max-width:850px;\r\n\r\n  \/* \ud83d\udd25 RIGHT SIDE SHIFT *\/\r\n  margin-left:190px;\r\n\r\n  \/* \ud83d\udd25 POSITION PERFECTLY ON WHITE BOARD *\/\r\n  margin-top:-60px;\r\n\r\n  text-align:center;\r\n  padding:20px;\r\n}\r\n\r\n.meet-content h1{\r\n  color:#000;\r\n  font-size:50px;\r\n  font-weight:700;\r\n  margin-bottom:8px;\r\n  line-height:1.1;\r\n}\r\n\r\n.meet-content p{\r\n  color:#000;\r\n  font-size:16px;\r\n  line-height:1.7;\r\n  opacity:0.95;\r\n  max-width:650px;\r\n  margin:0 auto;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media(max-width:1024px){\r\n\r\n  .meet-content{\r\n    margin-left:180px;\r\n    margin-top:0;\r\n  }\r\n\r\n  .meet-content h1{\r\n    font-size:44px;\r\n  }\r\n}\r\n\r\n@media(max-width:768px){\r\n\r\n  .meet-hero{\r\n    padding:60px 15px 90px;\r\n    align-items:center;\r\n  }\r\n\r\n  .meet-content{\r\n    margin-left:0;\r\n    margin-top:0;\r\n    text-align:center;\r\n  }\r\n\r\n  .meet-content h1{\r\n    font-size:34px;\r\n  }\r\n\r\n  .meet-content p{\r\n    font-size:15px;\r\n  }\r\n\r\n  .float-img{\r\n    width:75px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"meet-hero\">\r\n\r\n  <img decoding=\"async\" class=\"float-img float1\" src=\"https:\/\/mezoowp1.mystartupcrew.com\/wp-content\/uploads\/2026\/05\/Gemini_Generated_Image_v4r10fv4r10fv4r1-removebg-preview.png\">\r\n\r\n  <!--<img decoding=\"async\" class=\"float-img float2\" src=\"https:\/\/mezoowp1.mystartupcrew.com\/wp-content\/uploads\/2026\/05\/Scrible-removebg-preview.png\">-->\r\n\r\n  <!--<img decoding=\"async\" class=\"float-img float3\" src=\"https:\/\/mezoowp1.mystartupcrew.com\/wp-content\/uploads\/2026\/05\/Gemini_Generated_Image_7nhf2d7nhf2d7nhf-removebg-preview.png\">-->\r\n\r\n  <div class=\"meet-content\">\r\n    <h1>Give to a Classroom<\/h1>\r\n    <p>Support Classrooms, Empower Students, Build Brighter Futures<\/p>\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-969f2bf e-con-full e-flex e-con e-parent\" data-id=\"969f2bf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-420ae8a elementor-widget elementor-widget-html\" data-id=\"420ae8a\" 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=Montserrat:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n*{\r\n  margin:0;\r\n  padding:0;\r\n  box-sizing:border-box;\r\n}\r\n\r\n.success-story-section{\r\n  width:100%;\r\n  padding:60px 6%;\r\n  background:linear-gradient(135deg,#f8fbff,#eef5ff);\r\n  font-family:'Montserrat',sans-serif;\r\n  overflow:hidden;\r\n}\r\n\r\n.success-story-wrapper{\r\n  max-width:1250px;\r\n  margin:auto;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n  gap:70px;\r\n}\r\n\r\n\/* LEFT SIDE *\/\r\n.success-content{\r\n  width:50%;\r\n}\r\n\r\n.story-badge{\r\n  display:inline-block;\r\n  background:#fff4e5;\r\n  color:#FFAE4C;\r\n  padding:10px 18px;\r\n  border-radius:50px;\r\n  font-size:14px;\r\n  font-weight:600;\r\n  margin-bottom:22px;\r\n}\r\n\r\n.success-content h1{\r\n  font-size:60px;\r\n  line-height:1.1;\r\n  font-weight:800;\r\n  color:#0f172a;\r\n  margin-bottom:24px;\r\n  letter-spacing:-1px;\r\n}\r\n\r\n.success-content h1 span{\r\n  color:#FFAE4C;\r\n}\r\n\r\n.success-content p{\r\n  font-size:18px;\r\n  line-height:1.9;\r\n  color:#000;\r\n  margin-bottom:38px;\r\n  max-width:560px;\r\n}\r\n\r\n\/* BUTTON *\/\r\n.story-btns{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:18px;\r\n  flex-wrap:wrap;\r\n}\r\n\r\n.primary-btn{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  padding:17px 34px;\r\n  background:#FFAE4C;\r\n  color:#000;\r\n  text-decoration:none;\r\n  border-radius:14px;\r\n  font-size:16px;\r\n  font-weight:700;\r\n  transition:0.35s ease;\r\n  box-shadow:0 15px 35px rgba(255,174,76,0.35);\r\n}\r\n\r\n.primary-btn:hover{\r\n  transform:translateY(-4px);\r\n  background:#f59a1f;\r\n}\r\n\r\n\/* RIGHT SIDE *\/\r\n.success-image{\r\n  width:50%;\r\n  position:relative;\r\n}\r\n\r\n.image-box{\r\n  position:relative;\r\n  border-radius:32px;\r\n  overflow:hidden;\r\n  background:#fff;\r\n  box-shadow:0 30px 70px rgba(15,23,42,0.16);\r\n}\r\n\r\n\/* FIXED IMAGE *\/\r\n.image-box img{\r\n  width:100%;\r\n  height:auto;\r\n  display:block;\r\n  object-fit:contain;\r\n  border-radius:32px;\r\n  transition:0.4s ease;\r\n}\r\n\r\n\/* OPTIONAL HOVER *\/\r\n.image-box:hover img{\r\n  transform:scale(1.02);\r\n}\r\n\r\n\/* FLOATING IMAGE *\/\r\n.floating-img{\r\n  position:absolute;\r\n  top:-120px;\r\n  right:-35px;\r\n  width:160px;\r\n  height:160px;\r\n  border-radius:28px;\r\n  overflow:hidden;\r\n  \/*background:#fff;*\/\r\n  padding:10px;\r\n  \/*box-shadow:0 20px 50px rgba(0,0,0,0.15);*\/\r\n  animation:floatImage 4s ease-in-out infinite;\r\n  z-index:3;\r\n}\r\n\r\n.floating-img img{\r\n  width:100%;\r\n  height:100%;\r\n  object-fit:cover;\r\n  border-radius:22px;\r\n}\r\n\r\n\/* FLOATING ANIMATION *\/\r\n@keyframes floatImage{\r\n  0%{\r\n    transform:translateY(0px);\r\n  }\r\n  50%{\r\n    transform:translateY(-14px);\r\n  }\r\n  100%{\r\n    transform:translateY(0px);\r\n  }\r\n}\r\n\r\n\/* FLOATING CARD *\/\r\n.floating-card{\r\n  position:absolute;\r\n  bottom:30px;\r\n  left:-20px;\r\n  background:#fff;\r\n  padding:24px 28px;\r\n  border-radius:24px;\r\n  box-shadow:0 18px 45px rgba(0,0,0,0.12);\r\n  max-width:280px;\r\n  z-index:2;\r\n}\r\n\r\n.floating-card h3{\r\n  font-size:34px;\r\n  \/*color:#FFAE4C;*\/\r\n  margin-bottom:8px;\r\n  font-weight:800;\r\n  line-height:1;\r\n}\r\n\r\n.floating-card p{\r\n  font-size:14px;\r\n  \/*color:#000;*\/\r\n  line-height:1.7;\r\n  margin:0;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media(max-width:991px){\r\n\r\n  .success-story-wrapper{\r\n    flex-direction:column;\r\n    gap:50px;\r\n  }\r\n\r\n  .success-content,\r\n  .success-image{\r\n    width:100%;\r\n  }\r\n\r\n  .success-content{\r\n    text-align:center;\r\n  }\r\n\r\n  .success-content p{\r\n    margin:auto auto 35px;\r\n    max-width:100%;\r\n  }\r\n\r\n  .story-btns{\r\n    justify-content:center;\r\n  }\r\n\r\n  .success-content h1{\r\n    font-size:46px;\r\n  }\r\n\r\n  .floating-card{\r\n    left:20px;\r\n    bottom:20px;\r\n  }\r\n\r\n  .floating-img{\r\n    width:130px;\r\n    height:130px;\r\n    top:-20px;\r\n    right:20px;\r\n  }\r\n}\r\n\r\n@media(max-width:576px){\r\n\r\n  .success-story-section{\r\n    padding:70px 5%;\r\n  }\r\n\r\n  .success-content h1{\r\n    font-size:34px;\r\n  }\r\n\r\n  .success-content p{\r\n    font-size:15px;\r\n    line-height:1.8;\r\n  }\r\n\r\n  .primary-btn{\r\n    width:100%;\r\n  }\r\n\r\n  .floating-card{\r\n    position:relative;\r\n    left:0;\r\n    bottom:0;\r\n    margin-top:20px;\r\n    max-width:100%;\r\n  }\r\n\r\n  .floating-card h3{\r\n    font-size:30px;\r\n  }\r\n\r\n  .floating-img{\r\n    width:100px;\r\n    height:100px;\r\n    top:-15px;\r\n    right:10px;\r\n    border-radius:20px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"success-story-section\">\r\n\r\n  <div class=\"success-story-wrapper\">\r\n\r\n    <!-- LEFT SIDE -->\r\n    <div class=\"success-content\">\r\n\r\n      <div class=\"story-badge\">\r\n        Inspiring Student Growth\r\n      <\/div>\r\n\r\n      <h1>\r\n        Our <span>Success Story<\/span>\r\n      <\/h1>\r\n\r\n      <p>\r\n        We help students grow with engaging lessons, creative activities,\r\n        and modern learning experiences designed to build confidence,\r\n        knowledge, and lifelong success in every classroom journey.\r\n      <\/p>\r\n\r\n      <div class=\"story-btns\">\r\n        <a href=\"#\" class=\"primary-btn\">Get Started<\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- RIGHT SIDE -->\r\n    <div class=\"success-image\">\r\n\r\n      <!-- FLOATING IMAGE -->\r\n      <div class=\"floating-img\">\r\n        <img decoding=\"async\" src=\"https:\/\/mezoowp1.mystartupcrew.com\/wp-content\/uploads\/2026\/05\/Untitled-4-remove-bg-io.png\" alt=\"\">\r\n      <\/div>\r\n\r\n      <div class=\"image-box\">\r\n        <img decoding=\"async\" src=\"https:\/\/mezoowp1.mystartupcrew.com\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-May-20-2026-11_22_45-PM.png\" alt=\"Success Story Image\">\r\n      <\/div>\r\n\r\n      <!--<div class=\"floating-card\">\r\n        <h3>98%<\/h3>\r\n        <p>\r\n          Students improved learning confidence through interactive lessons and activities.\r\n        <\/p>\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-e7e087e e-con-full e-flex e-con e-parent\" data-id=\"e7e087e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4c00309 elementor-widget elementor-widget-html\" data-id=\"4c00309\" 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=Montserrat:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n*{\r\n  margin:0;\r\n  padding:0;\r\n  box-sizing:border-box;\r\n}\r\n\r\nbody{\r\n  font-family:'Montserrat',sans-serif;\r\n}\r\n\r\n.modern-accordion-section{\r\n  width:100%;\r\n  padding:80px 5%;\r\n  background:linear-gradient(135deg,#eef9ff,#f7fcff,#e6f6ff);\r\n  position:relative;\r\n  overflow:hidden;\r\n  border-radius:32px;\r\n  font-family:'Montserrat',sans-serif;\r\n}\r\n\r\n\/* Floating Shapes *\/\r\n.floating-shape{\r\n  position:absolute;\r\n  border-radius:50%;\r\n  filter:blur(2px);\r\n  animation:floatMove 6s ease-in-out infinite;\r\n  z-index:1;\r\n}\r\n\r\n.shape1{\r\n  width:140px;\r\n  height:140px;\r\n  background:rgba(70,180,245,0.15);\r\n  top:30px;\r\n  right:70px;\r\n}\r\n\r\n.shape2{\r\n  width:80px;\r\n  height:80px;\r\n  background:rgba(70,180,245,0.18);\r\n  bottom:70px;\r\n  left:50px;\r\n  animation-delay:2s;\r\n}\r\n\r\n.shape3{\r\n  width:45px;\r\n  height:45px;\r\n  background:rgba(70,180,245,0.22);\r\n  top:48%;\r\n  left:46%;\r\n  animation-delay:1s;\r\n}\r\n\r\n@keyframes floatMove{\r\n  0%{transform:translateY(0px);}\r\n  50%{transform:translateY(-18px);}\r\n  100%{transform:translateY(0px);}\r\n}\r\n\r\n\/* Accordion *\/\r\n.custom-accordion{\r\n  position:relative;\r\n  z-index:5;\r\n  display:flex;\r\n  flex-direction:column;\r\n  gap:28px;\r\n}\r\n\r\n.accordion-item{\r\n  background:rgba(255,255,255,0.88);\r\n  backdrop-filter:blur(12px);\r\n  border-radius:30px;\r\n  overflow:hidden;\r\n  box-shadow:0 15px 45px rgba(70,180,245,0.10);\r\n  transition:0.45s ease;\r\n  border:1px solid rgba(70,180,245,0.12);\r\n}\r\n\r\n.accordion-item.active{\r\n  transform:translateY(-5px);\r\n  box-shadow:0 20px 55px rgba(70,180,245,0.20);\r\n}\r\n\r\n.accordion-header{\r\n  width:100%;\r\n  padding:30px 38px;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n  cursor:pointer;\r\n  background:transparent;\r\n  transition:0.3s ease;\r\n}\r\n\r\n.accordion-header:hover{\r\n  background:rgba(70,180,245,0.04);\r\n}\r\n\r\n.accordion-title{\r\n  font-size:30px;\r\n  font-weight:800;\r\n  color:#0f172a;\r\n  line-height:1.3;\r\n  letter-spacing:-0.3px;\r\n}\r\n\r\n.accordion-icon{\r\n  width:52px;\r\n  height:52px;\r\n  border-radius:50%;\r\n  background:linear-gradient(135deg,#46B4F5,#2597db);\r\n  color:#fff;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  font-size:30px;\r\n  font-weight:500;\r\n  transition:0.4s ease;\r\n  flex-shrink:0;\r\n  box-shadow:0 10px 25px rgba(70,180,245,0.35);\r\n}\r\n\r\n.accordion-item.active .accordion-icon{\r\n  transform:rotate(45deg);\r\n}\r\n\r\n\/* Content *\/\r\n.accordion-content{\r\n  max-height:0;\r\n  overflow:hidden;\r\n  transition:max-height 0.6s ease;\r\n}\r\n\r\n.accordion-inner{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap:55px;\r\n  padding:10px 38px 42px;\r\n}\r\n\r\n\/* PERFECT BALANCE *\/\r\n.accordion-left,\r\n.accordion-right{\r\n  width:50%;\r\n  flex:1;\r\n}\r\n\r\n\/* Text Side *\/\r\n.text-side{\r\n  max-width:560px;\r\n}\r\n\r\n.content-heading{\r\n  font-size:42px;\r\n  line-height:1.2;\r\n  font-weight:800;\r\n  color:#0f172a;\r\n  margin-bottom:22px;\r\n}\r\n\r\n.content-text{\r\n  font-size:16px;\r\n  line-height:1.9;\r\n  color:#5d6b82;\r\n  font-weight:500;\r\n}\r\n\r\n\/* Image Side *\/\r\n.image-side{\r\n  display:flex;\r\n  justify-content:center;\r\n}\r\n\r\n.image-box{\r\n  position:relative;\r\n  width:100%;\r\n  max-width:500px;\r\n}\r\n\r\n.image-box img.main-image{\r\n  width:100%;\r\n  height:380px;\r\n  object-fit:cover;\r\n  border-radius:28px;\r\n  display:block;\r\n  box-shadow:0 25px 55px rgba(70,180,245,0.20);\r\n  transition:0.6s ease;\r\n}\r\n\r\n.image-box:hover img.main-image{\r\n  transform:scale(1.03);\r\n}\r\n\r\n\/* Floating Image *\/\r\n.floating-image{\r\n  position:absolute;\r\n  width:110px;\r\n  height:110px;\r\n  border-radius:24px;\r\n  overflow:hidden;\r\n  box-shadow:0 18px 40px rgba(70,180,245,0.25);\r\n  border:5px solid #fff;\r\n  animation:floatingCard 5s ease-in-out infinite;\r\n  background:#fff;\r\n}\r\n\r\n.floating-image img{\r\n  width:100%;\r\n  height:100%;\r\n  object-fit:cover;\r\n}\r\n\r\n.float-right{\r\n  right:-22px;\r\n  bottom:-22px;\r\n}\r\n\r\n.float-left{\r\n  left:-22px;\r\n  bottom:-22px;\r\n}\r\n\r\n@keyframes floatingCard{\r\n  0%{transform:translateY(0px);}\r\n  50%{transform:translateY(-12px);}\r\n  100%{transform:translateY(0px);}\r\n}\r\n\r\n\/* Decorative Glow *\/\r\n.modern-accordion-section::before{\r\n  content:'';\r\n  position:absolute;\r\n  width:350px;\r\n  height:350px;\r\n  background:rgba(70,180,245,0.12);\r\n  border-radius:50%;\r\n  top:-120px;\r\n  left:-120px;\r\n  filter:blur(40px);\r\n}\r\n\r\n.modern-accordion-section::after{\r\n  content:'';\r\n  position:absolute;\r\n  width:300px;\r\n  height:300px;\r\n  background:rgba(70,180,245,0.10);\r\n  border-radius:50%;\r\n  bottom:-120px;\r\n  right:-120px;\r\n  filter:blur(40px);\r\n}\r\n\r\n\/* Responsive *\/\r\n@media(max-width:991px){\r\n\r\n  .accordion-inner{\r\n    flex-direction:column;\r\n    gap:35px;\r\n  }\r\n\r\n  .accordion-left,\r\n  .accordion-right{\r\n    width:100%;\r\n  }\r\n\r\n  .text-side{\r\n    max-width:100%;\r\n  }\r\n\r\n  .image-box{\r\n    max-width:100%;\r\n  }\r\n\r\n  .image-box img.main-image{\r\n    height:320px;\r\n  }\r\n\r\n  .content-heading{\r\n    font-size:34px;\r\n  }\r\n\r\n  .accordion-title{\r\n    font-size:24px;\r\n  }\r\n\r\n  .floating-image{\r\n    width:90px;\r\n    height:90px;\r\n  }\r\n}\r\n\r\n@media(max-width:767px){\r\n\r\n  .modern-accordion-section{\r\n    padding:50px 20px;\r\n    border-radius:24px;\r\n  }\r\n\r\n  .accordion-header{\r\n    padding:22px 20px;\r\n  }\r\n\r\n  .accordion-inner{\r\n    padding:0 20px 30px;\r\n  }\r\n\r\n  .content-heading{\r\n    font-size:28px;\r\n  }\r\n\r\n  .content-text{\r\n    font-size:15px;\r\n    line-height:1.8;\r\n  }\r\n\r\n  .accordion-title{\r\n    font-size:18px;\r\n  }\r\n\r\n  .accordion-icon{\r\n    width:44px;\r\n    height:44px;\r\n    font-size:24px;\r\n  }\r\n\r\n  .image-box img.main-image{\r\n    height:260px;\r\n  }\r\n\r\n  .floating-image{\r\n    width:72px;\r\n    height:72px;\r\n  }\r\n\r\n  .float-right{\r\n    right:-10px;\r\n    bottom:-10px;\r\n  }\r\n\r\n  .float-left{\r\n    left:-10px;\r\n    bottom:-10px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div class=\"modern-accordion-section\">\r\n\r\n  <!-- Floating Shapes -->\r\n  <div class=\"floating-shape shape1\"><\/div>\r\n  <div class=\"floating-shape shape2\"><\/div>\r\n  <div class=\"floating-shape shape3\"><\/div>\r\n\r\n  <div class=\"custom-accordion\">\r\n\r\n    <!-- Accordion 1 -->\r\n    <div class=\"accordion-item active\">\r\n\r\n      <div class=\"accordion-header\">\r\n        <h2 class=\"accordion-title\">\r\n          Corporate & Group Giving & Study\r\n        <\/h2>\r\n\r\n        <div class=\"accordion-icon\">+<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"accordion-content\">\r\n\r\n        <div class=\"accordion-inner\">\r\n\r\n          <!-- Left Content -->\r\n          <div class=\"accordion-left text-side\">\r\n\r\n            <h3 class=\"content-heading\">\r\n              Empower Learning Through Community Support\r\n            <\/h3>\r\n\r\n            <p class=\"content-text\">\r\n              Build meaningful educational experiences through collaborative \r\n              group programs, corporate partnerships, and guided learning \r\n              opportunities. Our modern study environment helps students \r\n              stay motivated, connected, and inspired with engaging lessons \r\n              and innovative learning strategies for long-term success.\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n          <!-- Right Image -->\r\n          <div class=\"accordion-right image-side\">\r\n\r\n            <div class=\"image-box\">\r\n\r\n              <img decoding=\"async\" class=\"main-image\" src=\"https:\/\/mezoowp1.mystartupcrew.com\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-May-20-2026-11_53_27-.png\" alt=\"\">\r\n\r\n              <div class=\"floating-image float-right\">\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1513258496099-48168024aec0?q=80&w=600&auto=format&fit=crop\" alt=\"\">\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Accordion 2 -->\r\n    <div class=\"accordion-item\">\r\n\r\n      <div class=\"accordion-header\">\r\n        <h2 class=\"accordion-title\">\r\n          Teacher Guidance\r\n        <\/h2>\r\n\r\n        <div class=\"accordion-icon\">+<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"accordion-content\">\r\n\r\n        <div class=\"accordion-inner\">\r\n\r\n          <!-- Left Image -->\r\n          <div class=\"accordion-left image-side\">\r\n\r\n            <div class=\"image-box\">\r\n\r\n              <img decoding=\"async\" class=\"main-image\" src=\"https:\/\/mezoowp1.mystartupcrew.com\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-May-20-2026-11_53_27-PM.png\" alt=\"\">\r\n\r\n              <div class=\"floating-image float-left\">\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1509062522246-3755977927d7?q=80&w=600&auto=format&fit=crop\" alt=\"\">\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n          <!-- Right Content -->\r\n          <div class=\"accordion-right text-side\">\r\n\r\n            <h3 class=\"content-heading\">\r\n              Personalized Guidance From Expert Teachers\r\n            <\/h3>\r\n\r\n            <p class=\"content-text\">\r\n              Our experienced teachers provide dedicated mentorship and \r\n              personalized academic guidance to help students achieve \r\n              confidence and excellence. Interactive teaching methods, \r\n              structured lesson planning, and continuous support create \r\n              a positive learning journey designed for every student\u2019s growth.\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n\r\n  const accordionItems = document.querySelectorAll(\".accordion-item\");\r\n\r\n  \/\/ First accordion open by default\r\n  const firstActive = document.querySelector(\".accordion-item.active\");\r\n  \r\n  if(firstActive){\r\n    const firstContent = firstActive.querySelector(\".accordion-content\");\r\n    firstContent.style.maxHeight = firstContent.scrollHeight + \"px\";\r\n  }\r\n\r\n  accordionItems.forEach((item) => {\r\n\r\n    const header = item.querySelector(\".accordion-header\");\r\n    const content = item.querySelector(\".accordion-content\");\r\n\r\n    header.addEventListener(\"click\", function () {\r\n\r\n      const isActive = item.classList.contains(\"active\");\r\n\r\n      \/\/ Close all\r\n      accordionItems.forEach((accordion) => {\r\n        accordion.classList.remove(\"active\");\r\n        accordion.querySelector(\".accordion-content\").style.maxHeight = null;\r\n      });\r\n\r\n      \/\/ Open current\r\n      if(!isActive){\r\n        item.classList.add(\"active\");\r\n        content.style.maxHeight = content.scrollHeight + \"px\";\r\n      }\r\n\r\n    });\r\n\r\n  });\r\n\r\n});\r\n<\/script>\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>Give to a Classroom Support Classrooms, Empower Students, Build Brighter Futures Inspiring Student Growth Our Success Story We help students [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-258","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mezoowp1.mystartupcrew.com\/index.php\/wp-json\/wp\/v2\/pages\/258","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mezoowp1.mystartupcrew.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mezoowp1.mystartupcrew.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mezoowp1.mystartupcrew.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mezoowp1.mystartupcrew.com\/index.php\/wp-json\/wp\/v2\/comments?post=258"}],"version-history":[{"count":25,"href":"https:\/\/mezoowp1.mystartupcrew.com\/index.php\/wp-json\/wp\/v2\/pages\/258\/revisions"}],"predecessor-version":[{"id":377,"href":"https:\/\/mezoowp1.mystartupcrew.com\/index.php\/wp-json\/wp\/v2\/pages\/258\/revisions\/377"}],"wp:attachment":[{"href":"https:\/\/mezoowp1.mystartupcrew.com\/index.php\/wp-json\/wp\/v2\/media?parent=258"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}