.bubble-chart-container{padding-top:100px;padding-bottom:100px}
.bubble-chart-container .chart-content{display:flex;flex-direction:column;gap:20px}
.bubble-chart-container .content-container{width:100%}
.bubble-chart-container .chart-container{width:100%}
.bubble-chart-container .chart-heading{padding:20px 0 40px 0;margin-bottom:0}
.bubble-chart-container .keys-group{margin-top:100px;display:flex;flex-wrap:wrap;row-gap:20px;column-gap:60px;color:#000}
.bubble-chart-container .key-name{display:flex;padding-bottom:20px;gap:10px;flex:25%}
.bubble-chart-container .mobilekey-name{display:flex;padding-bottom:20px;gap:10px;flex:25%}
.bubble-chart-container .color-circle{border-radius:50%;background-color:#013f54;width:16px;height:16px;margin-top:auto;margin-bottom:auto}
.bubble-chart-container .desktopView{display:none}
.bubble-chart-container .mobileView{display:flex}
.bubble-chart-container .highcharts-credits{display:none}
.bubble-chart-label{line-height:1.2em;font-family:"Publico Pro"}
.bubble-chart-sub-label{line-height:1.2em;font-family:"Akkurat Pro"}
.bubble-chart-label-one{line-height:1.2em;font-family:"Publico Pro"}
.bubble-chart-sub-label-one{line-height:1.2em;font-family:"Akkurat Pro"}
@media(width < 768px){.bubble-chart-label{font-size:12px}
.bubble-chart-sub-label{font-size:7px}
.bubble-chart-sub-label-one{font-size:12px}
}
@media(min-width:768px){.bubble-chart-label{font-size:7px}
.bubble-chart-sub-label{font-size:7px}
.bubble-chart-label-one{font-size:28px}
.bubble-chart-sub-label-one{font-size:18px}
}
@media(min-width:992px){.bubble-chart-container{padding-bottom:0}
.bubble-chart-container .chart-content{flex-direction:row}
.bubble-chart-container .content-container{width:40%}
.bubble-chart-container .chart-container{width:60%}
.bubble-chart-container .desktopView{display:block;column-count:2}
.bubble-chart-container .mobileView{display:none}
.bubble-chart-label{font-size:16px}
.bubble-chart-sub-label{font-size:8px}
.bubble-chart-label-one{font-size:35px}
.bubble-chart-sub-label-one{font-size:14px}
}
@media(min-width:1200px){.bubble-chart-container .content-container{width:40%}
.bubble-chart-container .chart-container{width:60%}
}
@media(min-width:1500px){.bubble-chart-label-one{font-size:18px}
.bubble-chart-sub-label-one{font-size:8px}
}
.key-name .normalB3{margin:0}
.bubble-chart-container .eyebrow{text-transform:uppercase}