.timeline-section{padding:3em 0;overflow:hidden}.timeline-section h3{font-size:25px;line-height:30px;font-weight:700;width:100%}.timeline-section p{font-size:16px;line-height:21px;text-align:center}.time-card{display:inline-flex;flex-wrap:wrap;justify-content:center;grid-column-gap:13em;position:relative;padding-top:5em;padding-bottom:10%}.time-card:after{content:"";height:5000px;width:3px;background-color:#004c33;position:absolute;left:50%;transform:translate(-50%);top:0}.time-card .inner{flex:0 1 40%}.time-card .inner .last{display:flex;flex-wrap:wrap;max-width:350px;margin:0 auto 1.5em;position:relative}.time-card .inner .last img.feature{margin:0 auto;position:absolute;top:10%;border-radius:10px}.time-card .inner h3 .pointer .create-pointer{position:relative;width:80px}.time-card .inner h3 .pointer .create-pointer:after{content:"";height:15px;width:15px;background-color:#004c33;position:absolute;border-radius:50%;right:0}.time-card .inner h3 .pointer .create-pointer:before{content:"";height:3px;width:100%;background-color:#004c33;position:absolute;right:0;top:.25em}.time-card .inner:nth-child(odd) .last img.feature{left:-90%}.time-card .inner:nth-child(2n) .last img.feature{right:-90%}.time-card .inner:nth-child(odd) .last{margin:0 0 1.5em auto}.time-card .inner:nth-child(odd) h3{text-align:right;position:relative}.time-card .inner:nth-child(odd) h3 .pointer{position:absolute;right:-31.8%;top:15%}.time-card .inner:nth-child(2n) .last{margin:0 auto 1.5em 0}.time-card .inner:nth-child(2n){margin-top:5em;margin-bottom:-4em}.time-card .inner:nth-child(2n) h3{position:relative}.time-card .inner:nth-child(2n) h3 .pointer{position:absolute;left:-31.8%;top:15%;-webkit-transform:scaleX(-1);transform:scaleX(-1)}@media only screen and (max-width:1600px){.time-card{grid-column-gap:15em}.time-card .inner .last{max-width:250px}.time-card .inner:nth-child(odd) h3 .pointer{right:-51.5%}.time-card .inner:nth-child(2n) h3 .pointer{left:-51.5%}.time-card .inner:nth-child(odd) .last img.feature{left:-115%}.time-card .inner:nth-child(2n) .last img.feature{right:-115%}}@media only screen and (max-width:1399px){.time-card{grid-column-gap:8em;padding-bottom:5%}.time-card .inner:nth-child(odd) h3 .pointer{right:-28.5%}.time-card .inner h3 .pointer .create-pointer{width:55px}.time-card .inner:nth-child(2n) h3 .pointer{left:-28.5%}.time-card .inner:nth-child(odd) .last img.feature{left:-105%}.time-card .inner:nth-child(2n) .last img.feature{right:-105%}}@media only screen and (max-width:1199px){body .time-card .inner .last img.feature{position:relative;left:0!important;right:0!important;top:0!important}}@media only screen and (max-width:767px){.time-card{grid-column-gap:5em;justify-content:space-between}.timeline-section{padding:2em 0}}@media only screen and (max-width:575px){.time-card{grid-column-gap:0em}.time-card .inner:nth-child(odd) h3,.timeline-section p{text-align:left}.time-card .inner h3 .pointer .create-pointer:after{height:15px;width:15px}.time-card .inner h3 .pointer .create-pointer:before{top:6px}.time-card .inner h3 .pointer .create-pointer{width:34px}.time-card .inner:nth-child(odd) h3 .pointer{right:-29.5%}.time-card .inner:nth-child(2n) h3 .pointer{left:-29.5%}}@media only screen and (max-width:350px){.timeline-section h3{font-size:20px;line-height:25px}.timeline-section p{font-size:13px;line-height:18px}.time-card .inner{flex:0 1 38%}.time-card .inner:nth-child(odd) h3 .pointer{right:-38.5%}.time-card .inner:nth-child(2n) h3 .pointer{left:-38.5%}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/timeline-section.css.map */