.graph-section h2{color:#003767;font-size:28px;font-weight:325;line-height:32px;margin:0 0 32px;padding:0;text-transform:none}.graph-section p{font-size:20px;font-weight:400;line-height:32px;margin:0;padding:0 0 32px}.chart-wrap-container{margin:0 auto;max-width:690px;padding:0 20px;width:100%}.chart-wrap{font-family:sans-serif;height:0;margin:0 auto;padding-top:50%;position:relative;width:100%}.graph-section .graph-section-graph-title h3{color:#000;font-size:16px;font-weight:700;line-height:2.5;margin:0 0 40px;text-align:center;text-transform:uppercase}.chart-wrap.vertical .grid{display:flex;flex-direction:column;height:200%;justify-content:space-evenly;left:0;margin-left:50%;position:absolute;top:0;transform:translateY(-25%) translateX(-50%) rotate(-90deg);width:50%}.chart-wrap.vertical .grid:after,.chart-wrap.vertical .grid:before{color:#000;font-size:12px;font-weight:325;line-height:16px;transform:translateX(-.2em) rotate(90deg)}.chart-wrap .grid{background:repeating-linear-gradient(90deg,transparent,transparent 24.5%,hsla(0,0%,67%,.7) 25%);border-left:2px solid #aaa;height:100%;padding:5px 0;position:relative;width:100%}.chart-wrap .grid:before{content:"0";left:-.5em;position:absolute;top:-1.5em}.chart-wrap .grid:after{content:"100%";position:absolute;right:-1.5em;top:-1.5em}.chart-wrap .bar{background:#195381;height:32px;position:relative;width:var(--bar-value)}.chart-wrap .bar:before{color:#000;content:attr(data-value);display:inline-block;font-size:12px;font-weight:700;left:100%;line-height:16px;position:absolute;top:0;transform:rotate(90deg) translateX(calc(-50% + 16px)) translateY(-100%);transform-origin:0 0}.chart-wrap .bar:after{color:#000;content:attr(data-name-mobile);display:inline-block;font-size:16px;font-weight:325;line-height:40px;transform:rotate(90deg) translateX(calc(-50% + 16px)) translateY(5px);transform-origin:0 0}@media (min-width:768px){.graph-section h2{font-size:37.4px;line-height:44px;margin:0 0 64px;text-align:center}.graph-section p{padding:0 0 80px}.chart-wrap .bar{height:50px}.chart-wrap .bar:before{transform:rotate(90deg) translateX(calc(-50% + 25px)) translateY(-100%)}.chart-wrap .bar:after{content:attr(data-name);transform:rotate(90deg) translateX(calc(-50% + 25px)) translateY(5px)}}