.timeline-module{background-color:#000;background-image:url(https://www.nobl9.com/hubfs/How_It_Works_2nd_Frame_Bground-min.png);background-repeat:no-repeat;background-size:100% 100%;color:#fff;padding:60px 50px}.timeline-title{font-size:2rem;margin-bottom:40px;text-align:center}.timeline-title-item{font-size:20px;font-weight:500;margin:0}.timeline-description{padding:0 40px 20px}.timeline-item-top{align-items:center;display:flex;gap:20px;margin-bottom:20px}.timeline-items{display:flex;flex-direction:column}.timeline-item{opacity:0;padding-left:60px;position:relative;transform:translateY(40px);transition:all .6s ease-out}.timeline-item:before{background:#05b1c8;border-radius:1px;content:"";height:100%;left:20px;position:absolute;top:0;width:4px}.timeline-item.animate{opacity:1;transform:translateY(0)}.timeline-content{align-items:flex-start;display:flex;flex-direction:column;max-width:70%;padding:20px 0}.timeline-icon{height:40px;margin-bottom:0;object-fit:contain;width:40px}.timeline-text{color:#ddd;font-size:17px;font-weight:300}@media (max-width:768px){.timeline-module{padding:50px 30px}.timeline-description{padding:0 0 20px}.timeline-item{padding-left:40px}.timeline-item:before{left:10px}.timeline-content{max-width:100%}.timeline-text{font-size:16px}.timeline-icon{height:32px;width:32px}.timeline-title{font-size:1.5rem}}