/* Start custom CSS for html, class: .elementor-element-fe785f9 */body{
 background:#0b0b0b;
 color:#fff;
 font-family:Poppins,sans-serif;
}

.dashboard-hero{
 padding:100px 8%;
 text-align:center;
 background:linear-gradient(135deg,#458fb3,#0b0b0b);
}

.dashboard-stats{
 display:grid;
 grid-template-columns:repeat(4,1fr);
 gap:25px;
 padding:70px 8%;
}

.stat-card{
 background:#111;
 padding:30px;
 border-radius:20px;
 text-align:center;
 border:1px solid #222;
}

.program-grid{
 display:grid;
 grid-template-columns:repeat(3,1fr);
 gap:25px;
}

.program-card,
.session-box,
.certificate-card{
 background:#111;
 padding:30px;
 border-radius:20px;
 border:1px solid #222;
 margin-bottom:20px;
}

.dashboard-programs,
.dashboard-sessions,
.dashboard-certificates,
.dashboard-support{
 padding:70px 8%;
}

.dashboard-support{
 text-align:center;
}

.dashboard-support a,
.program-card a,
.certificate-card button{
 background:#458fb3;
 color:#fff;
 padding:12px 25px;
 border:none;
 border-radius:30px;
 text-decoration:none;
 display:inline-block;
 margin-top:15px;
}

@media(max-width:768px){
 .dashboard-stats,
 .program-grid{
   grid-template-columns:1fr;
 }
}/* End custom CSS */