Weekend Special

Weekends That Transform

Special weekend programs designed for maximum impact and fun.

Weekend Special

Weekends That Transform

} .hero-badge { display: inline-flex; align-items: center; gap: 8px; background: white; border: 1px solid var(--gray-200); padding: 8px 16px; border-radius: 25px; font-size: 0.85rem; font-weight: 500; color: var(--gray-600); box-shadow: var(--shadow-sm); margin-bottom: 20px; } .hero-badge .dot { width: 10px; height: 10px; background: #22c55e; border-radius: 50%; animation: pulse-dot 2s infinite; } @keyframes pulse-dot { 0%, 100% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.5); } 50% { box-shadow: 0 0 0 12px rgba(34, 197, 94, 0); } } .hero h1 { font-size: clamp(2.2rem, 4.5vw, 3.4rem); font-weight: 900; color: var(--gray-900); letter-spacing: -1px; line-height: 1.15; margin-bottom: 18px; } .hero h1 .highlight { background: linear-gradient(135deg, var(--blue), #2088d8); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .hero-subtitle { font-size: 1.1rem; color: var(--gray-500); margin-bottom: 32px; max-width: 480px; line-height: 1.7; } .hero-buttons { display: flex; gap: 14px; flex-wrap: wrap; } .btn { display: inline-flex; align-items: center; gap: 8px; padding: 14px 28px; border-radius: 30px; font-weight: 600; font-size: 0.95rem; text-decoration: none; cursor: pointer; border: none; transition: all var(--transition); font-family: var(--font-poppins); white-space: nowrap; letter-spacing: -0.2px; } .btn-primary { background: var(--orange); color: white; box-shadow: var(--shadow-orange); } .btn-primary:hover { background: var(--orange-dark); transform: translateY(-3px); box-shadow: 0 18px 36px -10px rgba(244, 129, 31, 0.45); } .btn-secondary { background: white; color: var(--blue); border: 2px solid var(--blue); } .btn-secondary:hover { background: var(--blue-light); transform: translateY(-3px); box-shadow: var(--shadow-blue); } .hero-visual { display: flex; align-items: center; justify-content: center; position: relative; } .hero-visual .hero-card-stack { position: relative; width: 100%; max-width: 420px; aspect-ratio: 1/1.1; } .hero-floating-card { position: absolute; background: white; border-radius: var(--radius-lg); padding: 20px; box-shadow: var(--shadow-lg); display: flex; align-items: center; gap: 12px; font-weight: 600; font-size: 0.9rem; color: var(--gray-800); animation: float-card 6s ease-in-out infinite; border: 1px solid rgba(0, 0, 0, 0.04); } .hero-floating-card:nth-child(1) { top: 8%; right: 5%; animation-delay: 0s; } .hero-floating-card:nth-child(2) { bottom: 22%; left: 0%; animation-delay: -2s; } .hero-floating-card:nth-child(3) { bottom: 8%; right: 10%; animation-delay: -4s; } .hero-floating-card .fc-icon { width: 44px; height: 44px; border-radius: 14px; display: flex; align-items: center; justify-content: center; font-size: 22px; flex-shrink: 0; } .fc-icon.blue { background: var(--blue-light); } .fc-icon.orange { background: var(--orange-light); } @keyframes float-card { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-18px); } } /* ==================== ABOUT SYSTEM ==================== */ .about-system { background: var(--white); } .system-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 16px; margin-top: 40px; } .system-item { background: var(--gray-50); border: 1px solid var(--gray-100); border-radius: var(--radius); padding: 24px 18px; text-align: center; transition: all var(--transition); cursor: default; } .system-item:hover { background: white; border-color: var(--blue); box-shadow: var(--shadow-md); transform: translateY(-4px); } .system-item .si-icon { font-size: 2.2rem; margin-bottom: 10px; } .system-item .si-title { font-weight: 700; font-size: 0.9rem; color: var(--gray-800); } .system-item .si-cross { display: inline-block; background: #fef2f2; color: #ef4444; padding: 3px 10px; border-radius: 12px; font-size: 0.7rem; font-weight: 700; margin-bottom: 6px; } /* ==================== WHAT WE DEVELOP ==================== */ .what-we-develop { background: var(--off-white); } .skills-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 18px; margin-top: 40px; } .skill-card { background: white; border-radius: var(--radius-lg); padding: 28px 20px; text-align: center; box-shadow: var(--shadow); transition: all var(--transition); cursor: default; border: 1px solid transparent; position: relative; overflow: hidden; } .skill-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, var(--blue), var(--orange)); transform: scaleX(0); transition: transform var(--transition-slow); border-radius: 0 0 4px 4px; } .skill-card:hover::before { transform: scaleX(1); } .skill-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-xl); border-color: var(--gray-200); } .skill-card .sc-icon { font-size: 3rem; margin-bottom: 12px; display: block; transition: transform var(--transition); } .skill-card:hover .sc-icon { transform: scale(1.15); } .skill-card .sc-title { font-weight: 700; font-size: 0.95rem; color: var(--gray-800); } /* ==================== ABOUT US ==================== */ .about-us { background: var(--white); } .about-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: start; } .mission-vision { display: flex; flex-direction: column; gap: 20px; } .mv-card { background: var(--gray-50); border-radius: var(--radius-lg); padding: 28px; border-left: 4px solid var(--blue); transition: all var(--transition); } .mv-card.orange-border { border-left-color: var(--orange); } .mv-card h4 { font-weight: 700; font-size: 1rem; margin-bottom: 6px; color: var(--gray-900); } .mv-card p { color: var(--gray-600); font-size: 0.9rem; line-height: 1.6; } .trainer-card { background: white; border-radius: var(--radius-xl); padding: 32px; box-shadow: var(--shadow-lg); border: 1px solid var(--gray-100); text-align: center; transition: all var(--transition); } .trainer-card:hover { box-shadow: var(--shadow-xl); transform: translateY(-4px); } .trainer-avatar { width: 90px; height: 90px; border-radius: 50%; background: linear-gradient(135deg, var(--blue), #2088d8); display: flex; align-items: center; justify-content: center; font-size: 2.8rem; color: white; margin: 0 auto 16px; box-shadow: 0 8px 24px rgba(26, 111, 196, 0.3); } .trainer-card h3 { font-weight: 800; font-size: 1.3rem; color: var(--gray-900); } .trainer-card .role { color: var(--blue); font-weight: 600; font-size: 0.85rem; margin-bottom: 4px; } .trainer-card .location { color: var(--gray-500); font-size: 0.8rem; margin-bottom: 14px; } .trainer-focus { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin-bottom: 16px; } .trainer-focus span { background: var(--blue-light); color: var(--blue-dark); padding: 6px 14px; border-radius: 20px; font-size: 0.78rem; font-weight: 600; } .trainer-quote { font-style: italic; color: var(--gray-600); font-size: 0.88rem; line-height: 1.6; border-top: 1px solid var(--gray-200); padding-top: 14px; margin-top: 4px; } /* ==================== PORTFOLIO SECTION ==================== */ .portfolio { background: var(--off-white); } .portfolio-card { max-width: 600px; margin: 0 auto; background: white; border-radius: var(--radius-xl); padding: 32px; box-shadow: var(--shadow-lg); text-align: center; border: 1px solid var(--gray-100); transition: all var(--transition); } .portfolio-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-xl); } /* ==================== MENTORS SECTION ==================== */ .mentors { background: var(--off-white); } .mentors-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 24px; margin-top: 40px; } .mentor-card { background: var(--white); border-radius: var(--radius-xl); padding: 32px 24px 28px; text-align: center; box-shadow: var(--shadow); transition: all var(--transition); border: 1px solid var(--gray-100); position: relative; overflow: hidden; cursor: pointer; } .mentor-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, var(--blue), var(--orange)); transform: scaleX(0); transition: transform var(--transition-slow); } .mentor-card:hover::before { transform: scaleX(1); } .mentor-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-xl); border-color: var(--gray-200); } .mentor-card img { width: 80px; height: 80px; border-radius: 50%; object-fit: cover; margin: 0 auto 14px; display: block; background: var(--blue-light); transition: transform var(--transition); } .mentor-card:hover img { transform: scale(1.05) rotate(-3deg); } .mentor-card .click-hint { font-size: 0.7rem; color: var(--gray-400); margin-top: 8px; display: block; font-weight: 500; opacity: 0.7; transition: opacity var(--transition); } .mentor-card:hover .click-hint { opacity: 1; } .mentor-name { font-weight: 700; font-size: 1.15rem; color: var(--gray-900); } .mentor-role { font-size: 0.85rem; font-weight: 600; margin-bottom: 6px; } .mentor-role.blue-text { color: var(--blue); } .mentor-role.pink-text { color: #db2777; } .mentor-role.choc-text { color: #b45309; } .mentor-contact { color: var(--gray-600); font-size: 0.9rem; margin-bottom: 16px; display: block; } .mentor-actions { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; } .btn-mentor { padding: 8px 16px; border-radius: 25px; font-weight: 600; font-size: 0.8rem; text-decoration: none; transition: all var(--transition); display: inline-flex; align-items: center; gap: 6px; font-family: var(--font-poppins); } .btn-mentor-call { background: var(--gray-100); color: var(--gray-800); } .btn-mentor-call:hover { background: var(--gray-200); transform: translateY(-2px); } .btn-mentor-wa { background: #25d366; color: white; } .btn-mentor-wa:hover { background: #20b859; transform: translateY(-2px); box-shadow: 0 6px 16px rgba(37, 211, 102, 0.4); } .mentors-cta-container { text-align: center; margin-top: 44px; } /* ==================== MENTOR MODAL ==================== */ .modal-overlay { display: none; position: fixed; inset: 0; z-index: 9999; background: rgba(0, 0, 0, 0.6); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); align-items: center; justify-content: center; padding: 20px; animation: modalFadeIn 0.3s ease-out; } .modal-overlay.active { display: flex; } @keyframes modalFadeIn { from { opacity: 0; transform: scale(0.95); } to { opacity: 1; transform: scale(1); } } .modal-box { background: var(--white); max-width: 750px; width: 100%; max-height: 90vh; overflow-y: auto; border-radius: var(--radius-2xl); padding: 40px 32px; position: relative; box-shadow: var(--shadow-xl); border-top: 4px solid var(--blue); transition: border-color var(--transition); } .modal-box.orange-border { border-top-color: var(--orange); } .modal-close { position: absolute; top: 16px; right: 20px; background: none; border: none; font-size: 1.8rem; cursor: pointer; color: var(--gray-500); transition: all var(--transition); font-family: var(--font-poppins); line-height: 1; padding: 0 4px; } .modal-close:hover { color: var(--gray-900); transform: rotate(90deg); } .modal-box h3 { font-size: 1.4rem; font-weight: 800; color: var(--gray-900); margin-bottom: 16px; text-align: center; } .modal-box .modal-quote { margin-top: 20px; font-style: italic; color: var(--gray-600); font-size: 0.9rem; padding-top: 16px; border-top: 1px solid var(--gray-200); text-align: center; } /* Mermaid Flowchart Styling override */ .mermaid { display: flex; justify-content: center; margin: 0 auto; width: 100%; overflow-x: auto; } @media (max-width: 480px) { .modal-box { padding: 28px 16px; } } /* ==================== PROGRAMS ==================== */ .programs { background: var(--off-white); } .programs-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 22px; margin-top: 40px; } .program-card { background: white; border-radius: var(--radius-xl); padding: 32px 24px; box-shadow: var(--shadow); transition: all var(--transition); border: 1px solid transparent; position: relative; overflow: hidden; cursor: default; } .program-card:hover { transform: translateY(-8px); box-shadow: var(--shadow-xl); border-color: var(--gray-200); } .program-card .pc-badge { position: absolute; top: 16px; right: 16px; background: var(--orange-light); color: var(--orange-dark); font-weight: 700; font-size: 0.7rem; padding: 5px 12px; border-radius: 14px; letter-spacing: 0.03em; } .program-card .pc-icon { font-size: 3rem; margin-bottom: 14px; display: block; } .program-card h4 { font-weight: 700; font-size: 1.1rem; color: var(--gray-900); margin-bottom: 6px; } .program-card p { color: var(--gray-500); font-size: 0.85rem; line-height: 1.5; } /* ==================== ACTIVITIES ==================== */ .activities { background: var(--white); } .activities-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 16px; margin-top: 40px; } .activity-item { background: var(--gray-50); border-radius: var(--radius); padding: 22px 16px; text-align: center; font-weight: 600; font-size: 0.9rem; color: var(--gray-700); transition: all var(--transition); cursor: default; border: 1px solid transparent; } .activity-item:hover { background: white; border-color: var(--orange); box-shadow: var(--shadow-md); transform: translateY(-3px); color: var(--orange-dark); } .activity-item .ai-icon { font-size: 2.2rem; display: block; margin-bottom: 8px; } /* ==================== WEEKEND SPECIAL ==================== */ .weekend-special { background: linear-gradient(175deg, #fdfdff 0%, #fff8f4 100%); } .weekend-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 40px; } .weekend-card { background: white; border-radius: var(--radius-xl); padding: 32px; box-shadow: var(--shadow); transition: all var(--transition); border: 1px solid transparent; } .weekend-card:hover { transform: translateY(-5px); box-shadow: var(--shadow-xl); } .weekend-card.saturday { border-top: 4px solid var(--blue); } .weekend-card.sunday { border-top: 4px solid var(--orange); } .weekend-card h4 { font-weight: 800; font-size: 1.2rem; margin-bottom: 4px; } .weekend-card .day-label { font-size: 0.8rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 10px; } .weekend-card.saturday .day-label { color: var(--blue); } .weekend-card.sunday .day-label { color: var(--orange); } .weekend-card ul { list-style: none; padding: 0; color: var(--gray-600); font-size: 0.9rem; line-height: 1.8; } .weekend-card ul li::before { content: '✓ '; font-weight: 700; color: #22c55e; } .future-plans { margin-top: 32px; background: white; border-radius: var(--radius-xl); padding: 28px 32px; box-shadow: var(--shadow); display: flex; align-items: center; gap: 16px; flex-wrap: wrap; border: 1px dashed var(--gray-300); } .future-plans .fp-label { font-weight: 800; font-size: 0.85rem; color: var(--blue); text-transform: uppercase; letter-spacing: 0.05em; flex-shrink: 0; } .future-plans .fp-tags { display: flex; gap: 10px; flex-wrap: wrap; } .future-plans .fp-tags span { background: var(--blue-light); color: var(--blue-dark); padding: 8px 16px; border-radius: 22px; font-weight: 600; font-size: 0.85rem; } /* ==================== GALLERY ==================== */ .gallery { background: var(--white); } .gallery-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 14px; margin-top: 40px; } .gallery-placeholder { aspect-ratio: 1/1; border-radius: var(--radius-lg); display: flex; flex-direction: column; align-items: center; justify-content: center; font-weight: 700; font-size: 0.85rem; color: white; transition: all var(--transition); cursor: pointer; text-align: center; gap: 8px; position: relative; overflow: hidden; } .gallery-placeholder::after { content: ''; position: absolute; inset: 0; background: rgba(0, 0, 0, 0); transition: all var(--transition); border-radius: var(--radius-lg); } .gallery-placeholder:hover::after { background: rgba(0, 0, 0, 0.15); } .gallery-placeholder:hover { transform: scale(1.04); box-shadow: var(--shadow-xl); } .gallery-placeholder .gp-icon { font-size: 2.5rem; position: relative; z-index: 1; } .gallery-placeholder .gp-label { position: relative; z-index: 1; font-size: 0.8rem; letter-spacing: 0.02em; } .gp-fitness { background: linear-gradient(135deg, #1a6fc4, #3b8de0); } .gp-teamwork { background: linear-gradient(135deg, #f4811f, #f9a04d); } .gp-speaking { background: linear-gradient(135deg, #1e7e5a, #2ea87a); } .gp-outdoor { background: linear-gradient(135deg, #6d3bbf, #8b5fd4); } .gp-leadership { background: linear-gradient(135deg, #c73e3e, #e05555); } .gp-activities { background: linear-gradient(135deg, #2d7db5, #4da0d4); } /* ==================== PARENT ZONE ==================== */ .parent-zone { background: var(--off-white); } .parent-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; margin-top: 40px; } .parent-info h4 { font-weight: 700; font-size: 1rem; color: var(--gray-900); margin-bottom: 8px; display: flex; align-items: center; gap: 8px; } .parent-info ul { list-style: none; padding: 0; margin-bottom: 20px; } .parent-info ul li { padding: 8px 0; color: var(--gray-600); font-size: 0.9rem; border-bottom: 1px solid var(--gray-100); display: flex; align-items: center; gap: 8px; } .parent-info ul li::before { content: '●'; color: var(--blue); font-size: 0.5rem; } .benefits-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; } .benefits-tags span { background: white; padding: 8px 16px; border-radius: 22px; font-weight: 600; font-size: 0.8rem; color: var(--blue-dark); box-shadow: var(--shadow-sm); border: 1px solid var(--gray-100); } .testimonials-stack { display: flex; flex-direction: column; gap: 16px; } .testimonial-card { background: white; border-radius: var(--radius-lg); padding: 24px; box-shadow: var(--shadow); transition: all var(--transition); border: 1px solid var(--gray-100); } .testimonial-card:hover { box-shadow: var(--shadow-lg); transform: translateX(4px); } .testimonial-card .tc-stars { color: #f59e0b; font-size: 0.9rem; margin-bottom: 8px; } .testimonial-card .tc-text { color: var(--gray-700); font-size: 0.9rem; line-height: 1.6; font-style: italic; } .testimonial-card .tc-author { font-weight: 700; font-size: 0.85rem; color: var(--gray-900); margin-top: 10px; } .testimonial-card .tc-location { font-size: 0.75rem; color: var(--gray-500); } /* ==================== FORM ==================== */ .join-form-section { background: var(--white); } .form-card { max-width: 680px; margin: 40px auto 0; background: white; border-radius: var(--radius-2xl); padding: 40px 32px; box-shadow: var(--shadow-xl); border: 1px solid var(--gray-100); } .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 16px; } .form-group { display: flex; flex-direction: column; gap: 5px; } .form-group label { font-weight: 600; font-size: 0.82rem; color: var(--gray-700); letter-spacing: -0.1px; } .form-group input, .form-group select { padding: 13px 16px; border: 2px solid var(--gray-200); border-radius: 12px; font-family: var(--font-poppins); font-size: 0.9rem; transition: all var(--transition); background: var(--gray-50); color: var(--gray-800); width: 100%; } .form-group input:focus, .form-group select:focus { outline: none; border-color: var(--blue); background: white; box-shadow: 0 0 0 4px rgba(26, 111, 196, 0.08); } .btn-submit { width: 100%; padding: 16px; background: var(--orange); color: white; font-weight: 700; font-size: 1rem; border: none; border-radius: 14px; cursor: pointer; font-family: var(--font-poppins); transition: all var(--transition); box-shadow: var(--shadow-orange); letter-spacing: -0.2px; margin-top: 8px; } .btn-submit:hover { background: var(--orange-dark); transform: translateY(-3px); box-shadow: 0 18px 36px -10px rgba(244, 129, 31, 0.45); } /* ==================== CTA BANNER ==================== */ .cta-banner { background: linear-gradient(135deg, var(--blue), #1e5fa8); color: white; text-align: center; padding: 64px 24px; position: relative; overflow: hidden; } .cta-banner::before { content: ''; position: absolute; top: -100px; right: -100px; width: 350px; height: 350px; background: rgba(255, 255, 255, 0.04); border-radius: 50%; pointer-events: none; } .cta-banner::after { content: ''; position: absolute; bottom: -80px; left: -80px; width: 280px; height: 280px; background: rgba(255, 255, 255, 0.03); border-radius: 50%; pointer-events: none; } .cta-banner h2 { font-size: clamp(1.6rem, 3vw, 2.3rem); font-weight: 800; letter-spacing: -0.5px; position: relative; z-index: 1; } .cta-banner p { font-size: 1rem; opacity: 0.9; margin: 12px 0 24px; position: relative; z-index: 1; } .cta-banner .btn { position: relative; z-index: 1; background: white; color: var(--blue); font-weight: 700; } .cta-banner .btn:hover { background: #fff; transform: translateY(-3px); box-shadow: 0 18px 36px -8px rgba(0, 0, 0, 0.25); } /* ==================== CONTACT ==================== */ .contact { background: var(--off-white); text-align: center; } .contact-info { display: flex; flex-wrap: wrap; gap: 24px; justify-content: center; margin-top: 32px; } .contact-card { background: white; border-radius: var(--radius-lg); padding: 24px 28px; box-shadow: var(--shadow); transition: all var(--transition); display: flex; align-items: center; gap: 14px; font-weight: 600; color: var(--gray-800); text-decoration: none; border: 1px solid transparent; } .contact-card:hover { border-color: var(--blue); box-shadow: var(--shadow-lg); transform: translateY(-3px); } .contact-card .cc-icon { font-size: 2rem; } /* Map Section */ .map-wrapper { margin-top: 40px; position: relative; border-radius: var(--radius-xl); overflow: hidden; box-shadow: var(--shadow-lg); height: 350px; } .map-wrapper iframe { width: 100%; height: 100%; border: 0; display: block; } .map-wrapper .map-overlay-link { position: absolute; inset: 0; display: block; z-index: 10; cursor: pointer; background: transparent; transition: background 0.2s; } .map-wrapper .map-overlay-link:hover { background: rgba(26, 111, 196, 0.04); } .map-wrapper .map-open-btn { position: absolute; bottom: 16px; right: 16px; z-index: 15; background: white; padding: 8px 16px; border-radius: 25px; font-size: 0.8rem; font-weight: 600; color: var(--gray-700); text-decoration: none; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); display: flex; align-items: center; gap: 6px; transition: all var(--transition); pointer-events: auto; } .map-wrapper .map-open-btn:hover { background: var(--blue-light); color: var(--blue); transform: translateY(-2px); box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15); } /* ==================== FOOTER ==================== */ .footer { background: var(--gray-900); color: white; text-align: center; padding: 40px 24px; } .footer h4 { font-weight: 700; font-size: 1.1rem; margin-bottom: 4px; } .footer .footer-trainer { color: var(--gray-400); font-size: 0.85rem; } .footer .footer-quote { font-style: italic; color: var(--gray-500); font-size: 0.85rem; margin: 12px 0; max-width: 500px; margin-left: auto; margin-right: auto; line-height: 1.6; } .footer .copyright { color: var(--gray-600); font-size: 0.75rem; margin-top: 16px; border-top: 1px solid rgba(255, 255, 255, 0.08); padding-top: 16px; } /* ==================== FLOATING WHATSAPP ==================== */ .floating-whatsapp { position: fixed; bottom: 28px; right: 28px; z-index: 998; width: 58px; height: 58px; background: #25d366; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.8rem; color: white; box-shadow: 0 8px 28px rgba(37, 211, 102, 0.45); cursor: pointer; transition: all var(--transition); text-decoration: none; animation: whatsapp-pulse 2.5s infinite; } .floating-whatsapp:hover { transform: scale(1.1); box-shadow: 0 12px 36px rgba(37, 211, 102, 0.55); } @keyframes whatsapp-pulse { 0%, 100% { box-shadow: 0 8px 28px rgba(37, 211, 102, 0.45); } 50% { box-shadow: 0 8px 44px rgba(37, 211, 102, 0.7), 0 0 0 18px rgba(37, 211, 102, 0.08); } } /* ==================== SCROLL REVEAL ==================== */ .reveal { opacity: 0; transform: translateY(40px); transition: opacity 0.7s cubic-bezier(0.4, 0, 0.2, 1), transform 0.7s cubic-bezier(0.4, 0, 0.2, 1); } .reveal.visible { opacity: 1; transform: translateY(0); } .reveal-delay-1 { transition-delay: 0.1s; } .reveal-delay-2 { transition-delay: 0.2s; } .reveal-delay-3 { transition-delay: 0.3s; } .reveal-delay-4 { transition-delay: 0.4s; } /* ==================== RESPONSIVE ==================== */ @media (max-width: 1024px) { .hero .container { grid-template-columns: 1fr; text-align: center; gap: 32px; } .hero-subtitle { margin-left: auto; margin-right: auto; } .hero-buttons { justify-content: center; } .hero-visual .hero-card-stack { max-width: 320px; aspect-ratio: 1/1; } .hero-floating-card { padding: 14px; font-size: 0.78rem; gap: 8px; } .hero-floating-card .fc-icon { width: 34px; height: 34px; font-size: 16px; border-radius: 10px; } .about-grid { grid-template-columns: 1fr; } .parent-grid { grid-template-columns: 1fr; } .weekend-grid { grid-template-columns: 1fr; } .form-row { grid-template-columns: 1fr; } } @media (max-width: 768px) { .nav-links { display: none; } .hamburger { display: flex; } .mobile-menu { display: flex; } .section { padding: 56px 16px; } .section-title { font-size: 1.6rem; } .hero { min-height: auto; padding-top: calc(var(--navbar-height) + 40px); padding-bottom: 60px; } .hero h1 { font-size: 1.9rem; } .hero-visual .hero-card-stack { max-width: 260px; } .hero-floating-card { padding: 10px 12px; font-size: 0.7rem; gap: 6px; border-radius: 14px; } .hero-floating-card .fc-icon { width: 28px; height: 28px; font-size: 14px; border-radius: 8px; } .system-grid { grid-template-columns: repeat(2, 1fr); } .skills-grid { grid-template-columns: repeat(2, 1fr); } .programs-grid { grid-template-columns: 1fr; } .activities-grid { grid-template-columns: repeat(2, 1fr); } .gallery-grid { grid-template-columns: repeat(2, 1fr); } .form-card { padding: 24px 18px; } .floating-whatsapp { width: 50px; height: 50px; font-size: 1.5rem; bottom: 18px; right: 18px; } .contact-info { flex-direction: column; align-items: center; } .future-plans { flex-direction: column; text-align: center; } .map-wrapper { height: 280px; } } @media (max-width: 480px) { .system-grid { grid-template-columns: 1fr 1fr; gap: 10px; } .system-item { padding: 16px 10px; } .system-item .si-title { font-size: 0.75rem; } .skills-grid { grid-template-columns: 1fr 1fr; gap: 10px; } .skill-card { padding: 18px 12px; } .skill-card .sc-title { font-size: 0.8rem; } .hero-buttons { flex-direction: column; align-items: center; } .btn { width: 100%; justify-content: center; } .gallery-grid { grid-template-columns: 1fr 1fr; gap: 10px; } .hero-floating-card:nth-child(2) { left: -5%; } .hero-floating-card:nth-child(3) { right: 2%; } }

📍 Trimurti Chowk, Nashik

Building Strong, Confident & Disciplined Future Leaders

Real-time activity-based child development system — no boring classrooms, just growth through action.

✨ Join Free Trial Explore Programs

💪

Physical Growth

🧠

Mental Strength

🏆

Leadership Skills

Our System

Not Tuition. Not Boring Classrooms.

We believe children learn best through action, not lectures. Our unique system builds character through real activities.

❌ Not Tuition

📚

No boring academic classes

❌ Not Classroom

🏫

No sitting in rows

🎯

Activity-Based Development

🏆

Leadership Challenges

🤝

Team Activities

💪

Confidence Building

🏃

Physical & Mental Growth

Skills We Build

What We Develop In Your Child

Every activity is designed to nurture essential life skills that go beyond academics.

🦁 Confidence

⚡ Discipline

👑 Leadership

💬 Communication

🤝 Teamwork

🏃 Physical Activity

🧠 Mental Strength

About Us

Our Mission & Vision

🎯 Our Mission

Helping children become stronger mentally, physically and socially through positive activities and real-life learning.

🌟 Our Vision

Creating confident, disciplined and compassionate future generations ready for the real world.

👨‍🏫

Vyankatesh Jaware

Trainer & Mentor

📍 Trimurti Chowk, Nashik

Child Personality Development Leadership Activities Confidence Building Physical Activities Discipline Training

"My focus is to help children become mentally stronger, physically active, disciplined and confident through positive activities, teamwork and real-time learning experiences."

🌐 View Full Portfolio

Portfolio

Trainer's Work & Achievements

Explore Vyankatesh Jaware’s complete portfolio of child development programs, workshops, and success stories.

📁

Vyankatesh Jaware

Trainer, Mentor & Child Development Specialist

🔗 Visit Portfolio Website

Our Team

Meet Our Mentors

Dedicated mentors guiding children toward confidence, leadership, communication, and personal growth.

Vyankatesh Jaware

Mentor & Leadership Coach

📞 +91 9960340222

📞 Call 💬 WhatsApp

👆 Click to view growth flow

Vaibhav Patil

Mentor & Personality Development Coach

📞 +91 9172425362

📞 Call 💬 WhatsApp

👆 Click to view growth flow

Pushpalata Pimple

Mentor & Communication Coach

📞 +91 919359644300

📞 Call 💬 WhatsApp

👆 Click to view growth flow

🚀 Connect With Our Mentors

Our Programs

Premium Development Programs

Structured programs designed for holistic child growth and leadership excellence.

Popular 👑

Leadership Development

Building future leaders through real challenges, decision-making exercises, and team-leading opportunities.

Core 🌟

Personality Development

Shaping confident, articulate, and well-rounded personalities through expressive activities and social interaction.

Active 🏃

Physical Activity Program

Fitness missions, outdoor challenges, and physical games that build stamina, health, and a love for movement.

💪

Confidence Building

Public speaking, stage exposure, and achievement-based milestones that make children believe in themselves.

🤗

Social Skills

Teaching empathy, cooperation, and friendship-building through guided group interactions and collaborative tasks.

Activities

Learning Through Action

Every session is packed with engaging, purposeful activities that children love.

🏠 Indoor Activities

🌳 Outdoor Activities

🏆 Leadership Challenges

🎮 Fun Learning Games

🤝 Teamwork Missions

🎤 Confidence Speaking

Weekend Special

Weekends That Transform

Special weekend programs designed for maximum impact and fun.

📅 Saturday

Teamwork Challenges & Fitness Missions

• Group obstacle courses
• Team strategy games
• Fitness relay races
• Collaborative problem-solving

📅 Sunday

Confidence Competitions & Leadership Games

• Public speaking contests
• Leadership role-play
• Debate & discussion
• Achievement ceremonies

🚀 Coming Soon

🏕️ Adventure Camps 👨‍👩‍👧 Parent-Child Events 🌿 Nature Activities

Gallery

Moments of Growth

A glimpse into the vibrant energy of our club activities. Real photos coming soon!

💪 Fitness

🤝 Teamwork

🎤 Speaking

🌳 Outdoor

👑 Leadership

🎯 Activities

Parent Zone

Partner With Us In Your Child's Growth

🏠 What Parents Should Do

• Support discipline at home
• Reduce screen time
• Encourage active participation

🗣️ Ask Your Child Daily

• What did you learn today?
• Did you help someone?
• What challenge did you complete?

🌟 Benefits You'll See

Better Confidence Improved Discipline Better Communication

⭐⭐⭐⭐⭐

"My son has become so much more confident since joining. He now speaks up in school and leads his group projects. Thank you Vyankatesh sir!"

— Priya Sharma

📍 Nashik Road, Nashik

⭐⭐⭐⭐⭐

"The activity-based approach is brilliant. My daughter eagerly waits for the weekend sessions. Her discipline has improved remarkably."

— Rajesh Patil

📍 Gangapur Road, Nashik

⭐⭐⭐⭐⭐

"Finally a place that focuses on real personality development, not just academics. The change in my child's communication skills is visible."

— Sneha Deshmukh

📍 College Road, Nashik

Get Started

Book Your Free Trial Session

Fill the form below and we'll connect with you on WhatsApp to schedule your child's first session.

👶 Child's Name *

🎂 Age * Select age 4 years 5 years 6 years 7 years 8 years 9 years 10 years 11 years 12 years 13 years 14 years 15+ years

👨‍👩‍👧 Parent's Name *

📞 Contact Number *

📍 Your Area in Nashik

⏰ Preferred Timing Select timing Morning 9-11 AM Morning 11 AM-1 PM Afternoon 2-4 PM Evening 4-6 PM Weekend Only

📩 Submit & Book Free Trial

Give Your Child A Stronger Future

Join the Child Leadership Development Club today — where confidence meets character.

🚀 Start Free Trial Now

Contact

Get In Touch

💬 📞 WhatsApp
9960340222

📍 Trimurti Chowk
Nashik, Maharashtra

🗺️ View on Google Maps

💬