.timeline-full{float:left;width:100%;padding-bottom:70px}.timeline-card{cursor:pointer}.timeline-card span{text-align:center;float:left;width:100%;line-height:10px}.timeline-item .timeline-card{opacity:.6;transition:all var(--global-transition)}.timeline-item.active .timeline-card{opacity:1}.timeline-section-wrapper{position:relative;max-width:1280px;margin:0 auto;background:#fff}.timeline-container{overflow:hidden;width:100%;position:relative}.timeline-track{display:flex;gap:40px;transition:transform var(--global-transition);position:relative;width:max-content}.timeline-item{width:360px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:3}.content-slot{height:340px;width:100%;display:flex;flex-direction:column}.content-slot.top{justify-content:flex-end;padding-bottom:10px}.content-slot.bottom{justify-content:flex-start;padding-top:10px}.node-slot{height:60px;display:flex;align-items:center;justify-content:center;position:relative;z-index:5;width:100%}.segment-line,.pre-line,.end-line{position:absolute;top:50%;height:6px;background:#D0D0D0;transform:translateY(-50%);z-index:1;overflow:hidden}.progress-fill{position:absolute;top:0;left:0;height:100%;width:0;transition:width var(--global-transition)}.segment-line{left:50%;width:400px}.pre-line{right:50%;width:200px}.end-line{left:50%;width:200px}.item-0{--node-color:#AECD68;--node-gradient:linear-gradient(135deg,#AECD68,#96C673);--pre-fill-gradient:linear-gradient(to right,#f8f9fa,#AECD68);--fill-gradient:linear-gradient(to right,#AECD68,#96C673)}.item-1{--node-color:#96C673;--node-gradient:linear-gradient(135deg,#96C673,#6BB98F);--fill-gradient:linear-gradient(to right,#96C673,#6BB98F)}.item-2{--node-color:#6BB98F;--node-gradient:linear-gradient(135deg,#6BB98F,#51AA9A);--fill-gradient:linear-gradient(to right,#6BB98F,#51AA9A)}.item-3{--node-color:#51AA9A;--node-gradient:linear-gradient(135deg,#51AA9A,#46959C);--fill-gradient:linear-gradient(to right,#51AA9A,#46959C)}.item-4{--node-color:#46959C;--node-gradient:linear-gradient(135deg,#46959C,#42719A);--fill-gradient:linear-gradient(to right,#46959C,#42719A)}.item-5{--node-color:#42719A;--node-gradient:linear-gradient(135deg,#42719A,#45509C);--fill-gradient:linear-gradient(to right,#42719A,#45509C)}.item-6{--node-color:#45509C;--node-gradient:linear-gradient(135deg,#45509C,#1E2551);--fill-gradient:linear-gradient(to right,#45509C,#1E2551)}.item-7{--node-color:#1E2551;--node-gradient:linear-gradient(135deg,#1E2551,#1E2551);--end-fill-gradient:linear-gradient(to right,#1E2551,#f8f9fa)}.segment-line .progress-fill{background:var(--fill-gradient)}.pre-line .progress-fill{background:var(--pre-fill-gradient)}.end-line .progress-fill{background:var(--end-fill-gradient)}.timeline-item.active .pre-line .progress-fill{width:100%}.timeline-item.line-active .segment-line .progress-fill{width:100%}.timeline-item.line-end-active .end-line .progress-fill{width:100%}.node-circle{width:55px;height:55px;background-color:#D0D0D0;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.3rem;transition:transform var(--global-transition);z-index:6;position:relative;overflow:hidden}.node-circle::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:var(--node-gradient);opacity:0;transition:opacity var(--global-transition);z-index:-1}.timeline-item.active .node-circle{transform:scale(1.15)}.timeline-item.active .node-circle::before{opacity:1}.node-circle i{position:relative;z-index:7}.year-label{font-size:20px;font-weight:700;color:#94a3b8;margin:0;transition:color var(--global-transition),transform var(--global-transition)}.timeline-item.active .year-label{color:var(--node-color);transform:scale(1.05)}.vertical-connector{display:flex;flex-direction:column;align-items:center;gap:5px;width:20px;margin:0 auto}.top.card-slot .vertical-connector{margin-top:4px}.bottom.card-slot .vertical-connector{margin-bottom:4px}.vertical-connector .dash{width:2px;height:10px;background-color:#D0D0D0;border-radius:2px;transition:background-color var(--global-transition)}.vertical-connector .dot-circle{width:8px;height:8px;background-color:#D0D0D0;border-radius:50%;transition:background-color var(--global-transition)}.timeline-item.active .vertical-connector .dash,.timeline-item.active .vertical-connector .dot-circle{background-color:var(--node-color)}.timeline-card{background:#F7F8FA;border-radius:4px;padding:10px;text-align:left;transition:border-color var(--global-transition)}.timeline-item.active .timeline-card{border-color:rgba(148,163,184,0.3)}.timeline-card h4{font-size:16px;font-weight:700;color:#1C2554;margin-bottom:4px;text-align:center;margin-top:0}#popupContent .timeline-card h4{font-size:22px;font-weight:700;color:#1C2554;margin-bottom:10px;text-align:center;margin-top:0}.timeline-card p{font-size:14px;color:#051939;line-height:1.5;margin:0}#popupContent .timeline-card p{font-size:16px;color:#051939;line-height:1.5;max-width:550px;text-align:center;margin:auto}.timeline-card img{width:100%;height:inherit;object-fit:cover;border-radius:0;margin-bottom:12px;max-width:110px;margin-left:auto;margin-right:auto;display:block}.nav-arrow{position:absolute;top:50%;transform:translateY(-50%);width:55px;height:55px;background-color:#2c3e50;color:#fff;border:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;z-index:100;cursor:pointer;box-shadow:0 4px 15px rgba(0,0,0,0.2);transition:all .25s ease}.nav-arrow.left-arrow{background-image:url('/Images/truvista/2026/6/about-us/timeline/icon/left-arrow.svg');background-size:100%}.nav-arrow.left-arrow:hover{background-image:url('/Images/truvista/2026/6/about-us/timeline/icon/left-arrow-hover.svg');background-size:100%}.nav-arrow.right-arrow{background-image:url('/Images/truvista/2026/6/about-us/timeline/icon/right-arrow.svg');background-size:100%}.nav-arrow.right-arrow:hover{background-image:url('/Images/truvista/2026/6/about-us/timeline/icon/right-arrow-hover.svg');background-size:100%}.nav-arrow.left-arrow:disabled{background-image:url('/Images/truvista/2026/6/about-us/timeline/icon/left-arrow-disable.svg');background-size:100%}.nav-arrow.right-arrow:disabled{background-image:url('/Images/truvista/2026/6/about-us/timeline/icon/right-arrow-disable.svg');background-size:100%}button:focus{outline:none!important}.nav-arrow.left-arrow{left:-15px}.nav-arrow.right-arrow{right:-15px}.popup-bg{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.7);z-index:9998}.popup-img{width:150px;margin:10px}.image-popup{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999}.image-popup img{max-width:900px;border-radius:0;width:100%}.close-popup{position:absolute;top:-15px;right:-15px;width:30px;height:30px;background:#fff;color:#fff;border-radius:50%;text-align:center;line-height:28px;cursor:pointer}@media(min-width:1600px){.nav-arrow.left-arrow{left:-100px}.nav-arrow.right-arrow{right:-100px}.timeline-item{width:400px}.end-line{width:590px}.timeline-card img{margin-bottom:12px;max-width:150px}.content-slot.bottom{padding-top:10px}.timeline-card h4{font-size:16px;margin-bottom:4px}.timeline-card p{font-size:14px;margin:0}.timeline-card{padding:10px}.content-slot.top{padding-bottom:10px}}@media(max-width:1280px){.nav-arrow.left-arrow{left:0}.nav-arrow.right-arrow{right:0}}@media(max-width:1124px){.timeline-card p{font-size:14px;margin:0 0 5px}.content-slot.bottom{padding-top:5px}.year-label{font-size:20px}.content-slot{height:480px}}@media(max-width:1080px){.video{flex:100%;max-width:100%;padding-bottom:30px}.our-customers .get-more{padding-left:14px;text-align:center;flex:100%;max-width:100%}}@media(max-width:1024px){.timeline-item{width:390px}}@media(max-width:767px){.image-popup{width:90%}.timeline-item{width:315px!important}.timeline-track{gap:30px!important}.segment-line{width:320px!important}.timeline-item{display:flex!important;flex-direction:column!important}.card-slot{order:1!important;display:flex!important;flex-direction:column!important;height:490px!important;padding-bottom:15px!important;padding-top:0!important;justify-content:flex-end!important}.node-slot{order:2!important;height:60px!important}.year-slot{order:3!important;height:50px!important;padding-top:15px!important;padding-bottom:0!important;display:flex!important;justify-content:flex-start!important;align-items:center!important}.card-slot .timeline-card{order:1!important}.card-slot .vertical-connector{order:2!important;margin-top:15px!important;margin-bottom:0!important;flex-direction:column!important}.card-slot .vertical-connector .dash{order:1!important}.card-slot .vertical-connector .dot-circle{order:2!important}.year-label{margin:5px 0 0 0!important;text-align:center!important;width:100%}.nav-arrow{top:84%;transform:translateY(0);width:30px;height:30px}.our-customers{padding-bottom:40px}#testimonial-end{width:98%}}@media(max-width:480px){.timeline-item{width:315px!important;left:2%;right:0;text-align:center}}@media(max-width:400px){.timeline-item{left:1%}}