.timeline .event { position: relative; min-height: 150px; }

.timeline .event::before { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: black; position: absolute; left: calc(50% - 8px); }

.timeline .event::after { content: ""; display: inlne-block; width: 2px; height: 100%; background: black; position: absolute; left: calc(50% - 1px); top: 16px; }

.timeline .event .date-en, .timeline .event .date-fa { font-size: 11px; display: inline-block; position: absolute; }

.timeline .event .left, .timeline .event .right { width: 47%; height: auto; padding-bottom: 30px; }

.timeline .event .left p, .timeline .event .right p { position: relative; top: 30px; }

.timeline .event .left { position: relative; text-align: left; left: 0; }

.timeline .event .right { position: absolute; text-align: right; direction: rtl; right: 0; top: 0; }

.timeline .event .date-en { right: 0; }

.timeline .event .date-fa { left: 0; }

/*# sourceMappingURL=timeline.css.map */