{"id":3127,"date":"2024-02-08T07:14:59","date_gmt":"2024-02-08T07:14:59","guid":{"rendered":"https:\/\/startersites.io\/elementor\/garderobe\/?page_id=3127"},"modified":"2026-02-03T22:46:13","modified_gmt":"2026-02-03T22:46:13","slug":"about-us","status":"publish","type":"page","link":"https:\/\/booklystpress.com\/index.php\/about-us\/","title":{"rendered":"About Us"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Booklyst Press<\/title>\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 body {\r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\r\n line-height: 1.6;\r\n color: #4c4d4e;\r\n background: #f5f3f3;\r\n }\r\n\r\n .container {\r\n max-width: 1280px;\r\n margin: 0 auto;\r\n padding: 0 1.5rem;\r\n }\r\n\r\n \/* Hero Section *\/\r\n .hero {\r\n position: relative;\r\n background: linear-gradient(to bottom right, #f5f3f3, #c8cecc);\r\n overflow: hidden;\r\n padding: 2rem 1rem;\r\n }\r\n\r\n @media (min-width: 768px) {\r\n .hero {\r\n padding: 3rem 1.5rem;\r\n }\r\n }\r\n\r\n @media (min-width: 1024px) {\r\n .hero {\r\n padding: 4rem 2rem;\r\n }\r\n }\r\n\r\n .hero-bg {\r\n position: absolute;\r\n inset: 0;\r\n opacity: 0.1;\r\n pointer-events: none;\r\n }\r\n\r\n .hero-blob-1 {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 24rem;\r\n height: 24rem;\r\n background: #d73237;\r\n border-radius: 50%;\r\n filter: blur(80px);\r\n }\r\n\r\n .hero-blob-2 {\r\n position: absolute;\r\n bottom: 0;\r\n right: 0;\r\n width: 24rem;\r\n height: 24rem;\r\n background: #747575; \/* Changed from #2a9d8f to gray *\/\r\n border-radius: 50%;\r\n filter: blur(80px);\r\n }\r\n\r\n .hero-content {\r\n position: relative;\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 2rem;\r\n align-items: center;\r\n }\r\n\r\n @media (min-width: 768px) {\r\n .hero-content {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 2.5rem;\r\n }\r\n }\r\n\r\n @media (min-width: 1024px) {\r\n .hero-content {\r\n gap: 3rem;\r\n }\r\n }\r\n\r\n .hero-text {\r\n order: 2;\r\n }\r\n\r\n @media (min-width: 768px) {\r\n .hero-text {\r\n order: 2;\r\n }\r\n }\r\n\r\n .hero-badge {\r\n display: inline-block;\r\n padding: 0.4rem 0.8rem;\r\n background: #d73237;\r\n color: white;\r\n font-size: 0.75rem;\r\n font-weight: 600;\r\n border-radius: 9999px;\r\n letter-spacing: 0.05em;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n @media (min-width: 768px) {\r\n .hero-badge {\r\n font-size: 0.8rem;\r\n padding: 0.45rem 0.9rem;\r\n }\r\n }\r\n\r\n @media (min-width: 1024px) {\r\n .hero-badge {\r\n font-size: 0.875rem;\r\n padding: 0.5rem 1rem;\r\n }\r\n }\r\n\r\n .hero-text p {\r\n color: #4c4d4e;\r\n font-size: 14px;\r\n line-height: 1.6;\r\n margin-bottom: 1rem;\r\n text-align: justify;\r\n }\r\n\r\n @media (min-width: 768px) {\r\n .hero-text p {\r\n font-size: 16px;\r\n }\r\n }\r\n\r\n @media (min-width: 1024px) {\r\n .hero-text p {\r\n font-size: 18px;\r\n }\r\n }\r\n\r\n .hero-quote {\r\n border-left: 4px solid #747575; \/* Changed from #2a9d8f to gray *\/\r\n padding-left: 1rem;\r\n margin-top: 1.5rem;\r\n }\r\n\r\n .hero-quote p {\r\n font-size: 16px;\r\n font-weight: 600;\r\n font-style: italic;\r\n }\r\n\r\n @media (min-width: 768px) {\r\n .hero-quote p {\r\n font-size: 18px;\r\n }\r\n }\r\n\r\n @media (min-width: 1024px) {\r\n .hero-quote p {\r\n font-size: 20px;\r\n }\r\n }\r\n\r\n .hero-image {\r\n order: 1;\r\n display: flex;\r\n justify-content: center;\r\n }\r\n\r\n @media (min-width: 768px) {\r\n .hero-image {\r\n order: 1;\r\n }\r\n }\r\n\r\n .image-wrapper {\r\n position: relative;\r\n max-width: 16rem;\r\n width: 100%;\r\n }\r\n\r\n @media (min-width: 768px) {\r\n .image-wrapper {\r\n max-width: 22rem;\r\n }\r\n }\r\n\r\n @media (min-width: 1024px) {\r\n .image-wrapper {\r\n max-width: 28rem;\r\n }\r\n }\r\n\r\n .image-wrapper::before {\r\n content: '';\r\n position: absolute;\r\n inset: -0.25rem;\r\n background: linear-gradient(to right, #d73237, #747575); \/* Changed to red to gray *\/\r\n border-radius: 1rem;\r\n filter: blur(20px);\r\n opacity: 0.5;\r\n transition: opacity 0.5s;\r\n }\r\n\r\n .image-wrapper:hover::before {\r\n opacity: 0.75;\r\n }\r\n\r\n .image-wrapper img {\r\n position: relative;\r\n border-radius: 1rem;\r\n box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);\r\n width: 100%;\r\n height: auto;\r\n object-fit: cover;\r\n }\r\n\r\n \/* Section Styles *\/\r\n section {\r\n padding: 3rem 0;\r\n }\r\n\r\n @media (min-width: 768px) {\r\n section {\r\n padding: 4rem 0;\r\n }\r\n }\r\n\r\n .section-header {\r\n text-align: center;\r\n margin-bottom: 2.5rem;\r\n }\r\n\r\n @media (min-width: 768px) {\r\n .section-header {\r\n margin-bottom: 3rem;\r\n }\r\n }\r\n\r\n .section-title {\r\n font-size: 28px;\r\n font-weight: 700;\r\n margin-bottom: 0.75rem;\r\n color: #4c4d4e;\r\n }\r\n\r\n @media (min-width: 768px) {\r\n .section-title {\r\n font-size: 32px;\r\n }\r\n }\r\n\r\n @media (min-width: 1024px) {\r\n .section-title {\r\n font-size: 36px;\r\n }\r\n }\r\n\r\n .section-divider {\r\n width: 5rem;\r\n height: 0.25rem;\r\n background: linear-gradient(to right, #d73237, #747575); \/* Changed to red to gray *\/\r\n margin: 0 auto 1rem;\r\n }\r\n\r\n .section-description {\r\n font-size: 16px;\r\n color: #747575;\r\n max-width: 48rem;\r\n margin: 0 auto;\r\n }\r\n\r\n @media (min-width: 1024px) {\r\n .section-description {\r\n font-size: 18px;\r\n }\r\n }\r\n\r\n \/* Journey Section *\/\r\n .journey {\r\n background: white;\r\n }\r\n\r\n .timeline {\r\n position: relative;\r\n }\r\n\r\n .timeline::before {\r\n content: '';\r\n position: absolute;\r\n left: 50%;\r\n top: 0;\r\n bottom: 0;\r\n width: 2px;\r\n background: linear-gradient(to bottom, #d73237, #747575, #264653); \/* Changed to red to gray *\/\r\n transform: translateX(-50%);\r\n display: none;\r\n }\r\n\r\n @media (min-width: 768px) {\r\n .timeline::before {\r\n display: block;\r\n }\r\n }\r\n\r\n .timeline-items {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 2rem;\r\n }\r\n\r\n @media (min-width: 768px) {\r\n .timeline-items {\r\n gap: 2.5rem;\r\n }\r\n }\r\n\r\n .timeline-item {\r\n display: flex;\r\n align-items: center;\r\n opacity: 0;\r\n transform: translateY(40px);\r\n transition: all 0.7s ease;\r\n position: relative;\r\n }\r\n\r\n .timeline-item.visible {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n @media (min-width: 768px) {\r\n .timeline-item {\r\n flex-direction: row;\r\n justify-content: center;\r\n }\r\n }\r\n\r\n .timeline-content {\r\n width: 100%;\r\n padding: 0;\r\n }\r\n\r\n @media (min-width: 768px) {\r\n .timeline-content {\r\n width: 100%;\r\n max-width: 700px;\r\n padding: 0 1.5rem;\r\n }\r\n }\r\n\r\n .timeline-card {\r\n background: #f5f3f3;\r\n padding: 1.5rem;\r\n border-radius: 1rem;\r\n box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);\r\n transition: box-shadow 0.3s;\r\n }\r\n\r\n .timeline-card:hover {\r\n box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);\r\n }\r\n\r\n .timeline-header {\r\n display: flex;\r\n align-items: center;\r\n gap: 1rem;\r\n margin-bottom: 0.75rem;\r\n }\r\n\r\n .timeline-year {\r\n font-size: 2.5rem;\r\n font-weight: 700;\r\n }\r\n\r\n .timeline-icon {\r\n padding: 0.5rem;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n }\r\n\r\n .timeline-card h3 {\r\n font-size: 24px;\r\n font-weight: 700;\r\n color: #4c4d4e;\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n @media (min-width: 1024px) {\r\n .timeline-card h3 {\r\n font-size: 31px;\r\n }\r\n }\r\n\r\n .timeline-card p {\r\n font-size: 16px;\r\n line-height: 1.6;\r\n color: #747575;\r\n text-align: justify;\r\n }\r\n\r\n @media (min-width: 1024px) {\r\n .timeline-card p {\r\n font-size: 18px;\r\n }\r\n }\r\n\r\n .timeline-dot {\r\n display: none;\r\n position: absolute;\r\n left: 50%;\r\n top: 50%;\r\n transform: translate(-50%, -50%);\r\n width: 1rem;\r\n height: 1rem;\r\n border-radius: 50%;\r\n border: 3px solid white;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);\r\n z-index: 10;\r\n }\r\n\r\n @media (min-width: 768px) {\r\n .timeline-dot {\r\n display: block;\r\n }\r\n }\r\n\r\n \/* Mission Vision Section *\/\r\n .mission-vision {\r\n background: linear-gradient(to bottom right, #264653, #457b9d);\r\n color: white;\r\n }\r\n\r\n .mission-vision .section-title {\r\n color: white;\r\n }\r\n\r\n .mission-vision-grid {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 1.5rem;\r\n margin-bottom: 3rem;\r\n }\r\n\r\n @media (min-width: 768px) {\r\n .mission-vision-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 2rem;\r\n }\r\n }\r\n\r\n .mission-vision-card {\r\n background: rgba(255, 255, 255, 0.1);\r\n backdrop-filter: blur(10px);\r\n padding: 1.5rem;\r\n border-radius: 1rem;\r\n border: 1px solid rgba(255, 255, 255, 0.2);\r\n transition: all 0.5s;\r\n opacity: 0;\r\n transform: translateX(-40px);\r\n overflow: hidden;\r\n word-wrap: break-word;\r\n overflow-wrap: break-word;\r\n word-break: break-word;\r\n hyphens: auto;\r\n max-width: 100%;\r\n box-sizing: border-box;\r\n }\r\n\r\n .mission-vision-card.visible {\r\n opacity: 1;\r\n transform: translateX(0);\r\n }\r\n\r\n .mission-vision-card.right {\r\n transform: translateX(40px);\r\n }\r\n\r\n .mission-vision-card:hover {\r\n background: rgba(255, 255, 255, 0.15);\r\n }\r\n\r\n .card-header {\r\n display: flex;\r\n align-items: center;\r\n gap: 0.75rem;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .card-icon {\r\n padding: 0.75rem;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n }\r\n\r\n .card-icon.mission {\r\n background: #d73237;\r\n }\r\n\r\n .card-icon.vision {\r\n background: #747575; \/* Changed from #2a9d8f to gray *\/\r\n }\r\n\r\n .card-icon.values {\r\n background: #d73237;\r\n }\r\n\r\n .card-header h3 {\r\n font-size: 24px;\r\n font-weight: 700;\r\n color: white;\r\n }\r\n\r\n @media (min-width: 1024px) {\r\n .card-header h3 {\r\n font-size: 31px;\r\n }\r\n }\r\n\r\n .mission-vision-card p {\r\n font-size: 16px;\r\n line-height: 1.6;\r\n color: white;\r\n text-align: justify;\r\n word-wrap: break-word;\r\n overflow-wrap: break-word;\r\n word-break: break-word;\r\n hyphens: auto;\r\n max-width: 100%;\r\n }\r\n\r\n @media (min-width: 1024px) {\r\n .mission-vision-card p {\r\n font-size: 18px;\r\n }\r\n }\r\n\r\n .values-section {\r\n opacity: 0;\r\n transform: translateY(40px);\r\n transition: all 0.7s ease 0.3s;\r\n }\r\n\r\n .values-section.visible {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n .values-header {\r\n text-align: center;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .values-title {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.75rem;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .values-title h3 {\r\n font-size: 24px;\r\n font-weight: 700;\r\n color: white;\r\n }\r\n\r\n @media (min-width: 1024px) {\r\n .values-title h3 {\r\n font-size: 31px;\r\n }\r\n }\r\n\r\n .values-grid {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 1.25rem;\r\n }\r\n\r\n @media (min-width: 640px) {\r\n .values-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n }\r\n\r\n @media (min-width: 1024px) {\r\n .values-grid {\r\n grid-template-columns: repeat(4, 1fr);\r\n }\r\n }\r\n\r\n .value-card {\r\n background: rgba(255, 255, 255, 0.1);\r\n backdrop-filter: blur(10px);\r\n padding: 1.5rem;\r\n border-radius: 0.75rem;\r\n border: 1px solid rgba(255, 255, 255, 0.2);\r\n text-align: center;\r\n transition: all 0.3s;\r\n }\r\n\r\n .value-card:hover {\r\n background: rgba(255, 255, 255, 0.2);\r\n transform: scale(1.05);\r\n }\r\n\r\n .value-number {\r\n width: 3.5rem;\r\n height: 3.5rem;\r\n background: linear-gradient(to bottom right, #d73237, #747575); \/* Changed to red to gray *\/\r\n border-radius: 50%;\r\n margin: 0 auto 1rem;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 1.5rem;\r\n font-weight: 700;\r\n transition: transform 0.3s;\r\n color: white;\r\n }\r\n\r\n .value-card:hover .value-number {\r\n transform: rotate(12deg);\r\n }\r\n\r\n .value-card h4 {\r\n font-size: 18px;\r\n font-weight: 600;\r\n color: white;\r\n }\r\n\r\n \/* Services Section *\/\r\n .services {\r\n background: #f5f3f3;\r\n }\r\n\r\n .services-grid {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 1.5rem;\r\n max-width: 600px;\r\n margin: 0 auto;\r\n }\r\n\r\n @media (min-width: 768px) {\r\n .services-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n max-width: none;\r\n }\r\n }\r\n\r\n @media (min-width: 1024px) {\r\n .services-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n justify-items: center;\r\n gap: 20px;\r\n }\r\n\r\n \/* Place the 4th and 5th cards in the first two columns *\/\r\n .service-card:nth-child(4) {\r\n grid-column: 1;\r\n }\r\n\r\n .service-card:nth-child(5) {\r\n grid-column: 2;\r\n }\r\n }\r\n\r\n .service-card {\r\n background: white;\r\n padding: 1.5rem;\r\n border-radius: 1rem;\r\n box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);\r\n transition: all 0.5s;\r\n opacity: 0;\r\n transform: translateY(40px);\r\n }\r\n\r\n .service-card.visible {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n .service-card:hover {\r\n box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);\r\n }\r\n\r\n .service-icon {\r\n width: 3.5rem;\r\n height: 3.5rem;\r\n border-radius: 0.75rem;\r\n margin-bottom: 1rem;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: transform 0.3s;\r\n }\r\n\r\n .service-card:hover .service-icon {\r\n transform: scale(1.1);\r\n }\r\n\r\n .service-card h3 {\r\n font-size: 24px;\r\n font-weight: 700;\r\n color: #4c4d4e;\r\n margin-bottom: 0.75rem;\r\n }\r\n\r\n @media (min-width: 1024px) {\r\n .service-card h3 {\r\n font-size: 31px;\r\n }\r\n }\r\n\r\n .service-card p {\r\n font-size: 16px;\r\n line-height: 1.6;\r\n color: #747575;\r\n text-align: justify;\r\n }\r\n\r\n @media (min-width: 1024px) {\r\n .service-card p {\r\n font-size: 18px;\r\n }\r\n }\r\n\r\n .service-footer {\r\n margin-top: 1rem;\r\n padding-top: 0.75rem;\r\n border-top: 2px solid;\r\n opacity: 0;\r\n transition: opacity 0.3s;\r\n }\r\n\r\n .service-card:hover .service-footer {\r\n opacity: 1;\r\n }\r\n\r\n .service-link {\r\n font-size: 0.875rem;\r\n font-weight: 600;\r\n display: flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n text-decoration: none;\r\n transition: gap 0.3s;\r\n }\r\n\r\n .service-link:hover {\r\n gap: 0.75rem;\r\n }\r\n\r\n \/* Impact Section *\/\r\n .impact {\r\n background: linear-gradient(to bottom right, white, #c8cecc);\r\n }\r\n\r\n .impact-grid {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 1.5rem;\r\n }\r\n\r\n @media (min-width: 640px) {\r\n .impact-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n }\r\n\r\n @media (min-width: 1024px) {\r\n .impact-grid {\r\n grid-template-columns: repeat(4, 1fr);\r\n }\r\n }\r\n\r\n .stat-card {\r\n background: white;\r\n padding: 2rem;\r\n border-radius: 1rem;\r\n box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);\r\n text-align: center;\r\n transition: all 0.5s;\r\n opacity: 0;\r\n transform: scale(0.95);\r\n }\r\n\r\n .stat-card.visible {\r\n opacity: 1;\r\n transform: scale(1);\r\n }\r\n\r\n .stat-card:hover {\r\n box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);\r\n }\r\n\r\n .stat-icon {\r\n width: 4rem;\r\n height: 4rem;\r\n margin: 0 auto 1rem;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: transform 0.3s;\r\n }\r\n\r\n .stat-card:hover .stat-icon {\r\n transform: scale(1.1);\r\n }\r\n\r\n .stat-number {\r\n font-size: 2.5rem;\r\n font-weight: 700;\r\n margin-bottom: 0.75rem;\r\n }\r\n\r\n .stat-label {\r\n font-size: 18px;\r\n color: #747575;\r\n font-weight: 600;\r\n }\r\n\r\n \/* Team Section *\/\r\n .team {\r\n background: white;\r\n }\r\n\r\n .team-grid {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 2rem;\r\n margin-bottom: 4rem;\r\n justify-items: center;\r\n }\r\n\r\n @media (min-width: 640px) {\r\n .team-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n }\r\n\r\n @media (min-width: 1024px) {\r\n .team-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n }\r\n\r\n .team-member {\r\n position: relative;\r\n width: 300px;\r\n height: 300px;\r\n border-radius: 50%;\r\n overflow: hidden;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);\r\n transition: all 0.5s;\r\n opacity: 0;\r\n transform: translateY(40px);\r\n }\r\n\r\n .team-member.visible {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n .team-member:hover {\r\n box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);\r\n transform: translateY(-10px) scale(1.05);\r\n }\r\n\r\n .team-member-image {\r\n position: relative;\r\n width: 100%;\r\n height: 100%;\r\n }\r\n\r\n .team-member img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n object-position: center 20%;\r\n transition: transform 0.5s;\r\n }\r\n\r\n .team-member:hover img {\r\n transform: scale(1.1);\r\n }\r\n\r\n .team-member-overlay {\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(to top, rgba(38, 70, 83, 0.9), rgba(38, 70, 83, 0.4), transparent);\r\n opacity: 0.9;\r\n }\r\n\r\n .team-member-info {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n padding: 1.5rem;\r\n text-align: center;\r\n }\r\n\r\n .team-member-info h3 {\r\n font-size: 20px;\r\n font-weight: 700;\r\n margin-bottom: 0.25rem;\r\n color: white;\r\n }\r\n\r\n .team-member-info p {\r\n font-size: 16px;\r\n color: white;\r\n font-weight: 500;\r\n }\r\n\r\n .team-member-hover {\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(to bottom right, #d73237, #747575); \/* Changed to red to gray *\/\r\n opacity: 0;\r\n transition: opacity 0.3s;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n text-align: center;\r\n padding: 1.5rem;\r\n }\r\n\r\n .team-member:hover .team-member-hover {\r\n opacity: 0.95;\r\n }\r\n\r\n .team-member-hover-content {\r\n color: white;\r\n }\r\n\r\n .team-member-hover h3 {\r\n font-size: 22px;\r\n font-weight: 700;\r\n margin-bottom: 0.5rem;\r\n color: white;\r\n }\r\n\r\n .team-member-hover p {\r\n font-size: 16px;\r\n color: white;\r\n }\r\n\r\n .team-photo {\r\n opacity: 0;\r\n transform: translateY(40px);\r\n transition: all 1s;\r\n }\r\n\r\n .team-photo.visible {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n .team-photo-content {\r\n position: relative;\r\n border-radius: 1rem;\r\n overflow: hidden;\r\n box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);\r\n }\r\n\r\n .team-photo img {\r\n width: 100%;\r\n height: 24rem;\r\n object-fit: cover;\r\n }\r\n\r\n .team-photo-overlay {\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(to top, #264653, transparent, transparent);\r\n opacity: 0.6;\r\n }\r\n\r\n .team-photo-text {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n padding: 2rem;\r\n color: white;\r\n text-align: center;\r\n }\r\n\r\n .team-photo-text p {\r\n font-size: 20px;\r\n font-weight: 600;\r\n }\r\n\r\n \/* Marketing Team Section *\/\r\n .marketing-team {\r\n background: linear-gradient(to bottom right, #f5f3f3, #c8cecc);\r\n overflow: hidden;\r\n }\r\n\r\n .carousel-container {\r\n position: relative;\r\n max-width: 1280px;\r\n margin: 0 auto;\r\n padding: 0 3.5rem;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .carousel-container {\r\n padding: 0 2.5rem;\r\n }\r\n }\r\n\r\n @media (max-width: 640px) {\r\n .carousel-container {\r\n padding: 0 1.5rem;\r\n }\r\n }\r\n\r\n .carousel-wrapper {\r\n overflow: hidden;\r\n border-radius: 1rem;\r\n }\r\n\r\n .carousel-track {\r\n display: flex;\r\n transition: transform 0.5s ease-in-out;\r\n }\r\n\r\n .carousel-slide {\r\n min-width: 100%;\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 2rem;\r\n padding: 1rem;\r\n }\r\n\r\n @media (min-width: 640px) {\r\n .carousel-slide {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n }\r\n\r\n @media (min-width: 1024px) {\r\n .carousel-slide {\r\n grid-template-columns: repeat(4, 1fr);\r\n }\r\n }\r\n\r\n .marketer-card {\r\n background: white;\r\n border-radius: 1rem;\r\n overflow: hidden;\r\n box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);\r\n transition: all 0.3s;\r\n text-align: center;\r\n padding: 1.5rem;\r\n }\r\n\r\n .marketer-card:hover {\r\n box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);\r\n transform: translateY(-5px);\r\n }\r\n\r\n .marketer-image-wrapper {\r\n position: relative;\r\n width: 180px;\r\n height: 180px;\r\n margin: 0 auto 1.5rem;\r\n border-radius: 50%;\r\n overflow: hidden;\r\n border: 4px solid #f5f3f3;\r\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n @media (max-width: 640px) {\r\n .marketer-image-wrapper {\r\n width: 150px;\r\n height: 150px;\r\n }\r\n }\r\n\r\n .marketer-image-wrapper img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n object-position: center 20%;\r\n transition: transform 0.5s;\r\n }\r\n\r\n .marketer-card:hover .marketer-image-wrapper img {\r\n transform: scale(1.1);\r\n }\r\n\r\n .marketer-overlay {\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(to top, rgba(38, 70, 83, 0.6), transparent);\r\n opacity: 0.8;\r\n }\r\n\r\n .marketer-info {\r\n padding: 0;\r\n }\r\n\r\n .marketer-info h4 {\r\n font-size: 20px;\r\n font-weight: 700;\r\n color: #4c4d4e;\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .marketer-region {\r\n font-size: 16px;\r\n color: #747575;\r\n margin-bottom: 0.75rem;\r\n font-weight: 500;\r\n background: #f5f3f3;\r\n padding: 0.5rem 1rem;\r\n border-radius: 9999px;\r\n display: inline-block;\r\n }\r\n\r\n .marketer-phone {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n padding: 0.5rem 1rem;\r\n background: linear-gradient(to right, #d73237, #747575); \/* Changed to red to gray *\/\r\n color: white;\r\n text-decoration: none;\r\n border-radius: 9999px;\r\n font-size: 14px;\r\n font-weight: 600;\r\n transition: all 0.3s;\r\n }\r\n\r\n .marketer-phone:hover {\r\n transform: scale(1.05);\r\n box-shadow: 0 10px 20px rgba(215, 50, 55, 0.3);\r\n }\r\n\r\n .marketer-phone svg {\r\n flex-shrink: 0;\r\n }\r\n\r\n .carousel-btn {\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n background: white;\r\n border: none;\r\n width: 3rem;\r\n height: 3rem;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);\r\n transition: all 0.3s;\r\n z-index: 10;\r\n color: #264653;\r\n }\r\n\r\n .carousel-btn:hover {\r\n background: #264653;\r\n color: white;\r\n box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.2);\r\n }\r\n\r\n .carousel-btn:disabled {\r\n opacity: 0.5;\r\n cursor: not-allowed;\r\n }\r\n\r\n .carousel-prev {\r\n left: 0;\r\n }\r\n\r\n .carousel-next {\r\n right: 0;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .carousel-btn {\r\n width: 2.5rem;\r\n height: 2.5rem;\r\n }\r\n }\r\n\r\n .carousel-dots {\r\n display: flex;\r\n justify-content: center;\r\n gap: 0.75rem;\r\n margin-top: 2rem;\r\n }\r\n\r\n .carousel-dot {\r\n width: 0.75rem;\r\n height: 0.75rem;\r\n border-radius: 50%;\r\n background: rgba(38, 70, 83, 0.3);\r\n border: none;\r\n cursor: pointer;\r\n transition: all 0.3s;\r\n padding: 0;\r\n }\r\n\r\n .carousel-dot.active {\r\n background: #264653;\r\n width: 2rem;\r\n border-radius: 9999px;\r\n }\r\n\r\n .carousel-dot:hover {\r\n background: #264653;\r\n }\r\n\r\n \/* Join Our Team Section *\/\r\n .join-team {\r\n background: white;\r\n padding: 5rem 0;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .join-team {\r\n padding: 3rem 0;\r\n }\r\n }\r\n\r\n .join-team-content {\r\n text-align: center;\r\n max-width: 800px;\r\n margin: 0 auto;\r\n padding: 3rem;\r\n background: linear-gradient(135deg, rgba(215, 50, 55, 0.1), rgba(116, 117, 117, 0.1)); \/* Changed to red to gray *\/\r\n border-radius: 1.5rem;\r\n border: 2px solid transparent;\r\n background-clip: padding-box;\r\n position: relative;\r\n }\r\n\r\n .join-team-content::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n border-radius: 1.5rem;\r\n padding: 2px;\r\n background: linear-gradient(135deg, #d73237, #747575); \/* Changed to red to gray *\/\r\n -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\r\n -webkit-mask-composite: xor;\r\n mask-composite: exclude;\r\n pointer-events: none;\r\n }\r\n\r\n .join-team-icon {\r\n display: inline-flex;\r\n padding: 1.5rem;\r\n background: linear-gradient(to bottom right, #d73237, #747575); \/* Changed to red to gray *\/\r\n border-radius: 50%;\r\n margin-bottom: 1.5rem;\r\n color: white;\r\n }\r\n\r\n .join-team-content h2 {\r\n font-size: 32px;\r\n font-weight: 700;\r\n color: #4c4d4e;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n @media (min-width: 1024px) {\r\n .join-team-content h2 {\r\n font-size: 42px;\r\n }\r\n }\r\n\r\n .join-team-content p {\r\n font-size: 18px;\r\n color: #747575;\r\n line-height: 1.6;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n @media (min-width: 1024px) {\r\n .join-team-content p {\r\n font-size: 20px;\r\n }\r\n }\r\n\r\n .join-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.75rem;\r\n padding: 1rem 2rem;\r\n background: linear-gradient(to right, #d73237, #747575); \/* Changed to red to gray *\/\r\n color: white;\r\n text-decoration: none;\r\n border-radius: 9999px;\r\n font-size: 18px;\r\n font-weight: 600;\r\n transition: all 0.3s;\r\n box-shadow: 0 10px 20px rgba(215, 50, 55, 0.3);\r\n }\r\n\r\n .join-btn:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 20px 30px rgba(215, 50, 55, 0.4);\r\n }\r\n\r\n .join-btn svg {\r\n transition: transform 0.3s;\r\n }\r\n\r\n .join-btn:hover svg {\r\n transform: translateX(5px);\r\n }\r\n\r\n \/* Partners Section *\/\r\n .partners {\r\n background: linear-gradient(to bottom right, #f5f3f3, #e8e6e6);\r\n padding: 4rem 0;\r\n }\r\n\r\n @media (min-width: 768px) {\r\n .partners {\r\n padding: 5rem 0;\r\n }\r\n }\r\n\r\n .partners-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 2rem;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n\r\n @media (min-width: 640px) {\r\n .partners-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n }\r\n\r\n @media (min-width: 1024px) {\r\n .partners-grid {\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 2.5rem;\r\n }\r\n }\r\n\r\n .partner-card {\r\n background: white;\r\n padding: 2rem;\r\n border-radius: 1rem;\r\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\r\n transition: all 0.3s;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n min-height: 180px;\r\n }\r\n\r\n .partner-card:hover {\r\n box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.15);\r\n transform: translateY(-5px);\r\n }\r\n\r\n .partner-logo {\r\n width: 100%;\r\n height: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .partner-logo img {\r\n max-width: 100%;\r\n max-height: 120px;\r\n width: auto;\r\n height: auto;\r\n object-fit: contain;\r\n filter: grayscale(100%);\r\n opacity: 0.7;\r\n transition: all 0.3s;\r\n }\r\n\r\n .partner-card:hover .partner-logo img {\r\n filter: grayscale(0%);\r\n opacity: 1;\r\n }\r\n\r\n @media (max-width: 640px) {\r\n .partner-logo img {\r\n max-height: 100px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <!-- Hero Section -->\r\n <section class=\"hero\">\r\n <div class=\"hero-bg\">\r\n <div class=\"hero-blob-1\"><\/div>\r\n <div class=\"hero-blob-2\"><\/div>\r\n <\/div>\r\n <div class=\"container\">\r\n <div class=\"hero-content\" id=\"heroContent\">\r\n <div class=\"hero-image\">\r\n <div class=\"image-wrapper\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/booklystpress.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-09-18-at-2.47.27-PM.jpeg\"\r\n alt=\"Lucas Wafula, Managing Director\"\r\n \/>\r\n <\/div>\r\n <\/div>\r\n <div class=\"hero-text\">\r\n <div>\r\n <span class=\"hero-badge\">MANAGING DIRECTOR'S INSIGHT<\/span>\r\n <\/div>\r\n <div>\r\n <p>\r\n \"At Booklyst Press, we are driven by the belief that education is the cornerstone of progress.\r\n Since we began in 2019, this conviction has guided our journey. We have dedicated ourselves to\r\n producing high-quality, accessible, affordable and innovative learning resources that we hope\r\n will inspire generations.\r\n <\/p>\r\n <p>\r\n Our success story is an enduring testament to the dedication, resilience and commitment of our\r\n entire team that remains focused on empowering all learners and committed educators with the\r\n tools they need to succeed.\r\n <\/p>\r\n <p>\r\n We look to the future with great optimism and excitement as we continue shaping education in\r\n Kenya and across Africa by blending our passion for publishing excellence with digital innovation.\"\r\n <\/p>\r\n <div class=\"hero-quote\">\r\n <p>Lucas Wafula<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Journey Section -->\r\n <section class=\"journey\">\r\n <div class=\"container\">\r\n <div class=\"section-header\">\r\n <h2 class=\"section-title\">Our Journey<\/h2>\r\n <div class=\"section-divider\"><\/div>\r\n <\/div>\r\n <div class=\"timeline\">\r\n <div class=\"timeline-items\" id=\"timelineItems\">\r\n <div class=\"timeline-item\" data-index=\"0\">\r\n <div class=\"timeline-content\">\r\n <div class=\"timeline-card\">\r\n <div class=\"timeline-header\">\r\n <span class=\"timeline-year\" style=\"color: #d73237;\">2019<\/span>\r\n <div class=\"timeline-icon\" style=\"background-color: rgba(215, 50, 55, 0.2);\">\r\n <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#d73237\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/>\r\n <path d=\"M3 9h18\"\/>\r\n <path d=\"M9 21V9\"\/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <h3>The Beginning<\/h3>\r\n <p>Booklyst Press Ltd was founded by passionate educators and publishing professionals with a mission to improve educational resources in Kenya.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"timeline-item\" data-index=\"1\">\r\n <div class=\"timeline-content\">\r\n <div class=\"timeline-card\">\r\n <div class=\"timeline-header\">\r\n <span class=\"timeline-year\" style=\"color: #457b9d;\">2020<\/span>\r\n <div class=\"timeline-icon\" style=\"background-color: rgba(69, 123, 157, 0.2);\">\r\n <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#457b9d\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M4 19.5A2.5 2.5 0 0 1 6.5 17H20\"\/>\r\n <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\"\/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <h3>First Publications<\/h3>\r\n <p>Our engagement shifted to provision of end-to-end support \u2014 from editing and design to marketing and distribution \u2014 helping writers bring their stories to life and reach wider audiences.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"timeline-item\" data-index=\"2\">\r\n <div class=\"timeline-content\">\r\n <div class=\"timeline-card\">\r\n <div class=\"timeline-header\">\r\n <span class=\"timeline-year\" style=\"color: #747575;\">2021<\/span>\r\n <div class=\"timeline-icon\" style=\"background-color: rgba(116, 117, 117, 0.2);\">\r\n <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#747575\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/>\r\n <circle cx=\"9\" cy=\"7\" r=\"4\"\/>\r\n <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/>\r\n <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <h3>Competency-Based Education<\/h3>\r\n <p>We proudly released our first series of the Competency-Based Education (CBE)-aligned textbooks for primary education, which we co-created with local educators.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"timeline-item\" data-index=\"3\">\r\n <div class=\"timeline-content\">\r\n <div class=\"timeline-card\">\r\n <div class=\"timeline-header\">\r\n <span class=\"timeline-year\" style=\"color: #264653;\">2022<\/span>\r\n <div class=\"timeline-icon\" style=\"background-color: rgba(38, 70, 83, 0.2);\">\r\n <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#264653\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <circle cx=\"12\" cy=\"8\" r=\"7\"\/>\r\n <polyline points=\"8.21 13.89 7 23 12 20 17 23 15.79 13.88\"\/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <h3>National Recognition<\/h3>\r\n <p>We were officially approved as an educational publisher by the Kenya Institute of Curriculum Development (KICD), enabling our titles to reach schools across all the 47 counties.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Mission Vision Section -->\r\n <section class=\"mission-vision\">\r\n <div class=\"container\">\r\n <div class=\"section-header\">\r\n <h2 class=\"section-title\">Our Foundation<\/h2>\r\n <div class=\"section-divider\"><\/div>\r\n <\/div>\r\n <div class=\"mission-vision-grid\" id=\"missionVisionGrid\">\r\n <div class=\"mission-vision-card\" data-type=\"left\">\r\n <div class=\"card-header\">\r\n <div class=\"card-icon mission\">\r\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n <circle cx=\"12\" cy=\"12\" r=\"6\"\/>\r\n <circle cx=\"12\" cy=\"12\" r=\"2\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Mission<\/h3>\r\n <\/div>\r\n <p>\r\n To publish outstanding, accessible content that fosters lifelong learning, celebrates\r\n diverse perspectives and empowers individuals to drive positive change in their\r\n communities and the world.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"mission-vision-card right\" data-type=\"right\">\r\n <div class=\"card-header\">\r\n <div class=\"card-icon vision\">\r\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/>\r\n <circle cx=\"12\" cy=\"12\" r=\"3\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Vision<\/h3>\r\n <\/div>\r\n <p>\r\n To be a leading source for knowledge and inspiration, harnessing the written word to\r\n empower individuals and ignite meaningful change globally.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"values-section\" id=\"valuesSection\">\r\n <div class=\"values-header\">\r\n <div class=\"values-title\">\r\n <div class=\"card-icon values\">\r\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Core Values<\/h3>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"values-grid\">\r\n <div class=\"value-card\" style=\"transition-delay: 0ms;\">\r\n <div class=\"value-number\">1<\/div>\r\n <h4>Integrity<\/h4>\r\n <\/div>\r\n <div class=\"value-card\" style=\"transition-delay: 100ms;\">\r\n <div class=\"value-number\">2<\/div>\r\n <h4>Innovation<\/h4>\r\n <\/div>\r\n <div class=\"value-card\" style=\"transition-delay: 200ms;\">\r\n <div class=\"value-number\">3<\/div>\r\n <h4>Collaboration<\/h4>\r\n <\/div>\r\n <div class=\"value-card\" style=\"transition-delay: 300ms;\">\r\n <div class=\"value-number\">4<\/div>\r\n <h4>Community Engagement<\/h4>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Services Section -->\r\n <section class=\"services\">\r\n <div class=\"container\">\r\n <div class=\"section-header\">\r\n <h2 class=\"section-title\">Our Services<\/h2>\r\n <div class=\"section-divider\"><\/div>\r\n <p class=\"section-description\">\r\n Comprehensive publishing solutions tailored to bring your vision to life\r\n <\/p>\r\n <\/div>\r\n <div class=\"services-grid\" id=\"servicesGrid\">\r\n <div class=\"service-card\" data-index=\"0\">\r\n <div class=\"service-icon\" style=\"background-color: rgba(215, 50, 55, 0.2);\">\r\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#d73237\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M4 19.5A2.5 2.5 0 0 1 6.5 17H20\"\/>\r\n <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\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Book Publishing<\/h3>\r\n <p>We offer comprehensive book publishing services, from manuscript evaluation to final production. Our experienced team works closely with authors to ensure their vision comes to life through high-quality print publications that meet industry standards.<\/p>\r\n <div class=\"service-footer\" style=\"border-color: #d73237;\">\r\n <a href=\"https:\/\/booklystpress.com\/index.php\/contact\/\" class=\"service-link\" style=\"color: #d73237;\">\r\n Learn More\r\n <span>\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"service-card\" data-index=\"1\">\r\n <div class=\"service-icon\" style=\"background-color: rgba(69, 123, 157, 0.2);\">\r\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#457b9d\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <rect x=\"5\" y=\"2\" width=\"14\" height=\"20\" rx=\"2\" ry=\"2\"\/>\r\n <line x1=\"12\" y1=\"18\" x2=\"12.01\" y2=\"18\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3>E-book Publishing<\/h3>\r\n <p>Embrace the digital revolution with our e-book publishing services. We convert and optimize your content for multiple digital platforms, ensuring your work reaches readers across various devices while maintaining exceptional quality and accessibility.<\/p>\r\n <div class=\"service-footer\" style=\"border-color: #457b9d;\">\r\n <a href=\"https:\/\/booklystpress.com\/index.php\/contact\/\" class=\"service-link\" style=\"color: #457b9d;\">\r\n Learn More\r\n <span>\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"service-card\" data-index=\"2\">\r\n <div class=\"service-icon\" style=\"background-color: rgba(116, 117, 117, 0.2);\">\r\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#747575\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M12 19l7-7 3 3-7 7-3-3z\"\/>\r\n <path d=\"M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5z\"\/>\r\n <path d=\"M2 2l7.586 7.586\"\/>\r\n <circle cx=\"11\" cy=\"11\" r=\"2\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Professional Editorial Services<\/h3>\r\n <p>Our skilled editors provide comprehensive editorial support including copy editing, proofreading, and content development. We ensure your manuscript is polished, coherent, and ready for publication while preserving your unique voice.<\/p>\r\n <div class=\"service-footer\" style=\"border-color: #747575;\">\r\n <a href=\"https:\/\/booklystpress.com\/index.php\/contact\/\" class=\"service-link\" style=\"color: #747575;\">\r\n Learn More\r\n <span>\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"service-card\" data-index=\"3\">\r\n <div class=\"service-icon\" style=\"background-color: rgba(38, 70, 83, 0.2);\">\r\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#264653\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/>\r\n <circle cx=\"8.5\" cy=\"7\" r=\"4\"\/>\r\n <polyline points=\"17 11 19 13 23 9\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Author Support & Development<\/h3>\r\n <p>We believe in nurturing talent. Our author development program offers guidance, mentorship, and resources to help writers grow their craft. From first-time authors to established writers, we provide the support needed for success.<\/p>\r\n <div class=\"service-footer\" style=\"border-color: #264653;\">\r\n <a href=\"https:\/\/booklystpress.com\/index.php\/contact\/\" class=\"service-link\" style=\"color: #264653;\">\r\n Learn More\r\n <span>\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"service-card\" data-index=\"4\">\r\n <div class=\"service-icon\" style=\"background-color: rgba(215, 50, 55, 0.2);\">\r\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#d73237\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Targeted Marketing & Promotion<\/h3>\r\n <p>Our marketing team creates customized strategies to maximize your book's visibility and reach. We leverage both traditional and digital channels to connect your work with the right audience and drive meaningful engagement.<\/p>\r\n <div class=\"service-footer\" style=\"border-color: #d73237;\">\r\n <a href=\"https:\/\/booklystpress.com\/index.php\/contact\/\" class=\"service-link\" style=\"color: #d73237;\">\r\n Learn More\r\n <span>\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"service-card\" data-index=\"5\">\r\n <div class=\"service-icon\" style=\"background-color: rgba(69, 123, 157, 0.2);\">\r\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#457b9d\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M12 2l9 4.5-9 4.5-9-4.5L12 2z\"\/>\r\n <path d=\"M3 6.5v11l9 4.5 9-4.5v-11\"\/>\r\n <path d=\"M3 6.5l9 4.5 9-4.5\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Publishing Consulting & Rights Management<\/h3>\r\n <p>\r\n Navigate the publishing world with confidence. We provide guidance on publishing contracts,\r\n copyright protection, and rights management, helping you safeguard your work and maximize its value.\r\n <\/p>\r\n <div class=\"service-footer\" style=\"border-color: #457b9d;\">\r\n <a href=\"https:\/\/booklystpress.com\/index.php\/contact\/\" class=\"service-link\" style=\"color: #457b9d;\">\r\n Learn More\r\n <span>\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Impact Section -->\r\n <section class=\"impact\">\r\n <div class=\"container\">\r\n <div class=\"section-header\">\r\n <h2 class=\"section-title\">Our Impact<\/h2>\r\n <div class=\"section-divider\"><\/div>\r\n <p class=\"section-description\">\r\n Transforming education across Kenya and Africa through quality publishing\r\n <\/p>\r\n <\/div>\r\n <div class=\"impact-grid\" id=\"impactGrid\">\r\n <div class=\"stat-card\" data-end=\"30000\" data-suffix=\"+\" data-color=\"#d73237\">\r\n <div class=\"stat-icon\" style=\"background-color: rgba(215, 50, 55, 0.2);\">\r\n <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#d73237\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M3 21v-4a4 4 0 0 1 4-4h5\"\/>\r\n <path d=\"M13 17v4\"\/>\r\n <path d=\"M17 21v-2a4 4 0 0 0-4-4h-1.5\"\/>\r\n <circle cx=\"9\" cy=\"7\" r=\"4\"\/>\r\n <rect x=\"17\" y=\"2\" width=\"4\" height=\"8\" rx=\"1\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"stat-number\" style=\"color: #d73237;\">0<\/div>\r\n <div class=\"stat-label\">Schools Covered<\/div>\r\n <\/div>\r\n\r\n <div class=\"stat-card\" data-end=\"150\" data-suffix=\"+\" data-color=\"#457b9d\">\r\n <div class=\"stat-icon\" style=\"background-color: rgba(69, 123, 157, 0.2);\">\r\n <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#457b9d\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M4 19.5A2.5 2.5 0 0 1 6.5 17H20\"\/>\r\n <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\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"stat-number\" style=\"color: #457b9d;\">0<\/div>\r\n <div class=\"stat-label\">Titles Published<\/div>\r\n <\/div>\r\n\r\n <div class=\"stat-card\" data-end=\"50\" data-suffix=\"+\" data-color=\"#747575\">\r\n <div class=\"stat-icon\" style=\"background-color: rgba(116, 117, 117, 0.2);\">\r\n <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#747575\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M11 17a4 4 0 0 1 8 0\"\/>\r\n <circle cx=\"15\" cy=\"11\" r=\"4\"\/>\r\n <path d=\"M3 22a4 4 0 0 1 8 0\"\/>\r\n <circle cx=\"7\" cy=\"16\" r=\"4\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"stat-number\" style=\"color: #747575;\">0<\/div>\r\n <div class=\"stat-label\">Strategic Partnerships<\/div>\r\n <\/div>\r\n\r\n <div class=\"stat-card\" data-end=\"100\" data-suffix=\"+\" data-color=\"#264653\">\r\n <div class=\"stat-icon\" style=\"background-color: rgba(38, 70, 83, 0.2);\">\r\n <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#264653\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <circle cx=\"12\" cy=\"8\" r=\"7\"\/>\r\n <polyline points=\"8.21 13.89 7 23 12 20 17 23 15.79 13.88\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"stat-number\" style=\"color: #264653;\">0<\/div>\r\n <div class=\"stat-label\">Industry Awards<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Team Section -->\r\n <section class=\"team\">\r\n <div class=\"container\">\r\n <div class=\"section-header\">\r\n <h2 class=\"section-title\">Our Leadership Team<\/h2>\r\n <div class=\"section-divider\"><\/div>\r\n <p class=\"section-description\">\r\n Meet the dedicated professionals driving our mission forward\r\n <\/p>\r\n <\/div>\r\n <div class=\"team-grid\" id=\"teamGrid\">\r\n <div class=\"team-member\" data-index=\"0\">\r\n <div class=\"team-member-image\">\r\n <img decoding=\"async\" src=\"https:\/\/booklystpress.com\/wp-content\/uploads\/2025\/06\/Janet_Kiptum-removebg-preview.png\" alt=\"Janet Kiptum\" \/>\r\n <div class=\"team-member-overlay\"><\/div>\r\n <\/div>\r\n <div class=\"team-member-info\">\r\n <h3>Janet Kiptum<\/h3>\r\n <p>Human Resource Manager<\/p>\r\n <\/div>\r\n <div class=\"team-member-hover\">\r\n <div class=\"team-member-hover-content\">\r\n <h3>Janet Kiptum<\/h3>\r\n <p>Human Resource Manager<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"team-member\" data-index=\"1\">\r\n <div class=\"team-member-image\">\r\n <img decoding=\"async\" src=\"https:\/\/booklystpress.com\/wp-content\/uploads\/2025\/09\/Langat-removebg-preview.png\" alt=\"John Langat\" \/>\r\n <div class=\"team-member-overlay\"><\/div>\r\n <\/div>\r\n <div class=\"team-member-info\">\r\n <h3>John Langat<\/h3>\r\n <p>Sales and Marketing Manager<\/p>\r\n <\/div>\r\n <div class=\"team-member-hover\">\r\n <div class=\"team-member-hover-content\">\r\n <h3>John Langat<\/h3>\r\n <p>Sales and Marketing Manager<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"team-member\" data-index=\"2\">\r\n <div class=\"team-member-image\">\r\n <img decoding=\"async\" src=\"https:\/\/booklystpress.com\/wp-content\/uploads\/2025\/06\/DOMINIC-1.png\" alt=\"Dominic Maina\" \/>\r\n <div class=\"team-member-overlay\"><\/div>\r\n <\/div>\r\n <div class=\"team-member-info\">\r\n <h3>Dominic Maina<\/h3>\r\n <p>Editorial Manager<\/p>\r\n <\/div>\r\n <div class=\"team-member-hover\">\r\n <div class=\"team-member-hover-content\">\r\n <h3>Dominic Maina<\/h3>\r\n <p>Editorial Manager<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"team-member\" data-index=\"3\">\r\n <div class=\"team-member-image\">\r\n <img decoding=\"async\" src=\"https:\/\/booklystpress.com\/wp-content\/uploads\/2026\/02\/My-Photo.jpeg\" alt=\"George Musima\" \/>\r\n <div class=\"team-member-overlay\"><\/div>\r\n <\/div>\r\n <div class=\"team-member-info\">\r\n <h3>George Musima<\/h3>\r\n <p>Head of ICT<\/p>\r\n <\/div>\r\n <div class=\"team-member-hover\">\r\n <div class=\"team-member-hover-content\">\r\n <h3>George Musima<\/h3>\r\n <p>Head of ICT<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"team-member\" data-index=\"4\">\r\n <div class=\"team-member-image\">\r\n <img decoding=\"async\" src=\"https:\/\/booklystpress.com\/wp-content\/uploads\/2025\/06\/SILAS-6.jpg\" alt=\"Silas Kibet\" \/>\r\n <div class=\"team-member-overlay\"><\/div>\r\n <\/div>\r\n <div class=\"team-member-info\">\r\n <h3>Silas Kibet<\/h3>\r\n <p>Head of Finance<\/p>\r\n <\/div>\r\n <div class=\"team-member-hover\">\r\n <div class=\"team-member-hover-content\">\r\n <h3>Silas Kibet<\/h3>\r\n <p>Head of Finance<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"team-member\" data-index=\"5\">\r\n <div class=\"team-member-image\">\r\n <img decoding=\"async\" src=\"https:\/\/booklystpress.com\/wp-content\/uploads\/2025\/06\/FURAHA.png\" alt=\"Joy Kimani\" \/>\r\n <div class=\"team-member-overlay\"><\/div>\r\n <\/div>\r\n <div class=\"team-member-info\">\r\n <h3>Joy Kimani<\/h3>\r\n <p>Head of Design<\/p>\r\n <\/div>\r\n <div class=\"team-member-hover\">\r\n <div class=\"team-member-hover-content\">\r\n <h3>Joy Kimani<\/h3>\r\n <p>Head of Design<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"team-photo\" id=\"teamPhoto\">\r\n <div style=\"text-align: center; margin-bottom: 2rem;\">\r\n <h3 style=\"font-size: 24px; font-weight: 700; color: #4c4d4e; margin-bottom: 0.75rem;\">\r\n The Booklyst Team\r\n <\/h3>\r\n <p style=\"font-size: 16px; color: #747575; max-width: 48rem; margin: 0 auto;\">\r\n Together, we are a diverse team of passionate professionals committed to excellence in publishing\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"team-photo-content\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/booklystpress.com\/wp-content\/uploads\/2025\/10\/Group.jpeg\"\r\n alt=\"Booklyst Press Team\"\r\n \/>\r\n <div class=\"team-photo-overlay\"><\/div>\r\n <div class=\"team-photo-text\">\r\n <p>United by passion, driven by excellence<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Marketing Team Section -->\r\n <section class=\"marketing-team\">\r\n <div class=\"container\">\r\n <div class=\"section-header\">\r\n <h2 class=\"section-title\">Meet Our Marketing Team<\/h2>\r\n <div class=\"section-divider\"><\/div>\r\n <p class=\"section-description\">\r\n Our marketing team helps connect our books with the right readers across different regions. \r\n If you're a bookshop or partner looking to get in touch, meet the team members handling your area.\r\n <\/p>\r\n <\/div>\r\n \r\n <div class=\"carousel-container\">\r\n <button class=\"carousel-btn carousel-prev\" id=\"prevBtn\" aria-label=\"Previous slide\">\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <polyline points=\"15 18 9 12 15 6\"><\/polyline>\r\n <\/svg>\r\n <\/button>\r\n \r\n <div class=\"carousel-wrapper\">\r\n <div class=\"carousel-track\" id=\"carouselTrack\">\r\n <!-- Slide 1 -->\r\n <div class=\"carousel-slide\">\r\n <div class=\"marketer-card\">\r\n <div class=\"marketer-image-wrapper\">\r\n <img decoding=\"async\" src=\"https:\/\/booklystpress.com\/wp-content\/uploads\/2025\/06\/SADOK.png\" alt=\"Sadok Mutai\" \/>\r\n <div class=\"marketer-overlay\"><\/div>\r\n <\/div>\r\n <div class=\"marketer-info\">\r\n <h4>Sadok Mutai<\/h4>\r\n <p class=\"marketer-region\">Region - Nairobi (Ngong RD)<\/p>\r\n <a href=\"tel:+254700111871\" class=\"marketer-phone\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path>\r\n <\/svg>\r\n +254 700 111 871\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"marketer-card\">\r\n <div class=\"marketer-image-wrapper\">\r\n <img decoding=\"async\" src=\"https:\/\/booklystpress.com\/wp-content\/uploads\/2025\/06\/Ann-2.png\" alt=\"Ann Desdemona\" \/>\r\n <div class=\"marketer-overlay\"><\/div>\r\n <\/div>\r\n <div class=\"marketer-info\">\r\n <h4>Ann Desdemona<\/h4>\r\n <p class=\"marketer-region\">Region - Nairobi (Mombasa RD)<\/p>\r\n <a href=\"tel:+254795973573\" class=\"marketer-phone\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path>\r\n <\/svg>\r\n +254 795 973 573\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"marketer-card\">\r\n <div class=\"marketer-image-wrapper\">\r\n <img decoding=\"async\" src=\"https:\/\/booklystpress.com\/wp-content\/uploads\/2025\/06\/RUTH.png\" alt=\"Ruth Nyambura\" \/>\r\n <div class=\"marketer-overlay\"><\/div>\r\n <\/div>\r\n <div class=\"marketer-info\">\r\n <h4>Ruth Nyambura<\/h4>\r\n <p class=\"marketer-region\">Region - Nairobi (Thika RD)<\/p>\r\n <a href=\"tel:+254795617638\" class=\"marketer-phone\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path>\r\n <\/svg>\r\n +254 795 617 638\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"marketer-card\">\r\n <div class=\"marketer-image-wrapper\">\r\n <img decoding=\"async\" src=\"https:\/\/booklystpress.com\/wp-content\/uploads\/2025\/10\/Assunta.png\" alt=\"Assunta Wanjiku\" \/>\r\n <div class=\"marketer-overlay\"><\/div>\r\n <\/div>\r\n <div class=\"marketer-info\">\r\n <h4>Assunta Wanjiku<\/h4>\r\n <p class=\"marketer-region\">Region - Nairobi (Waiyaki Way)<\/p>\r\n <a href=\"tel:+254705795919\" class=\"marketer-phone\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path>\r\n <\/svg>\r\n +254 705 795 919\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Slide 2 -->\r\n <div class=\"carousel-slide\">\r\n <div class=\"marketer-card\">\r\n <div class=\"marketer-image-wrapper\">\r\n <img decoding=\"async\" src=\"https:\/\/booklystpress.com\/wp-content\/uploads\/2025\/10\/Barasa.png\" alt=\"Robert Barasa\" \/>\r\n <div class=\"marketer-overlay\"><\/div>\r\n <\/div>\r\n <div class=\"marketer-info\">\r\n <h4>Robert Barasa<\/h4>\r\n <p class=\"marketer-region\">Region - Western<\/p>\r\n <a href=\"tel:+254729522753\" class=\"marketer-phone\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path>\r\n <\/svg>\r\n +254 729 522 753\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"marketer-card\">\r\n <div class=\"marketer-image-wrapper\">\r\n <img decoding=\"async\" src=\"https:\/\/booklystpress.com\/wp-content\/uploads\/2025\/06\/oliver-removebg.png\" alt=\"Oliver Oluoch\" \/>\r\n <div class=\"marketer-overlay\"><\/div>\r\n <\/div>\r\n <div class=\"marketer-info\">\r\n <h4>Oliver Oluoch<\/h4>\r\n <p class=\"marketer-region\">Region - North Nyanza<\/p>\r\n <a href=\"tel:+254742275965\" class=\"marketer-phone\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path>\r\n <\/svg>\r\n +254 742 275 965\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"marketer-card\">\r\n <div class=\"marketer-image-wrapper\">\r\n <img decoding=\"async\" src=\"https:\/\/booklystpress.com\/wp-content\/uploads\/2025\/06\/DIANA.png\" alt=\"Diana Ochengo\" \/>\r\n <div class=\"marketer-overlay\"><\/div>\r\n <\/div>\r\n <div class=\"marketer-info\">\r\n <h4>Diana Ochengo<\/h4>\r\n <p class=\"marketer-region\">Region - South Nyanza<\/p>\r\n <a href=\"tel:+254742275965\" class=\"marketer-phone\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path>\r\n <\/svg>\r\n +254 742 275 965\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"marketer-card\">\r\n <div class=\"marketer-image-wrapper\">\r\n <img decoding=\"async\" src=\"https:\/\/booklystpress.com\/wp-content\/uploads\/2025\/06\/Rama.png\" alt=\"Rama Wanje\" \/>\r\n <div class=\"marketer-overlay\"><\/div>\r\n <\/div>\r\n <div class=\"marketer-info\">\r\n <h4>Rama Wanje<\/h4>\r\n <p class=\"marketer-region\">Region - Coast<\/p>\r\n <a href=\"tel:+254712037335\" class=\"marketer-phone\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path>\r\n <\/svg>\r\n +254 712 037 335\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Slide 3 -->\r\n <div class=\"carousel-slide\">\r\n <div class=\"marketer-card\">\r\n <div class=\"marketer-image-wrapper\">\r\n <img decoding=\"async\" src=\"https:\/\/booklystpress.com\/wp-content\/uploads\/2025\/10\/Charles.png\" alt=\"Charles Kamau\" \/>\r\n <div class=\"marketer-overlay\"><\/div>\r\n <\/div>\r\n <div class=\"marketer-info\">\r\n <h4>Charles Kamau<\/h4>\r\n <p class=\"marketer-region\">Region - Central Rift (Nakuru)<\/p>\r\n <a href=\"tel:+254724151614\" class=\"marketer-phone\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path>\r\n <\/svg>\r\n +254 724 151 614\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"marketer-card\">\r\n <div class=\"marketer-image-wrapper\">\r\n <img decoding=\"async\" src=\"https:\/\/booklystpress.com\/wp-content\/uploads\/2025\/10\/Kenneth.png\" alt=\"Kenneth Karani\" \/>\r\n <div class=\"marketer-overlay\"><\/div>\r\n <\/div>\r\n <div class=\"marketer-info\">\r\n <h4>Kenneth Karani<\/h4>\r\n <p class=\"marketer-region\">Region - Mount Kenya<\/p>\r\n <a href=\"tel:+254728625421\" class=\"marketer-phone\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path>\r\n <\/svg>\r\n +254 728 625 421\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"marketer-card\">\r\n <div class=\"marketer-image-wrapper\">\r\n <img decoding=\"async\" src=\"https:\/\/booklystpress.com\/wp-content\/uploads\/2025\/10\/Kennedy.png\" alt=\"Kennedy Cheruiyot\" \/>\r\n <div class=\"marketer-overlay\"><\/div>\r\n <\/div>\r\n <div class=\"marketer-info\">\r\n <h4>Kennedy Cheruiyot<\/h4>\r\n <p class=\"marketer-region\">Region - Central Rift (Kericho)<\/p>\r\n <a href=\"tel:+254729017948\" class=\"marketer-phone\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path>\r\n <\/svg>\r\n +254 729 017 948\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"marketer-card\">\r\n <div class=\"marketer-image-wrapper\">\r\n <img decoding=\"async\" src=\"https:\/\/booklystpress.com\/wp-content\/uploads\/2025\/10\/Felix.png\" alt=\"Felix Kipkoech\" \/>\r\n <div class=\"marketer-overlay\"><\/div>\r\n <\/div>\r\n <div class=\"marketer-info\">\r\n <h4>Felix Kipkoech<\/h4>\r\n <p class=\"marketer-region\">Region - North Rift (Uasin Gishu)<\/p>\r\n <a href=\"tel:+254721903068\" class=\"marketer-phone\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path>\r\n <\/svg>\r\n +254 721 903 068\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <button class=\"carousel-btn carousel-next\" id=\"nextBtn\" aria-label=\"Next slide\">\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <polyline points=\"9 18 15 12 9 6\"><\/polyline>\r\n <\/svg>\r\n <\/button>\r\n <\/div>\r\n \r\n <div class=\"carousel-dots\" id=\"carouselDots\"><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Join Our Team Section -->\r\n <section class=\"join-team\">\r\n <div class=\"container\">\r\n <div class=\"join-team-content\">\r\n <div class=\"join-team-icon\">\r\n <svg width=\"64\" height=\"64\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/>\r\n <circle cx=\"8.5\" cy=\"7\" r=\"4\"\/>\r\n <line x1=\"20\" y1=\"8\" x2=\"20\" y2=\"14\"\/>\r\n <line x1=\"23\" y1=\"11\" x2=\"17\" y2=\"11\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h2>Join Our Growing Team<\/h2>\r\n <p>Be part of a dynamic team that's transforming education across Africa. We're always looking for passionate individuals who share our vision.<\/p>\r\n <a href=\"https:\/\/booklystpress.com\/index.php\/careers-2\/\" class=\"join-btn\">\r\n Explore Career Opportunities\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/>\r\n <polyline points=\"12 5 19 12 12 19\"\/>\r\n <\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Partners Section -->\r\n <section class=\"partners\">\r\n <div class=\"container\">\r\n <div class=\"section-header\">\r\n <h2 class=\"section-title\">Our Trusted Partners<\/h2>\r\n <div class=\"section-divider\"><\/div>\r\n <p class=\"section-description\">\r\n Collaborating with leading organizations to expand educational opportunities\r\n <\/p>\r\n <\/div>\r\n \r\n <div class=\"partners-grid\">\r\n <div class=\"partner-card\">\r\n <div class=\"partner-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/booklystpress.com\/wp-content\/uploads\/2025\/10\/Ministry_of_Education_Logo-removebg-preview.png\" alt=\"Ministry of Education\" \/>\r\n <\/div>\r\n <\/div>\r\n <div class=\"partner-card\">\r\n <div class=\"partner-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/booklystpress.com\/wp-content\/uploads\/2025\/10\/KICD_Logo-removebg-preview.png\" alt=\"KICD\" \/>\r\n <\/div>\r\n <\/div>\r\n <div class=\"partner-card\">\r\n <div class=\"partner-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/booklystpress.com\/wp-content\/uploads\/2025\/09\/kpa_logo-1.png\" alt=\"Kenya Publishers Association\" \/>\r\n <\/div>\r\n <\/div>\r\n <div class=\"partner-card\">\r\n <div class=\"partner-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/booklystpress.com\/wp-content\/uploads\/2025\/10\/English_Press-removebg-preview.png\" alt=\"English Press\" \/>\r\n <\/div>\r\n <\/div>\r\n <div class=\"partner-card\">\r\n <div class=\"partner-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/booklystpress.com\/wp-content\/uploads\/2025\/10\/TBC-Logo-removebg-preview.png\" alt=\"TBC\" \/>\r\n <\/div>\r\n <\/div>\r\n <div class=\"partner-card\">\r\n <div class=\"partner-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/booklystpress.com\/wp-content\/uploads\/2025\/09\/KCB_Bank_Kenya_Limited_logo.png\" alt=\"KCB\" \/>\r\n <\/div>\r\n <\/div>\r\n <div class=\"partner-card\">\r\n <div class=\"partner-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/booklystpress.com\/wp-content\/uploads\/2025\/09\/Sidian-bank-Logo-1-1.png\" alt=\"Sidian Bank\" \/>\r\n <\/div>\r\n <\/div>\r\n <div class=\"partner-card\">\r\n <div class=\"partner-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/booklystpress.com\/wp-content\/uploads\/2025\/09\/Britam-Logo-1.png\" alt=\"Britam Ins\" \/>\r\n <\/div>\r\n <\/div>\r\n <div class=\"partner-card\">\r\n <div class=\"partner-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/booklystpress.com\/wp-content\/uploads\/2025\/09\/Mua-Logo-1.png\" alt=\"MUA\" \/>\r\n <\/div>\r\n <\/div>\r\n <div class=\"partner-card\">\r\n <div class=\"partner-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/booklystpress.com\/wp-content\/uploads\/2025\/09\/SAF-MAIN-LOGO-1.png\" alt=\"Safaricom\" \/>\r\n <\/div>\r\n <\/div>\r\n <div class=\"partner-card\">\r\n <div class=\"partner-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/booklystpress.com\/wp-content\/uploads\/2025\/10\/Ollaro.png\" alt=\"Olarro\" \/>\r\n <\/div>\r\n <\/div>\r\n <div class=\"partner-card\">\r\n <div class=\"partner-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/booklystpress.com\/wp-content\/uploads\/2025\/10\/Mosop_Logo-removebg-preview.png\" alt=\"Mosop\" \/>\r\n <\/div>\r\n <\/div>\r\n <div class=\"partner-card\">\r\n <div class=\"partner-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/booklystpress.com\/wp-content\/uploads\/2025\/09\/Logo-Bowen-Logistics-1.png\" alt=\"Bowen Logistics\" \/>\r\n <\/div>\r\n <\/div>\r\n <div class=\"partner-card\">\r\n <div class=\"partner-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/booklystpress.com\/wp-content\/uploads\/2025\/09\/Printing-Services-LTD-Logo.jpg\" alt=\"Printing Services\" \/>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n \/\/ Hero animation on load\r\n window.addEventListener('load', function() {\r\n const heroContent = document.getElementById('heroContent');\r\n heroContent.style.opacity = '0';\r\n heroContent.style.transform = 'translateY(40px)';\r\n heroContent.style.transition = 'all 1s ease';\r\n\r\n setTimeout(function() {\r\n heroContent.style.opacity = '1';\r\n heroContent.style.transform = 'translateY(0)';\r\n }, 100);\r\n });\r\n\r\n \/\/ Intersection Observer for scroll animations\r\n const observerOptions = {\r\n threshold: 0.1,\r\n rootMargin: '0px 0px -50px 0px'\r\n };\r\n\r\n const observer = new IntersectionObserver(function(entries) {\r\n entries.forEach(function(entry) {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('visible');\r\n }\r\n });\r\n }, observerOptions);\r\n\r\n \/\/ Timeline items\r\n const timelineItems = document.querySelectorAll('.timeline-item');\r\n timelineItems.forEach(function(item, index) {\r\n setTimeout(function() {\r\n observer.observe(item);\r\n }, index * 200);\r\n });\r\n\r\n \/\/ Mission Vision cards\r\n const missionVisionCards = document.querySelectorAll('.mission-vision-card');\r\n missionVisionCards.forEach(function(card) {\r\n observer.observe(card);\r\n });\r\n\r\n \/\/ Values section\r\n const valuesSection = document.getElementById('valuesSection');\r\n if (valuesSection) {\r\n observer.observe(valuesSection);\r\n }\r\n\r\n \/\/ Services\r\n const serviceCards = document.querySelectorAll('.service-card');\r\n serviceCards.forEach(function(card, index) {\r\n card.style.transitionDelay = (index * 150) + 'ms';\r\n observer.observe(card);\r\n });\r\n\r\n \/\/ Team members\r\n const teamMembers = document.querySelectorAll('.team-member');\r\n teamMembers.forEach(function(member, index) {\r\n member.style.transitionDelay = (index * 100) + 'ms';\r\n observer.observe(member);\r\n });\r\n\r\n \/\/ Team photo\r\n const teamPhoto = document.getElementById('teamPhoto');\r\n if (teamPhoto) {\r\n observer.observe(teamPhoto);\r\n }\r\n\r\n \/\/ Counter animation for Impact section\r\n function animateCounter(element, target, duration, suffix) {\r\n let startTime = null;\r\n\r\n function animate(currentTime) {\r\n if (!startTime) startTime = currentTime;\r\n const progress = Math.min((currentTime - startTime) \/ duration, 1);\r\n const current = Math.floor(progress * target);\r\n element.textContent = current.toLocaleString() + suffix;\r\n\r\n if (progress < 1) {\r\n requestAnimationFrame(animate);\r\n }\r\n }\r\n\r\n requestAnimationFrame(animate);\r\n }\r\n\r\n const statCards = document.querySelectorAll('.stat-card');\r\n const statObserver = new IntersectionObserver(function(entries) {\r\n entries.forEach(function(entry) {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('visible');\r\n const numberElement = entry.target.querySelector('.stat-number');\r\n const end = parseInt(entry.target.dataset.end);\r\n const suffix = entry.target.dataset.suffix || '';\r\n\r\n setTimeout(function() {\r\n animateCounter(numberElement, end, 2000, suffix);\r\n }, 300);\r\n\r\n statObserver.unobserve(entry.target);\r\n }\r\n });\r\n }, { threshold: 0.5 });\r\n\r\n statCards.forEach(function(card) {\r\n statObserver.observe(card);\r\n });\r\n\r\n \/\/ Carousel functionality\r\n (function() {\r\n const track = document.getElementById('carouselTrack');\r\n const prevBtn = document.getElementById('prevBtn');\r\n const nextBtn = document.getElementById('nextBtn');\r\n const dotsContainer = document.getElementById('carouselDots');\r\n \r\n if (!track || !prevBtn || !nextBtn) return;\r\n \r\n const slides = track.querySelectorAll('.carousel-slide');\r\n const slideCount = slides.length;\r\n let currentSlide = 0;\r\n let autoplayInterval;\r\n const autoplayDelay = 5000; \/\/ 5 seconds\r\n \r\n \/\/ Create dots\r\n for (let i = 0; i < slideCount; i++) {\r\n const dot = document.createElement('button');\r\n dot.classList.add('carousel-dot');\r\n dot.setAttribute('aria-label', 'Go to slide ' + (i + 1));\r\n if (i === 0) dot.classList.add('active');\r\n dot.addEventListener('click', function() {\r\n goToSlide(i);\r\n });\r\n dotsContainer.appendChild(dot);\r\n }\r\n \r\n const dots = dotsContainer.querySelectorAll('.carousel-dot');\r\n \r\n function updateCarousel() {\r\n track.style.transform = 'translateX(-' + (currentSlide * 100) + '%)';\r\n \r\n dots.forEach(function(dot, index) {\r\n if (index === currentSlide) {\r\n dot.classList.add('active');\r\n } else {\r\n dot.classList.remove('active');\r\n }\r\n });\r\n \r\n prevBtn.disabled = currentSlide === 0;\r\n nextBtn.disabled = currentSlide === slideCount - 1;\r\n }\r\n \r\n function goToSlide(index) {\r\n currentSlide = index;\r\n updateCarousel();\r\n resetAutoplay();\r\n }\r\n \r\n function nextSlide() {\r\n if (currentSlide < slideCount - 1) {\r\n currentSlide++;\r\n } else {\r\n currentSlide = 0;\r\n }\r\n updateCarousel();\r\n }\r\n \r\n function prevSlide() {\r\n if (currentSlide > 0) {\r\n currentSlide--;\r\n } else {\r\n currentSlide = slideCount - 1;\r\n }\r\n updateCarousel();\r\n }\r\n \r\n function startAutoplay() {\r\n autoplayInterval = setInterval(nextSlide, autoplayDelay);\r\n }\r\n \r\n function stopAutoplay() {\r\n clearInterval(autoplayInterval);\r\n }\r\n \r\n function resetAutoplay() {\r\n stopAutoplay();\r\n startAutoplay();\r\n }\r\n \r\n prevBtn.addEventListener('click', function() {\r\n prevSlide();\r\n resetAutoplay();\r\n });\r\n \r\n nextBtn.addEventListener('click', function() {\r\n nextSlide();\r\n resetAutoplay();\r\n });\r\n \r\n \/\/ Touch support for mobile\r\n let touchStartX = 0;\r\n let touchEndX = 0;\r\n \r\n track.addEventListener('touchstart', function(e) {\r\n touchStartX = e.changedTouches[0].screenX;\r\n stopAutoplay();\r\n });\r\n \r\n track.addEventListener('touchend', function(e) {\r\n touchEndX = e.changedTouches[0].screenX;\r\n handleSwipe();\r\n startAutoplay();\r\n });\r\n \r\n function handleSwipe() {\r\n if (touchEndX < touchStartX - 50 && currentSlide < slideCount - 1) {\r\n nextSlide();\r\n }\r\n if (touchEndX > touchStartX + 50 && currentSlide > 0) {\r\n prevSlide();\r\n }\r\n }\r\n \r\n \/\/ Pause autoplay on hover\r\n const carouselContainer = document.querySelector('.carousel-container');\r\n carouselContainer.addEventListener('mouseenter', stopAutoplay);\r\n carouselContainer.addEventListener('mouseleave', startAutoplay);\r\n \r\n \/\/ Start autoplay\r\n startAutoplay();\r\n updateCarousel();\r\n })();\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Booklyst Press MANAGING DIRECTOR’S INSIGHT “At Booklyst Press, we are driven by the belief that education is the cornerstone of progress. Since we began in 2019, this conviction has guided our journey. We have dedicated ourselves to producing high-quality, accessible, affordable and innovative learning resources that we hope will inspire generations. Our success story is […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3127","page","type-page","status-publish","hentry"],"blocksy_meta":{"has_hero_section":"disabled","vertical_spacing_source":"custom","content_area_spacing":"none","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"_links":{"self":[{"href":"https:\/\/booklystpress.com\/index.php\/wp-json\/wp\/v2\/pages\/3127","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/booklystpress.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/booklystpress.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/booklystpress.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/booklystpress.com\/index.php\/wp-json\/wp\/v2\/comments?post=3127"}],"version-history":[{"count":369,"href":"https:\/\/booklystpress.com\/index.php\/wp-json\/wp\/v2\/pages\/3127\/revisions"}],"predecessor-version":[{"id":6169,"href":"https:\/\/booklystpress.com\/index.php\/wp-json\/wp\/v2\/pages\/3127\/revisions\/6169"}],"wp:attachment":[{"href":"https:\/\/booklystpress.com\/index.php\/wp-json\/wp\/v2\/media?parent=3127"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}