.tl-content-max-width-and-centering{margin:0 auto;max-width:1500px;padding:0 40px}.tl-container{background:#f3f6f8;padding:50px 0 10px}.tl-cards{align-items:flex-start;display:flex;justify-content:center;margin-top:120px;padding-bottom:60px}.tl-card-item{background:#fff;margin:0 12px;opacity:0;padding:24px;position:relative;width:240px}.growLine{animation:growLine 3s ease-in-out}.fadeAnimate{animation-delay:calc(var(--animation-order)*.5s);animation-duration:.5s;animation-fill-mode:both;animation-name:animateIn;animation-timing-function:ease-in-out}.tl-img-container{margin-bottom:24px;margin-top:-70px}.tl-card-title{color:var(--lendeskBlue);margin-bottom:8px;text-transform:uppercase}.tl-card-author{color:rgba(70,80,90,.47);font-size:16px}.tl-card-saved-time{color:#0277bd;font-size:20px;font-weight:600;text-transform:uppercase}.tl-content{align-items:center;display:flex}.content-image{margin:10px 60px 10px 0}.tl-content-text{width:680px}.tl-hours{color:#0277bd;font-size:87px;font-weight:600;line-height:93px}.tl-hours span{font-size:32px}.content-text-p{margin-bottom:16px}.tl-line{border-bottom:3px dashed #cedae1;height:14px;margin-bottom:80px;width:100%}.tl-line:before{background:#f3f6f8;border:3px solid #cedae1;border-radius:100%;height:20px;width:20px}.tl-line:after,.tl-line:before{content:"";display:inline-block}.tl-line:after{background:url(https://f.hubspotusercontent30.net/hubfs/7786787/arrow.svg) no-repeat;background-position:top;height:29px;left:98%;position:relative;width:25px}.card-line{border-left:3px dashed #cedae1;height:10px;left:48%;position:absolute;top:100%;transition:height .3s ease-out;width:7px}.card-line:after{background:#cedae1;border-radius:100%;content:"";display:inline-block;height:20px;left:-11px;position:absolute;top:100%;width:20px}.card-line.darkblue-circle:after{background:#09456b}.card-line.lightblue-circle:after{background:#72c7e7}.card-line.green-circle:after{background:#00b8a9}.card-line.yellow-circle:after{background:#fdc010}.card-line.purple-circle:after{background:#9083d5}@keyframes animateIn{0%{opacity:0;transform:scale(.8) translateY(30px)}to{opacity:1}}@keyframes growLine{0%{width:4%}to{width:100%}}@media only screen and (max-width:1024px){.tl-cards{flex-wrap:wrap}.tl-card-item{margin:32px 12px;width:516px}.card-line,.tl-line{display:none}}@media only screen and (max-width:767px){.tl-card-item{width:100%px}.tl-content{flex-wrap:wrap}.content-image{margin:0 0 20px}}