.timeline-container{padding:60px 0;position:relative}.timeline-wrapper{position:relative;padding-bottom:40px}.timeline-item{display:flex;justify-content:flex-start;padding-top:40px;gap:40px}@media(min-width:768px){.timeline-item{padding-top:80px;gap:60px}}.timeline-item__sidebar{position:sticky;z-index:40;display:flex;flex-direction:column;align-items:center;align-self:flex-start;max-width:200px;top:160px}@media(min-width:768px){.timeline-item__sidebar{flex-direction:row;max-width:300px;width:100%}}.timeline-item__meta{display:none;flex-direction:column;gap:8px;font-weight:600}@media(min-width:768px){.timeline-item__meta{display:flex;padding-left:80px}}.timeline-item__mobile-meta{display:block;margin-bottom:16px;text-align:left}@media(min-width:768px){.timeline-item__mobile-meta{display:none}}.timeline-item__content{position:relative;width:100%;padding-left:80px;padding-right:16px}@media(min-width:768px){.timeline-item__content{padding-left:16px}}.timeline-dot{position:absolute;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;left:-15px;background-color:#dd5353;box-shadow:0 0 0 4px rgba(61,127,227,.2)}.timeline-dot__inner{width:16px;height:16px;padding:8px;border:2px solid #fff;border-radius:50%;background-color:#dd5353}.timeline-date{font-size:1.125rem;font-weight:600;color:#dd5353;margin-bottom:4px}@media(min-width:768px){.timeline-date{font-size:1.5rem}}.timeline-author{font-size:1rem;color:rgba(31,31,31,.6);font-weight:500}@media(min-width:768px){.timeline-author{font-size:1.125rem}}.timeline-line{position:absolute;left:4px;top:0;overflow:hidden;width:2px;background:linear-gradient(180deg,transparent 0,rgba(221,83,83,.3) 10%,rgba(221,83,83,.3) 90%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent 0,black 10%,black 90%,transparent);mask-image:linear-gradient(180deg,transparent 0,black 10%,black 90%,transparent)}@media(min-width:768px){.timeline-line{left:4px}}.timeline-line__progress{position:absolute;inset-x:0;top:0;width:2px;background:linear-gradient(0deg,#dd5353 0,rgba(221,83,83,.8) 50%,rgba(255,139,139,.6));border-radius:9999px}.blog-card{background:#f4f4f4;border-radius:20px;overflow:hidden;transition:all .3s ease;width:100%;max-width:400px}.blog-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(0,0,0,.15);border-color:rgba(61,127,227,.3)}.blog-card__image{position:relative;width:100%;height:250px;overflow:hidden}@media(min-width:768px){.blog-card__image{height:300px}}.blog-card__img{-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.blog-card:hover .blog-card__img{transform:scale(1.05)}.blog-card__body{padding:20px}.blog-card__title{font-size:1rem;font-weight:400;margin-bottom:10px;line-height:1.4;color:#333}@media(min-width:768px){.blog-card__title{font-size:1.125rem}}.blog-card__content{font-size:.9rem;color:rgba(31,31,31,.7);line-height:1.6;margin-bottom:15px}.blog-card__content:last-of-type{margin-bottom:20px}.blog-card__btn{margin-top:10px}@media(max-width:767px){.timeline-item__sidebar{max-width:150px}.timeline-item__content{padding-left:60px}.timeline-dot{width:30px;height:30px;left:-10px}.timeline-dot__inner{width:12px;height:12px;padding:6px}.blog-card__body{padding:15px}.blog-card__title{font-size:.875rem}}