.tl-parent>*{box-sizing:border-box}.tl-parent{margin:0 auto;max-width:100%;position:relative}.tl-parent:after{background-color:#d9d9d6;bottom:0;content:"";left:50%;margin-left:-3px;position:absolute;top:0;width:6px}.container{background-color:inherit;padding:10px 40px;position:relative;width:50%}.container:after{background-color:#fff;border:4px solid #298fc2;border-radius:50%;content:"";height:25px;position:absolute;right:-13px;top:15px;width:25px;z-index:1}.left{left:0}.right{left:50%}.left:before{border:solid transparent;border-left:solid #298fc2;border-width:10px 0 10px 10px;right:30px}.left:before,.right:before{content:" ";height:0;position:absolute;top:22px;width:0;z-index:1}.right:before{border:solid transparent;border-right:solid #298fc2;border-width:10px 10px 10px 0;left:30px}.right:after{left:-13px}.content{background-color:#fff;border-radius:6px;box-shadow:5px 10px 18px #d8d8d8;display:grid;grid-template-columns:33% 66%;grid-template-rows:auto;padding:20px 30px;position:relative}@media screen and (max-width:600px){.tl-parent:after{left:31px}.container{padding-left:70px;padding-right:25px;width:100%}.container:before{border:solid transparent;border-right:solid #fff;border-width:10px 10px 10px 0;left:60px}.left:after,.right:after{left:15px}.right{left:0}}