.pathway-section{
padding:80px 20px;
 background:linear-gradient(
        135deg,
        #1976d2,
        #7b1fa2,
        #43a047
    );
}

.section-title{
text-align:center;
margin-bottom:50px;
}

.section-title h2{
color:#0a4b78;
font-size:38px;
font-weight:700;
margin-bottom:10px;
}

.pathway{
display:flex;
align-items:flex-start;
justify-content:flex-start;
gap:15px;
flex-wrap:nowrap;
overflow-x:auto;
padding-bottom:10px;
scroll-behavior:smooth;
}
.pathway-section .container{
    overflow:hidden;
}

.pathway-section .section-title h2,
.pathway-section .section-title p{
    color:#fff;
}

.step{
min-width:255px;
background:#fff;
border-radius:15px;
padding:20px;
box-shadow:0 5px 20px rgba(0,0,0,0.08);
transition:.3s;
}

.step:hover{
transform:translateY(-8px);
 box-shadow:0 10px 25px rgba(0,0,0,.15);
}

.step-number{
width:40px;
height:40px;
background:#0a4b78;
color:#fff;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-weight:bold;
margin:auto;
margin-bottom:10px;
}

.step-icon{
font-size:40px;
text-align:center;
margin-bottom:10px;
}

.step h3{
text-align:center;
color:#0a4b78;
margin-bottom:15px;
}

.step ul{
padding-left:18px;
margin:0;
}

.step ul li{
margin-bottom:8px;
font-size:14px;
}

.arrow{
font-size:23px;
font-weight:bold;
color:#fff;
padding-top:120px;
}

.vision-mission{
padding:80px 20px;
}

.vision-mission .container{
display:grid;
grid-template-columns:1fr 1fr;
gap:30px;
}

.vision-box,
.mission-box{
background:white;
padding:30px;
border-radius:15px;
box-shadow:0 5px 20px rgba(0,0,0,0.08);
}

.vision-box h3,
.mission-box h3{
color:#0a4b78;
margin-bottom:15px;
}

@media(max-width:768px){

.pathway{
flex-direction:column;
overflow:visible;
}

.arrow{
display:none;
}

.step{
width:100%;
min-width:100%;
}

.vision-mission .container{
grid-template-columns:1fr;
}

.section-title h2{
font-size:28px;
}

}

.training{
background:linear-gradient(135deg,#36d1dc,#1976d2);
}

.certification{
background:linear-gradient(135deg,#76ff7a,#1faa59);
}

.placement{
background:linear-gradient(135deg,#c084fc,#6d28d9);
}

.income{
background:linear-gradient(135deg,#ffd54f,#ff8f00);
}

.finance{
background:linear-gradient(135deg,#4dd0e1,#0097a7);
}

.growth{
background:linear-gradient(135deg,#f8a5c2,#d81b60);
}

.livelihood{
background:linear-gradient(135deg,#a3e635,#43a047);
}