.dayal-road-container{
position:relative;
padding:80px 0;
}

.road-svg{
width:100%;
position:absolute;
top:50px;
left:0;
}

.milestone{
width:45%;
position:relative;
margin:40px 0;
opacity:0;
transform:translateY(40px);
animation:fadeUp .8s forwards;
}

.milestone.left{left:0;text-align:right;}
.milestone.right{left:55%;}

.milestone .content{
background:#fff;
padding:20px;
border-radius:12px;
box-shadow:0 10px 25px rgba(0,0,0,0.1);
transition:.3s;
}

.milestone:hover .content{
transform:scale(1.05);
}

.icon img{
width:50px;
height:50px;
border-radius:50%;
margin-bottom:10px;
}

@keyframes fadeUp{
to{opacity:1;transform:translateY(0);}
}

@media(max-width:768px){
.milestone{width:100%;left:0!important;text-align:left;}
}