/* ============================================
   ABOUT US PAGE CSS - Knowledge Wave India
   Colors: #7AC74F #FDFFFC #F7B32B #FF2E00 #140F2D
   ============================================ */

.about-us-area { padding: 80px 0; background: #FDFFFC; }
.about-row { display: flex; align-items: center; gap: 50px; }
.about-left { flex: 1; }
.about-right { flex: 1; display: flex; justify-content: center; }

.about-video-wrapper { position: relative; width: 100%; max-width: 500px; border-radius: 20px; overflow: hidden; box-shadow: 0 15px 40px rgba(0,0,0,0.1); }
.about-video-placeholder { width: 100%; aspect-ratio: 16/11; background: linear-gradient(135deg, #7AC74F 0%, #140F2D 100%); display: flex; align-items: center; justify-content: center; }
.about-video-placeholder i { font-size: 60px; color: rgba(247, 179, 43, 0.6); }

.popup-video { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80px; height: 80px; background: #7AC74F; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; animation: pulseBtn 2s infinite; text-decoration: none; z-index: 2; }
.popup-video svg { width: 26px; margin-left: 4px; }
@keyframes pulseBtn { 0% { box-shadow: 0 0 0 0 rgba(122, 199, 79, 0.5); } 70% { box-shadow: 0 0 0 30px rgba(122, 199, 79, 0); } 100% { box-shadow: 0 0 0 0 rgba(122, 199, 79, 0); } }

.sub-title { color: #7AC74F; font-weight: 600; font-size: 14px; text-transform: uppercase; letter-spacing: 2px; display: block; margin-bottom: 10px; }
.main-title { font-size: 38px; font-weight: 800; color: #140F2D; line-height: 1.2; margin: 0 0 20px; }
.highlight { position: relative; display: inline-block; color: #7AC74F; }
.title-svg { position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); width: 110%; height: auto; color: #7AC74F; opacity: 0.4; }
.desc { color: #666; font-size: 16px; line-height: 1.7; margin-bottom: 25px; }
.about-list { list-style: none; padding: 0; margin: 0 0 30px; }
.about-list li { padding: 10px 0; font-size: 16px; color: #333; display: flex; align-items: center; gap: 12px; }
.about-list li i { color: #7AC74F; font-size: 20px; }

.btn-enroll { display: inline-flex; align-items: center; gap: 10px; background: #F7B32B; color: #140F2D; font-weight: 700; padding: 15px 32px; border-radius: 50px; text-decoration: none; border: 2px solid transparent; transition: all 0.3s ease; }
.btn-enroll:hover { background: transparent; color: #F7B32B; border-color: #F7B32B; transform: translateY(-3px); box-shadow: 0 10px 25px rgba(247, 179, 43, 0.3); }

.features-page-area { padding: 80px 0; background: #FDFFFC; }
.section-header { margin-bottom: 50px; }
.section-header .sub-title { display: inline-block; }
.section-header .desc { max-width: 600px; margin: 0 auto; }
.features-grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px; }
.feature-card-shape { background: #FDFFFC; border-radius: 15px; padding: 35px 25px; box-shadow: 0 5px 20px rgba(0,0,0,0.05); border: 1px solid rgba(122, 199, 79, 0.1); transition: all 0.3s ease; }
.feature-card-shape:hover { transform: translateY(-8px); box-shadow: 0 15px 35px rgba(122, 199, 79, 0.2); border-color: #7AC74F; }
.feature-card-top { display: flex; align-items: center; gap: 15px; margin-bottom: 15px; }
.feature-icon-circle { width: 55px; height: 55px; background: rgba(122, 199, 79, 0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 24px; color: #7AC74F; }
.feature-card-top h3 { font-size: 20px; color: #140F2D; margin: 0; }
.feature-card-body p { color: #666; font-size: 15px; line-height: 1.6; margin: 0; }

.journey-section { padding: 80px 0; background: #140F2D; }
.main-title.light { color: #FDFFFC; }
.desc.light { color: rgba(253, 255, 252, 0.7); }
.features-grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 25px; margin-top: 50px; }
.journey-card { text-align: center; padding: 35px 20px; background: rgba(253, 255, 252, 0.03); border: 1px solid rgba(122, 199, 79, 0.15); border-radius: 15px; transition: all 0.3s ease; }
.journey-card:hover { background: rgba(122, 199, 79, 0.05); border-color: #7AC74F; transform: translateY(-8px); }
.journey-icon { width: 65px; height: 65px; margin: 0 auto 20px; background: rgba(122, 199, 79, 0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 28px; color: #7AC74F; }
.journey-card h4 { color: #FDFFFC; font-size: 18px; margin-bottom: 10px; }
.journey-card p { color: rgba(253, 255, 252, 0.6); font-size: 14px; line-height: 1.6; margin: 0; }

/* ========== TESTIMONIALS ========== */
.testimonial-area { padding: 80px 0; background: #FDFFFC; }
.testimonial-wrapper { position: relative; padding: 0 55px; }
.testimonial-slider { overflow: hidden; }
.testimonial-track { display: flex; gap: 20px; transition: transform 0.5s ease; }
.testimonial-slide { min-width: calc(33.333% - 14px); flex-shrink: 0; }
.testimonial-card { background: #FDFFFC; border-radius: 16px; padding: 30px 25px; box-shadow: 0 4px 20px rgba(0,0,0,0.05); border: 1px solid rgba(122, 199, 79, 0.08); transition: all 0.3s ease; height: 100%; display: flex; flex-direction: column; }
.testimonial-card:hover { transform: translateY(-5px); box-shadow: 0 12px 30px rgba(122, 199, 79, 0.15); border-color: #7AC74F; }
.testimonial-author { display: flex; align-items: center; gap: 14px; margin-bottom: 16px; }
.author-avatar { width: 52px; height: 52px; background: rgba(247, 179, 43, 0.12); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 22px; color: #7AC74F; flex-shrink: 0; }
.stars { color: #F7B32B; font-size: 14px; margin-bottom: 4px; letter-spacing: 1px; }
.author-info h4 { font-size: 17px; color: #140F2D; margin: 4px 0 0; }
.testimonial-card p { color: #555; font-size: 14px; line-height: 1.7; margin: 0; flex: 1; }

.slider-btn { position: absolute; top: 50%; transform: translateY(-50%); width: 45px; height: 45px; border-radius: 50%; border: 2px solid #140F2D; background: #FDFFFC; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; z-index: 5; color: #140F2D; font-size: 15px; box-shadow: 0 3px 12px rgba(0,0,0,0.08); }
.slider-btn:hover { background: #7AC74F; border-color: #7AC74F; color: #FDFFFC; }
.prev-btn { left: 0; }
.next-btn { right: 0; }

.scroll-top { position: fixed; bottom: 30px; right: 30px; width: 50px; height: 50px; background: #7AC74F; color: #FDFFFC; border: none; border-radius: 50%; cursor: pointer; font-size: 18px; z-index: 999; display: none; align-items: center; justify-content: center; box-shadow: 0 5px 20px rgba(122, 199, 79, 0.4); transition: all 0.3s ease; }
.scroll-top.show { display: flex; }
.scroll-top:hover { background: #140F2D; color: #7AC74F; transform: translateY(-5px); }

@media (max-width: 991.98px) {
    .about-row { flex-direction: column; text-align: center; gap: 40px; }
    .about-right { order: -1; }
    .about-video-wrapper { max-width: 400px; }
    .main-title { font-size: 32px; }
    .about-list li { justify-content: center; }
    .features-grid-3 { grid-template-columns: 1fr; max-width: 400px; margin: 0 auto; }
    .features-grid-4 { grid-template-columns: repeat(2, 1fr); }
    .testimonial-slide { min-width: calc(50% - 10px); }
    .about-us-area, .features-page-area, .journey-section, .testimonial-area { padding: 60px 0; }
}
@media (max-width: 767.98px) {
    .main-title { font-size: 28px; }
    .features-grid-4 { grid-template-columns: 1fr; max-width: 350px; margin: 40px auto 0; }
    .testimonial-wrapper { padding: 0 40px; }
    .testimonial-slide { min-width: calc(100% - 0px); }
    .about-us-area, .features-page-area, .journey-section, .testimonial-area { padding: 50px 0; }
    .popup-video { width: 65px; height: 65px; }
}
@media (max-width: 575.98px) {
    .main-title { font-size: 24px; }
    .testimonial-wrapper { padding: 0 35px; }
    .slider-btn { width: 36px; height: 36px; }
    .feature-card-shape { padding: 25px 20px; }
}