.academy-problem{


    padding:90px 20px;


    background:#fffaf2;


}



.problem-container{


    max-width:1180px;

    margin:auto;


}





.problem-heading{


    text-align:center;

    max-width:750px;

    margin:auto;


}





.section-badge{


    display:inline-block;


    padding:8px 18px;


    border-radius:30px;


    background:#650000;


    color:#fff;


    font-size:12px;


    font-weight:800;


}





.problem-heading h2{


    margin-top:20px;


    font-size:42px;


    line-height:1.2;


    color:#4d0000;


    font-weight:900;


}





.problem-heading p{


    margin-top:15px;


    color:#666;


    font-size:17px;


    line-height:1.7;


}





.problem-grid{


    margin-top:50px;


    display:grid;


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


    gap:25px;


}





.problem-card{


    background:#fff;


    border-radius:22px;


    padding:30px 25px;


    border:1px solid #eee2ce;


    transition:.3s;


}





.problem-card:hover{


    transform:translateY(-8px);


    box-shadow:0 15px 40px rgba(0,0,0,.08);


}





.problem-icon{


    font-size:40px;


    margin-bottom:20px;


}





.problem-card h3{


    color:#650000;


    font-size:22px;


    font-weight:800;


}





.problem-card p{


    color:#777;


    font-size:14px;


    line-height:1.7;


}





.solution-card{


    background:

    linear-gradient(

    135deg,

    #650000,

    #9b0000

    );


    color:#fff;


}





.solution-card h3,
.solution-card p{


    color:#fff;


}





@media(max-width:900px){


.problem-grid{


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


}


}





@media(max-width:600px){


.problem-grid{


grid-template-columns:1fr;


}



.problem-heading h2{


font-size:32px;


}


}