/* animated-progressive-chart - start */

.updated-standard-content-wrapper.updated-why-invest .animated-progressive-chart-wrapper { margin-bottom:0 } 
.module-tab-with-text-image .tab-numbers-wrapper .particular-tab-number-wrapper a.tab-number-link { opacity: 1; } 
.module-tab-with-text-image .particular-tab-number-wrapper.active-tab:after { border-color: #FF0073; border-width: 6px } 
.updated-standard-content-wrapper.updated-why-invest .animated-progressive-chart-wrapper { margin-top: 0; } 

.prog-chart-wrapper { display: flex; align-items: center; justify-content: center; margin-bottom: 50px; flex-wrap: wrap; } 
.animated-progressive-chart-wrapper { margin: 50px 0; } 
.animated-progressive-chart-wrapper .animated-bar-chart-data-subheading { width: 100%; margin-bottom: 50px; margin-top: 30px; text-align: left; } 
.animated-progressive-chart-wrapper .animated-bar-chart-data-subheading h3 { color: #005b84; } 
.prog-chart-wrapper .chart { position: relative; width: 130px; height: 130px; margin-top: 50px; margin-bottom: 50px; text-align: center; margin: 20px; border-radius: 50%; display: flex; align-items: start; justify-content: center; } 
.prog-chart-wrapper .chart canvas { position: absolute; top: -9px; left: -9px; } 

.percent { display: inline-block; line-height: 110px; z-index: 2; color: #ffffff; font-size: 2.2em; } 
.percent:after { content: '%'; margin-left: 0.1em; font-size: .8em; } 
.animated-bar-chart-data-legends { text-align: center; width: 100%; } 
.prog-chart-wrapper .chart span.label { position: absolute; font-size: 0.650em; color: #ffffff; line-height: 1.2em; width: 100%; font-weight: 400; margin-top: 65px; left: 0; padding: 10%; } 

.animated-bar-chart-data-legends { display: flex; align-items: center; justify-content: center; margin-bottom: 40px; } 

span.animate-cate-lend-color { width: 20px; height: 20px; float: left; margin-right: 10px; } 
span.animate-cate-lend-name { float: left; margin-right: 40px; } 

@media screen and (max-width: 767px){
 .prog-chart-wrapper { display: inline-block; width: 100%; } 
 
 .prog-chart-wrapper .chart { margin: 0 auto; margin-bottom: 40px; } 
 
 .prog-chart-wrapper .chart:last-child { margin-bottom: 0; } 
 .animated-bar-chart-data-legends { display: inline-block; width: 100%; } 
 .animate-cate-lends { width: 100%; float: left; margin-bottom: 10px; margin-left: 10%; } 
 }
@media all and (min-width: 721px) and (max-width: 840px) and (orientation : portrait){
 .prog-chart-wrapper { display: inline-block; width: 100%; } 
 
 .prog-chart-wrapper .chart { margin: 0 auto; margin-bottom: 40px; } 
 
 .prog-chart-wrapper .chart:last-child { margin-bottom: 0; } 
 .animated-bar-chart-data-legends { display: inline-block; width: 100%; } 
 .animate-cate-lends { width: 100%; float: left; margin-bottom: 10px; margin-left: 10%; } 
 }
 
 /* animated-progressive-chart - end */
 
 
 
 
 /* animated-bar-chart - start */
.hchart { zoom:0; width:100% } 
.hchart:after { clear:both; content:'.'; display:block; height:0; visibility:hidden } 
.hchart .bar-wrap { display: block; height: 48px; margin-top: 3px; position: relative; background: #ededed; margin-bottom: 17px; } 

.bar-title { font-size: 1.1em; } 
/*.hchart .bar-wrap .bar:before { color: #fff; content: attr(data-value); left: 8px; position: absolute; top: 11px; font-size: 0.9em; } */

.bar-nos { position: absolute; top: 12px; font-size: 0.9em; left: 8px; color: #ffffff; display: flex; } 
.bar-nos:after { content: "%"; } 


.hchart .bar-wrap.title:before { color:black; font-weight:bold; left:0 } 
.hchart .bar-wrap:first-child { margin-top:0; display: none; } 
.hchart .bar-wrap .bar { background:black; height:100%; position:relative; } 
.hchart .bar-wrap .number { color:black; font-size:18px; font-weight:bold; padding-left:5px; position:absolute; top:20px } 
.hchart .bar-wrap .number2 { color:black; font-size:18px; font-weight:bold; padding-left:5px; position:absolute; top:20px } 
.hchart .bar-wrap.past .bar { background:#aaa } 
.hchart .bar-wrap.past .number { color:#aaa } 

@media screen and (max-width: 480px) {/*.hchart .bar-wrap { height:auto } */
.hchart .bar-wrap:before { color:black; display:block; left:0; position:relative } 
.hchart .bar-wrap.title:before { border-bottom:1px solid } 
/*.hchart .bar-wrap .bar { height:23px } */
.hchart .bar-wrap .number { display:block; left:0 !important; padding-left:0; position:relative; top:-8px } 
 }


.hchart-horiz.animatedbarchart { width: 100%; float: left; } 


.animated-rhs-figure-data { min-height: 350px; display: flex; align-items: center; justify-content: center; } 

div#animated-bar-chart-and-figure h3 { color: #005b84; } 
.animated-bar-chart-data-subheading { width: 100%; margin-bottom: 30px; } 
.number.stats { color: var(--color-primary-3); font-size: 4.5em; text-align: center; line-height: 1.3em;font-family: var(--font-primary-regular); } 
.stats-text { text-align: center; font-size: 1.3em; color: #475356; } 
.animated-bar-chart-data table { border: none !important; } 

.animated-bar-chart-content-wrapper { float: left; width: 100%; margin-bottom: 30px; } 

 /* animated-bar-chart - end */
 
 .animated-charts-content-middle { float: left; width: 100%; }