/*==================================================
Parent Hero
==================================================*/

.parent-hero{

    padding:110px 0;

    background:linear-gradient(180deg,#ffffff 0%,#f8fbfd 100%);

}

.hero-title{

    font-size:56px;

    font-weight:800;

    line-height:1.15;

    color:#0F172A;

}

.hero-title span{

    display:block;

    color:#15B9D9;

}

.hero-description{

    margin-top:24px;

    font-size:18px;

    color:#64748B;

    line-height:1.9;

    max-width:560px;

}

.hero-actions{

    display:flex;

    gap:16px;

    margin-top:36px;

    flex-wrap:wrap;

}

.hero-actions .btn{

    padding:14px 32px;

    border-radius:50px;

    font-weight:600;

}

.parent-highlights{

    display:flex;

    flex-wrap:wrap;

    gap:16px;

}

.highlight-box{

    display:flex;

    align-items:center;

    gap:10px;

    background:#fff;

    border:1px solid #E8EEF3;

    padding:14px 18px;

    border-radius:14px;

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

    transition:.3s;

}

.highlight-box:hover{

    transform:translateY(-4px);

    border-color:#15B9D9;

}

.highlight-box i{

    color:#15B9D9;

    font-size:22px;

}

.highlight-box span{

    font-weight:600;

    color:#334155;

}

.parent-hero-image{

    max-width:95%;

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

}

@keyframes floatHero{

    0%,100%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-10px);

    }

}

@media(max-width:992px){

.parent-hero{

padding:80px 0;

}

.hero-title{

font-size:42px;

}

.parent-highlights{

justify-content:center;

}

}

@media(max-width:768px){

.hero-title{

font-size:34px;

text-align:center;

}

.hero-description{

text-align:center;

}

.hero-actions{

justify-content:center;

}

}



/*==================================================
Parent Benefits
==================================================*/

.parent-benefits{

    background:#fff;

}

.parent-card{

    background:#fff;

    border:1px solid #E7EDF2;

    border-radius:22px;

    padding:35px 30px;

    height:100%;

    transition:.35s;

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

}

.parent-card:hover{

    transform:translateY(-8px);

    border-color:#15B9D9;

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

}

.parent-icon{

    width:72px;

    height:72px;

    border-radius:18px;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:24px;

}

.parent-icon i{

    font-size:30px;

}

.parent-card h4{

    font-size:22px;

    font-weight:700;

    margin-bottom:14px;

    color:#0F172A;

}

.parent-card p{

    margin:0;

    color:#64748B;

    line-height:1.8;

}

.bg-primary-soft{

background:#E8F8FC;

color:#15B9D9;

}

.bg-success-soft{

background:#EAFBF1;

color:#22C55E;

}

.bg-warning-soft{

background:#FFF6E6;

color:#F59E0B;

}

.bg-danger-soft{

background:#FEECEC;

color:#EF4444;

}

.bg-info-soft{

background:#EEF8FF;

color:#0EA5E9;

}

.bg-secondary-soft{

background:#F3F4F6;

color:#64748B;

}

@media(max-width:768px){

.parent-card{

padding:28px 22px;

}

.parent-card h4{

font-size:20px;

}

.parent-icon{

width:60px;

height:60px;

}

.parent-icon i{

font-size:24px;

}

}





/*==================================================
Parent Dashboard
==================================================*/

.parent-dashboard{

    background:#F8FBFD;

}

.parent-dashboard-image{

    background:#fff;

    border-radius:28px;

    padding:24px;

    border:1px solid #E6EDF3;

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

    transition:.35s;

}

.parent-dashboard-image:hover{

    transform:translateY(-8px);

}

.parent-dashboard-image img{

    width:100%;

    border-radius:18px;

}

.dashboard-features{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:18px;

}

.dashboard-item{

    display:flex;

    align-items:center;

    gap:12px;

    background:#fff;

    border:1px solid #E7EDF2;

    padding:16px 18px;

    border-radius:14px;

    transition:.3s;

}

.dashboard-item:hover{

    border-color:#15B9D9;

    transform:translateX(5px);

}

.dashboard-item i{

    color:#15B9D9;

    font-size:20px;

}

.dashboard-item span{

    font-weight:600;

    color:#334155;

}

@media(max-width:992px){

.dashboard-features{

grid-template-columns:1fr;

}

.parent-dashboard{

padding:80px 0;

}

}

@media(max-width:768px){

.parent-dashboard-image{

padding:16px;

}

.dashboard-item{

padding:14px;

}

}



/*==================================================
Parent Journey
==================================================*/

.parent-journey{

    background:#fff;

}

.journey-card{

    background:#fff;

    border:1px solid #E7EDF2;

    border-radius:22px;

    padding:35px 28px;

    text-align:center;

    height:100%;

    transition:.35s;

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

}

.journey-card:hover{

    transform:translateY(-8px);

    border-color:#15B9D9;

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

}

.journey-number{

    width:70px;

    height:70px;

    margin:0 auto 24px;

    border-radius:50%;

    background:#15B9D9;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:24px;

    font-weight:700;

}

.journey-card h4{

    font-size:22px;

    font-weight:700;

    margin-bottom:14px;

    color:#0F172A;

}

.journey-card p{

    margin:0;

    color:#64748B;

    line-height:1.8;

}

@media(max-width:768px){

.journey-card{

padding:28px 22px;

}

.journey-card h4{

font-size:20px;

}

.journey-number{

width:60px;

height:60px;

font-size:20px;

}

}