.riskometer-collapse-icon{position:relative;align-items:center}
.riskometer-collapse-icon::after{content:"";border:solid var(--orange);border-width:0 2px 2px 0;padding:3px;transition:transform .3s linear;position:absolute;right:0;transform:rotate(45deg)}
.riskometer-collapse-icon-down:after{transform:rotate(-135deg);bottom:0;transition:transform .4s linear}
.graph-container{width:45.6%}
.graph{border-radius:4px;border:solid 1px var(--light-grey);background-color:var(--light-white);justify-content:space-between;padding:25px}
.sub-title{padding:0 0 25px 0}
.content-container{width:46%;padding:10px 16px 23px 15px}
.content-container h2{padding:5px 0 14px 0}
.content-container ul li{padding:5px 0}
.content-container li p{margin-left:10px;line-height:1.19}
.content-container span,.content-container img{height:24px;width:24px;max-width:none}
.left-side-graph{width:62%;flex-direction:column}
.left-side-graph div{position:relative}
.left-side-graph p{margin-top:26px;font-size:12px;line-height:14px;text-align:center;margin-bottom:0}
.left-side-graph div p{position:absolute;bottom:0;left:50%;transform:translateX(-50%);font-weight:600;font-size:16px}
.right-side-graph-label{width:36%;flex-direction:column;justify-content:center;font-size:14px}
.graph-label-symbol{height:10px;width:10px;border-radius:50%;background-color:red}
.symbol-auqa{background-color:#daffda}
.symbol-green{background-color:#00b500}
.symbol-yellow{background-color:#ffd000}
.symbol-orange{background-color:#ff8900}
.symbol-red{background-color:red}
.symbol-maroon{background-color:#b40000}
.label{justify-content:normal;margin:6px 0}
.label p{margin-left:12px;margin-bottom:0}
.riskometer-content-container{justify-content:space-between;padding-top:25px;color:var(--black)}
.content-container.bfl-mf-para-rte ul{margin-bottom:0}
@media screen and (min-width:280px) and (max-width:1024px){.left-side-graph p{margin-top:16px;font-size:10px;line-height:12px}
.riskometer-content-container{flex-direction:column;padding-top:15px}
.graph-container,.content-container{width:100%}
.content-container{padding:0}
.content-container h2{padding:15px 0 10px 0}
.content-container ul li{padding:6px 0}
.sub-title{padding:0 0 15px 0}
.graph{height:100%;padding:18.2px 22px 14.2px 10px}
.content-container p{font-size:11px;line-height:13px}
.content-container span,.content-container img{height:16px;width:16px}
.right-side-graph-label{justify-content:space-evenly;font-size:10px;width:30%}
.left-side-graph{width:60%}
.label{justify-content:normal;margin:3px 0}
.label p{margin-left:5px}
}