/*==================================================
School Hero
==================================================*/

.school-hero{

    background:#F8FBFD;

    padding:110px 0;

}

.school-highlights{

    display:flex;

    flex-wrap:wrap;

    gap:16px;

}

.school-hero-image{

    max-width:95%;

    animation:floatHero 6s ease-in-out infinite;

}

@media(max-width:992px){

.school-hero{

padding:80px 0;

}

.school-highlights{

justify-content:center;

}

}

@media(max-width:768px){

.school-hero{

padding:70px 0;

}

.school-highlights{

gap:12px;

}

}



/*==================================================
School Benefits
==================================================*/

.school-benefits{

    background:#FFFFFF;

}

.school-card{

    background:#FFFFFF;

    border:1px solid #E7EDF2;

    border-radius:22px;

    padding:34px 28px;

    height:100%;

    transition:.35s;

    box-shadow:0 10px 30px rgba(15,23,42,.05);

}

.school-card:hover{

    transform:translateY(-8px);

    border-color:#15B9D9;

    box-shadow:0 22px 55px rgba(21,185,217,.15);

}

.school-card h4{

    margin-top:22px;

    margin-bottom:14px;

}

.school-card p{

    margin-bottom:0;

    color:#6B7280;

    line-height:1.7;

}



/*==================================================
School Dashboard
==================================================*/

.school-dashboard{

    background:#F8FBFD;

}

.school-dashboard-preview{

    background:#FFFFFF;

    padding:24px;

    border-radius:26px;

    border:1px solid #E7EDF2;

    box-shadow:0 18px 50px rgba(15,23,42,.08);

    transition:.35s;

}

.school-dashboard-preview:hover{

    transform:translateY(-8px);

    box-shadow:0 25px 60px rgba(21,185,217,.15);

}

.school-dashboard-preview img{

    width:100%;

    border-radius:18px;

    display:block;

}

@media(max-width:992px){

.school-dashboard-preview{

margin-top:20px;

}

}



/*==================================================
School Journey
==================================================*/

.school-journey{

    background:#FFFFFF;

}

/* Reuses:
   .journey-card
   .journey-number
   from Parent & Teacher pages */



   /*==================================================
School CTA
==================================================*/

.school-cta{

    background:#F8FBFD;

}

.school-cta-box{

    background:linear-gradient(135deg,#15B9D9 0%,#0E8EAA 100%);

    border-radius:32px;

    padding:70px 60px;

    overflow:hidden;

    position:relative;

    color:#FFFFFF;

    box-shadow:0 30px 70px rgba(21,185,217,.25);

}

.school-cta-box::before{

    content:"";

    position:absolute;

    width:320px;

    height:320px;

    border-radius:50%;

    background:rgba(255,255,255,.08);

    top:-120px;

    right:-120px;

}

.school-cta-box::after{

    content:"";

    position:absolute;

    width:220px;

    height:220px;

    border-radius:50%;

    background:rgba(255,255,255,.05);

    bottom:-90px;

    left:-90px;

}

.school-cta-box>*{

    position:relative;

    z-index:2;

}

.school-cta-box h2{

    color:#FFFFFF;

    font-size:2.2rem;

    font-weight:700;

    margin-bottom:20px;

}

.school-cta-box p{

    color:rgba(255,255,255,.9);

    font-size:1.08rem;

    line-height:1.8;

    margin-bottom:0;

}

.school-cta-box .section-badge{

    background:rgba(255,255,255,.15);

    color:#FFFFFF;

    border:1px solid rgba(255,255,255,.25);

}

.school-cta-box .btn{

    padding:16px 34px;

    border-radius:14px;

    font-weight:600;

    transition:.35s;

}

.school-cta-box .btn:hover{

    transform:translateY(-4px);

}

@media(max-width:992px){

.school-cta-box{

padding:50px 35px;

text-align:center;

}

}

@media(max-width:768px){

.school-cta-box{

padding:40px 28px;

}

.school-cta-box h2{

font-size:1.8rem;

}

}