﻿.vertical-timeline{padding:32px 0 104px}
.vertical-timeline .wrapper-sm h2{font-size:24px;font-weight:bold;color:var(--color_bg-purple);margin-bottom:32px}
.vertical-timeline .wrapper-sm .grid{display:-webkit-box;display:-ms-flexbox;display:flex}
.vertical-timeline .wrapper-sm .grid .left{position:relative}
.vertical-timeline .wrapper-sm .grid .left::before{content:"";width:1px;height:100%;border-left:1px solid var(--color_bg-purple);position:absolute;top:23px;left:12px}
.vertical-timeline .wrapper-sm .grid .left::after{content:"";position:absolute;width:15px;height:15px;bottom:-38px;left:5px;border:1px solid var(--color_bg-purple);border-radius:100%}
.vertical-timeline .wrapper-sm .grid .left .circle{width:24px;height:24px;border:1px solid var(--color_bg-purple);border-radius:100%;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.vertical-timeline .wrapper-sm .grid .left .circle::after{content:"";width:12px;height:12px;border:1px solid var(--color_bg-purple);border-radius:100%}
.vertical-timeline .wrapper-sm .grid .right-flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.vertical-timeline .wrapper-sm .grid .right{margin-top:55px;padding-left:45px;position:relative;margin-bottom:-10px}
.vertical-timeline .wrapper-sm .grid .right::after{content:"";position:absolute;border-bottom:1px solid var(--color_bg-purple);width:45px;left:-11px;top:10px}
.vertical-timeline .wrapper-sm .grid .right .title{font-weight:bold;font-size:1rem;line-height:calc(24 / 16);color:var(--color_bg-purple)}
.vertical-timeline .wrapper-sm .grid .right .description{font-size:16px;font-weight:300;margin-top:12px;color:var(--color_body-text)}