body{
margin:0;
font-family:'Roboto Slab', serif;
background:#060505;
padding-top:90px;  /* height of navbar */
}

/* SECTION */

.why-npn{
padding:80px 0;
text-align:center;
}

/* TITLE */

.section-title{
font-size:42px;
color:#f08e06;
margin-bottom:10px;
}

.section-subtitle{
color:#e2850a;
margin-bottom:70px;
}

/* TIMELINE */

.timeline{
position:relative;
max-width:1000px;
margin:auto;
}

/* GOLD LINE */

.timeline::after{
content:'';
position:absolute;
width:4px;
background:#f4b400;
top:0;
bottom:0;
left:50%;
margin-left:-2px;
box-shadow:0 0 15px #f4b400;
animation:glowline 2s infinite alternate;
}

@keyframes glowline{
from{box-shadow:0 0 5px #f4b400;}
to{box-shadow:0 0 20px #f4b400;}
}

/* TIMELINE ITEMS */

.timeline-item{
padding:20px 40px;
position:relative;
width:50%;
}

/* LEFT */

.timeline-item.left{
left:0;
}

/* RIGHT */

.timeline-item.right{
left:50%;
}

/* NODE */

.timeline-item::before{
content:'';
position:absolute;
top:40px;
right:-10px;
width:22px;
height:22px;
background:#f4b400;
border-radius:50%;
box-shadow:0 0 15px #f4b400;
animation:pulse 2s infinite;
}

.timeline-item.right::before{
left:-10px;
}

/* NODE ANIMATION */

@keyframes pulse{
0%{transform:scale(1);}
50%{transform:scale(1.3);}
100%{transform:scale(1);}
}

/* CARD */

.timeline-content{
background:white;
padding:25px;
border-radius:12px;
box-shadow:0 10px 30px rgba(0,0,0,0.15);
transition:0.4s;
}

/* CARD HOVER */

.timeline-content:hover{
transform:translateY(-12px);
box-shadow:0 25px 45px rgba(0,0,0,0.25);
}

/* IMAGE */

.timeline-content img{
width:120px;
height:120px;
border-radius:50%;
border:6px solid #f4b400;
margin-bottom:15px;
transition:0.3s;
}

/* IMAGE HOVER */

.timeline-content img:hover{
transform:scale(1.15);
}

/* TEXT */

.timeline-content h3{
font-size:22px;
color:#222;
margin-bottom:10px;
}

.timeline-content p{
font-size:15px;
line-height:1.6;
color:#555;
}

.back-btn{
display:inline-block;
background:#f4b400;
color:#000;
padding:10px 25px;
font-size:16px;
font-weight:600;
border-radius:6px;
text-decoration:none;
margin:20px;
transition:0.3s;
}

.back-btn:hover{
background:#ffcc00;
transform:translateY(-2px);
}