/* 1. HOW WE SUSTAIN VALUE */
/* 2. OUR OPERATING ENVIRONMENT */
/* 3. MATERIAL RISKS AND OPPORTUNITIES*/
/* 4. GAINS */
/*5. HOME AND PERSONAL CARE*/
/*6. REMUNERATION AND PERFORMANCE*/
/*7. 2021 PERFORMANCE SUMMARY*/
/*8. COVID*/
/*9. SUSTAINABILITY GOVERNANCE*/
/*10. LIST*/
/*11. DELIVERING ON OUR STRATEGY*/
/*12. ENHANCED LIVELIHOODS*/




/* 1. HOW WE SUSTAIN VALUE */
.how-greybg{ background: #4A5764; color: #fff; font-size: 12px!important}

/* 2. OUR OPERATING ENVIRONMENT */
.environment-whitebg{ background: #F3F3F4!important}
.environment-icon-img{  position: absolute;right: -263px;bottom: 0px;}
.environment-overflow{ overflow: auto!important}

/* 3. MATERIAL RISKS AND OPPORTUNITIES*/
.material-headergrey{background: #4B5763;padding: 10px;color: #fff; width: 100%;}
.material-topbot{ border-bottom: 1px dotted #CE202A;border-top: 1px dotted #CE202A;}
.material-bot{ border-bottom: 1px dotted #CE202A;}

.material-accordions {display:inline;}
.material-about {background-color: #4A5764;color: #fff;cursor: pointer;padding: 18px;width: 100%;text-align: left;border: none;outline: none;transition: 0.4s; border-bottom:1px solid #fff; font-size:16px; margin-bottom: 10px;}
.material-about:after {content: '\02795'; font-size: 13px;color: #fff!important;float: right; margin-left: 5px;}
/*.active:after {content: '\2796';}*/
.material-about.active, .material-about:hover {background-color: #CE202A;}
.panel-about {padding: 20px 0px 20px 0px;;background-color: #fff;display: none;overflow: hidden;}
.material-greybg{ background: #4A5764; color: #fff}
.material-creambg{ background: #ECEDED; }
.material-rowleft {border-top:2px solid #4C4D4F; border-bottom:2px solid #4C4D4F; border-left:2px solid #4C4D4F;}
.material-rowright {border-top:2px solid #4C4D4F; border-bottom:2px solid #4C4D4F; border-right:2px solid #4C4D4F;}
.material-row {border-top:2px solid #4C4D4F; border-bottom:2px solid #4C4D4F;}

/* 4. GAINS */
.gains-header{ font-size: 35px!important; color: #fff}
.grains-creambg{ background: #EDEAE7}

/*5. HOME AND PERSONAL CARE*/
.home-whitebg{ background: #fff!important}

/*6. REMUNERATION AND PERFORMANCE*/
.rem-intro-35 { font-size: 80px;font-weight: 100;}
.rem-intro-head { font-size: 35px;font-weight: 100;}
.rem-close-marks{position: absolute;bottom: -65px;right: 157px;}
.rem-open-mark{position: absolute; top: -27px; left: -36px;}
.rem-p{ position: relative;left: 27px}
.rem-lightgreybg{ background: #EEEFEF}


/*7. 2021 PERFORMANCE SUMMARY*/
.grey-bg-performance{ background: #4B5763; padding: 10px; color: #fff; margin: 0 auto; width: auto; position: relative}
.peformance-img{position: absolute;top: -21px;left: 15px;}
.margin-100L{ margin-left: 100px}

/*8. COVID*/
.covid-greyheader{ background: #4B5763; padding: 10px; color: #fff}
.covid-brownbg{ background: #EBEBEC; padding: 10px}

.covid-bgheader{ background: #CE202A; padding: 10px; color: #fff!important; margin: 0 auto; width: auto; }
.covid-darkbg{ background: #4B5763; padding: 10px; color: #fff!important}
.rgt{ float: right; clear: right}



/*9. SUSTAINABILITY GOVERNANCE*/
.sustainability-graphbg{ background: #F1F0EF; border: 1px solid #4C4D4F}
.anchors-greybg{background: #4B5763;color:#fff;padding: 10px;width: 40%;position: relative;left: 17px;top: -20px;margin: 0 auto; text-align: center;} 
.anchors-col{width: calc(100%);position: relative;box-sizing: border-box;padding-left: 0;padding-top: 0; border-top: 1px solid #4C4D4F;border-left: 1px solid #4C4D4F; border-right: 1px solid #4C4D4F;border-radius: 15px 15px 0px 0px; }

.building-col{width: calc(50%);float: left;position: relative;box-sizing: border-box;padding: 60px;padding-left: 0;padding-top: 0;}
.building-col.l:last-of-type{margin-right: 0;}
.building-col.l:after{display: none;}
.building-col.l:before{display: none;}
.building-darkgreybg{ background: #4B5763; color: #fff; }
.building{border: 1px solid #C60C46;padding: 15px;/* border-radius: 15px */}
.bluiding-redbox{ background: #CE202A; color: #fff; padding-top: 10px; padding-bottom: 10px}
.building-icon {position: relative;left: 250px;top: -26px;}


/*10. LIST*/
ul.list-whitearrow {margin: 0 0 25px 0; padding: 0;}
ul.list-whitearrow li {list-style: none; position: relative; padding: 0 0 0 18px;  margin: 0 0 0px 0; line-height: 1.9;    font-size: 14px;}
ul.list-whitearrow li:before {content: ''; border-right: 1px solid #fff; border-bottom: 1px solid #fff; width: 4px; height: 4px; transform: translateY(-50%) rotate(-45deg); position: absolute; left: 0px; top: 11px;}

/*FLOAT*/
.lft {float:left; padding-right:10px;}
.rgt {float:right; padding-left:10px;}

/*11. DELIVERING ON OUR STRATEGY*/
.strategy-headergrey{ background: #4B5763; color: #fff; padding: 10px}
.strategy-bggrey{ background: #E8E8EA; padding: 10px; border-bottom:1px solid #4C4D4F }
.strategy-headerbrown{ background: #6F625A; padding: 10px;color: #fff}
.strategy-bgbrown{ background: #D6D1CD; padding: 10px;border-bottom:1px solid #4C4D4F}
.strategy-headerlgtgrey{ background: #958F8A; padding: 10px;color: #fff}
.strategy-bglgtgrey{ background: #EDEBE9; padding: 10px;border-bottom:1px solid #4C4D4F}
.strategy-icon1{position: absolute;left: 171px; top: 5px;}
.strategy-icon2{position: absolute;left: 629px; top: 8px;}
.strategy-icon3{position: absolute;right: 159px; top: 10px;}

.strategy-col{width: calc(50%);float: left;position: relative;box-sizing: border-box;padding-right: 0px;padding-top: 0;}
.strategy-col.l:last-of-type{margin-right: 0;}
.strategy-col.l:after{display: none;}
.strategy-col.l:before{display: none;}
.strategy-creambg{ background: #EBE7E2; padding: 10px; min-height: 735px;}
.strategy-whitebg{ background: #fff; padding: 10px; border-top:1px solid #4C4D4F; border-bottom:1px solid #4C4D4F;}





/*12. ENHANCED LIVELIHOODS*/
.ehanced-headergrey{ background: #4B5763; color: #fff; padding: 10px}
.ehanced-bggrey{ background: #E8E8EA; padding: 10px; border-bottom:1px solid #4C4D4F }
.ehanced-headerbrown{ background: #6F625A; padding: 10px;color: #fff}
.ehanced-bgbrown{ background: #D6D1CD; padding: 10px;border-bottom:1px solid #4C4D4F}
.ehanced-headerlgtgrey{ background: #958F8A; padding: 10px;color: #fff}
.ehanced-bglgtgrey{ background: #EDEBE9; padding: 10px;border-bottom:1px solid #4C4D4F}
.ehanced-col{width: calc(50%);float: left;position: relative;box-sizing: border-box;padding-right: 0px;padding-top: 0;}
.ehanced-col.l:last-of-type{margin-right: 0;}
.ehanced-col.l:after{display: none;}
.ehanced-col.l:before{display: none;}
.ehanced-creambg{ background: #EBE7E2; padding: 10px; }
.ehanced-whitebg{ background: #fff; padding: 10px; border-top:1px solid #4C4D4F; border-bottom:1px solid #4C4D4F;}

.col-left-ehanced{float: left;width: 50%;box-sizing: border-box;padding: 0 90px 0 0;margin-top: 250px;}
.col-right-ehanced{float: left;width: 50%;min-height: 500px;}
.cream-bg-block{background: #ECE7E2;padding: 10px 10px;box-sizing: border-box;min-height: 500px; margin-bottom: 60px}
.cream-bg-block h4{padding: 10px;margin: 0;color: #4C4C4E;margin-bottom: 10px;}
.ehanced-30{ font-size: 30px!important}


.ehanced-grey-bg{background-image: url("../images/ehanced-bg.png");background-size: contain;background-repeat: no-repeat;background-position: top center;box-sizing: border-box;padding: 30px;}
.ehanced-grey-bg h2{color: #fff;border: 0;margin-bottom: 0;}
.ehanced-grey-bg h2 a{ color: #fff;}

.ehanced-col{width: calc(50%);float: left;position: relative;box-sizing: border-box;padding: 60px;padding-left: 0;padding-top: 0;}
.ehanced-col.l:last-of-type{margin-right: 0;}
.ehanced-col.l:after{display: none;}
.ehanced-col.l:before{display: none;}
.ehanced-darkgreybg{ background: #CE202A; color: #fff; }
.ehanced-whitebox{ background: #CE202A; color: #fff; padding-top: 10px; padding-bottom: 10px; border: 1px solid #fff}

.ehanced-big{ font-size: 30px; color: #4A5663; font-weight: 100!important}
.ehanced-small{ font-size: 25px; color: #4A5663; font-weight: 100!important}
.ehanced-greish{ background: #4B5763}
.ehanced-white{ background: #fff}
.ehanced-bkr {background-image: url("../images/ehanced-women.png"); background-size: cover;  background-repeat: no-repeat; background-position: top center; box-sizing: border-box; padding: 30px; min-height: 900px}
.ehanced-bkr article {margin: 0 auto; padding: 5px 20px; box-sizing: border-box; width: 100%; max-width: 1400px; position: relative; top: 130px}
.ehanced-bkr article span {border:1px solid #000; padding:10px; width:15%; text-align:center; display:block; background: #4B5763; color: #fff}
.ehanced-bkr article div {background:rgba(154,140,115, 0.8); padding: 5px 20px;}
.ehanced-bkr article div p {color: #fff!important}
.ehanced-bg{ background: #EDE9E5; padding: 10px;}
.ehanced-school {background-image: url("../images/pg37-pic2.png"); background-size: cover;  background-repeat: no-repeat; background-position: top center; box-sizing: border-box; padding: 30px; min-height: 700px}
.ehanced-school article {margin: 0 auto; padding: 5px 20px; box-sizing: border-box; width: 100%; max-width: 1400px; position: relative; top: 130px}
.ehanced-school article span {border:1px solid #000; padding:10px; width:15%; text-align:center; display:block; color: #fff;background: #4B5763;}
.ehanced-school article div {background:rgba(205,206,202, 0.8); padding: 5px 20px; overflow: auto}
.ehanced-school article div p {color: #4C4C4E!important}

.ehanced-foundation {background-image: url("../images/girsl.png"); background-size: cover;  background-repeat: no-repeat; background-position: top center; box-sizing: border-box; padding: 30px; min-height: 900px;margin-top: 100px;}
.ehanced-foundation article {margin: 0 auto; padding: 5px 20px; box-sizing: border-box; width: 100%; max-width: 1400px; position: relative; }
.ehanced-foundation article span {border:1px solid #000; padding:10px; width:15%; text-align:center; display:block; color: #4A5763}
.ehanced-foundation article div {background:rgba(220,220,218, 0.8); padding: 5px 20px; overflow: auto}
.ehanced-foundation article div p {color: #4C4C4E!important}
.ehanced-foundation article h3 {padding: 10px;  margin: 0;  margin-bottom: 10px; font-size: 35px; line-height: 1.2; font-weight: bold; color:#4C4C4E;}

.ehanced-sdg {background-image: url("../images/jams.png"); background-size: cover;  background-repeat: no-repeat; background-position: top center; box-sizing: border-box; padding: 30px; ;margin-top: 100px;}
.ehanced-sdg article {margin: 0 auto; padding: 5px 20px; box-sizing: border-box; width: 100%; max-width: 1400px; position: relative; }
.ehanced-sdg article span {border:1px solid #000; padding:10px; width:15%; text-align:center; display:block; color: #fff; background: #4B5763}
.ehanced-sdg article ehanced-bg {background:rgba(124,118,117, 0.8); padding: 5px 20px; overflow: auto}
.ehanced-bg  {background:rgba(124,118,117, 0.8); padding: 5px 20px; overflow: auto}
.ehanced-sdg article div p {color: #fff!important}
.ehanced-sdg article h3 {padding: 10px;  margin: 0;  margin-bottom: 10px; font-size: 35px; line-height: 1.2; font-weight: bold; color:#4C4C4E;}
.ehanced-left{ border-left: 5px solid #4B5763}
.ehanced-right{ border-right: 3px solid #4B5763}

/*ABOUT ACCORDIONS*/
.about-accordions {display:inline;}
.accordion-about {background-color: #CE202A;color: #fff;cursor: pointer;padding: 18px;width: 100%;text-align: left;border: none;outline: none;transition: 0.4s; border-bottom:1px solid #fff; font-size:16px; margin-bottom: 30px; position: relative}
.accordion-about:after {content: '\02795'; font-size: 13px;color: #fff!important;float: right; margin-left: 5px;}
/*.active:after {content: '\2796';}*/
.accordion-about.active, .accordion-about:hover {background-color: #CE202A;}
.panel-about {padding: 20px 0px 20px 0px;;background-color: #fff;display: none;overflow: hidden;}
.accordion-icon{position: absolute;top: -11px;}



.tcfd-redheader{ background: #CE202A; color: #fff}
.tcfd-body{ background: #ECE7E2; }

/*10. CASE STUDY*/
.case-header{ border: 1px solid #4C4D4F; width: 20% }
.case-col{width: calc(50%);float: left;position: relative;box-sizing: border-box;padding-right: 0px;padding-top: 0; background: #DDDCDA}
.case-col.l:last-of-type{margin-right: 0;}
.case-col.l:after{display: none;}
.case-col.l:before{display: none;}
.case-brownbg{ background: #DDDCDA; padding: 10px}
.border-none{ border:none!important}

.lightgrey-bg{ background: #9497A0}
.red-background{ background: #CE202A}