.chart-sec{background:#f1f2f2;display:inline-block;width:100%}.chart-sec .sec-title h2{font-size:36px;line-height:133%}.chart-sec .sec-title .content{margin-top:16px}.chart-sec .chart-inner{display:block;margin:0 auto;width:100%}.chart-sec .chart-col-wrap{align-items:stretch;display:flex;flex-wrap:wrap;gap:96px;justify-content:space-between;margin-top:96px;width:100%}.chart-sec .col-inner{border-radius:16px;display:inline-block;margin:0;padding:72px 32px 32px;text-align:center;width:calc(33.33333% - 22px)}.chart-sec .phase-flow{align-items:center;display:flex;gap:48px;justify-content:flex-start;max-width:1082px;width:100%}.chart-sec .phase-flow .image{display:inline-block;margin:0;width:202px}.chart-sec .phase-flow .image img{display:inline-block;object-fit:contain;object-position:center;width:auto}.chart-sec .phase-flow .phase-wrap{align-items:center;display:flex;justify-content:center;width:calc(100% - 250px)}.chart-sec .phase-group{align-items:center;display:flex;justify-content:space-around;position:relative;width:100%;z-index:1}.chart-sec .phase-group h3{color:#009ddb;display:inline-block;font-family:Lato;font-size:20px;font-weight:700;line-height:160%;text-align:center;width:100%}.chart-sec .phase-icon{align-items:center;background:#009ddb;border-radius:50%;display:flex;height:64px;justify-content:center;margin:0;padding:15px;width:64px}.chart-sec .phase-icon img{height:36px;object-fit:contain;object-position:center;width:36px}.chart-sec .phase-flow .phase-wrap .phase-grp{display:inline-block;text-align:center;width:50%}.chart-sec .phase-wrap .phase-grp strong{color:#009ddb;display:inline-block;margin:8px 0 0;text-align:center;width:100%}.chart-sec .phases-wrap{display:inline-block;width:100%}.chart-sec .mobile-label{display:none;text-align:center;width:100%}.chart-sec .mobile-label h3{background:#009ddb;border-radius:12px;color:#fff;display:inline-block;font-family:Lato;font-size:20px;font-weight:500;line-height:160%;margin:0;padding:10px 32px;text-align:center;width:auto}.chart-sec .phases-wrap:nth-child(2) .mobile-label h3{background:#72c842}.chart-sec .phases{align-items:stretch;display:flex;flex-wrap:wrap;gap:32px;justify-content:space-between;width:100%}.chart-sec .phases.green .col-inner{background:#72c842}.chart-sec .phases.blue .col-inner{background:#009ddb}.chart-sec .phase-group.green .phase-icon{background:#72c842}.chart-sec .phase-wrap .phase-grp:nth-child(2) strong{color:#72c842}.chart-sec .col-inner .icon{align-items:center;background:#009ddb;border:3px solid #fff;border-radius:50%;display:flex;height:96px;justify-content:center;margin:-120px auto 0;width:96px}.chart-sec .phases.green .col-inner .icon{background:#74c74f}.chart-sec .col-inner img{height:62px;object-fit:contain;object-position:center;width:55px}.chart-sec .col-inner .title{display:inline-block;padding:24px 0 0;text-align:left;width:100%}.chart-sec .col-inner .title h5{color:#fff;display:inline-block;margin-bottom:4px;width:100%}.chart-sec .col-inner .text{text-align:left}.chart-sec .col-inner .text,.chart-sec .col-inner .text p{color:#fff;display:inline-block;width:100%}.chart-sec .phase-group:after{height:2px;width:100%}.chart-sec .phase-group.blue:before,.chart-sec .phase-group:after{background:#009ddb;content:"";left:0;position:absolute;right:0;z-index:-1}.chart-sec .phase-group.blue:before{border-radius:50%;height:10px;width:10px}.chart-sec .phase-group.green:after{background:#72c842}.chart-sec .phase-group.green:before{border-bottom:8px solid transparent;border-left:16px solid #72c842;border-top:8px solid transparent;content:"";height:0;left:unset;position:absolute;right:-2px;width:0;z-index:-1}.chart-sec .phase-group.blue:after{right:unset;width:calc(100% + 38px)}.chart-sec .phase-group.blue{z-index:2}.chart-sec .bottom-btn{padding:48px 0 0;text-align:center;width:100%}.chart-sec .bottom-btn,.chart-sec .bottom-btn a{display:inline-block;position:relative;z-index:1}.chart-sec .bottom-btn a{background:transparent;border-radius:12px;color:#fff;font-family:Lato,sans-serif;font-size:2.4rem;font-style:normal;font-weight:800;letter-spacing:.48px;line-height:1.33;padding:14px 32px;text-transform:uppercase;transition:.5s ease-in-out;width:auto;--blue:#2b51a1;--teal-blue:#009ddb;--green:#72c842;--blue--light:#99b1d8;--color1:var(--teal-blue);--color2:var(--green);--border-width:0.25rem;background:linear-gradient(Canvas 0 0) padding-box,conic-gradient(from 60deg,var(--color1),var(--color2),var(--color1)) border-box;border:var(--border-width) solid transparent}.chart-sec .bottom-btn a:hover{color:#2b51a1;--color1:var(--green);--color2:var(--teal-blue)}.chart-sec .bottom-btn a:after{background:#2b51a1;border-radius:10px;bottom:0;content:"";left:0;opacity:1;position:absolute;right:0;top:0;transition:.5s ease-in-out;z-index:-1}.chart-sec .bottom-btn a.inview:after,.chart-sec .bottom-btn a:hover:after{animation:scale-out-center .5s cubic-bezier(.55,.085,.68,.53) both;opacity:1}@keyframes scale-out-center{0%{opacity:1;transform:scale(1)}to{opacity:1;transform:scale(0)}}.chart-sec .bottom-btn a.inview{color:#2b51a1}@media(max-width:1199px){.chart-sec .phase-group.blue:after{width:calc(100% + 26px)}}@media(max-width:991px){.chart-sec .phase-icon img{height:24px;width:24px}.chart-sec .phase-icon{height:50px;margin:0;padding:8px;width:50px}.chart-sec .phase-group.blue:after{width:calc(100% + 21px)}.chart-sec .phase-wrap .phase-grp strong{font-size:14px}.chart-sec .phase-flow .image{width:140px}.chart-sec .phase-flow .phase-wrap{width:calc(100% - 172px)}.chart-sec .phase-flow{gap:32px}.chart-sec .phases{gap:24px}.chart-sec .col-inner{padding:72px 16px 16px;width:calc(33.33333% - 16px)}.chart-sec .col-inner .icon{height:60px;margin:-100px auto 0;width:60px}.chart-sec .col-inner img{height:32px;width:32px}.chart-sec .chart-col-wrap{gap:58px;margin-top:58px}.chart-sec .col-inner .text,.chart-sec .col-inner .text p{font-size:16px}.chart-sec .col-inner .title h5{font-size:18px}}@media(max-width:767px){.chart-sec .phase-flow .phase-wrap{display:none}.chart-sec .phase-flow{gap:0}.chart-sec .phase-flow .image{width:100%}.chart-sec .phase-flow .image img{display:block;max-width:220px;width:100%}.chart-sec .mobile-label{display:block;margin-bottom:64px}.chart-sec .phases{gap:64px}.chart-sec .col-inner{padding:64px 16px 16px;width:100%}.chart-sec .col-inner .icon{margin:-96px auto 0}.chart-sec .chart-col-wrap{gap:32px;margin-top:64px}.chart-sec .sec-title h2{font-size:3rem;line-height:1.3}.chart-sec .mobile-label h3{padding:10px 16px;width:100%}.chart-sec .bottom-btn a{font-size:20px;line-height:30px;padding:10px 16px;text-transform:capitalize}}