.graph_vp4{padding-bottom:80px;padding-top:115px;position:relative}.graph_vp4:before{background:#edeeeb;content:"";display:block;height:100%;left:-50%;position:absolute;top:0;width:200%}.graph_vp4 .page-center{padding:0 0 50px!important;position:relative}.body-container .graph_vp4 h2{color:#0c0c0c;font-size:32px;font-weight:300;letter-spacing:-.25px;line-height:1.19;margin:0 auto 90px!important;max-width:660px;position:relative}.graph_vp4 h2:after{background-color:#ffdb00;bottom:-12px;content:"";display:block;height:2px;left:50%;margin-left:-36px;position:absolute;width:72px}.graph_vp4 .items{display:flex}.graph_vp4 .items .item_1,.graph_vp4 .items .item_2{flex:0 0 23%}.graph_vp4 .items .item_3{flex:0 0 52%}.graph_vp4 .items h4{font-size:20px;margin-bottom:20px;padding-bottom:15px;position:relative;text-align:center}.graph_vp4 .items h4:before{background:#fdcf00;bottom:0;content:"";display:block;height:2px;left:50%;margin-left:-15px;position:absolute;width:30px}.graph_vp4 .items .item_1{background:#fff;border:2px solid #fdcf00;border-radius:6px;box-shadow:3px 3px 3px #00000026;margin-bottom:auto;margin-top:150px;padding:20px 35px 25px}.graph_vp4 .items .item_1 h4{margin-bottom:20px}.graph_vp4 .items .item_2{margin-bottom:auto;margin-top:172px;padding:0 15px}.graph_vp4 .items .item_2 h4{margin-bottom:35px;padding-left:10px;padding-right:10px}.graph_vp4 .items .item_2 figure{background:url(https://f.hubspotusercontent40.net/hubfs/5212948/vp4-arrows.svg) no-repeat 50%;background-size:100% auto;margin:0;padding:0 50px}.graph_vp4 .items .item_3{background:#fff;border:2px solid #fdcf00;border-radius:6px;box-shadow:3px 3px 3px #00000026;flex-direction:column;padding:32px 35px 15px}.graph_vp4 .items .item_3 h4{margin-bottom:25px;padding:0 20px 15px}.graph_vp4 .items .item_3 .flex{align-items:center;display:flex}.graph_vp4 .items .item_3 .details{background:#edeeeb 0 0 no-repeat padding-box;border-radius:5px;box-shadow:3px 3px 3px #00000026;display:none;left:-65px;padding:10px 15px;position:absolute;text-align:left;top:110px;width:260px;z-index:1}.graph_vp4 .items .item_3 .details .header{display:none}.graph_vp4 .items .item_3 .left_icon{flex:0 0 120px}.graph_vp4 .items .item_3 .left_round{padding-left:50px;position:relative}.graph_vp4 .items .item_3 .round{background:#fdcf00;border-radius:100%;box-shadow:4px 4px 5px #00000026;font-size:13px;font-weight:500;padding:43px 0;width:104px}.graph_vp4 .items .item_3 .left_round .round{padding-left:15px;padding-right:15px;width:159px}.graph_vp4 .items .item_3 .left_round .round:before{background:#a4a999;content:"";display:block;height:3px;left:5px;position:absolute;top:50%;width:35px}.graph_vp4 .items .item_3 .right_rounds .round{height:104px;margin:25px 0;padding:31px 10px 0;position:relative}.graph_vp4 .items .item_3 .right_rounds .round.round_3{padding-top:20px}.graph_vp4 .items .item_3 .right_rounds .info{border:1px solid #fff;border-radius:100%;bottom:5px;color:#fff;cursor:pointer;font-weight:400;left:50%;line-height:1;margin-left:-10px;padding:2.5px 0;position:absolute;width:20px}.graph_vp4 .items .item_3 .right_rounds .info:hover{border-color:#324647;color:#324647}.graph_vp4 .items .item_3 .right_rounds .info:hover+.details{display:block}.graph_vp4 .items .item_3 .arrows .top{transform:rotate(-30deg)}.graph_vp4 .items .item_3 .arrows .bottom{transform:rotate(30deg)}.graph_vp4 .items .item_3 .arrows .middle{margin:50px 0 50px 20px;width:85%}@media (max-width:1220px){.graph_vp4 .page-center{overflow-x:auto}.graph_vp4 .items{min-width:1100px}}@media (max-width:768px){.graph_vp4.not_responsive{display:none}.graph_vp4 .items{flex-wrap:wrap;justify-content:center;margin:0 auto;max-width:300px;min-width:0}.graph_vp4 .items .item_1{flex:0 0 100%;margin:0}.graph_vp4 .items h4:before{width:25px}.graph_vp4 .items .item_2{flex:0 0 100%;margin:0;padding:10px 0}.graph_vp4 .items .item_2 h4{font-size:18px;font-weight:500;margin:0 auto;max-width:160px;padding-top:60px}.graph_vp4 .items .item_2 h4:after{background:#a4a99a;content:"";display:block;height:40px;left:50%;margin-left:-2px;position:absolute;top:0;width:3px}.graph_vp4 .items .item_2 figure{background:url(https://f.hubspotusercontent40.net/hubfs/5212948/vp4-arrows-mobile.svg) no-repeat top;margin-top:15px;padding:80px 0}.graph_vp4 .items .item_3{flex:0 0 100%;padding:32px 0 90px}.graph_vp4 .items .item_3 .flex{flex-wrap:wrap;justify-content:center}.graph_vp4 .items .item_3 .left_icon{flex:0 0 100%}.graph_vp4 .items .item_3 .left_round{margin-top:10px;padding:45px 0 0}.graph_vp4 .items .item_3 .left_round .round:before{height:35px;left:50%;top:0;width:3px}.graph_vp4 .items .item_3 .round{font-size:16px;padding:60px 0;width:135px}.graph_vp4 .items .item_3 .left_round .round{padding-left:20px;padding-right:20px;width:197px}.graph_vp4 .items .arrows{margin-top:-35px;transform:rotate(90deg) scale(.7)}.graph_vp4 .items .item_3 .arrows .middle{width:auto}.graph_vp4 .items .item_3 .right_rounds{display:flex;justify-content:space-between;margin-top:-30px;padding:10px 10px 35px}.graph_vp4 .items .item_3 .right_rounds .round.round_3{padding-top:10px}.graph_vp4 .items .item_3 .right_rounds .round{border-radius:10px;flex:0 0 30%;font-size:14px;height:auto;margin:0 5px;padding:10px 10px 35px;width:auto}.graph_vp4 .items .item_3 .details{background:#e5e5e5;bottom:0;color:#fff;display:block;height:0;left:0;opacity:0;padding:0;position:fixed;text-align:left;top:auto;transition:all 1s;width:100%;z-index:999999}.graph_vp4 .items .item_3 .details.displayed_popup{height:100%;opacity:1}.graph_vp4 .items .item_3 .details .header{background:#334747;display:block;font-size:18px;font-weight:500;padding:40px 20px}.graph_vp4 .items .item_3 .details:before{background:transparent url(https://f.hubspotusercontent40.net/hubfs/5212948/arrow_bottom.svg) 50% no-repeat;content:"";display:block;height:9px;left:28px;position:absolute;top:20px;transform:rotate(0);width:19px}.graph_vp4 .items .item_3 .details i{background:#fdda34;border-radius:100%;color:#334747;display:block;float:left;font-size:30px;font-style:normal;font-weight:700;line-height:38px;margin:0 10px 0 0;text-align:center;width:40px}.graph_vp4 .items .item_3 .details .details_content{color:#324647;font-size:16px;padding:20px;width:auto}}@media (max-width:400px){.graph_vp4 .items .item_3 .right_rounds{padding:10px 3px 35px}.graph_vp4 .items .item_3 .right_rounds .round{font-size:13px;margin:0 2px;padding:10px 5px 35px}}