/* ===============================
   CHAPTER PAGE MAIN STYLE
================================*/


.chapter-main{

    margin-left:250px;
    padding:40px;
    margin-top:70px;
    background:#F8FAF9;
    min-height:100vh;
    font-family:'Nunito', sans-serif;

}



/* ===============================
   CHAPTER HEADER
================================*/


.chapter-header{

    background:#14532D;
    color:white;
    padding:45px;
    border-radius:22px;
    margin-bottom:35px;

}



.chapter-header span{

    background:white;
    color:#14532D;
    padding:8px 20px;
    border-radius:25px;
    font-weight:700;
    display:inline-block;

}



.chapter-header h1{

    font-family:'Poppins',sans-serif;
    font-size:40px;
    margin:20px 0 10px;

}



.chapter-header p{

    font-size:17px;
    line-height:1.7;

}



/* ===============================
   RESOURCE CARDS
================================*/


.chapter-menu{

    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
    gap:25px;
    margin-bottom:50px;

}



.chapter-box{

    background:white;
    padding:30px;
    border-radius:20px;
    text-decoration:none;
    color:#1F2937;
    box-shadow:0 5px 18px rgba(0,0,0,0.08);
    transition:.3s;

}



.chapter-box:hover{

    transform:translateY(-6px);

}



.chapter-box i{

    font-size:32px;
    color:#166534;
    margin-bottom:18px;

}



.chapter-box h3{

    font-family:'Poppins',sans-serif;
    color:#166534;
    margin-bottom:10px;

}



.chapter-box p{

    color:#64748B;
    line-height:1.6;

}





/* ===============================
   SLO SECTION
================================*/


.slo-section h2,
.revision-section h2{

    color:#166534;
    font-family:'Poppins',sans-serif;
    font-size:32px;
    margin-bottom:25px;

}



.slo-grid{

    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
    gap:25px;

}





.slo-card{

    background:white;
    padding:28px;
    border-radius:20px;
    box-shadow:0 5px 18px rgba(0,0,0,0.07);
    transition:.3s;

}



.slo-card:hover{

    transform:translateY(-5px);

}



.slo-number{

    display:inline-block;
    background:#DCFCE7;
    color:#166534;
    padding:7px 15px;
    border-radius:20px;
    font-weight:700;
    margin-bottom:15px;

}



.slo-card h3{

    color:#166534;
    font-family:'Poppins',sans-serif;
    font-size:20px;

}



.slo-card p{

    color:#475569;
    line-height:1.6;

}



.slo-card button{

    margin-top:15px;
    background:#166534;
    color:white;
    border:none;
    padding:11px 25px;
    border-radius:25px;
    cursor:pointer;
    font-weight:600;

}



.slo-card button:hover{

    background:#14532D;

}





/* ===============================
   FA CARD
================================*/


.fa-card{

    border-left:5px solid #F59E0B;

}



.fa-card small{

    color:#B45309;
    font-weight:700;

}





/* ===============================
   REVISION SECTION
================================*/


.revision-grid{

    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
    gap:25px;

}



.revision-card{

    background:white;
    padding:30px;
    border-radius:20px;
    box-shadow:0 5px 18px rgba(0,0,0,0.08);

}



.revision-card i{

    color:#166534;
    font-size:30px;
    margin-bottom:15px;

}



.revision-card h3{

    color:#166534;

}





/* ===============================
   RESPONSIVE
================================*/


@media(max-width:900px){


.chapter-main{

    margin-left:0;
    padding:20px;

}


.chapter-header h1{

    font-size:30px;

}


}