
.nav-nested-options li{padding:5px 10px;}
.mb-10{margin-bottom:10px;}
.mt-30{margin-top:30px;}
img{max-width:100%;}
.text-center{text-align:center;}

.twoCol{display:flex;justify-content:space-between;align-items:center;}
.leftCol, .rightCol{width:45%;}

.lightBg{background:#f2f2f2;}
.esgListing{padding:80px 0px;}

.listWrap {
    display: flex;
    justify-content: space-between;
	align-items: center;
	gap:10px;
}
.cmnList{width:70%;padding-top:10px;}
.cmnList li{margin-bottom:10px;position:relative;padding-left:30px;}
.cmnList li:before{content:"";display:inline-block;background:url(../images/check.png) no-repeat;width:20px;height:20px;background-size:cover;    vertical-align: middle;margin-right: 10px;left:0px;position: absolute;}
.cmnFullList{width:100%;}

.listScorecard {
	display:flex;
	flex-wrap:wrap;
	gap:25px;
	justify-content: center;
}

.listScorecard li {
    width: calc(33% - 20px);
	margin-top:25px;
}
.listScorecard li span {
    display: block;
    font-size: 26px;
    color: #7c3996;
    font-weight: bold;
    margin-bottom: 10px;
}

.mainTable{width:100%;border:1px solid #7c3996;border-collapse:collapse;}
.mainTable th, .mainTable td{padding:5px 10px;border:1px solid #7c3996;}
.centerData .mainTable th, .centerData .mainTable td {text-align:center;}
.solarData{margin-top:50px}
.bgClr{background:#7c3996;color:#fff;}
.total{background:#451059;color:#fff;}

.solarData{display:flex;justify-content:space-between;gap:50px;}
.highlight{color:green;}

.certiWrap{margin:30px 0px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;}
.certiWrap img{border-radius:10px;max-width:32%}

.solarlistWrap{margin-top:20px;}
.solarList{margin-bottom:15px;}
.solarList h4{margin-bottom:5px;}
.solarList p + p{margin-top:10px;}

.headLists{width:48%;display:inline-block;margin-top:30px;vertical-align: top;}
.headListWrap .listWrap{align-items: flex-start;}
.headListWrap .listWrap img{border-radius:10px;}

.headListWrap-grid{display:flex;flex-wrap:wrap;}
.headListWrap-grid img{width:100%;}
.listWrap-col{width:32%;margin-bottom:20px;margin-right:2%;}
.listWrap-col:nth-of-type(3n){margin-right:0px;}


.esg .nav-link {
    display: inline-block;
    background: #7c3996;
    color: #fff;
    border-radius: 5px;
    padding: 3px 10px;
}

.esg .nav-link:hover, .esg .nav-link.active{
	background:#fff;
	color:#7c3996;
	text-decoration:underline!important;
}

.tabAnchorWrap a {
    display: inline-block;
    padding: 10px;
    color: #fff;
    background: #7c3996;
    font-size: 16px;
	border-top-right-radius:10px;
	border-top-left-radius:10px;
	margin-right:5px;
}
.tabAnchorWrap a.active {
    background: #fff;
    color: #7c3996;
    text-decoration: underline!important;
}
.tabberWrap .listSection{display:none;}
.tabberWrap .listSection.active{display:block;}

@media(max-width:992px){
	
	.listWrap, .solarData{flex-wrap:wrap;margin-bottom:50px;}
	.cmnList, .listWrap{width:100%;margin-bottom:20px;}
	
	.esgListing {
		padding: 40px 0px;
	}
	.headLists{width:100%;display:block;}
	.listWrap-col{width:48%;}
	
	.listScorecard li{
		width:48%;
	}
}
@media(max-width:767px)
{
	.certiWrap img{max-width:48%}
	.esg .twoCol{flex-wrap:wrap;}
	.esgChart, .esgInfo, .listWrap-col{width:100%;}
	.esgChart{order:1;}
	.esgInfo{order:2;}
	.tableResponsive{overflow-x:scroll; border:1px solid #7c3996;padding:0px;margin:0px;}
	.mainTable{min-width:550px;}
	
	.tabAnchorWrap{overflow-x: auto;display: flex;}
	.tabAnchorWrap a{margin-right:15px;}
	.listScorecard li{
		width:100%;
	}
}
@media(max-width:420px)
{
	.certiWrap img{max-width:100%}
}
.navbar-collapse {
    display: -ms-flexbox!important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
   float: right;
    margin:0 50px 50px 0;
}
.navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row; display: flex !important;
}
.navbar-nav .nav-item {
    padding-left: 25px;
}
.navbar-nav .nav-link {
    color: #333;
    font-weight: 400;
    font-size: 13px;
    padding: 7px 0;
    cursor: pointer;
    position: relative;
    background: transparent;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.navbar-nav .nav-link:hover {
    color: rgba(0,0,0,.7)
}
.cmnHeads {margin-top: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;position: relative;
    flex: 100%;font-size: 20px;
    font-weight: 700;
    line-height: 32px;padding-bottom:10px;text-transform:uppercase;letter-spacing:.5px;}