/* ===== FOSTER ACADEMY - ADDITIONS (loads after style.css) ===== */

/* Stats strip */
.stats-strip{background:#fff;padding:50px 0 10px}
.stat-box{background:#fff;border:1px solid #e8edf3;border-radius:16px;padding:26px 14px;box-shadow:0 8px 25px rgba(0,27,61,.06);transition:.35s}
.stat-box:hover{transform:translateY(-6px);border-color:#ffd21f}
.stat-box i{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:13px;background:#fff6d8;color:#001b3d;font-size:24px;margin-bottom:12px}
.stat-box h3{color:#001b3d;font-weight:900;font-size:34px;margin:0}
.stat-box p{color:#64748b;font-size:13px;margin:4px 0 0}

/* Career journey */
.journey-section{background:#f7f9fc;padding:95px 0}
.journey-step{position:relative;height:100%;background:#fff;border:1px solid #e8edf3;border-radius:16px;padding:32px 24px;overflow:hidden;transition:.35s}
.journey-step:hover{transform:translateY(-8px);border-color:#ffd21f;box-shadow:0 15px 35px rgba(0,27,61,.1)}
.journey-step>i{display:grid;place-items:center;width:54px;height:54px;border-radius:14px;background:#001b3d;color:#ffd21f;font-size:24px;margin-bottom:18px}
.journey-step h5{color:#001b3d;font-weight:800}
.journey-step p{color:#64748b;font-size:14px;line-height:1.7;margin:0}
.j-num{position:absolute;right:16px;top:8px;font-size:52px;font-weight:900;color:rgba(0,27,61,.06)}

/* Certifications */
.cert-section{background:#fff;padding:95px 0}
.cert-card{height:100%;text-align:center;background:#fff;border:1px solid #e8edf3;border-radius:16px;padding:28px 14px;transition:.35s}
.cert-card:hover{transform:translateY(-7px);border-color:#ffd21f;box-shadow:0 14px 30px rgba(0,27,61,.1)}
.cert-card i{font-size:34px;color:#001b3d;display:block;margin-bottom:12px}
.cert-card h6{color:#001b3d;font-size:13px;font-weight:800;margin:0}

/* Batches */
.batch-section{background:#001b3d;padding:95px 0}
.batch-section .section-heading{color:#fff}
.batch-section .section-heading span{color:#ffd21f}
.batch-section .section-description{color:#c5d1df}
.batch-section .section-tag{background:rgba(255,210,31,.12);color:#ffd21f}
.batch-card{position:relative;height:100%;background:#0c2948;border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:34px 28px;color:#fff;transition:.35s}
.batch-card:hover{transform:translateY(-8px);border-color:#ffd21f}
.batch-card.featured{background:#fff;color:#001b3d;border-color:#ffd21f}
.batch-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:14px;background:rgba(255,210,31,.14);color:#ffd21f;font-size:26px;margin-bottom:18px}
.batch-card.featured .batch-icon{background:#fff6d8;color:#001b3d}
.batch-card h4{font-weight:800;margin-bottom:16px}
.batch-card ul{list-style:none;padding:0;margin:0 0 24px}
.batch-card li{position:relative;padding-left:24px;margin-bottom:10px;font-size:14px;color:#c5d1df}
.batch-card.featured li{color:#526176}
.batch-card li::before{content:"\F26A";font-family:"bootstrap-icons";position:absolute;left:0;color:#ffd21f}
.batch-flag{position:absolute;top:-13px;right:22px;background:#ffd21f;color:#001b3d;font-size:10px;font-weight:900;letter-spacing:1px;padding:6px 12px;border-radius:5px}
.batch-btn{display:flex;justify-content:space-between;align-items:center;background:#ffd21f;color:#001b3d;text-decoration:none;font-weight:800;font-size:13px;padding:13px 16px;border-radius:7px;transition:.3s}
.batch-btn:hover{background:#fff;color:#001b3d}
.batch-card.featured .batch-btn:hover{background:#001b3d;color:#fff}

/* Floating buttons */
.float-wa{position:fixed;right:20px;bottom:20px;z-index:1050;width:58px;height:58px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;font-size:30px;text-decoration:none;box-shadow:0 10px 25px rgba(37,211,102,.5);animation:waPulse 2s infinite}
.float-wa:hover{color:#fff;transform:scale(1.08)}
@keyframes waPulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.55)}70%{box-shadow:0 0 0 16px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}
.to-top{position:fixed;right:28px;bottom:90px;z-index:1040;width:42px;height:42px;border:0;border-radius:50%;background:#001b3d;color:#ffd21f;opacity:0;pointer-events:none;transition:.3s}
.to-top.show{opacity:1;pointer-events:auto}
.mobile-bar{display:none}

@media(max-width:767px){
  .mobile-bar{position:fixed;left:0;right:0;bottom:0;z-index:1045;display:flex;background:#001b3d;box-shadow:0 -6px 20px rgba(0,0,0,.2)}
  .mobile-bar a{flex:1;text-align:center;color:#fff;text-decoration:none;font-size:12px;font-weight:700;padding:12px 4px}
  .mobile-bar a:nth-child(2){background:#25d366}
  .mobile-bar a:nth-child(3){background:#ffd21f;color:#001b3d}
  .float-wa{bottom:72px;right:14px;width:50px;height:50px;font-size:26px}
  .to-top{bottom:132px;right:20px}
  body{padding-bottom:46px}
  .journey-section,.cert-section,.batch-section{padding:65px 0}
  .stats-strip{padding:35px 0 0}
}

/* Scroll reveal */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}
.reveal.in{opacity:1;transform:none}

@media(prefers-reduced-motion:reduce){
  .reveal{opacity:1;transform:none;transition:none}
  .float-wa{animation:none}
}

/* Responsive layouts for the full home page */
.navbar-brand{
  flex:0 1 158px;
  min-width:0;
  max-width:min(158px,calc(100vw - 80px));
  overflow:hidden;
}

.navbar-brand img{
  max-width:100%;
}

@media(max-width:991.98px){
  .navbar .navbar-collapse{
    max-height:calc(100vh - 82px);
    overflow-y:auto;
  }

  .navbar .dropdown-menu{
    position:static!important;
    float:none;
    width:100%;
    margin-top:0;
  }

  .navbar .mega-menu>.container{
    width:100%;
    max-width:none;
    padding:0;
  }
}

@media(max-width:767.98px){
  html,
  body{
    max-width:100%;
    overflow-x:hidden;
  }

  .top-info-bar .top-info-link{
    font-size:11px;
  }

  .navbar{
    min-height:68px;
  }

  .navbar-brand img{
    width:min(145px,55vw);
    height:auto;
  }

  .navbar-brand{
    flex-basis:145px;
    width:145px;
    min-width:0;
    max-width:calc(100% - 60px);
    overflow:hidden;
  }

  .navbar-brand img{
    display:block;
    max-width:100%;
  }

  .navbar .apply-btn{
    display:block;
    width:100%;
  }

  .mega-menu{
    max-height:60vh;
    overflow-y:auto;
  }

  .mega-menu .row{
    --bs-gutter-y:1rem;
  }

  .foster-hero{
    padding:52px 0 64px;
  }

  .hero-heading{
    font-size:clamp(2rem,8vw,2.45rem);
    line-height:1.16;
    letter-spacing:-1.2px;
  }

  .hero-badge{
    max-width:100%;
    text-align:left;
    line-height:1.5;
  }

  .hero-buttons{
    align-items:stretch;
  }

  .hero-btn-primary,
  .hero-btn-outline{
    justify-content:center;
    width:100%;
  }

  .hero-features{
    gap:14px 20px;
  }

  .admission-card{
    width:100%;
  }

  .floating-label{
    max-width:100%;
  }

  .stats-strip{
    padding:30px 0 0;
  }

  .stat-box{
    height:100%;
    padding:20px 10px;
  }

  .stat-box h3{
    font-size:28px;
  }

  .stat-box p{
    font-size:12px;
  }

  .foster-tech-section,
  .foster-company-section,
  .why-foster-section,
  .popular-courses-section,
  .journey-section,
  .cert-section,
  .batch-section,
  .live-lab-section,
  .placement-section,
  .testimonial-section.py-5,
  .trainers-section.py-5,
  .faq-section.py-5,
  .final-cta-section{
    padding-block:52px;
  }

  .foster-heading,
  .why-heading h2,
  .courses-heading h2,
  .section-heading,
  .faq-heading,
  .placement-title,
  .testimonial-title,
  .lab-heading,
  .cta-content h2{
    font-size:clamp(1.75rem,7.5vw,2.35rem);
    line-height:1.2;
    letter-spacing:-.5px;
  }

  .foster-heading br{
    display:none;
  }

  .foster-description,
  .why-heading p,
  .courses-heading p,
  .section-description,
  .placement-subtitle,
  .testimonial-subtitle,
  .faq-intro,
  .cta-content>p{
    font-size:14px;
    line-height:1.7;
  }

  .course-filters{
    gap:8px;
    margin:26px 0;
  }

  .filter-btn{
    flex:1 1 calc(50% - 8px);
    padding:10px 12px;
    font-size:12px;
  }

  .course-image{
    height:clamp(180px,55vw,260px);
  }

  .course-content{
    padding:20px;
  }

  .course-content p{
    min-height:0;
  }

  .why-card{
    min-height:0;
  }

  .journey-step,
  .batch-card{
    padding:26px 22px;
  }

  .cert-card{
    height:100%;
    padding:22px 12px;
  }

  .lab-features{
    grid-template-columns:1fr;
    gap:18px;
  }

  .lab-heading{
    font-size:clamp(2rem,8vw,2.5rem);
  }

  .lab-subheading{
    font-size:18px;
  }

  .lab-button,
  .placement-btn,
  .testimonial-btn,
  .section-btn,
  .all-courses-btn,
  .why-btn{
    max-width:100%;
    justify-content:center;
  }

  .lab-visual,
  .lab-visual>img{
    min-height:300px;
    height:300px;
  }

  .lab-floating-card{
    max-width:calc(100% - 24px);
  }

  .success-content{
    padding:22px;
  }

  .testimonial-card{
    min-height:0;
  }

  .cta-buttons{
    align-items:stretch;
  }

  .cta-primary,
  .cta-secondary{
    text-align:center;
  }

  .foster-accordion .accordion-button{
    padding:16px;
    font-size:14px;
  }

  .foster-accordion .accordion-body{
    padding:16px;
    font-size:14px;
  }

  .footer-map-header{
    padding:18px;
  }

  .footer-map-header h5{
    font-size:17px;
  }

  .footer-map iframe{
    height:200px;
  }

  .footer-bottom div{
    justify-content:center;
    flex-wrap:wrap;
    gap:10px 18px;
  }

  .mobile-bar{
    padding-bottom:env(safe-area-inset-bottom);
  }

  .mobile-bar a{
    padding:10px 4px;
  }

  .float-wa{
    bottom:calc(58px + env(safe-area-inset-bottom));
  }

  .to-top{
    bottom:calc(116px + env(safe-area-inset-bottom));
  }

  body{
    padding-bottom:calc(54px + env(safe-area-inset-bottom));
  }
}

@media(max-width:380px){
  .navbar-brand{
    flex-basis:125px;
    width:125px;
  }

  .navbar-brand img{
    width:125px;
  }

  .navbar-toggler{
    padding:4px 8px;
  }

  .hero-heading{
    font-size:2rem;
  }

  .admission-card{
    padding:20px 15px;
  }

  .form-top{
    gap:10px;
  }

  .form-top h3{
    font-size:18px;
  }

  .stat-box h3{
    font-size:25px;
  }

  .course-category{
    left:10px;
    bottom:10px;
    max-width:calc(100% - 20px);
    font-size:9px;
  }
}

@media(max-width:767.98px){
  .foster-input .form-control,
  .foster-input .form-select{
    font-size:16px;
  }
}

/* Keep industry logos in their original colors without hover effects. */
.company-logo,
.company-logo img{
  transition:none;
}

.company-logo img{
  filter:none;
  opacity:1;
}

.company-logo:hover{
  transform:none;
  background:#fff;
}

.company-logo:hover img{
  filter:none;
  opacity:1;
}

/* google rieview  */

/* ==========================================
   FOSTER ACADEMY - GOOGLE REVIEWS
========================================== */