.timeline-container{margin-top:50px;padding:50px 15px;position:relative}.content p{font-size:15px;margin:0}.content{max-width:330px}.timeline{margin:0 auto;max-width:1200px;padding:40px 0;position:relative}.timeline:before{background-color:#fff;content:"";height:100%;left:50%;position:absolute;top:0;width:2px;z-index:1}.timeline:after{top:-30px}.timeline-container:after,.timeline:after{background-image:url(https://www.frontleadership.com/hubfs/take-lead-icon.svg);background-repeat:no-repeat;background-size:contain;content:"";height:60px;left:50%;position:absolute;transform:translateX(-50%);width:60px;z-index:2}.timeline-container:after{bottom:0}.time-line-box{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);display:flex;flex-direction:row;gap:15px;padding:15px;position:relative}.time-line-box:before{background-color:#fff;clip-path:polygon(100% 50%,0 0,0 100%);content:"";height:20px;left:99%;position:absolute;top:28%;transform:translateY(-50%);width:20px;z-index:0}.timeline-item:nth-child(2n) .time-line-box:before{clip-path:polygon(0 50%,100% 0,100% 100%);left:unset;right:99%;top:28%}.timeline-item{box-sizing:border-box;padding:10px 20px;position:relative}.timeline-item .time{color:#003060;font-size:1.2rem;margin-bottom:5px}.white-dot{background-color:#fff;border-radius:50%;height:22px;width:22px}.timeline-item .content{position:relative;z-index:2}.timeline-item .icon{border-radius:50%;height:92px;width:92px}.timeline-item .icon img{border-radius:50px;height:100%;object-fit:cover;width:100%}.timeline-item:nth-child(odd){display:flex;flex-direction:row-reverse;left:0}.timeline-item:nth-child(2n) .time-line-box{display:flex;flex-direction:row-reverse;gap:15px}.timeline-item:nth-child(2n) .time{left:-19%;position:fixed;top:21%}.timeline-item:nth-child(2n) .white-dot{left:-6%;position:fixed;top:23%}.timeline-item:nth-child(odd) .time{left:109%;position:fixed;top:22%}.timeline-item:nth-child(odd) .white-dot{position:fixed;right:-7%;top:23%}.timeline-item:nth-child(2n){display:flex;flex-direction:row}.timeline{max-width:100%}.timeline-item{width:50%}.timeline-item:nth-child(odd){left:-2%;text-align:right}.timeline-item:nth-child(2n){left:52%;text-align:left}@media only screen and (max-width:810px){.timeline-container:after{bottom:5%;left:15%}.content{max-width:530px}.timeline:after{bottom:5%;left:13%}.timeline:before{left:13%}.timeline-item:nth-child(odd) .white-dot{right:103%}.timeline-item:nth-child(2n) .white-dot{left:-8%}.timeline-item:nth-child(2n) .time,.timeline-item:nth-child(odd) .time{font-size:12px;left:-16%;top:25%}.time-line-box{flex-direction:row-reverse}.timeline-item .icon{display:none}.timeline-item:nth-child(odd){flex-direction:row}.timeline-item:nth-child(2n),.timeline-item:nth-child(odd){left:18%;text-align:left;width:85%}.time-line-box:before{top:27%}.timeline-item:nth-child(odd) .time-line-box:before{left:-3%;transform:translateY(-50%) rotate(180deg)}}@media only screen and (max-width:710px){.timeline-item:nth-child(2n) .time,.timeline-item:nth-child(odd) .time{font-size:12px;left:-14%;top:25%}.timeline-item:nth-child(2n) .white-dot{left:-8.5%}.timeline-item:nth-child(2n) .time,.timeline-item:nth-child(odd) .time{left:-10%}.timeline-item:nth-child(odd) .time-line-box:before{left:-4%;transform:translateY(-50%) rotate(180deg)}}@media only screen and (max-width:615px){.timeline-item:nth-child(2n) .time,.timeline-item:nth-child(odd) .time{left:-19%}}@media only screen and (max-width:550px){.timeline-item:nth-child(odd) .white-dot{right:103%}.timeline-item:nth-child(odd) .time-line-box:before{left:-5%;transform:translateY(-50%) rotate(180deg)}}@media only screen and (max-width:499px){.timeline-item:nth-child(2n) .time,.timeline-item:nth-child(odd) .time{left:-21%}.timeline-item:nth-child(odd) .time-line-box:before{left:-6%;transform:translateY(-50%) rotate(180deg)}}@media only screen and (max-width:450px){.timeline-item:nth-child(2n) .time,.timeline-item:nth-child(odd) .time{left:-29%}.timeline-item:nth-child(odd) .time-line-box:before{left:-8%;transform:translateY(-50%) rotate(180deg)}.timeline-item:nth-child(odd) .white-dot{right:100%}.timeline-item:nth-child(odd) .time-line-box:before{left:-6%}.timeline-container:after{bottom:0;left:18%}}@media only screen and (max-width:390px){.timeline-item:nth-child(odd) .time-line-box:before{left:-7%}}@media only screen and (max-width:370px){.timeline-item:nth-child(2n) .white-dot{left:-11%}}@media screen and (min-width:1154px){.timeline-item:nth-child(odd) .white-dot{right:-37px}.timeline-item:nth-child(2n) .white-dot{left:-34px}}