.timeline-section{

    padding:120px 0;

    background:#faf8f3;

}

.timeline{

    position:relative;

    display:flex;

    justify-content:space-between;

    gap:30px;

    margin-top:80px;

}

.timeline-line{

    position:absolute;

    left:0;

    right:0;

    top:28px;

    height:4px;

    background:#ddd;

    z-index:1;

}
.timeline-item{

    position:relative;

    flex:1;

    z-index:2;

}
.timeline-dot{

    width:24px;

    height:24px;

    background:var(--secondary);

    border-radius:50%;

    margin:auto;

    box-shadow:0 0 0 10px rgba(212,175,55,.15);

}
.timeline-card{

    background:#fff;

    margin-top:40px;

    border-radius:24px;

    padding:30px;

    text-align:center;

    box-shadow:var(--shadow-md);

    transition:.4s;

}
.timeline-card:hover{

    transform:translateY(-10px);

}
.timeline-card h4{

    color:var(--secondary);

    font-size:34px;

}

.timeline-card h5{

    color:var(--primary);

    margin:10px 0;

}

.timeline-card p{

    color:var(--text);

    line-height:1.8;

}
@media(max-width:991px){

.timeline{

flex-direction:column;

}

.timeline-line{

display:none;

}

.timeline-item{

margin-bottom:40px;

}

}
/*========================================
TIMELINE
========================================*/

.timeline-section{

    padding:140px 0;

    background:#faf8f3;

}

.timeline-row{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:80px;

    align-items:center;

    margin-top:120px;

}
.timeline-row.reverse{

    direction:rtl;

}

.timeline-row.reverse>*{

    direction:ltr;

}
.timeline-image{

    overflow:hidden;

    border-radius:28px;

    box-shadow:var(--shadow-lg);

}

.timeline-image img{

    width:100%;

    transition:.8s;

}

.timeline-image:hover img{

    transform:scale(1.08);

}
.timeline-content{

    position:relative;

}

.timeline-year{

    display:inline-block;

    background:var(--secondary);

    color:#fff;

    padding:10px 24px;

    border-radius:50px;

    font-weight:600;

    margin-bottom:25px;

}
.timeline-icon{

    width:70px;

    height:70px;

    border-radius:50%;

    background:#fff;

    display:flex;

    justify-content:center;

    align-items:center;

    margin-bottom:20px;

    box-shadow:var(--shadow-md);

}

.timeline-icon i{

    font-size:28px;

    color:var(--secondary);

}
.timeline-content h3{

    font-size:42px;

    color:var(--primary);

    margin-bottom:10px;

}

.timeline-content h5{

    color:var(--secondary);

    margin-bottom:20px;

}

.timeline-content p{

    color:var(--text);

    line-height:2;

    margin-bottom:35px;

}
@media(max-width:992px){

.timeline-row{

grid-template-columns:1fr;

gap:40px;

}

.timeline-row.reverse{

direction:ltr;

}

.timeline-content{

text-align:center;

}

.timeline-icon{

margin:auto auto 20px;

}

}