:root {
	--afroPink: #e50051;
	--afroGreen: #2fac66;
	--afroRed: #ed1c24;
	--afroYellow: #ffcc00;
	--afroLightGreen: #4e9b47;
	--font-book: 'GothamNarrow-Book';
	--font-med: 'GothamNarrow-Medium';
	--font-bold: 'GothamNarrow-Bold';
	--font-ultra: 'Gotham-Ultra';
}

b, strong {
	font-weight: normal;
	font-family: 'GothamNarrow-Bold';
}

.pink{
	color: #e50051;
}
.green{
	color: #2fac66
}
.red{
	color: #ed1c24;
}
.yellow{
	color: #ffcc00;
}
.lightgreen{
	color: #4e9b47;
}
.white{
	color: #fff;
}

.maroon{
	color: #7c394f;
}


.pink-bg{
	background-color: #e50051;
}
.green-bg{
	background-color: #2bb67a
}
.red-bg{
	background-color: #ed1c24;
}
.yellow-bg{
	background-color: #ffcc00;
}
.lightgreen-bg{
	background-color: #4e9b47;
}
.grey-bg{
	background-color: #575756;
}

@font-face {
	font-family: 'Gotham-Ultra';
	src: url('https://afrocentric-online.co.za/reports/afrocentric-ar2025/wp-content/themes/afro/library/webfont/Gotham-Ultra.eot');
	src: url('https://afrocentric-online.co.za/reports/afrocentric-ar2025/wp-content/themes/afro/library/webfont/Gotham-Ultra.eot#iefix') format('embedded-opentype'),
		url('https://afrocentric-online.co.za/reports/afrocentric-ar2025/wp-content/themes/afro/library/webfont/Gotham-Ultra.woff2') format('woff2'),
		url('https://afrocentric-online.co.za/reports/afrocentric-ar2025/wp-content/themes/afro/library/webfont/Gotham-Ultra.woff') format('woff'),
		url('https://afrocentric-online.co.za/reports/afrocentric-ar2025/wp-content/themes/afro/library/webfont/Gotham-Ultra.ttf') format('truetype'),
		url('https://afrocentric-online.co.za/reports/afrocentric-ar2025/wp-content/themes/afro/library/webfont/Gotham-Ultra.svg#Gotham-Ultra') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'GothamNarrow-Light';
	src: url('https://afrocentric-online.co.za/reports/afrocentric-ar2025/wp-content/themes/afro/library/webfont/GothamNarrow-Light.eot');
	src: url('https://afrocentric-online.co.za/reports/afrocentric-ar2025/wp-content/themes/afro/library/webfont/GothamNarrow-Light.eot#iefix') format('embedded-opentype'),
		url('https://afrocentric-online.co.za/reports/afrocentric-ar2025/wp-content/themes/afro/library/webfont/GothamNarrow-Light.woff2') format('woff2'),
		url('https://afrocentric-online.co.za/reports/afrocentric-ar2025/wp-content/themes/afro/library/webfont/GothamNarrow-Light.woff') format('woff'),
		url('https://afrocentric-online.co.za/reports/afrocentric-ar2025/wp-content/themes/afro/library/webfont/GothamNarrow-Light.ttf') format('truetype'),
		url('https://afrocentric-online.co.za/reports/afrocentric-ar2025/wp-content/themes/afro/library/webfont/GothamNarrow-Light.svg#GothamNarrow-Light') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'GothamNarrow-Medium';
	src: url('https://afrocentric-online.co.za/reports/afrocentric-ar2025/wp-content/themes/afro/library/webfont/GothamNarrow-Medium.eot');
	src: url('https://afrocentric-online.co.za/reports/afrocentric-ar2025/wp-content/themes/afro/library/webfont/GothamNarrow-Medium.eot#iefix') format('embedded-opentype'),
		url('https://afrocentric-online.co.za/reports/afrocentric-ar2025/wp-content/themes/afro/library/webfont/GothamNarrow-Medium.woff2') format('woff2'),
		url('https://afrocentric-online.co.za/reports/afrocentric-ar2025/wp-content/themes/afro/library/webfont/GothamNarrow-Medium.woff') format('woff'),
		url('https://afrocentric-online.co.za/reports/afrocentric-ar2025/wp-content/themes/afro/library/webfont/GothamNarrow-Medium.ttf') format('truetype'),
		url('https://afrocentric-online.co.za/reports/afrocentric-ar2025/wp-content/themes/afro/library/webfont/GothamNarrow-Medium.svg#GothamNarrow-Medium') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'GothamNarrow-Bold';
	src: url('https://afrocentric-online.co.za/reports/afrocentric-ar2025/wp-content/themes/afro/library/webfont/GothamNarrow-Bold.eot');
	src: url('https://afrocentric-online.co.za/reports/afrocentric-ar2025/wp-content/themes/afro/library/webfont/GothamNarrow-Bold.eot#iefix') format('embedded-opentype'),
		url('https://afrocentric-online.co.za/reports/afrocentric-ar2025/wp-content/themes/afro/library/webfont/GothamNarrow-Bold.woff2') format('woff2'),
		url('https://afrocentric-online.co.za/reports/afrocentric-ar2025/wp-content/themes/afro/library/webfont/GothamNarrow-Bold.woff') format('woff'),
		url('https://afrocentric-online.co.za/reports/afrocentric-ar2025/wp-content/themes/afro/library/webfont/GothamNarrow-Bold.ttf') format('truetype'),
		url('https://afrocentric-online.co.za/reports/afrocentric-ar2025/wp-content/themes/afro/library/webfont/GothamNarrow-Bold.svg#GothamNarrow-Bold') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'GothamNarrow-Book';
	src: url('https://afrocentric-online.co.za/reports/afrocentric-ar2025/wp-content/themes/afro/library/webfont/GothamNarrow-Book.eot');
	src: url('https://afrocentric-online.co.za/reports/afrocentric-ar2025/wp-content/themes/afro/library/webfont/GothamNarrow-Book.eot#iefix') format('embedded-opentype'),
		url('https://afrocentric-online.co.za/reports/afrocentric-ar2025/wp-content/themes/afro/library/webfont/GothamNarrow-Book.woff2') format('woff2'),
		url('https://afrocentric-online.co.za/reports/afrocentric-ar2025/wp-content/themes/afro/library/webfont/GothamNarrow-Book.woff') format('woff'),
		url('https://afrocentric-online.co.za/reports/afrocentric-ar2025/wp-content/themes/afro/library/webfont/GothamNarrow-Book.ttf') format('truetype'),
		url('https://afrocentric-online.co.za/reports/afrocentric-ar2025/wp-content/themes/afro/library/webfont/GothamNarrow-Book.svg#GothamNarrow-Book') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

.light{
	font-family: 'GothamNarrow-Light';
}
.book{
	font-family: 'GothamNarrow-Book';
}
.medium{
	font-family: 'GothamNarrow-Medium';
}
.ultra{
	font-family: 'Gotham-Ultra';
}

.home {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

.site-title {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-bottom: 20px;
}

.site-title .site-year{
	color: var(--afroPink);
	font-size: 80px;
	line-height: 0.9em;
	font-family: 'Gotham-Ultra';
}

.site-title .site-report {
	text-transform: uppercase;
	font-family: 'GothamNarrow-Bold';
}

.home-bg{
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-image: url(https://afrocentric-online.co.za/reports/afrocentric-ar2025/wp-content/themes/afro/images/home-banner-no-wave.jpg);
	flex: 1;
	position: relative;
	overflow: hidden;
}

.wave {
	position: absolute;
	top: 0;
	left: 0;
	width: 200%;
	height: 100%;
	overflow: hidden;
	display: flex;
}

.wave-inner {
  width: 100%;
  height: 100%;
  background-image: url(https://afrocentric-online.co.za/reports/afrocentric-ar2025/wp-content/themes/afro/images/wave.png);
  background-repeat: repeat-x;
  background-size: cover;
  animation: wave-scroll 20s linear infinite;
}

@keyframes wave-scroll {
  0% {
	transform: translateX(0);
  }
  100% {
	transform: translateX(-100%);
  }
}



.home-holder {
	margin-top: 100px;
	padding: 30px;
	background-color: #fff;
}

.home-stats {
	display: flex;
}

.indicator {
	width: 50px;
}

.indicator img{
	margin-bottom: 0;
}
p.cur-value {
	line-height: 1.1em;
	margin-bottom: 5px;
	margin-top: 7px;
}

.home-values{
	font-family: 'GothamNarrow-Light';
}
.current-value{
	font-family: 'Gotham-Ultra';
	font-size: 26px;
	margin-bottom: 3px;
	line-height: 1em;
}
.prev-value{
	font-family: 'GothamNarrow-Book';
	font-size: 14px;
	line-height: 1em;
}

.inner-shadow-dark-text.homegreybg {
    background-color: #f1f1f1;
    padding: 15px;
    box-shadow: inset 4px 4px 14px -4px #333;
    margin-bottom: 20px;
}

.navbar-toggler .ham .line{
	stroke: #e50051;
}

.navbar-toggler .ham.active .line{
	stroke: #2bb67a;
}

.hide-me {
  opacity: 0;
  transition: opacity 1s ease-in;
}

.visible {
  opacity: 1;
}

.menu {
	background-color: #fff;
}

.first-nav li a{
	color: #ffcc00;
	font-size: 24px;
	font-family: 'GothamNarrow-Book';
	transition: 0.3s;
}

@media (max-width: 768px) {
	.first-nav{
		padding: 15px 30px;
	}
	.second-nav{
		padding: 15px 30px;
	}
	ul.main-menu-iar{
		margin-bottom: 0;
	}
	.first-nav li a{
		font-size: 20px;
  }
}

.first-nav li a.active{
	color: #ffcc00;
	font-family: 'GothamNarrow-Bold';
	text-decoration: none;
	transition: 0.3s;
}

.first-nav li a:hover{
	color: #ffcc00;
	font-family: 'GothamNarrow-Bold';
	text-decoration: none;
	transition: 0.3s;
}

.first-nav li a.selected{
	color: #ffcc00;
	font-family: 'GothamNarrow-Bold';
	text-decoration: none;
	transition: 0.3s;
}

.sub-menu-iar li a{
	font-family: 'GothamNarrow-Bold';
	color: #fff;
	transition: 0.3s;
	font-size: 18px;	
}

.sub-menu-iar li a:hover{
	transition: 0.3s;
	color: #ffcc00;
	text-decoration: none;
}

.sub-menu-iar li a.current{
	transition: 0.3s;
	color: #ffcc00;
	text-decoration: none;
}

.first-nav{
	padding: 30px;
	display: flex;
	height: 100%;
	background-repeat: no-repeat;
	background-position: top left;
	background-size: cover;
	background-image: url(https://afrocentric-online.co.za/reports/afrocentric-ar2025/wp-content/themes/afro/images/main-bg.jpg);
}

.second-nav{
	padding: 30px;
	display: flex;
	height: 100%;
	background-repeat: no-repeat;
	background-position: top left;
	background-size: cover;
	background-image: url(https://afrocentric-online.co.za/reports/afrocentric-ar2025/wp-content/themes/afro/images/second-bg.jpg);
}

.third-nav{
	padding: 30px;
	display: flex;
	height: 100%;
	background-repeat: no-repeat;
	background-position: top left;
	background-size: cover;
	background-image: url(https://afrocentric-online.co.za/reports/afrocentric-ar2025/wp-content/themes/afro/images/third-bg.jpg);
	justify-content: end;
}

.sub-menu-text {
	font-size: 35px;
	line-height: 1em;
	text-align: right;
	color: #fff;
	font-family: 'Gotham-Ultra';
	text-transform: uppercase;
}

.sub-menu {
	display: none;
}
.sub-menu-text {
	display: none;
}

body{
	font-family: 'GothamNarrow-Book';
	color: #575756
}

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

h2{
	font-family: 'GothamNarrow-Book';
	font-size: 22px;
}

h3{
	font-family: 'GothamNarrow-Medium';
	font-size: 20px;
	margin-top: 10px;
}

h4{
	font-family: 'GothamNarrow-Medium';
	font-size: 18px;
	margin-bottom: 5px;
	color: #2e2d2c;
	margin-top: 10px;
}

h5{
	font-family: 'GothamNarrow-Medium';
	font-size: 17px;
	margin-bottom: 5px;
	color: #1d1d1b;
}

h6{
	font-family: 'GothamNarrow-Book';
	font-style: italic;
	margin-bottom: 0;
}

table.footnote {
	font-size: 14px;
	font-family: 'GothamNarrow-Light';
	font-style: italic;
}

.afro-link {
    color: var(--afroPink);
}
a.afro-link:hover {
	color: var(--afroPink);
    text-decoration: underline;
}

footer {
	background-color: #05042d;
	color: #fff;
	text-align: center;
	padding: 20px;
}

.previous-page, .next-page {
	display: flex;
	background-color: #2fac66;
	padding: 10px 20px;
	border-radius: 20px;
	align-items: center;
}

.previous-page img, .next-page img{
	margin-bottom: 0;
}

.previous-page a, .next-page a{
	color: #fff;
}

.previous-page img{
	margin-right: 20px;
}
@media (max-width: 768px) {
	.previous-page a, .next-page a {
		display: flex;
	}
}
.next-page img{
	margin-left: 20px;
}

@media (max-width: 768px) {
	.next-page img, .previous-page img {
		align-self: center;
	}
}

.pn {
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin-top: 30px;
	margin-bottom: 50px;
}

.previous-page a:hover, .next-page a:hover{
	color: #fff;
	text-decoration: none;
}

.next-section, .prev-section{
	display: inline-block;
	background-color: #2fac66;
	color: #fff;
	padding: 7px 20px;
	border-radius: 20px;
}

.next-section:hover, .prev-section:hover{
	text-decoration: none;
	color: #fff;
}

.next-section i.fa.fa-play-circle {
	right: 0;
	position: relative;
	transition: right .3s ease-in;
}

.next-section:hover i.fa.fa-play-circle {
	right: -10px;
	position: relative;
	transition: right .3s ease-in;
}

.prev-section i.fa.fa-play-circle {
	left: 0;
	position: relative;
	transition: left .3s ease-in;
}

.prev-section:hover i.fa.fa-play-circle {
	left: -10px;
	position: relative;
	transition: left .3s ease-in;
}

.prev-section i.fa.fa-play-circle.rotate-180{
	transform: rotate(180deg);
}


p.attribution {
	margin-bottom: 0;
	font-size: 20px;
}

.dashed-gradient {
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url(https://afrocentric-online.co.za/reports/afrocentric-ar2025/wp-content/themes/afro/images/dotted-line.png);
	height: 4px;
}

.blurb, .intro{
	font-style: italic;
	font-size: 22px;
	line-height: 1.2em;
	color: #2fac66;
}

.stat-holder {
	display: flex;
}

.stats {
	flex: 1;
}

p.previous {
	font-size: 14px;
	font-family: 'GothamNarrow-Light';
}

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

.navbar-toggler[aria-expanded="true"] .toggle-label {
	color: #2fac66;
	transition: 0.3s;
}

.navbar-toggler[aria-expanded="false"] .toggle-label {
	color: #000;
	transition: 0.3s;
}


/***** Full-width template customisation ***/
.container-fluid.no-padding {
    padding-right: 0px;
    padding-left: 0px;
}

/**** About this report *****/

.navy-box-with-yellow-border {
    background-color: #000430;
    color: #fff;
	border: 1px solid var(--afroYellow);
	padding: 20px;
}

.grey-box-with-yellow-border {
    background-color: #7e7e7e;
    color: #fff;
	border: 1px solid var(--afroYellow);
	padding: 20px;
}

.no-borders td {
    padding: 10px 30px 10px;
}

/**** Creating value through purpose *****/

.block-border-grey {
    border: 1px solid #333;
    padding: 10px;
    border-radius: 20px;
	box-shadow: 10px 5px 15px #333333ab;
}

.theader-row {
    background-color: #000430;
    color: #fff;
    border: 1px solid var(--afroYellow);
    text-align: center;
	padding: 10px;
}

.border-green {
    border-bottom: 4px solid #2bb67a;
}
.border-pink {
    border-bottom: 4px solid var(--afroPink);
}
.border-yellow {
    border-bottom: 4px solid var(--afroYellow);
}
.border-grey {
    border-bottom: 4px solid #333;
}

ul.dashed {
    list-style-type: none;
}

.intro-blurb {
    font-size: 22px;
    line-height: 1.2em;
}

.diagram tr {
    vertical-align: top;
}

.diagram td {
    padding: 10px;
}

.bg-border-green {
    border: 2px solid var(--afroGreen);
	background-color: #f1f7f1;
}
.bg-border-pink {
	border: 2px solid var(--afroPink);
	background-color: #fdeded;
}

.bg-border-yellow{
	border: 2px solid var(--afroYellow);
	background-color: #fffaec;
}

.bg-border-grey{
	border: 2px solid #333;
	background-color: #f1f1f1;
}

.bg-border-green, .bg-border-pink, .bg-border-yellow, .bg-border-grey {
    padding: 10px;
    /* border-radius: 20px; */
	/* box-shadow: 10px 5px 15px #333333ab; */
}

.shadow {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.33) !important;
}

.inner-shadow {
    color: #fff;
    padding: 10px;
    box-shadow: inset 4px 4px 14px -4px #333;
}

.boxed.box-red .btb{
	border-color: #e50051;
}

.boxed.box-yellow .btb{
	border-color: #ffcc00;
}

.boxed.box-green .btb{
	border-color: #2fac66;
}

.boxed.box-red .top{
	background-color: #e50051;
}

.boxed.box-yellow{
	border-color: #ffcc00;
}

.boxed.box-yellow .top{
	background-color: #ffcc00;
}

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

.boxed.box-green .top{
	background-color: #2fac66;
}

.boxed.box-lgrey .btb{
	border-color: #dadada;
}

.boxed.box-lgrey{
	border-color: #dadada;
}

.boxed.box-lgrey .top{
	background-color: #dadada;
	color: #575756;
}

.boxed.box-grey{
	border-color: #575756;
}

.boxed.box-grey .top{
	background-color: #575756;
}

.boxed.box-maroon{
	border-color: #7c394f;
}

.boxed.box-maroon .btb{
	border-color: #7c394f;
}

.boxed.box-maroon .top{
	background-color: #7c394f;
}

.boxed {
	margin-bottom: 20px;
}

.boxed .btb{
	border-top: 2px solid;
	margin-top: 10px;
	border-bottom: 2px solid;
	padding-top: 5px;
}

.boxed .top {
	padding: 7px 5px 6px 15px;
	color: #fff;
	border-radius: 15px 15px 0 0;
	font-family: 'GothamNarrow-Bold';
}

.boxed .top p {
	margin-bottom: 0;
	font-size: 18px;
	line-height: 1.2em;
}

.boxed .sub-top {
	border-top: 2px solid #e50051;
	border-bottom: 2px solid #e50051;
	margin-top: 10px;
	margin-bottom: 10px;
}

.boxed .sub-top p{
	margin-bottom: 0;	
}
.red-box {
	padding: 10px;
	border: 2px solid #e30613;
	border-radius: 20px;
	background-color: #fde3d7;
	box-shadow: 3px 3px 8px #575756;
}

.holder{
	font-family: 'GothamNarrow-Medium';
}
.holder div {
	border-bottom: 2px dotted;
	padding: 10px;
}

.holder div.last {
	border-bottom: 0;
}

.holder div p{
	margin-bottom: 0;
}

.ODE div {
	margin-bottom: 10px;
	border: 1px solid #2fac66;
	padding: 5px;
	background-color: #eff7f0;
	color: #000;
	font-family: 'GothamNarrow-Medium';
}

.ODE div.ODE-light{
	background-color: #f8f8f8;
}

.green-box {
	padding: 10px;
	border: 2px solid #2fac66;
	border-radius: 20px;
	background-color: #e9f3ea;
	box-shadow: 3px 3px 8px #575756;
}

.grey-box {
	padding: 10px;
	border: 2px solid #2fac66;
	border-radius: 20px;
	background-color: #e9e9e9;
	box-shadow: 3px 3px 8px #575756;
}

.yellow-box {
	padding: 10px;
	border: 2px solid #ffcc00;
	border-radius: 20px;
	background-color: #fff5d8;
	box-shadow: 3px 3px 8px #575756;
}

.grey-box .bottom {
	background-color: #575756;
	color: #fff;
	padding: 10px;
	border-radius: 0 0 20px 20px;
}

.lgreenbg-border-box {
    border: 2px solid #2bb67a;
    padding: 0 10px;
    background-color: #f1f7f1;
}

.lgreybg-border-box {
    border: 2px solid #333;
    padding: 20px 10px;
    background-color: #f1f1f1;
}

.lgreybg-border-box.radius {
    border-radius: 20px;
    padding: 0 10px;
    box-shadow: 3px 3px 8px #575756;
}
.lgreybg {
    background-color: #f1f1f1;
	border-radius: 20px 20px 0 0;
}
.dotted-border-corners {
    border: 2px dotted grey;
    padding: 10px;
}
.lpinkbg-border-box {
    border: 2px solid var(--afroPink);
    padding: 0 10px;
    background-color: #fdeded;
}
.last-value {
    font-size: 14px;
}
.dotted-pinkborder-corners {
    border: 2px dotted var(--afroPink);
    padding: 10px;
}
.dotted-yellowborder-corners {
    border: 2px dotted var(--afroYellow);
    padding: 10px;
}
.lyellowbg-border-box {
    border: 2px solid var(--afroYellow);
    padding: 0 10px;
    background-color: #fffaec;
}

.board-section {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-image: url(https://afrocentric-online.co.za/reports/afrocentric-ar2025/images/chairmain-bg.png);
    flex: 1;
    position: relative;
    overflow: hidden;
}

p.footnote {
    font-style: italic;
    font-size: 12px;
}

.ndash-list {
	list-style: none;
	padding-left: 1em; 
}
  
.ndash-list li::before {
	content: "–"; /* ndash */
	display: inline-block;
	margin-left: -1em; 
	width: 1em;
	color: inherit; 
}
.corner-yellow-dots {
	position: relative;
	padding: 15px;
	border: none;
  }
  
  /* styles for the corners */
  .corner-yellow-dots::before,
  .corner-yellow-dots::after {
	content: "";
	position: absolute;
	width: 50%;
	height: 100%;
	border-style: dotted;
	border-width: 4px;
	border-color: var(--afroYellow);
	box-sizing: border-box;
  }
  
  /* Top-left corner */
  .corner-yellow-dots::before {
	top: 0;
	left: 0;
	border-right: none;
	border-bottom: none;
  }
  
  /* Bottom-right corner */
  .corner-yellow-dots::after {
	bottom: 0;
	right: 0;
	border-top: none;
	border-left: none;
  }
  
  .table-wrapper {
	display: flex;
	flex-direction: column;
	width: 100%;
  }
  
  .table-row {
	display: flex;
	flex-direction: row;
	width: 100%;

  }
  
 .table-cell {
	flex: 1;
	padding: 5px;
 }

 .lightyellow-bg {
	background-color: #fffaec;
  }
  
  .header-row .table-cell {
	padding: 5px 10px;
  }
  
    
  .column-gap {
	width: 0.5rem;
	background-color: white;
  }
  
  .row-gap {
	height: 0.5rem;
	background-color: white;
  }
  
  /* Responsive Stack on Smaller Screens */
  @media (max-width: 768px) {
	.table-row {
	  flex-direction: column;
	}
  
	.column-gap {
	  height: 1rem; 
	  width: 100%;
	}
  
	.table-cell {
	  width: 100%;
	}
  }
  
  hr.dotted-pink {
    border: none;
    border-top: 4px dotted var(--afroPink);
    margin: 1.5rem 0;
}
hr.dotted-black {
    border: none;
    border-top: 4px dotted #000;
    margin: 1.5rem 0;
}


.bb-green {
	border-bottom: 1px solid var(--afroGreen);
}

.risk-table {
	width: 100%;
	border: 2px solid var(--afroYellow); 
	border-collapse: collapse;
	padding: 20px;
  }
  
  .risk-row {
	display: block;
  }
  
  .risk-row.flex {
	display: flex;
	flex-wrap: wrap;
	border: 2px solid var(--afroYellow);
  }
  
  .risk-cell {
	box-sizing: border-box;
	flex: 1;
	min-width: 250px;
  }
  
  /* Backgrounds */
  
  .navy-bg {
	background-color: #001f3f;
  }
  
  /* Responsive stacking for last two columns */
@media (max-width: 768px) {
	.risk-row.flex {
	  flex-direction: column;
	}
  
	.risk-cell {
	  width: 100%;
	}
  }
  
  
  .risk-banner {
	position: relative;
	padding: 10px
  }
  
  .risk-banner h4 {
	margin: 0;
  }
  
  .arrow-icon {
	position: absolute;
	top: -25px; 
	right: 12px;
	object-fit: contain;
  }
  @media (max-width: 576px) {
	.risk-banner {
	  padding-right: 4rem; 
	}
  
	.arrow-icon {

	  top: -10px;
	  right: 8px;
	}
  
  }
	
  .trend-row {
	display: flex;
	justify-content: space-between;
	gap: 2rem;
	flex-wrap: wrap; 
  }
  
  .trend-item {
	display: flex;
	align-items: center; 
	gap: 0.5rem;
	font-size: 1rem;
	flex: 1 1 auto;
	min-width: 200px; 
  }

  
  .trend-item img {
	margin-bottom: 0px;
	display: block; 
  }
  
 
.radius {
    border-radius: 20px;
}

.lgrey-bg {
    background-color: #948980;
    padding: 10px;
}
.lgrey-bg.shadow h5 {
    margin: 0;
}

.bottom-radius {
    border-radius: 0px 0px 20px 20px;
}
.top-radius {
    border-radius: 20px 20px 0px 0px;
}
.br-grey {
    border-right: 2px solid #333;
}
.solid-pink {
    border-top: 2px solid rgb(229 0 81);
}
.solid-green {
    border-top: 2px solid var(--afroGreen);
}
.solid-yellow {
    border-top: 2px solid var(--afroYellow);
}
.dotted-green {
    border: none;
    border-top: 4px dotted var(--afroGreen);
    margin: 1.5rem 0;
}
.dotted-yellow {
    border: none;
    border-top: 4px dotted var(--afroYellow);
    margin: 1.5rem 0;
}

/* Corporate governance */

.objectives {
	margin-bottom: 20px;
	border-bottom: 2px dotted var(--afroGreen);
}

.objectives .top {
	padding: 5px 10px;
	background-color: var(--afroRed);
	color: #fff;
	margin-bottom: 10px;
	font-family: var(--font-med);
	font-size: 18px;
}

.objectives p, .objectives h4, .objectives img{
	padding: 0 10px;
}

.link-box {
	padding: 10px;
	border-radius: 20px;
	border: 1px solid var(--afroPink);
	background-color: #fce4e4;
	margin-bottom: 20px;
}

.comp-box {
	padding: 10px;
	border: 2px solid;
	border-radius: 20px 20px 0 0;
	box-shadow: 3px 3px 8px #575756;
	margin-bottom: 20px;
}

.comp-box h3{
	margin-top: 0;
}

.boxed .btb1 {
	border-top: 2px solid #e2e1e1;
	border-bottom: 2px solid #e2e1e1;
	padding: 10px;
	margin-top: 10px;
}

.head-green{
	padding: 5px 10px;
	background-color: var(--afroGreen);
	color: #fff;
	margin-bottom: 10px;
	font-family: var(--font-med);
	font-size: 18px;
}

.box-lgreen{
	padding: 10px;
	background-color: #e1efe3;
}

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

.start-obj {
	margin-bottom: 20px;
}

.start-obj .top{
	padding: 5px 10px;
	background-color: var(--afroPink);
	color: #fff;
	margin-bottom: 10px;
	font-family: var(--font-med);
	font-size: 18px;
}

.start-obj .middle {
	border-bottom: 2px dotted var(--afroPink);
	padding: 0 10px 5px 10px;
	font-family: var(--font-med);
}

.start-obj .bottom p {
	padding: 10px 10px 0 10px;
}

.start-obj .bottom {
	border-bottom: 2px dotted var(--afroPink);
	padding-bottom: 15px;
}

.start-obj .red-box {
	padding: 10px;
	border: 2px solid var(--afroPink);
	border-radius: 0;
	background-color: #fbdbdb;
	box-shadow: 3px 3px 8px #575756;
}

.start-obj h4{
	margin-top: 0;
}

.start-obj ul{
	margin-bottom: 0;
}

.start-obj .green-box {
	padding: 10px;
	border: 2px solid #2fac66;
	border-radius: 0;
	background-color: #e1efe3;
	box-shadow: 3px 3px 8px #575756;
	display: flex;
	height: 100%;
	flex-direction: column;
}

.Rem-table tr.Rem-head{
	background-color: var(--afroGreen);
	color: #fff;
	font-family: var(--font-bold);
}


.Rem-table tr.Rem-head td {
	padding: 5px 10px;
	vertical-align: top;
}

.Rem-table td {
	padding: 5px 10px;
	vertical-align: top;
}

.Rem-table td.bbdr {
	border-bottom: 2px dotted var(--afroRed);
}

.Rem-table td.lgreen-bg {
	background-color: #f0f7f1;
}

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

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

.boxed.bordered{
	position: relative;
	padding: 15px;
	border: none;
  }
  
 .boxed.bordered ul{
	 margin-bottom: 0;
 } 
  
/* styles for the corners */
.boxed.bordered::before, .boxed.bordered::after  {
	content: "";
	position: absolute;
	width: 70%;
	height: 50px;
	border-style: dotted;
	border-width: 4px;
	box-sizing: border-box;
}


/* Top-left corner */
.boxed.bordered::before {
	top: 0;
	left: 0;
	border-right: none;
	border-bottom: none;
}

/* Bottom-right corner */
.boxed.bordered::after {
	bottom: 0;
	right: 0;
	border-top: none;
	border-left: none;
}

.boxed.bordered.yellow-border:before, .boxed.bordered.yellow-border:after{
  border-color: var(--afroYellow);
}

.boxed.bordered.lgrey-border:before, .boxed.bordered.lgrey-border:after{
	border-color: #dadada;
}

.boxed.bordered.grey-border:before, .boxed.bordered.grey-border:after{
	border-color: #575756;
}

.boxed.bordered.pink-border:before, .boxed.bordered.pink-border:after{
	border-color: var(--afroPink);
}

.boxed.bordered.red-border:before, .boxed.bordered.red-border:after{
	border-color: var(--afroRed);
}

.boxed.bordered.maroon-border:before, .boxed.bordered.maroon-border:after{
	border-color: #7c394f;
}

.boxed.bordered.green-border:before, .boxed.bordered.green-border:after{
	border-color: var(--afroGreen);
}

a.link{
	color: var(--afroRed);
}

.focus h3 {
	margin-top: 0;
}

a.download {
	padding: 8px 15px;
	border: 2px solid #2fac66;
	border-radius: 20px;
	display: flex;
	align-items: center;
	width: fit-content;
	margin-bottom: 20px;
	background-color: #e1efe3;
	color: #575756;
	font-family: 'GothamNarrow-Bold';
}

i.fa-solid.fa-download {
	margin-right: 10px;
}

 
.row.diagram > .col-md-3 {
	display: flex;
	flex-direction: column;
}

.column-inner {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.heading-row {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-shrink: 0;
}

 
 @media (min-width: 768px) { 
  .row.diagram {
    display: flex;
    flex-wrap: wrap;
  }

  .content-row {
    min-height: 377px;
    padding-top: 10px;
}

  .row.diagram > .col-md-3 {
    display: flex;
    flex-direction: column;
  }

  .heading-row { 
     display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-shrink: 0; 
     min-height: 90px;
	 padding-top: 10px;
  }


  .radius {
    flex-shrink: 0;
    margin-top: auto; 
 }

 .column-inner .radius {
    min-height: 430px;
}
}  


.row.equal-height {
	margin-right: -2.5px;
	margin-left: -2.5px;
}

.equal-height > .col-12.col-md-3 {
	display: flex;
	flex-direction: column;
	padding-left: 2.5px;
	padding-right: 2.5px;
	margin-bottom: 5px;
}

.inner-shadow {
	flex: 1;
	height: 100%;
}

.custom-gap .table-row.header-row {
    padding-bottom: 8px;
}


@media (max-width: 767px) { 
.custom-gap {
    padding-bottom: 10px;
}
}



.page-id-3604 .next-section{
	visibility: hidden;
}



.boxed.flex {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.table-cell.withspan h4{
	display: flex;
}

.column-inner a.green:hover{
	color: var(--afroGreen);
	text-decoration: none;
}

.column-inner a.pink:hover{
	color: var(--afroPink);
	text-decoration: none;
}

.column-inner a.yellow:hover{
	color: var(--afroYellow);
	text-decoration: none;
}

.column-inner a.grey:hover{
	color: #575756;
	text-decoration: none;
}

.grey{
	color: #575756;
}

.icon-holder {
	text-align: right;
}

.icon-holder img{
	margin-bottom: 0;
}

h4.mt20 {
	margin-top: 30px;
}

p.dir_name{
	font-family: var(--font-bold);
	margin-bottom: 0;
}

@keyframes bounce-up {
  0%, 100% {
	transform: translateY(0);
  }
  50% {
	transform: translateY(-7px);
  }
}

@keyframes bounce-down {
  0%, 100% {
	transform: translateY(0);
  }
  50% {
	transform: translateY(7px);
  }
}

@keyframes bounce-right {
  0%, 100% {
	transform: translateX(0);
  }
  50% {
	transform: translateX(6px);
  }
}

@keyframes bounce-left {
  0%, 100% {
	transform: translateX(0);
  }
  50% {
	transform: translateX(-6px);
  }
}

img.bounce-up {
  animation: bounce-up 1.2s ease-in-out infinite;
}

img.bounce-down {
  animation: bounce-down 1.2s ease-in-out infinite;
}

img.bounce-left {
  animation: bounce-left 1.2s ease-in-out infinite;
}

img.bounce-right {
  animation: bounce-right 1.2s ease-in-out infinite;
}

.ESG tr.ybg td {
	background-color: #fff6da;
}

.ESG tr.bl td:first-child {
	border-left: 2px solid #2fac66;
}

.ESG tr.br td:last-child {
	border-right: 2px solid #2fac66;
}

.ESG tr.bt{
	border-top: 2px solid #2fac66;
}

.ESG tr.bb{
	border-bottom: 2px solid #2fac66;
}

.ESG tbody tr td:first-child {
  font-family: var(--font-bold);
  font-size: 18px;
}

.ESG tbody tr td:nth-child(2) {
	font-family: var(--font-bold)
}

.ESG td{
	vertical-align: top;
}

.ESG thead tr td{
	color: #fff;
	background-color: #2fac66;
	font-size: 20px;
	vertical-align: bottom;
	font-family: var(--font-med);
}

.ESG td {
	padding: 5px;
}

.ESG tr.shaded td{
	background-color: #fff6da;
	border-bottom: 2px solid #2fac66;
	border-top: 2px solid #2fac66;
}

.ESG tr.shaded td:first-child{
	border-left: 2px solid #2fac66;
}

.ESG tr.shaded td:last-child{
	border-right: 2px solid #2fac66;
}

.ESG {
  border-collapse: collapse;
  width: 100%;
}

.ESG thead td {
	position: sticky;
	top: 0;
	z-index: 2;
}

.Abbreviations {
	column-count: 2;
	margin-top: 40px;
}

.Company-info{
	margin-top: 40px;
}

@media (max-width: 768px) {
	.Abbreviations {
		column-count: 1;
	}
}

.ABB td{
	vertical-align: top;
}

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

.ABB tr:first-child {
	border-top: 1px solid;
}

.ABB tr td:first-child {
	font-family: var(--font-bold);
}