.learning-section{

    background:white;
}

.learning-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:30px;
}

.learning-card{

    border-radius:20px;

    padding:35px;

    display:flex;

    align-items:center;

    gap:25px;

    box-shadow:0 5px 20px rgba(0,0,0,0.05);

    transition:0.3s ease;
}

.online-card{

    background:#F4F8FF;
}

.home-card{

    background:#FFF9EC;
}

.learning-card:hover{

    transform:translateY(-6px);

    box-shadow:0 15px 35px rgba(0,0,0,0.08);
}

.learning-icon{

    width:90px;
    height:90px;

    background:var(--primary-blue);

    color:white;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    flex-shrink:0;
}

.learning-icon i{

    font-size:2.5rem;
}

.learning-content h3{

    margin-bottom:15px;

    color:var(--dark);
}

.learning-content ul{

    margin:0;

    padding-left:18px;
}

.learning-content li{

    margin-bottom:8px;

    color:#444;
}