.circle-container-yellow {
  position: relative;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  display: inline-block;
  padding-top: 10px;
  border: 1px solid black;
  margin: 0px 5px;
}

.circle-inner-yellow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffcb08;
  border: 4px solid white;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  margin-top: 0px;
}

.letter-yellow {
  position: absolute;
  top: -12px;
  background: #fff;
  margin: 4px;
  padding: 0px 2px;
  line-height: 0.8;

  font-size: 9px;
}

.limited-assurance {
background: #FFCC00;
    padding: 2px 3px;
    border-radius: 50%;
    color: #000;
    border: 1px solid #000;
    font-weight: 500;
    display: inline-block;
    font-size: 11px;
}

.chair-boxed-block {
    position: relative;
    padding-left: 65px;
    margin-top: 30px;
}
.amb-box{
    background: #FFCB08;
    padding: 10px 25px;
    border-radius: 15px;
    font-weight: 600;
position: relative;
margin-bottom: 15px;
margin-left: 10px;
font-size: 18px;
  }
  .amb-box img{
position: absolute;
left: -10px;
top: 50%;
    transform: translate(0, -50%);
}

.hi-block{
  background: #FFCB08;
    padding: 10px 25px;
    border-radius: 30px;
    font-weight: 500;
position: relative;
margin-bottom: 35px;
margin-right: 60px;
text-align: center;
font-size: 20px;
}
.hi-block::before{
content: '';
position: absolute;
right: -50px;
top: 0;
background: url(../images/pg11-pattern.jpg) no-repeat;
width: 55px;
height: 100%;
background-size: 100% 100%;
    z-index: -1;
}
.bg-hi{
  background: url(../images/pg12-bg.png) no-repeat;
     background-size: 60%;
    margin-bottom: 30px;
    background-position: center;
}

/* tables */
table.fin-tbl tr:hover {
  background: #e6e7e8 !important;
  color: #46494A !important;
}

.finthickgrey {
  border-bottom: 3px solid #A7A9AC
}

.finthingrey {
  border-bottom: 1px solid #A7A9AC
}

.finthick {
  border-bottom: 3px solid #000000
}

.fintopbot {
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
}

.finthin-white {
  border-bottom: 1px solid #fff;
}
.finthin-yellow {
  border-bottom: 1px solid #ffcb05
}

.finthickleft {
  border-left: 3px solid #000000
}


.finthickright {
  border-right: 3px solid #000000
}

.finthickyellow {
  border-bottom: 3px solid #ffcb05
}

.finthickyellow-top {
  border-top: 3px solid #ffcb05
}

.finthin {
  border-bottom: 1px solid #000000
}

.fintop {
  border-top: 1px solid #000000
}

.finright {
  border-right: 1px solid #000000
}

.finright-white {
  border-right: 2px solid #ffffff
}
.finleft-white {
  border-left: 2px solid #ffffff
}
.finthick-white {
  border-bottom: 2px solid #ffffff
}

.finleft {
  border-left: 1px solid #000000
}

.finheaderborder {
  border-left: 3px solid #ffcb05;
  border-right: 3px solid #ffcb05;
  border-top: 3px solid #ffcb05;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}



.finthickheader1 {
  border-bottom: 6px solid;
  border-image-slice: 1;
  border-image-source: linear-gradient(90deg, #000 50%, #ffcb05 100%);
}

.finthickheader2 {
  border-bottom: 6px solid #ffcb05;
}

.finheaderborder {
  border-left: 3px solid #ffcb05;
  border-right: 3px solid #ffcb05;
  border-top: 3px solid #ffcb05;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

.finheaderborderleft {
  border-left: 3px solid #ffcb05;
}

.finheaderborderright {
  border-right: 3px solid #ffcb05;
}

.finheaderbordertop {
  border-top: 3px solid #ffcb05;
}

.finheaderborderl {
  border-left: 3px solid #ffcb05;
}

.finheaderborderr {
  border-right: 3px solid #ffcb05;
}

.numberfloated-text {
    position: absolute !important;
    left: 0 !important;
    top: 6px;
}
.two {
    top: 50px;
}
.rounded-img{
	border-radius: 15px;
}
.caption {
  font-size: 13px !important;
  font-style: italic;
  ;
  padding-top: 5px;
  padding-bottom: 0;
}

.fin-header {
  background: #221E1F;
  color: #FFCC01;
  font-weight: bold;
}

.fin-header2 {
  background: #FFCC01;
  color: #221E1F;
  font-weight: bold;
   border-radius: 10px 10px  0 0;}
/* Accordions CSS start */

.text-sm {font-size: 14px;}
.accordions-header {
    position: relative;
    border-radius: 25px;
    border: 1px solid #FFCB05;
    padding-left: 52px; 
	margin-bottom: 21px;
}

.accordions-header img {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
}

.acc-inner-cntnts {
    position: relative;
    border-radius: 18px;
    background: #FFCB05;
    padding: 8px 20px 8px 96px;
    font-size: 20px;
    font-weight: 700;
}

.accordion-one {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 66px;
}

.accordions-content {
    padding: 0 26px;
}

/* Accordions CSS end */

.ceo-message-content {
    position: relative;
    background-color: #000;
    border-radius: 0 50px 50px 0;
    margin-top: 75px;
    margin-bottom: 90px;

	&::after {
    position: absolute;
    content: '';
    background-image: url('../images/ceo-btm-image.png');
    background-repeat: no-repeat;
    width: 808px;
    height: 218px;
    bottom: 0;
    right: 0;
	}
}
.ceo-name {
	margin-top: 30px;
	margin-bottom: 30px;
	color: #fff;
	font-size: 17px;
	line-height: 1.3;
}
.ceo-name span{
	font-size: 15px;
}

.ceo-message-text {padding: 16px 44px;}

.ceo-image {
    max-width: 100%;
	margin: 0 auto;
	display: block;
    margin-top: -75px;
    position: relative;
    z-index: 1;
	margin-bottom: -70px;
}

.chair-message-content {background:#FFCB08 !important; border-radius: 30px !important}

.top-38 {top: 62px;}

.text-lg  {font-size: 36px;line-height: 1.1;}

  .our-market-block{
    background-color: #FEF6E4;
    border-radius: 15px;
    padding: 15px;
  }
  .top-grey-block {
    background-color: #E6E7E9;
    border-radius: 15px;
    padding: 15px;
}
.round-15{
  border-radius: 15px;
}
.chair-block-border {  height:100%; padding:20px; -webkit-border-bottom-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px; 
background:url(../images/pg75-bg.png) no-repeat ;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 10px -15px
  
  }
  .chair-box-border{
     background: linear-gradient(#fff, #fff) padding-box, linear-gradient(to bottom, #ffffff, #000, #FFCB05) border-box;
    border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px; 
    border: 2px solid transparent;
    height: 100%;
  }
    .black-bg2{
      background:#231F20 ;
      padding: 15px;
      border-radius: 15px;
      margin-bottom: 20px;
    }
      .key-macro-wrapper + ul.invest-list-black{
      position: relative;
    }
    .key-macro-wrapper + ul.invest-list-black::before{
content: '';
position: absolute;
top: 0;
left: 10px;
width: calc(100% - 10px);
height: 100%;
border-left: 1px solid #000;
}
  
  				.ambition-boxed-block {

					background: url(../images/ambition-2030-img.png);
					background-size: cover;
					border-radius: 30px;
					padding: 30px;
					padding-top: 60px;
					padding-bottom: 60px;
					text-align: center;
					position: relative;

				}

				.ambition-boxed-block:after {
					position: absolute;
					content: '';
					top: 0;
					height: 100%;
					left: 0;
					width: 100%;
					border-radius: 30px;
					background: #00000080;
				}

				.ambition-boxed-block-holders {
					position: relative;
					z-index: 1;
				}

				.ambition-head-block-header {
					background: #00000080;
					text-align: center;
					color: #fff;
					font-size: 20px;
					border: 1px solid #ffcb05;
					margin-bottom: 15px;
					border-radius: 15px;
					display: inline-block;
					padding-left: 30px;
					padding-right: 30px;
				}

				.ambition-head-block-header span {
					color: #ffcb05;
				}

				.scale-blocked-box {
					background: #00000080;
					text-align: center;
					color: #ffcb05;
					font-size: 16px;
					border: 1px solid #ffcb05;
					margin-bottom: 15px;
					border-radius: 10px;
					display: block;
					padding: 5px;
					padding-left: 30px;
					padding-right: 30px;
				}

				.fincaption-scale-blocked-box {
					color: #ffcb05;
					font-size: 10px;
					margin-bottom: 15px;
				}

				.leading-blocked-box {
					background: #00000080;
					text-align: center;
					color: #ffcb05;
					font-size: 16px;
					border: 1px solid #ffcb05;
					margin-bottom: 15px;
					border-radius: 5px;
					display: block;
					padding: 5px;
					padding-left: 30px;
					padding-right: 30px;
				}

				.connectivity-head {
					background: #ffcb05;
					color: #000;
					margin-right: 30px;
					border-radius: 20px;
					border-top-right-radius: 0;
					border-bottom-right-radius: 0;
					font-size: 20px;
					font-weight: 600;
					padding: 15px;
					margin-bottom: 20px;
					position: relative;
					margin-top: 30px;
					cursor: pointer;
				}

				.connectivity-head-img {
					position: absolute;
					right: -29px;
					width: auto;
					top: 0;
					z-index: 0;
					height: 100%;
					overflow: hidden;
				}

				.connectivity-head-img-icon {
					margin-top: -40px;
				}

				.connectivity-head-img-icon img {
					width: 100%;
					max-width: 50px;

				}

				.boxed-pattern-block {
					background: #ffcb05;
					margin-right: 90px;
					margin-left: 90px;
					margin-bottom: 30px;
					position: relative;
					padding: 15px;

				}

				.boxed-pattern-block-yellow {
					background: #ffcb05;
					width: 100%;
				}
				.boxed-pattern-block-yellow p
				{
				font-size: 1.3em !important;margin-bottom: 0;
				}
				

				.main-head-img-right {
					position: absolute;
					right: -3%;
					width: auto;
					top: 0;
					z-index: 0;
					height: 100%;
					overflow: hidden;
				}

				.main-head-img-left {
					position: absolute;
					left: -3%;
					width: auto;
					top: 0;
					z-index: 0;
					height: 100%;
					overflow: hidden;
				}

				.connectivity-head-text {
					display: none;
					position: absolute;
					left: 0;
					width: 100%;
					background: #000;
					width: calc(100% + 30px);
					z-index: 2;
					border-radius: 15px;
					margin-top: 15px;
					color: #fff;
					font-size: 14px;
					padding: 15px;
					font-weight: 100;

					transition: all 0.3s ease-in-out;
					-webkit-transition: all 0.3s ease-in-out;
					-moz-transition: all 0.3s ease-in-out;
					-ms-transition: all 0.3s ease-in-out;
					-o-transition: all 0.3s ease-in-out;
				}

				.connectivity-head:hover .connectivity-head-text {
					display: block;
				}






:root {
  --mtn-yellow: #ffcb05;
  --dark-grey: #58595b;
  --light-grey: #e6e6e6;
}

.dashboard-container {
  font-family: Arial, sans-serif;
  padding: 40px;
  border: 4px solid var(--mtn-yellow);
  border-radius: 50px; /* Large rounded corners as seen in the image */
  position: relative;
  background: white;
}

.switch-darkgrey { color:#211D1E}
.intro-small {
  font-size: 17px ;
  color: #221c1a;
  line-height: 1.3 !important;
}

.metrics-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* 4 columns */
  grid-gap: 5px;
  margin-top: 20px;
}

.card {
  border: none;
  border-radius: none;
  padding: 0;
  min-height: 250px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.card h3 {
  font-size: 0.9rem;
  color: #333;
  margin-bottom: 20px;
  border-bottom: 1px solid var(--light-grey);
  width: 100%;
  text-align: center;
  padding-bottom: 10px;
}


.block-leftyellow-line {position: relative;
    border-top: 2px solid #FFCB08;
    border-bottom: 2px solid #FFCB08;
    border-left: 2px solid #FFCB08;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    padding: 20px;
    width: 97%;
    right: -1px;
    bottom: -2px;}


.block-rightyellow-line { position: relative;
    border-top: none;
    border-bottom: 2px solid #FFCB08;
    border-right: 2px solid #FFCB08;
    -webkit-border-top-right-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius-topright: 20px;
    -moz-border-radius-bottomright: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    
    padding: 20px;
    border-top: 2px solid #FFCB08;
    width: 98%;
    right: -15px;}

.block-leftyellow-line .main-title {
    text-align: center;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    background: white;
    padding: 0 20px;
    font-size: 1.2rem;
    color: #000;
    width: 55%;
    margin-top: -30px;
}

.service-revenue-blk {
    position: relative;
    background: #FFCB05;
    border-radius: 30px;
    margin-top: 30px;
    padding: 4px 6px;
    width: 280px;
    margin-right: 4px;
}

.service-revenue-blk::after {
    position: absolute;
    content: '';
    background-image: url('../images/pg11-img.png');
    background-repeat: no-repeat;
    background-size: 56px;
    width: 78px;
    height: 107px;
    transform: rotate(90deg);
    right: -35px;
    top: -16px;
    z-index: -1;
}

.service-revenue-blk p {font-size: 20px;line-height: 1.1;}

.service-revenue-graph {
    position: relative;
    background: linear-gradient(to right, #D3D4D6 -2%, transparent 100%);
    border-radius: 18px;
    padding: 26px 20px;
}

.service-revenue-graph::before {
    position: absolute;
    content: '';
    border: 1px solid #A7A9AC;
    border-right: unset;
    border-radius: 16px 0 0 16px;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}

.service-revenue-graph::after {
    position: absolute;
    content: '';
    border-bottom: 1px solid #fff;
    width: 310px;
    right: 0;
    bottom: 0;
}

.w-fit {
    width: fit-content;
    margin: auto;
    position: relative;
    top: 15px;
    z-index: 1;
    border-radius: 6px;
}

.our-approach-box {
    border-radius: 20px;
    border: 1px solid #FFCB05;
    text-align: center;
    padding: 10px 30px;
}



/* our-approach-to-integrated-thinking */
  
  .int-approach-right {height: 100%;  }
  .our-market-block-grey {
      background-color: #E5E6E7 !important;
      border-radius: 15px;
      padding: 15px;
      
  }

  .finthin-black {border-bottom: 1px solid #000}
  .fintop-black {border-top: 1px solid #000}

  ul.list-int-thinking li {display: inline-block!important;}

  .int-thinking-chart {width: 53%;}
  .approach-boxed-pattern-block{
  margin-right: 35px!important;
  margin-left: 35px!important;
  }

  .int-capital-cont {
      text-align: center;
      height: 100%;
      border: 1px solid #000;
      border-top: 0;
      border-bottom-left-radius: 18px;
      border-bottom-right-radius: 18px;
  }

  .int-capital-header {
      position: relative;
      background: #FFE7A7;
      padding: 5px 40px;
      border-radius: 10px;
      font-weight: bold;
      line-height: 1.2;
      margin-bottom: 10px;}

  .int-capital-header::before {
      content: "";
      position: absolute;
      height: 125%;
      width: 3px;
      left: -2px;
      top: 0;
      background: #FEF6E4;
  }

  .int-capital-header::after {
      content: "";
      position: absolute;
      height: 125%;
      width: 3px;
      right: -2px;
      top: 0;
      background: #FEF6E4;
  }



  .int-capital-body {
      padding: 10px;
      padding-top: 0;
      display: flex;
      flex-direction: column;
      align-items: center;
  }

  .int-capital-body img {margin-bottom: 8px;}



  .our-values-cont {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-evenly;  
  }


  .our-values-body {
      display: flex;
      flex-direction: column;
      position: relative;
      padding: 20px 10px;
      padding-bottom: 30px;
      align-items: center;
      border: 1px solid #FFCB05;
      background: #fff;
      border-radius: 10px;
      text-align: center;
      height: 100%;
  }


  .our-values-body img {
      position: absolute;
      bottom: -55px;
  }


.radius-r{ -webkit-border-radius: 20px;
-webkit-border-top-left-radius: 30px;
-moz-border-radius: 20px;
-moz-border-radius-topleft: 30px;
border-radius: 20px;
border-top-left-radius: 30px;}


.reporting-suite-theme-header {
    background: #FFCB05;
    color: #000;
    padding: 10px;
    border-radius: 19px;
    text-align: center;
    position: relative;
    z-index: 3;
    display: inline-block;
    float: right;
    margin-top: -37px;
}

.sustainability-goals-left {border-right: 2px solid #FECA0A;}
.reporting-suite-theme {border-radius: 20px}

/* our-approach-to-integrated-thinking ENDS */



.finlinewhite { border-bottom:1px solid #fff;}



/* Our strategic performance dashboard */

.fw-normal {
    font-weight: normal
}

.strategic-rows-cont {
    position: relative;
    margin-left: 40px;
    margin-bottom: 70px;
}

.strategic-rows-cont::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0px;
    bottom: -20px;
    border-radius: 25px 0 0 25px;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(#f5c400, #000) border-box;
    border: 3px solid transparent;
    border-right: 0;
}


.strategic-headers {
    margin-bottom: 30px;
    margin-left: 19px;
}

.strategic-header-wrapper {
    position: relative;
    display: block;
    margin-right: 35px;
    height: 100%;
}


.strategic-header-black {
    background: #000;
    color: #f5c400;
    padding: 10px 30px;
    border-radius: 60px;
    text-align: center;
    position: relative;
    z-index: 3;
    width: 100%;
    height: 100%;
}


.strategic-header-black p {
    margin-bottom: 0;
}

.header-white {
    position: absolute;
    top: 0;
    right: -10px;
    width: 90px;
    height: 100%;
    background: #fff;
    border-radius: 0 20px 17px 0;
    z-index: 2;
}

.header-yellow {
    position: absolute;
    top: 2px;
    right: -35px;
    width: 66px;
    height: 94%;
    background: #f5c400;
    z-index: 1;
    border-top-right-radius: 17px;
    border-bottom-right-radius: 17px;
}

.strategic-row .strategic-header-wrapper {
    display: none;
}





.strategic-row {
    margin-bottom: 35px;
    margin-left: 3px;
}

.strategic-link {
    margin-bottom: 5px;
    margin-top: -19px;
    padding-left: 10px;
    display: flex;
    align-items: start;
    line-height: 1;
}

.strategic-link i {
    width: 15px;
    height: 15px;
    display: inline-block;
    border-radius: 100%;
    margin-right: 7px
}

.strategic-link a {
    line-height: 1
}

.strategic-link-red {
    background-color: #f36e21
}

.strategic-link-green {
    background-color: #23B24B
}

.strategic-body-top {
    border-radius: 0 15px 0 0
}

.strategic-body-bottom {
    border-radius: 0 0 15px 0;
}

.strategic-body-bottom::after {
    width: 92% !important;
    border-radius: 0 0 15px 0 !important;
}

.strategic-body1 {
    background-image: linear-gradient(to left, #d3d4d6 20%, #fefefe);
    padding-right: 20px;
    padding-left: 64px;
    position: relative;
    align-items: center;
}

.strategic-body1 img {
    position: absolute;
    left: -45px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}

.strategic-body1::after {
    content: "";
    position: absolute;
    height: 61%;
    width: 100%;
    right: 0;
    bottom: -58px;
    background-image: linear-gradient(to left, #d3d4d6 20%, #fefefe);
}

.strategic-body1,
.strategic-body4 {
    height: 100%;
    display: flex;
    font-weight: 700
}

.strategic-body4 {
    background-image: linear-gradient(to right, #d3d4d6 20%, #fefefe);
    padding: 10px;
    border-radius: 15px 0 0 15px;
    flex-direction: column;
    justify-content: center
}

.strategic-body4 p {
    border-bottom: 1px solid #fff;
    margin-bottom: 8px
}

.strategic-body4 ul li {
    border-bottom: 1px solid #fff;
    margin-bottom: 8px
}

.strategic-body4 ul li:last-child {
    border-bottom: 0
}

.strategic-body1 p,
.strategic-body2 p,
.strategic-body3 p,
.strategic-body4 p {
    margin-bottom: 0;
    z-index: 2;
}

.strategic-body2,
.strategic-body3 {
    background-image: linear-gradient(to right, #feedbb 20%, #fefdfa);
    padding: 10px;
    border-radius: 15px 0 0 15px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.strategic-body2 p,
.strategic-body3 p {
    border-bottom: 1px solid #fc0;
    margin-bottom: 8px
}

.strategic-body2 p:last-child,
.strategic-body3 p:last-child,
.strategic-body4 p:last-child {
    border: 0;
    margin-bottom: 0
}


/* Our strategic performance dashboard ends */




/* download button */

  a.newsletter-button {
    position: relative;
    padding: 6px 26px;
    border-radius: 10px;
    font-size: 20px;
    font-weight: 700;
    text-decoration: none !important;
    transition: all 0.3s ease;
    min-width: 270px;
    color: #000 !important;
    text-align: start;
    border-radius: 30px;
    background: transparent;
    border: 1px solid #FFCB05;
    display: inline-block;

    &::before {
    content: "";
    background-image: url(../images/arrow-right-yellow.svg);
    background-size: 16px;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
    width: 16px;
    height: 36px;
}

&::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 87%;
    height: 100%;
    border-radius: 30px;
    background: #FFCB05;
    transition: all 0.3s ease;
}

&:hover {
    scale: 1;
    color: #fff !important;
}

&:hover:after {
    width: 100%;
    background: #000;
}
}




/* * * * * * * * * MEDIA QUERIES * * * * * * */

@media screen and (max-width: 1317px){
.strategic-rows-cont::before {   
    bottom: -30px;
}

}
@media screen and (max-width: 1069px){
.strategic-rows-cont::before {   
    bottom: -40px;
}

}
@media screen and (max-width: 1199px){
  .int-capital-cont{height: unset; margin-bottom: 20px}
}


/* Responsive adjustment */
@media (max-width: 1024px) {
  .metrics-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}











  @media screen and (max-width:991px) {
    .strategic-rows-cont::before {   
    bottom: -20px;
}
    .ceo-image{
      margin-top: 0;
    }
      .text-lg{
        font-size: 26px;
      }
        .boxed-pattern-block {
          margin-right: 30px;
          margin-left: 30px;
      }
      
      .main-head-img-left {    left: -10%;}
      .main-head-img-right {    right: -10%;}

          
    .boxed-pattern-block img {
      display: none;
    }



        .strategic-body1,
        .strategic-body2,
        .strategic-body3,
        .strategic-body4 {
            height: unset;
            margin-bottom: 25px;
        }

        .strategic-body2,
        .strategic-body3,
        .strategic-body4 {
            margin-left: 18px;
        }

        .strategic-link {
            margin-top: unset;
        }

        .strategic-body1 {
            border-radius: 15px 0 0 15px;
            padding-top: 20px;
            padding-bottom: 20px;
            background-image: linear-gradient(to right, #d3d4d6 20%, #fefefe);
        }

        .strategic-body1::after {
            width: 0 !important
        }


        .strategic-body-bottom {
            border-radius: 15px 0 0 15px;
            padding-top: 20px;
            padding-bottom: 20px;
            background-image: linear-gradient(to right, #d3d4d6 20%, #fefefe);
        }



        .strategic-header-wrapper {
            height: unset;
            margin-bottom: 8px;
        }

        .strategic-header-black {
            height: unset;
        }

        .strategic-row .strategic-header-wrapper {
            display: block;
        }

        .strategic-headers {
            display: none;
        }


  }

 
 @media screen and (max-width:768px) {
  .chair-message-content {
padding: 20px;
  }
  .metrics-grid {
        grid-template-columns: repeat(1, 1fr);
    }
  .ceo-message-text {
    padding: 16px 0px;
}
	.ceo-image{
		margin-top: 0px;
	}

  .our-values-body {
  width: 115px;
  margin-bottom: 50px;
  height: unset;
  } 
  }

  @media screen and (max-width:600px) {
.ceo-name {
font-size: 14px;
}
.acc-inner-cntnts{
  font-size: 16px;
}
 }