:root{
	--box-shadow: 2px 2px 8px 2px #aba8a8;
}

html{
	scrollbar-gutter: stable;
}

.blue{
	color: #21274e;
}

p {
	text-wrap-style: pretty;
}

ul li {
	text-wrap-style: pretty;
}

h5{
	color: #000;
}

.mb0{
	margin-bottom: 0;
}

.blue-bg{
	background-color: #21274e;
	color: #fff;
}

.risk-boxed-holder {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
	margin-bottom: 10px;
}

.risk-holder p{
	padding: 0 10px;
}

hr.blue-solid {
	border-top: 2px solid #21274e;
}

.risk-BT-bottom {
	border-top: 2px solid #21274e;
	padding-top: 15px;
}

.risk-holder hr.blue-solid {
	margin-top: 0;
}

.box-with-yellow-border {
	border: 2px solid #ffd200;
	margin-bottom: 30px;
	padding: 5px;
	box-shadow: var(--box-shadow);
}

.risk-banner {
	margin-bottom: 10px;
}

.risk-boxed-holder p{
	padding: 0;
}

.risk-BC {
	margin-top: 20px;
}

.risk-BC-top, .risk-BT-bottom {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
}

.OMM {
	position: relative;
	margin-bottom: 40px;
}

.matters {
	background-color: red;
	padding: 10px 30px 10px 100px;
	margin-left: 90px;
	color: #fff;
}

.matters-green{
	background-color: #2fac66;
}

.matters-yellow{
	background-color: #ffcc00;
}

.matters-pink{
	background-color: #e50051;
}

img.matters-arrow {
	position: absolute;
	left: 0;
	top: 53%;
	margin-bottom: 0;
	transform: translateY(-50%);
}

.matters-header {
	position: relative;
}

.matters-header-copy {
	padding: 10px 10px 10px 60px;
	background-color: #21274e;
	color: #fff;
	margin-left: 60px;
	font-size: 20px;
	margin-top: 20px;
}

img.matters-header-arrow {
	margin-bottom: 0;
	position: absolute;
	top: -5px;
	left: 0;
}

table.matters-table-top {
	margin-top: 30px;
	margin-bottom: 0;
}

tr.bb1 {
	border-bottom: 1px solid;
}

.bt2b {
	border-top: 2px solid #21274e;
}

.br2b {
	border-right: 2px solid #21274e;
}

td {
	padding: 5px;
}

.matters-table-bottom ul {
	margin-bottom: 0;
}

.quote{
	font-size: 25px;
	font-style: italic;
	margin: 50px 0;
	font-family: 'GothamNarrow-Medium';
	position: relative;
	
	&:before{
		content: '';
		position: absolute;
		background-repeat: no-repeat;
		width: 30px;
		height: 21px;
		left: 0;
		top: -30px;
		background-image: url(https://www.afrocentric.za.com/online-reports/afrocentric-iar2026/wp-content/themes/afro/images/quote-before.png);
	}
	
	&:after{
		content: '';
		position: absolute;
		background-repeat: no-repeat;
		width: 30px;
		height: 21px;
		right: 0;
		bottom: -30px;
		background-image: url(https://www.afrocentric.za.com/online-reports/afrocentric-iar2026/wp-content/themes/afro/images/quote-after.png);
	}
}

.quote-yellow {
	color: #ffcc00;
}

h1 {
	color: #2fac66;
	font-size: 50px;
	font-family: 'GothamNarrow-Light';
}

.boxed {
	margin-bottom: 20px;
	padding: 10px;
}

.boxed img:last-child{
	margin-bottom: 0;
}

.blue-box{
	background-color: #21274e;
	color: #fff;;
}

p.boxed-title {
	font-size: 18px;
	font-family: 'GothamNarrow-Medium';
}

.boxed p:last-child{
	margin-bottom: 0;
}

.blue-border-box{
	border: 2px solid #21274e;
}

.strat-box {
	position: relative;
	margin-bottom: 20px;
	margin-top: -20px;
}

.strat-top {
	color: #fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px;
	max-width: 70%;
	font-size: 20px;
	position: relative;
	top: 40px;
	left: 20px;
	box-shadow: var(--box-shadow);
	font-family: 'GothamNarrow-Medium';
}

.strat-red{
	background-color: #e50051;
}

.strat-green{
	background-color: #2fac66;
}

.strat-yellow{
	background-color: #ffd200;
}

.strat-bottom {
	padding: 60px 20px 20px;
	box-shadow: var(--box-shadow);
}

.strat-bottom img:last-child{
	margin-bottom: 0;
}

img.strat-box-icon {
	margin-bottom: 0;
}

.divider{
	border-top: 2px solid;
}

.divider-red{
	border-color: #e50051;
}

.divider-green{
	border-color: #2fac66;
}

.divider-yellow{
	border-color: #ffd200;
}

.strat-sm{
	.strat-top{
		top: 25px;
	}
	
	.strat-bottom{
		padding: 40px 20px 20px;
	}
}

.trade {
	padding: 20px;
	border: 2px solid;
}

.trade-red{
	border-color: #e50051
}

.trade-green{
	border-color: #2fac66
}

.trade-head{
	padding: 20px 10px;
	color: #fff;
	font-size: 20px;
	font-family: 'GothamNarrow-Medium';
}

.trade-head p{
	margin-bottom:0;
}
.trade-head-red{
	background-color: #e50051
} 

.trade-head-green{
	background-color: #2fac66
} 

.trade-head-yellow{
	background-color: #ffd200
} 

.trade-bottom {
	padding: 10px;
	display: grid;
	grid-template-columns: 40% 20% 40%;
	text-align: center;
	align-items: center;
}

.trade-bottom-red {
	background-color: #fdeded;
}

.trade-bottom-green {
	background-color: #f0f7f1;
}

.trade-bottom-yellow {
	background-color: #fffbed;
}

@media (min-width: 992px) {
	.charts {
		display: flex;
		justify-content: space-around;
	}
}

.boxed-pink-wb{
	background-color: #fbdbdb;
	border: 2px solid #e50051;
	box-shadow: var(--box-shadow);
}

.boxed-yellow-wb{
	background-color: #fff6da;
	border: 2px solid #ffd200;
	box-shadow: var(--box-shadow);
}

.boxed-green-wb{
	background-color: #e1efe3;
	border: 2px solid #2fac66;
	box-shadow: var(--box-shadow);
}

.boxed-border-p{
	border: 2px solid #e50051;
	box-shadow: var(--box-shadow);
}

.boxed-border-y{
	border: 2px solid #ffd200;
	box-shadow: var(--box-shadow);
}

.boxed-border-g{
	border: 2px solid #2fac66;
	box-shadow: var(--box-shadow);
}

.boxed-border-b{
	border: 2px solid #21274e;
	box-shadow: var(--box-shadow);
}

.stat-with-arrow {
	display: grid;
	grid-template-columns: 150px 1fr;
	
	img {
		position: relative;
		margin: 0 auto;
	}
}

.stat-lrg {
	font-size: 35px;
	line-height: 1em;
	margin-bottom: 0;
	font-family: 'Gotham-Ultra';
}

.lrg-yellow{
	color: #ffd200;
}

.lrg-green{
	color: #2fac66;
}

.lrg-pink{
	color: #e50051;
}

.lrg-blue{
	color: #21274e;
}

table.footnote{
	font-family: 'GothamNarrow-Book';
}

.boxed p.mb10 {
	margin-bottom: 10px;
}

.sp-holder {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 20px;
}

.sp-holder .boxed {
	display: grid;
	grid-template-columns: 50% 40%;
	align-items: center;
	gap: 20px;
	box-shadow: var(--box-shadow);
}

@media (max-width: 768px) {
	.sp-holder {
		grid-template-columns: 1fr;
	}
	
	.sp-holder .boxed {
		grid-template-columns: 70% 20%;
	}
}

.sp-green{
	font-family: 'GothamNarrow-Medium';
	color: #2fac66;
}

.sp-yellow{
	font-family: 'GothamNarrow-Medium';
	color: #ffd200;
}

.sp-pink{
	font-family: 'GothamNarrow-Medium';
	color: #e50051;
}

.navbar-toggler{
	left: 0;
}

b, strong{
	color: #000;
}

.blue-bg strong{
	color: #fff;;
}

.attribution strong{
	color: #fff;
}

.boxed.with-arrow {
	margin-top: 80px;
	position: relative;
	padding-top: 60px;
}

@media (min-width: 768px) {
	.boxed.with-arrow {
		padding-top: 30px;
	}
}



.box-arrow {
	position: absolute;
	right: -20px;
	top: -64px;
}

table.GHG ol {
	padding-left: 25px;
	font-family: 'GothamNarrow-Medium';
	color: #000;
}

table.GHG td {
	vertical-align: top;
}

tr.border-a-g {
	border: 1px solid #2fac66;
}

tr.GHG-thead {
	border-bottom: 2px solid #2fac66;
	font-family: 'GothamNarrow-Medium';
	color: #000;
}


tr.empty.bb2bl {
	border-bottom: 2px solid #000;
}

.strategy-group img {
	margin-bottom: 0;
}

.side-heading{
	min-width: 100px;
}

.info-card{
	margin-bottom: 0;
}

.strategy-group{
	margin-bottom: 80px;
}

.btn-report.active, .btn-download.active{
	background-color: var(--afroPink);
	color:#fff;
	border: 3px solid #fff;
	border-top: transparent;
}

.btn-report:hover{
	color:#fff;
}

.btn-download, .btn-report{
	border:3px solid var(--afroPink);
	color:#fff;
	background:transparent;
	border-top: transparent;
}

.btn-download:hover{
	color:#fff;
}

.hero-right-2{
	margin-top: 40px;
}


img.home-logo {
	margin-bottom: 100px;
}

.homepage-hero{
	text-align: center;
}

.home-map {
	max-width: 85%;
	margin: 0 auto;
	margin-top: -60px;
	margin-bottom: -60px;
}

.map-pink{
	padding: 8px 80px;
}

h1.page-title-lrgr.white {
	font-size: 55px;
}

.next-section.home-btn{
	display: inline;
}

@media (max-width: 768px) {
	.reviews-buttons{
		flex-direction: column;
	}
	
	.map-holder {
		text-align: left;
	}
	
	.map-pink{
		margin-right: 10%;
	}
	
	.pg-yellow-box__row{
		display: block;
	}
	
	.strategy-banner{
		text-align: left;
	}
	
	.pg-22-img{
		width: 100%;
	}
	
	.pg-25-table__img-right{
		display: none;
	}
	
	.pg-33__image{
		height: auto;
	}
}