.timeline-title{color:#f2318a;font-size:24px;font-weight:600}.about-timeline-item{position:relative;width:calc(50% - 70px)}.about-timeline-item-inner{border:1px solid #f2318a;border-radius:8px;box-shadow:-8px 8px 0 0 #f2318a;margin:0 0 10px;padding:40px 35px;position:relative}.timeline-text{font-size:16px;line-height:24px;margin-top:30px}.timeline-year{background:#f2318a;border-bottom-right-radius:8px;border-top-right-radius:8px;color:#fff;font-size:36px;font-weight:700;padding:13px 15px}.about-timeline-sec{padding:250px 0 80px;position:relative}.about-timeline-item:nth-child(2n){margin-left:auto}.about-timeline-item:nth-child(2n) .about-timeline-item-inner{box-shadow:8px 8px 0 0 #f2318a}.timeline-text ul{list-style:none;padding:0}.timeline-text ul li{margin:0 0 20px;padding-left:28px;position:relative}.timeline-text ul li:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='12' fill='none'%3E%3Cpath stroke='%23F2318A' d='M.579 6 3.787.5h6.426L13.42 6l-3.208 5.5H3.787L.58 6Z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;content:"";display:inline-block;height:14px;left:0;position:absolute;top:5px;width:14px}.timeline-year{position:absolute;right:-265px;top:50%;transform:translateY(-50%)}.about-timeline-item:nth-child(2n) .timeline-year{border-bottom-left-radius:8px;border-bottom-right-radius:0;border-top-left-radius:8px;border-top-right-radius:0;left:-275px;right:auto}.default-line{background:#ccc;bottom:180px}.default-line,.draw-line{left:0;margin:auto;position:absolute;right:0;top:0;width:1px}.draw-line{background:#f2318a}.about-timeline-item-inner:after{background:url(https://dragonflyai.co/hubfs/dragonfly_2022/image/arrows.png) no-repeat 50%/contain;bottom:0;content:"";height:50px;margin:auto;position:absolute;right:-20px;top:0;width:20px}.about-timeline-item:nth-child(2n) .about-timeline-item-inner:after{left:-20px;right:auto;transform:scale(-1)}.about-timeline-item:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='32' fill='none'%3E%3Cpath fill='%23F2318A' d='M1.992 6.97 12.055 1.13a4 4 0 0 1 3.92-.054l9.937 5.408A4 4 0 0 1 28 9.996V21.57a4 4 0 0 1-1.992 3.46l-10 5.804a4 4 0 0 1-4.016 0l-10-5.805A4 4 0 0 1 0 21.57V10.43a4 4 0 0 1 1.992-3.46Z'/%3E%3C/svg%3E");bottom:0;content:"";height:32px;margin:auto;position:absolute;right:-84px;top:0;width:28px}.about-timeline-item:nth-child(2n):before{left:-85px;right:auto}.about-timeline-item-inner{opacity:0;transform:translateX(-70px);transition:all .5s}.in-view .about-timeline-item-inner{opacity:1;transform:translateX(0)!important}.about-timeline-item:nth-child(2n) .about-timeline-item-inner{transform:translateX(70px)}.timeline-year{opacity:0;transform:translateX(80px) translateY(-50%);transition:all .5s}.in-view .timeline-year{opacity:1;transform:translateX(0) translateY(-50%)!important}.about-timeline-item:nth-child(2n) .timeline-year{transform:translateX(-80px) translateY(-50%)}.timeline-year:before{border-color:transparent #f2318a transparent transparent;border-style:solid;border-width:29px 40px 29px 0;bottom:0;content:"";height:0;position:absolute;right:100%;top:0;width:0}.about-timeline-item:nth-child(2n) .timeline-year:before{left:100%;transform:scale(-1)}@media(max-width:1300px){.about-timeline-sec{padding:120px 0 70px}.timeline-year:before{border-width:28px 30px 28px 0}.default-line{bottom:200px}}@media(max-width:991px){.about-timeline-sec{padding:120px 0 60px}.timeline-year:before{border-width:28px 30px 28px 0}.default-line{bottom:200px}.about-timeline-item{width:calc(50% - 50px)}.about-timeline-item-inner{padding:20px}.timeline-title{font-size:20px}.timeline-text{font-size:14px;line-height:24px;margin-top:20px}.about-timeline-item:before{right:-65px}.timeline-year{right:-232px}.about-timeline-item:nth-child(2n):before{left:-63px}.about-timeline-item:nth-child(2n) .timeline-year{left:-231px}}@media(max-width:768px){.default-line,.draw-line{display:none}.about-timeline-item{margin-bottom:40px;width:100%}.about-timeline-item-inner:after{display:none}.about-timeline-sec{padding-bottom:40px;padding-top:90px}}