.hf-ref-about { max-width:100%; }
.hf-ref-about .timeline-v2 h3 { font-size:30px; }
.hf-ref-about [data-about-timeline-carousel] { display:block; overflow:hidden; }
.hf-ref-about [data-about-timeline-carousel]:not(.swiper-initialized) .swiper-wrapper { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); }
.hf-ref-about [data-about-timeline-carousel] .swiper-wrapper { align-items:stretch; }
.hf-ref-about [data-about-timeline-carousel] article.swiper-slide { box-sizing:border-box; width:auto; height:auto; }
@media(min-width:769px) and (max-width:1024px){
  .hf-ref-about [data-about-timeline-carousel]:not(.swiper-initialized) .swiper-wrapper{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hf-ref-about [data-about-timeline-carousel] article.swiper-slide{padding:40px!important}
  .hf-ref-about [data-about-timeline-carousel] .timeline-photo{height:250px}
  .hf-ref-about [data-about-timeline-carousel] article::before{top:316px;left:40px!important}
  .hf-ref-about [data-about-timeline-carousel] article::after{top:321px;left:40px}
}
@media(max-width:768px){
  .hf-ref-about [data-about-timeline-carousel]:not(.swiper-initialized) .swiper-wrapper{grid-template-columns:1fr}
  .hf-ref-about [data-about-timeline-carousel]:not(.swiper-initialized) article:nth-child(n+2){display:none}
  .hf-ref-about .timeline-v2 h3{font-size:24px}
  .hf-ref-about .timeline-v2 strong{font-size:30px}
}