.infographic.component
.infographic-container
.infographic-content-wrapper
> .infographic-report-title {
color: #007abc;
width: 75%;
text-align: center;
font-family: "Utopia Std";
font-size: 50px;
font-style: normal;
font-weight: 400;
line-height: 50px;
align-self: stretch;
margin-bottom: 5px;
}
.icon-chevron-right {
width: 8px;
height: 11px;
color: #327ab7;
fill: none;
stroke: #327ab7;
margin-left: 8px;
margin-top: 3px;
}
.info-head {
color: #327ab7;
}
.infographic.component
.infographic-container
.infographic-content-wrapper {
height: 101%;
display: flex;
width: 185px;
padding: 32px 17px;
border-radius: 20px;
flex-direction: column;
border-style: solid;
border-color: #cccccc;
}
.infographic.component
.infographic-container
.infographic-content-wrapper
> .infographic-report-subtitle {
height: 70px;
width: 100%;
color: #000;
font-family: "Noto Sans";
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: 27px;
padding-top: 10px;
}


.infographic.component
.infographic-container
.infographic-content-wrapper
> .infographic-report-title {
color: #007abc;
width: 75%;
text-align: center;
font-family: "Utopia Std";
font-size: 50px;
font-style: normal;
font-weight: 400;
line-height: 50px;
align-self: stretch;
margin-bottom: 5px;
}

.reportbg-card{height: 81px;}
.bg.card{
	background-size: 50px !important;
	background-position: left;
}

.icon-wrapper__bg.reportbg-card.bg.card {}
.info-main-card{
	display:flex;
	justify-content:center;
}
.infographic.component .infographic-container .infographic-report-content__wrapper-card > .infographic-report-title{
        color: #007ABC;
		width: 75%;
        text-align: center;
        font-family: "Utopia Std";
        font-size: 50px;
        font-style: normal;
        font-weight: 400;
        line-height: 50px;
        align-self: stretch;
		margin-bottom: 5px;
    }
	
	.infographic.component .infographic-container .infographic-report-content__wrapper-card {
         width: 510px;
        padding: 32px 32px;
        border-radius: 16px;
        gap: 21px;
        border-style: solid;
        border-color: #CCCCCC;
    } 
	.infographic.component .infographic-container .infographic-report-content__wrapper-card > .infographic-report-subtitle {
        
height: 70px;
        
width: 100%;
        
color: #000;
        
font-family: "Noto Sans";
        
line-height: 27px;
        
padding-top:10px
    }
    
@media only screen and (max-width: 1024px) {	
	.info-main-card {
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 30px;
}

.infographic.component .infographic-container .infographic-report-content__wrapper-card {
	width:100%;
}
	.bg.card{
    background-position: left;
    background-size: auto;
    background-repeat: no-repeat;
	width: 100%
}
}

.icon-chevron-right.card {
	width: 8px;
    height: 11px;
    color: white;
    fill: none;
    stroke: white;
    margin-left: 8px;
    margin-top: 3px;
}