.switch-darkergrey {color:#24446E!important;}
.switch-darkblue {color:#002B55!important;}
.switch-yellow {color: #F3AC1C!important;}
.switch-green {color: #58B077!important;}

.rgt {float:right; padding:20px 0px 20px 20px;}
.block-white-header {display:block; width:35%; background:#000; color:#fff; font-size:20px; padding:10px; font-style:normal; margin-bottom:15px;}
.border-black {border:1px solid #000;}
.background-cream {background:#FBF4EE;}
.background-purple {background:#E0E2EC;}
.blue-caption {font-size:12px; color:#002C57;}
.blue-background-block {background:#002C57; color:#fff; padding:25px; border:1px solid #000;}
.grey-background-block {background:#505A67; color:#fff; padding:25px; border:1px solid #000;}
.green-background-block {background:#3FA535; color:#fff; padding:25px; border:1px solid #000;}
.navi-block {background:#002C57; color:#fff; font-size:18px; font-weight:500; padding:10px; text-align:center;}
.darkblue-block {background:#002C57; color:#fff; text-align:center; padding:5px; font-size:16px; margin:30px 0px;}
.red-block {background:#CC151D; color:#fff; padding:5px; font-size:18px;}
.black-block {background:#000; color:#fff; padding:5px; font-size:18px;}
.lightgreybkr {background:#F3F3F3;}
.bg-black {background:#000;}
.bg-white {background:#fff;}
.bg-green {background:#3FA535;}
.bg-naviblue {background:#002C57;}
.bg-white {background:#fff;}
.bg-grey {background:#505A67;}
.border-whiteright {border-right:1px solid #fff;}
.col-2 {float:left; width:50%; box-sizing:border-box;}
.col-3 {float:left; width:33%; box-sizing:border-box;}
.block-50 {width: 22%;display:block;}
.lightgreen-cell {background:#B0D199; border-bottom:1px solid #fff;}
.pink-cell {background:#E6957D;}
.purple-cell {background:#A0A7B9;}
.large-black-box {background:#000; color:#fff; padding:10px; font-size:20px;}
.border-whitebox {background:#fff; padding:10px; color:#CB141C; font-size:24px; text-align:center; margin-bottom:15px; border:1px solid #000;}
.sdg-radius {border-radius:8px 8px 8px 8px;}
.breakdown-head {background:#002C57; color:#fff; font-size:20px; font-weight:700; padding:5px; text-align:center;}

.grey-bg{ background: #CDCFD8}
.darkgrey-bg{ background: #4B5763}
.yellow-bg{ background: #F3AD1C}
.red-bg{ background: #CE202A}
.blue-bg{ background: #346F9B}
.green-bg{ background:#58B178}
.invest-blackbg {background: #000000; color: #fff; padding: 5px;}


.row-ops {display: flex;}
.ops-heading {flex-basis: 20%; padding: 15px; position: relative;}
.ops-content {flex-basis: 80%; padding: 15px;}
.col-content .inner {padding: 30px;}
.fin-tbl-2 {width: 100%; margin: 0 0 0 0; padding: 0 0px; font-size: 14px!important;}	
.background-grey {background:#F1F1F1;}	
.col-two-ops {float:left; padding:15px; box-sizing:border-box; width:50%;}

.ops {display:flex; margin-bottom:20px;}
.ops .col-one {flex-basis:50%; background:#E3E4ED; border:1px solid #000; padding:15px;}
.ops .col-two {flex-basis:50%; border-right:1px solid #000; border-top:1px solid #000; border-bottom:1px solid #000; padding:15px;}
.ops .col-one div {background:#000; padding:5px;}

.risks {display:flex; margin-bottom:20px;}
.risks .col-one {flex-basis: 20%;}
.risks .col-two {flex-basis: 80%;background: #E7E8F0;padding: 15px;}
.risks .col-one div {background:#CB151C; padding:5px;}
.risks .col-two div {background:#fff; padding:5px;}

.material {display:flex; margin-bottom:20px; gap:20px;}
.material div {flex-basis:50%;}

.largetxtwhite {font-size:18px; color:#fff;}
.image-radius {background:#fff; border-radius:0px 0px 30px 30px; min-height:50px; text-align:center;}
.risk-background {background:#E7E8F0;}

ul.list-red-arrow {margin: 3px 0 25px 0;padding: 0;}
ul.list-red-arrow li {list-style: none;position: relative;padding: 0 0 0 18px;margin: 0 0 10px 0;line-height: 1.5; font-size:clamp(1.2rem, calc(1.2 / 80 * 100vw), 1.6rem); color:#4C4D4F;}
ul.list-red-arrow li:before {content: ''; border-right: 1px solid #CB141C; border-bottom: 1px solid #CB141C; width: 4px; height: 4px; transform: translateY(-50%) rotate(-45deg); position: absolute; left: 0px; top: 11px;}
ul.list-red-arrow li ul {list-style: none;padding:0px; margin:0px;}
ul.list-red-arrow li ul li {position:relative;}
ul.list-red-arrow li ul li:before {content: ''; position:absolute; top:10px; left:0px; font-size:10px; display:block; width:8px; height:1px; background:#000; border-right: 0px; border-bottom:0px; transform:none;}


ul.list-red-bluetxt {margin: 3px 0 25px 0;padding: 0;}
ul.list-red-bluetxt li {list-style: none;position: relative;padding: 0 0 0 18px;margin: 0 0 10px 0;line-height: 1.5; font-size:clamp(1.2rem, calc(1.2 / 80 * 100vw), 1.6rem); color:#002B55;}
ul.list-red-bluetxt li:before {content: ''; border-right: 1px solid #CB141C; border-bottom: 1px solid #CB141C; width: 4px; height: 4px; transform: translateY(-50%) rotate(-45deg); position: absolute; left: 0px; top: 11px;}

ul.white-red-arrow {margin: 3px 0 25px 0;padding: 0;}
ul.white-red-arrow li {list-style: none;position: relative;padding: 0 0 0 18px;margin: 0 0 10px 0;line-height: 1.5; font-size:clamp(1.2rem, calc(1.2 / 80 * 100vw), 1.6rem); color:#fff;}
ul.white-red-arrow li:before {content: ''; border-right: 1px solid #CB141C; border-bottom: 1px solid #CB141C; width: 4px; height: 4px; transform: translateY(-50%) rotate(-45deg); position: absolute; left: 0px; top: 11px;}

ul.blue-arrow {list-style:none; margin:0; padding:0;}
ul.blue-arrow li {position:relative;color: #002C57;font-size:12px;padding-left: 60px;}
ul.blue-arrow li:before {content:'';position:absolute;left:0px;top:0px;display:block;background:#002C57;width: 50px;height: 25px;}
ul.blue-arrow li:after {content:'\ef2a';position:absolute;left: 20px;top: 3px;color:#fff;font-family:'icomoon';}

.redbox {border:1px solid red;padding:10px;position:relative;padding-top:80px;}
.redbox span {position:absolute;display:block;width:100%;height:auto;border:1px solid red;padding:10px;left: -10px;top: -10px;background: #fff;font-size: 15px;text-align: center;font-weight: bold;color: #000;}
.redbox img {margin-bottom:20px;}

/*OUR PERFORMANCE - SECTION*/
.performance-block {}
.performance-block h3 {background: #000; color: #fff;display: block;width: 100%;padding: 5px;margin: 0px;font-size: 20px; text-align:center;}
.performance-block .salient-features {position:relative; margin-top:30px;}
.performance-block .salient-features p {font-size:16px;font-weight:bold;color:#000;text-align:center;border-bottom: 1px solid #000;margin-bottom:50px;}
.performance-block .salient-features span {font-size: 26px;font-weight:bold;text-align:center;color:#002B55;}
.performance-block .salient-features small {font-size:12px; text-align:center; color:#000; text-align:center; font-weight:normal;}
.performance-block .salient-features big {position:absolute;right:0px;top:0px;display:block;background:#fff;width: 52px;height: 62px;padding: 5px;padding-top: 20px;text-align: center;font-size: 14px;}
.performance-block .salient-features big:after {content: "\ef30";font-family: 'icomoon';color: #000;text-align: center;position: absolute;bottom: 20px;left: 20px;font-size:20px;}
.performance-block .salient-features i {position:absolute;right:0px;top:0px;display:block;background:#fff;width: 52px;height: 62px;padding: 5px;padding-top: 20px;text-align: center;font-style:normal;font-size: 14px;}
.performance-block .salient-features i:after {content: "\ef34";font-family: 'icomoon';color: #000;text-align: center;position: absolute;bottom: 20px;left: 20px;font-size:20px;}
.square-block {border:1px solid #000;padding:10px;position:relative;padding-top: 50px;}
.square-block span {position:absolute;display:block;width: 80%;height:auto;border:1px solid #000;padding:10px;left: 21px;top: -25px;background: #fff;font-size: 18px;text-align: center;font-weight: normal;color: #000;line-height: 1;}
.square-block-large {border:1px solid #000;padding:20px;position:relative;padding-top: 50px; margin-top:50px;}
.square-block-large span {position:absolute;display:block; width:80%;height:auto;border:1px solid #000; padding:10px;left:50%; transform:translateX(-50%);top:-25px;background:#000;font-size:20px;text-align:center;font-weight:normal;color:#FFF;line-height: 1;}

/*OUR CONTRIBUTION*/
.sdg-row {display: flex;}
.sdg-left-col {display: flex;flex-basis: 50%;box-sizing: border-box;padding: 20px 20px 20px 0px;border-bottom:1px solid #000;border-right:1px solid #000;}
.sdg-right-col {display: flex; flex-basis: 50%; box-sizing: border-box; padding: 20px; border-bottom:1px solid #000;}
.sdg-left-col div:nth-child(1) {flex-basis: 12%;}
.sdg-left-col div:nth-child(2) {flex-basis: 88%;}
.sdg-right-col div:nth-child(1) {flex-basis: 12%;}
.sdg-right-col div:nth-child(2) {flex-basis: 88%;}
.sdg-left-col div:nth-child(1) p {margin-bottom:0px;}
.sdg-right-col div:nth-child(1) p {margin-bottom:0px;}
.sdg-row img {border-radius:8px 8px 8px 8px;}

.sdg-row-single {display: flex; box-sizing: border-box; padding: 20px 20px 20px 0px;}
.sdg-row-single div:nth-child(1) {flex-basis: 6%;}
.sdg-row-single div:nth-child(2) {flex-basis: 94%;}




/*STRATEGY*/
.strategy-row-single {display: flex;box-sizing: border-box;padding: 20px 20px 0px 0px;border-bottom:1px solid #CC151D;/* margin-bottom:15px; */}
.strategy-row-single div:nth-child(1) {flex-basis: 10%;}
.strategy-row-single div:nth-child(2) {flex-basis: 90%;}
.strategy-row-single div:nth-child(1) h6 {color: #002B55; font-size: clamp(1.2rem, calc(1.2 / 80 * 100vw), 1.6rem);}

.anchor-block {background:#002C57;padding:20px;margin-top: 25px;position:relative;padding-left: 70px;margin-left: 40px;}
.anchor-block::before {content:url('../images/anchor.png');width:100px;height:100px;position:absolute;top:0px;left: -50px;}

.sectors-row {display:flex;gap:2%;}
.sectors-row div {flex-basis:32%;} 
.sectors-blue {background:#002C57; color:#fff; padding:15px; text-align:center; font-weight:700; font-size:clamp(1.2rem, calc(1.2 / 80 * 100vw), 2rem);} 
.sectors-grey {background:#505A67; color:#fff; padding:15px; text-align:center; font-weight:700; font-size:clamp(1.2rem, calc(1.2 / 80 * 100vw), 2rem);} 
.sectors-green {background:#3FA535; color:#fff; padding:15px; text-align:center; font-weight:700; font-size:clamp(1.2rem, calc(1.2 / 80 * 100vw), 2rem);} 

.sectors-bg-one {background:#D1D4E2; padding:10px; text-align:center; font-size:clamp(1.2rem, calc(1.2 / 80 * 100vw), 1.6rem); font-weight:700; min-height:85px;}
.sectors-bg-two {background:#E1E0E4; padding:10px; text-align:center; font-size:clamp(1.2rem, calc(1.2 / 80 * 100vw), 1.6rem); font-weight:700; min-height:85px;}
.sectors-bg-three {background:#E9F1E2; padding:10px; text-align:center; font-size:clamp(1.2rem, calc(1.2 / 80 * 100vw), 1.6rem); font-weight:700; min-height:85px;}
.img-round {border-radius:8px 8px 8px 8px;}

/*ACCORDION*/
.acc-main {padding: 0px 0px 0px;color: #000;margin: 0px;}
.container {margin: 0 auto;width: 100%;}
.pockets-main h1 {font-size: 60px;font-weight: bold;font-style: normal;font-stretch: normal;line-height: normal;letter-spacing: normal;text-align: center;color: #111;margin: 0 0px 35px;}
.intro-cont h3{font-size: 35px;font-weight: 600;color: #111;margin: 50px 0;}
.font-weight-600 {font-weight:600;}
.accordion-main{margin-bottom:18px;}
.accordion-main:last-child .accordion_body{padding-bottom: 0;}
.accordion_head {background-color:#CB151C;color: #fff;cursor: pointer;font-size: 18px;padding: 10px;border-radius: 5px;border:1px solid 29705a;font-weight: normal;font-style: normal;font-stretch: normal;line-height: normal;letter-spacing: normal;}
.accordion_body {background: transparent;font-size: 18px; padding:20px;}
.accordion_body img{/* width: 100%; *//* max-width: 230px; *//* margin-bottom: 30px; */}
.accordion_body p {/* margin: 0px; *//* color: #000000; */}
.accordion_body h3, .div-bott h3{font-size: 28px;font-weight: 600;margin: 15px 0;color: #1e352e;}
.div-bott h3{font-size: 35px;}
.div-bott{text-align:center;}
.div-bott p{font-size:24px;}
.plusminus {float: right;font-size: 36px;margin-top: -9px;}
.coll-back{background-color: #fff;color: #111;border:1px solid #111;}
.hr-clc{height: 2px;background: #111;margin-top: 22px;width: 17px;padding: 0;border: 0;margin-left: -20px;}



/*FINANCIALS*/
/* 1. TABLE STYLES */
.fin-tbl tr:hover {background:#EDEDEE;}
 tr.no-hover:hover {background-color:#EDEDEE}
.fin-tbl {width:100%; margin:0 0 0 0; padding:0 0px; font-size:clamp(1.2rem, calc(1.2 / 80 * 100vw), 1.6rem);}
.fin-tbl tr td {padding:3px 10px 3px 3px;line-height:1.4!important;color: #4C4D4F; font-size:clamp(1.2rem, calc(1.2 / 80 * 100vw), 1.6rem);}
.fin-tbl th { padding:3px 10px 3px 3px; color:#3A3838!important; background:#EDEDEE; line-height:1.4!important; font-size: 14px!important; font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-weight:bold;}

.fin-tbl-2 tr:hover {background:#EDEDEE;}
 tr.no-hover:hover {background-color:#EDEDEE}
.fin-tbl-2 {width:100%; margin:0 0 0 0; padding:0 0px; font-size:clamp(1.2rem, calc(1.2 / 80 * 100vw), 1.6rem);}
.fin-tbl-2 tr td {padding:3px 10px 3px 3px;line-height:1.4!important;color: #4C4D4F; font-size:clamp(1.2rem, calc(1.2 / 80 * 100vw), 1.6rem);}
.fin-tbl-2 th { padding:3px 10px 3px 3px; color:#3A3838!important; background:#fff; line-height:1.4!important; font-size: 16px!important; font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-weight:bold;}

.fin-share tr:hover {background:#E4E5E6;}
 tr.no-hover:hover {background-color:#FDF5F4}
.fin-share {width:100%; margin:0 0 0 0; padding:0 0px; font-size:14px!important;}
.fin-share tr td {padding:3px 10px 3px 3px; line-height:1.4!important; color: #4C4D4F;/*vertical-align: bottom!important;*/}
.fin-share th { padding:3px 10px 3px 3px; color:#3A3838!important; background:#E4E5E6; line-height:1.4!important; font-size: 14px!important; font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-weight: 100!important}
.fin-share tr th[width="5"], .fin-share tr td[width="5"] { padding:0; width: 5px;}
.fin-share tr th[align="left"], .fin-share tr td[align="left"] { text-align: left;}
.fin-share tr th[align="right"], .fin-share tr td[align="right"] { text-align: right;}
.fin-share tr th[height="10"], .fin-share tr td[height="10"] { padding:0; height: 5px;}

.fin-tbl tr th[width="5"], .fin-tbl tr td[width="5"] { padding:0; width: 5px;}
.fin-tbl tr th[align="left"], .fin-tbl tr td[align="left"] { text-align: left;}
.fin-tbl tr th[align="right"], .fin-tbl tr td[align="right"] { text-align: right;}
.fin-tbl tr th[height="10"], .fin-tbl tr td[height="10"] { padding:0; height: 5px;}
.finthinline {border-bottom:1px solid #000;}
.finthickline {border-bottom:2px solid #000;}
tr.finthinline td, tr.finthinline th{border-bottom:1px solid #000;}
tr.finthickline td, tr.finthickline th{border-bottom:2px solid #000;}

.finheader-grey{ background: #636466; color: #fff!important; font-weight: bold}
.finheader-black{ background: #000; color: #fff!important; font-weight: bold}
.finheader-red{ background: #636466; color: #fff!important; border-bottom: 3px solid #4D4D4F;  font-weight: bold}
.finheader-blue{ background: #4A5764; color: #fff!important; border-bottom: 3px solid #4D4D4F;  font-weight: bold}

.finthinlinered {border-bottom:1px solid #E72E27;}
.finthicklinered {border-bottom:2px solid #E72E27;}
.fintoplinered {border-top:1px solid #E72E27;}
.fintopleft {border-top:1px solid #000; border-left:1px solid #000;}
.fintopright {border-top:1px solid #000; border-right:1px solid #000;}
.finbotleft {border-bottom:1px solid #000; border-left:1px solid #000;}
.finbotright {border-bottom:1px solid #000; border-right:1px solid #000;}
.finbotrighthick {border-bottom:2px solid #000; border-right:1px solid #000;}
.finleft {border-left:1px solid #000;}
.finright {border-right:1px solid #000;}
.finrightleft {border-right:1px solid #000; border-left:1px solid #000;}
.fintop {border-top:1px solid #000;}
.finrowleft {border-top:1px solid #000; border-bottom:1px solid #000; border-left:1px solid #000;}
.finrowright {border-top:1px solid #000; border-bottom:1px solid #000; border-right:1px solid #000;}
.finrow {border-top:1px solid #000; border-bottom:1px solid #000;}

.finblue {background:#E9EAF2; padding:5px; border-bottom:1px solid #000; color:#002B55; font-weight:600;}
.fingrey {background:#F1F1F1; padding:5px; border-bottom:1px solid #000; font-weight:600;}
.fingrey p {margin-bottom:0px;}

/*media queries*/
@media (min-width:992px) and (max-width:1100px){
.pockets-main p {font-size: 22px;width: 684px;margin:0 auto;margin-bottom: 20px !important;}
.accordion_body {padding: 35px 40px 5px;}
.accordion_body img {max-width: 205px;margin-bottom: 20px;}
}
@media (min-width: 768px) and (max-width: 991px){
.pockets-main {padding: 30px 15px;}
.pockets-main h1 {font-size: 45px;margin: 0 0px 20px;}
.pockets-main p {font-size: 20px !important;margin-bottom: 20px !important;width: 600px;margin: 0 auto;}
.intro-cont h3, .div-bott h3{font-size: 30px;margin: 35px 0;}
.accordion_head {font-size: 20px;padding: 11px 18px;}
.plusminus {font-size: 27px;margin-top: -5px;}
.accordion-main {margin-bottom: 24px;}
.hr-clc {margin-top: 16px;width: 15px;margin-left: -15px;}
.accordion_body {font-size: 18px;padding: 30px 40px 5px;}
.accordion_body img {width: 100%;max-width: 185px;margin-bottom: 20px;}
.accordion_body h3 {font-size: 24px;}
}

@media (min-width: 576px) and (max-width: 767px){
.pockets-main {padding: 35px 15px;}
.pockets-main h1 {font-size: 40px;margin: 0 0px 30px;}
.pockets-main p {font-size: 18px !important;margin-bottom: 20px !important;width: 400px;margin: 0 auto;}
.intro-cont h3,.div-bott h3{font-size: 26px;width: 400px;margin: 30px auto;line-height: 1.2 !important;}
.div-bott h3{width:unset;}
.kind h2 {font-size: 26px;margin: 30px 0 30px;}
.accordion_head {font-size: 20px;padding: 10px 15px;}
.accordion-main {margin-bottom: 25px;}
.plusminus {font-size: 30px;margin-top: -5px;}
.accordion_body {padding: 30px 25px 5px;}
.accordion_body img {max-width: 170px;margin-bottom: 20px;}
.hr-clc {margin-top: 17px;width: 16px;}
.accordion_body h3 {font-size: 22px;margin: 15px 0;}
}
@media (max-width:575px){
.pockets-main{padding:15px 0px;}
.pockets-main h1 {font-size: 30px;margin: 0 0px 15px;}
.pockets-main p {font-size: 16px !important;margin-bottom: 15px !important;}
.intro-cont h3,.kind h2,.div-bott h3{margin: 30px 0px;line-height: normal !important;font-size:24px;}
.accordion_head {font-size: 18px;padding: 8px 12px}
.plusminus {font-size: 27px;margin-top: -7px;}
.accordion-main {margin-bottom: 22px;}
.accordion_body {font-size: 18px;padding: 20px 20px 5px;}
.accordion_body img {max-width: 150px;margin-bottom: 20px;}
.accordion_body h3 {font-size: 18px;margin: 10px 0;line-height: normal;}
.hr-clc {height: 2px;margin-top: 16px;width: 15px;margin-left: -15px;}
}