.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: 235px;
padding: 17px;
border-radius: 20px;
flex-direction: column;
border-style: solid;
border-color: #cccccc;
margin: 0px auto !important;
}
.infographic.component
.infographic-container
.infographic-content-wrapper
> .infographic-report-subtitle {
min-height: 120px;
width: 100%;
color: #000;
font-family: "Noto Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
padding: 0px;
text-align: left !important;
}


.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 !important;
}

.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: 600px;
        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;
}


.info-main {display: flex;justify-content: center;}
.infographic.component
.infographic-container
.infographic-report-content__wrapper-info
> .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-report-content__wrapper-info {height: 101%;display: flex;width: auto;padding: 32px 17px;flex-direction: column;}
.infographic.component
.infographic-container
.infographic-report-content__wrapper-info
> .infographic-report-subtitle {
height: 70px;
width: 100%;
color: #000;
font-family: "Noto Sans";
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 27px;
padding-top: 10px;
}

.icon-wrapper__bg.bg.dot {
    width: 20px;
    height: 20px;
    border-radius: 50px;
    position: absolute;
    top: 16%;
    left: 50%;
}

@media only screen and (max-width: 1024px) {
.info-main {
display: flex;
justify-content: center;
flex-direction: column;
gap: 30px;
}

.infographic.component
.infographic-container
.infographic-report-content__wrapper-info {
width: 100%;
}
}

@media only screen and (max-width: 767px) {
	.bg.info{
		background-size: 80px !important;
		background-position: center;
		background-color: #cccc;
		width: 100%;
	}
}

.reportbg-info{height: 125px;}
.bg.info{
	background-size: 80px !important;
	background-position: center;
	background-color: #cccc;
	width: 250px;
}