.hexa{border:0px;float:left;text-align:center;height:35px;width:60px;font-size:22px;color:#3c3c3c;position:relative;margin-top:15px}.hexa:before{content:"";position:absolute;left:0;width:0;height:0;border-bottom:15px solid #f0f0f0;border-left:30px solid transparent;border-right:30px solid transparent;top:-15px}.hexa:after{content:"";position:absolute;left:0;width:0;height:0;border-left:30px solid transparent;border-right:30px solid transparent;border-top:15px solid #f0f0f0;bottom:-15px}.timeline{position:relative;padding:0;width:100%;margin-top:20px;list-style-type:none}.timeline:before{position:absolute;left:50%;top:0;content:' ';display:block;width:2px;height:100%;margin-left:-1px;background:rgb(213,213,213);background:linear-gradient(to bottom,rgba(213,213,213,0) 0%,rgb(213,213,213) 8%,rgb(213,213,213) 92%,rgba(213,213,213,0) 100%);z-index:5}.timeline li{padding:2em 0}.timeline .hexa{width:16px;height:10px;position:absolute;background:var(--bs-purple);z-index:5;left:0;right:0;margin-left:auto;margin-right:auto;top:-30px;margin-top:0}.timeline .hexa:before{border-bottom:4px solid var(--bs-purple);border-left-width:8px;border-right-width:8px;top:-4px}.timeline .hexa:after{border-left-width:8px;border-right-width:8px;border-top:4px solid var(--bs-purple);bottom:-4px}.direction-l,.direction-r{float:none;width:100%;text-align:center}.flag-wrapper{text-align:center;position:relative}.flag{position:relative;display:inline;font-weight:600;z-index:15;padding:7px 10px;text-align:left}@media (max-width:767px){.flag{background:rgb(255,255,255)}.gradient-2{height:250px}}.time-wrapper{display:block;position:relative;margin:5px 0 0 0;z-index:14;line-height:1em;vertical-align:middle;color:#fff}.direction-l .time-wrapper{float:none}.direction-r .time-wrapper{float:none}.time{background:var(--bs-purple);display:inline-block;padding:8px}.desc{position:relative;margin:1em 0 0 0;padding:1em;background:var(--bs-light-blue);box-shadow:0 0 1px rgba(0,0,0,0.20);z-index:15}.direction-l .desc,.direction-r .desc{position:relative;margin:1em 1em 0 1em;padding:1em;z-index:15}.flag{font-size:18px}@media (min-width:768px){.timeline{width:660px;margin:0 auto;margin-top:20px}.timeline li:after{content:"";display:block;height:0;clear:both;visibility:hidden}.timeline .hexa{left:-28px;right:auto;top:8px}.timeline .direction-l .hexa{left:auto;right:-28px}.direction-l{position:relative;width:310px;float:left;text-align:right}.direction-r{position:relative;width:310px;float:right;text-align:left}.flag-wrapper{display:inline-block}.time-wrapper{display:inline;vertical-align:middle;margin:0}.direction-l .time-wrapper{float:left}.direction-r .time-wrapper{float:right}.time{padding:3px 10px}.direction-r .desc{margin:1em 0 0 0.75em}}@media (min-width:992px){.timeline{width:800px;margin:0 auto;margin-top:20px}.direction-l{position:relative;width:380px;float:left;text-align:right}.direction-r{position:relative;width:380px;float:right;text-align:left}}