.journey_content_one {
	width:100%;
	height:50px;
}




body{
font-family:'Poppins',sans-serif;

overflow-x:hidden;
color:#222;
}

/* HERO */

.journey-hero{
padding:120px 8% 80px;
text-align:center;
background:linear-gradient(135deg,#f5f7fa,#eef2f7);
position:relative;
}

.journey-hero h4{
letter-spacing:4px;
font-size:14px;
font-weight:600;
color:#c19b5d;
margin-bottom:15px;
text-transform:uppercase;
}

.journey-hero h1{
font-size:58px;
font-family:'Playfair Display',serif;
margin-bottom:15px;
}

.journey-hero p{
max-width:800px;
margin:auto;
color:#666;
font-size:18px;
line-height:1.8;
}

/* TIMELINE */

.timeline-section{
padding:100px 8%;
position:relative;
}

.timeline-line{
position:absolute;
left:50%;
top:0;
width:4px;
height:100%;
background:linear-gradient(to bottom,#c19b5d,#e8d0a6);
transform:translateX(-50%);
}

.timeline-item{
display:flex;
align-items:center;
justify-content:space-between;
gap:60px;
margin-bottom:120px;
position:relative;
}

.timeline-item.reverse{
flex-direction:row-reverse;
}

.timeline-dot{
position:absolute;
left:50%;
top:50%;
width:24px;
height:24px;
background:#c19b5d;
border:5px solid #fff;
border-radius:50%;
transform:translate(-50%,-50%);
box-shadow:0 0 20px rgba(193,155,93,.4);
z-index:10;
}

.timeline-image,
.timeline-content{
width:45%;
}

.timeline-image{
overflow:hidden;
border-radius:25px;

}

.timeline-image img{
width:100%;
height:420px;
object-fit:cover;
transition:.7s;
display:block;
}

.timeline-image:hover img{
transform:scale(1.08);
}

.timeline-content{
background:rgba(255,255,255,.85);
backdrop-filter:blur(15px);
padding:40px;
border-radius:25px;
box-shadow:0 15px 40px rgba(0,0,0,.08);
transition:.4s;
}

.timeline-content:hover{
transform:translateY(-8px);
}

.year{
font-size:72px;
font-weight:700;
line-height:1;
color:#c19b5d;
margin-bottom:15px;
font-family:'Playfair Display',serif;
}

.timeline-content h3{
font-size:28px;
margin-bottom:15px;
}

.timeline-content p{
line-height:1.9;
color:#666;
font-size:15px;
}

/* UPCOMING CARD */

.upcoming{
background:linear-gradient(135deg,#1f2937,#111827);
color:white;
}

.upcoming p{
color:#d8d8d8;
}

.upcoming .year{
color:#d4af37;
}

/* Animation */

.hidden{
opacity:0;
transform:translateY(80px);
transition:all 1s ease;
}

.show{
opacity:1;
transform:translateY(0);
}

/* Responsive */

@media(max-width:991px){

.timeline-line{
left:25px;
}

.timeline-item,
.timeline-item.reverse{
flex-direction:column;
padding-left:50px;
}

.timeline-dot{
left:25px;
top:20px;
}

.timeline-image,
.timeline-content{
width:100%;
}

.journey-hero h1{
font-size:42px;
}

.year{
font-size:52px;
}

.timeline-image img{
height:300px;
}

}