@font-face {
  font-family: Cocogoose-Pro-Regular-trial;
  src: url(../fonts/Cocogoose-Pro-Regular-trial.ttf);
}
@font-face {
  font-family: roboto-light;
  src: url(../fonts/Roboto-Light.ttf);
}
@font-face {
  font-family: roboto-regular;
  src: url(../fonts/Roboto-Regular.ttf);
}
@font-face {
  font-family: roboto-medium;
  src: url(../fonts/Roboto-Medium.ttf);
}
@font-face {
  font-family: roboto-bold;
  src: url(../fonts/Roboto-Bold.ttf);
}
@font-face {
  font-family: roboto-black;
  src: url(../fonts/Roboto-Black.ttf);
}
@font-face {
  font-family: RobotoCondensed-Regular;
  src: url(../fonts/RobotoCondensed-Regular.ttf);
}
@font-face {
  font-family: Roboto-BoldCondensed;
  src: url(../fonts/Roboto-BoldCondensed.ttf);
}
@font-face {
  font-family: roboto-italic;
  src: url(../fonts/Roboto-Italic.ttf);
}

body {
  box-sizing: border-box;
  color: #000000;
  font-family: roboto-regular;
  font-size: 16px;
  line-height: 22px;
  margin: 0;
  padding: 0;
}
h1,
h2,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0px;
  padding: 0px;
}

a {
  text-decoration: none !important;
  font-size: 16px;
}

a:hover {
  text-decoration: none !important;
}

p {
  font-size: 16px;
  line-height: 22px;
}

.my-sidenav,
.ham-icon1 {
  display: none;
}
/*-----------Header Css End-------------*/
.my-sidenav1 {
  display: block;
  position: relative;
  top: 20px;
  right: 0;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 999;
  max-width: 100%;
  width: 100%;
  background: transparent;
  height: auto;
}
.openMenu .nav-tabs .nav-link {
  margin-bottom: 0px;
  border: none;
  border-radius: 0px;
}
.openMenu .nav-item {
  display: inline-block;
  width: 100%;
}
.openMenu .nav-tabs {
  border-bottom: 0;
}
.openMenu .nav-tabs .nav-item.show .nav-link,
.openMenu .nav-tabs .nav-link.active {
  color: #73bf44;
  background-color: transparent;
  border-color: transparent;
  text-decoration: underline;
}

.openMenu {
  background-color: #0067ac;
  padding: 47px 147px 0px 160px;
}
.openMenu ul li .nav-link:hover {
  color: #fff;
}
.openMenu ul li .nav-link {
  font-size: 20px;
  line-height: 25px;
  text-align: left;
  color: #fff;
}
.innerOpenMenu ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.innerOpenMenu {
  padding: 0px 20px 0px 0px;
}
.innerOpenMenu ul li a {
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  font-family: roboto-bold;
  display: block;
  margin-bottom: 5px;
  position: relative;
}
.innerOpenMenu ul li a:hover {
  color: #0067ac;
  transition: 0.3s;
}
.linkWithImg {
  display: flex;
  gap: 36px;
  align-items: center;
}
/**/
#header {
  background-color: #0067ac;
  box-shadow: 0px 3px 6px #00000029;
  height: 80px;
  display:block;
  align-items: center;
  position: absolute;
  width: 100%;
  z-index: 9;
}
.middleDownlOad a {
  font-size: 15px;
  line-height: 18px;
  color: #fff;
  display: flex;
  gap: 10px;
  align-items: center;
}
#header .row {
  align-items: center;
  padding-top: 15px;
}
.topMenu {
  display: flex;
  align-items: center;
  justify-content: end;
}
.desktopHam span {
  color: #fff;
  font-size: 14px;
  line-height: 14px;
  width: 100%;
  display: block;
  text-align: center;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  padding: 3px 0px;
}
.middleDownlOad {
  display: flex;
  justify-content: center;
}
.desktopHam img {
  position: absolute;
  z-index: -9;
}
.desktopHam {
  border: 1px solid #0067ac;
  border-radius: 19px;
  cursor: pointer;
  position: relative;
  max-width: 90px;
  width: 100%;
}
/**/
.topBanner {
  height: 100vh;
  position: relative;
}
.topBanner video{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.banner-text {
  position: absolute;
  left: calc(100vw / 16 * 1);
  bottom: 20%;
  max-width: 550px;
  width: 100%;
  margin-left: 30px;
}
.topBanner h1 {
  font-size: 48px;
  line-height: 50px;
  color: #0067ac;
  font-family: Cocogoose-Pro-Regular-trial;
  padding-bottom: 27px;
  padding-top: 50px;
}
.topBanner h1 span {
  display: block;
}
.topBanner p {
  color: #000000;
  font-family: roboto-medium;
  padding-bottom: 46px;
}
.tabHide {
  display: none;
}

.tabBottomMenu ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  display: flex;
  justify-content: center;
  gap: 52px;
}
.tabBottomMenu {
  background: #73bf44 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  padding: 12px 0px;
}
.tabBottomMenu ul li a {
  font-size: 15px;
  color: #ffffff;
  line-height: 18px;
}

.rightTab {
  max-width: 763px;
  width: 100%;
  position: relative;
  height: calc(100vh - 122px);
  background-color: #0067ac;
}
.linksMenu {
  max-width: 570px;
  width: 100%;
  background: #73bf44;
  box-shadow: 0px 3px 6px #00000029;
  position: absolute;
  left: -442px;
  z-index: 9999;
  top: calc(50% - 134px);
  padding:50px 45px;
}
/**/
footer {
  padding-bottom: 76px;
}
.homePage footer {
  padding-bottom: 0px;
  background: linear-gradient(to right, #6cc247 0%, #0064b0 100%);
}

.reportingSuit {
  background-color: #ebf7fe;
  display: flex;
  align-items: center;
  height: 662px;
  width: 100%;
}
.reportIns img {
  width: auto !important;
}
.reportIns {
  display: flex;
  background-color: #0067ac;
}
.reportIns:hover {
  box-shadow: 0px 3px 6px #00000029;
  background-color: #fff;
}
.reportIns > div:nth-child(1) {
  width: 183px;
}
.reportIns > div:nth-child(2) {
  width: calc(100% - 183px);
  background-color: #0067ac;
  padding: 25px 20px;
  min-height: 259px;
}
.indReport {
  width: calc(50% - 30px);
}
/**/

.reportIns:hover .report2 h4 {
  margin-top: 10px;
}
.report2 h4 {
  font-size: 24px;
  line-height: 28px;
  color: #fff;
  margin-bottom: 10px;
  min-height: 48px;
  font-family: acumin-pro-extra-condensed-smbd;
}
.report2 p {
  font-size: 16px;
  line-height: 21px;
  color: #fff;
  margin-bottom: 15px;
}
.report2 p span {
  font-family: roboto-bold;
  color: #fff;
}
.report2 p:last-child {
  margin: 0px;
}
.reportingSlider .owl-nav button.owl-next {
  position: absolute;
  width: 46px;
  height: 46px;
  bottom: -60px;
  margin: auto;
  right: 0px;
  background-image: url(../images/key-arrow-rigth.svg) !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.reportingSlider .owl-nav button.owl-prev {
  position: absolute;
  width: 46px;
  height: 46px;
  bottom: -60px;
  margin: auto;
  left: 0px;
  opacity: 1;
  background-image: url(../images/key-arrow-left.svg) !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.reportingSlider.owl-theme .owl-nav .owl-prev:hover,
.reportingSlider.owl-theme .owl-nav .owl-next:hover {
  background: none;
  color: #fff;
  text-decoration: none;
  width: 46px;
  height: 46px;
}
.reportingSlider.owl-theme .owl-dots .owl-dot span {
  background: #bcbcbc;
}
.reportingSlider.owl-carousel {
  max-width: 1048px;
  width: 100%;
  margin: 0px auto;
}
.reportCounter {
  display: flex;
  justify-content: center;
  font-size: 18px;
  line-height: 1;
  color: #0067ac;
  margin-top: 29px;
}
.reportingSlider.owl-theme .owl-nav {
  margin-top: 0;
}
.reportBook {
  display: flex;
  background-color: #fff;
  box-shadow: 0px 3px 6px #00000029;
  padding: 0px;
  position: relative;
  margin-bottom: 100px;
}
.reportBook > div:nth-child(1) {
  width: 212px;
  position: absolute;
  left: 0;
  top: -50px;
}
.reportBook > div:nth-child(1) a {
  display: flex;
}

.topLiksF {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #00000029;
  margin-bottom: 30px;
  padding-bottom: 30px;
  padding-top: 30px;
}
.reportBook > div:nth-child(2) {
  width: calc(100% - 0px);
  padding-left: 23%;
}
.botLiksF {
  display: flex;
  justify-content: space-between;
  padding-bottom: 30px;
}
.topLiksF > div:nth-child(1),
.botLiksF > div:nth-child(1) {
  width: 40%;
  position: relative;
  padding-left: 70px;
}
.topLiksF > div:nth-child(2),
.botLiksF > div:nth-child(2) {
  width: 60%;
  position: relative;
  padding-left: 50px;
}
/*.reportBook::before {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  right: 0px;
  width: 925px;
  height: 18px;
  background-color: #0067AC;
  margin: auto;
  top: -18px;
}*/
/*.reportBook::after {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  right: 0px;
  width: 925px;
  height: 18px;
  background-color: #0067AC;
  margin: auto;
  bottom: -18px;
}*/

.topLiksF h4,
.botLiksF h4 {
  font-size: 18px;
  line-height: 24px;
  color: #000000;
  font-family: roboto-medium;
}
.topLiksF p,
.botLiksF p {
  font-size: 10px;
  line-height: 13px;
  display: block;
  color: #0067ac;
  font-family: roboto-bold;
}
.borderRight::after {
  content: "";
  display: block;
  position: absolute;
  right: 0px;
  width: 1px;
  height: 100px;
  background-color: #00000029;
  top: -30px;
}

.backTop {
  position: relative;
}
.backTop a {
  text-align: right;
  display: block;
  font-size: 16px;
  line-height: 21px;
  color: #0067ac;
  font-family: roboto-bold;
}

.downloadCenter h3 {
  font-size: 35px;
  line-height: 38px;
  color: #fff;
  text-align: center;
  padding-top: 100px;
  margin-bottom: 15px;
  font-family: roboto-bold;
}
.copyRightBg {
  background-color: #0067ac;
  padding: 19px 0px;
}

.footSocial ul {
  list-style: none;
  display: flex;
  gap: 10px;
  justify-content: center;
  margin: 0px;
  padding: 0px;
}
.rdxDev p {
  text-align: right;
  font-size: 14px;
  line-height: 19px;
  color: #fff;
}
.rdxDev p a {
  color: #fff;
  font-size: 14px;
  line-height: 19px;
}
.copyrightTxt p {
  font-size: 14px;
  line-height: 19px;
  color: #fff;
}
.backTop a {
  position: absolute;
  right: 215px;
  top: 122px;
}
.backTop a {
  text-align: right;
  display: block;
  font-size: 16px;
  line-height: 21px;
  color: #fff;
  font-family: roboto-bold;
}
.allReport {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
.allHeads h3 {
  font-size: 35px;
  line-height: 38px;
  color: #0067ac;
  text-align: center;
  font-family: roboto-bold;
}
.allHeads {
  text-align: center;
  margin-bottom: 22px;
}
.glance-num {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ffffff80;
  max-width: 255px;
  position: relative;
}
.glance-num1:after {
  content: "";
  position: relative;
  width: 1px;
  height: 68px;
  background-color: #ffffff80;
  position: absolute;
  top: 0;
  right: -14px;
}

.glance-num h4 {
  color: #fff;
  font-size: 40px;
  line-height: 50px;
  font-family: roboto-medium;
  padding-bottom: 0px !important;
}
.glance-num h4 span {
  font-size: 18px;
  font-family: roboto-regular;
}
.afterTargated h5 {
  font-size: 18px;
  line-height: 26px;
  color: #fff;
  font-family: roboto-bold;
  padding-bottom: 15px;
  color: #fff;
}
.glance-num p {
  color: #fff;
  font-size: 14px;
  line-height: 18px;
  font-family: roboto-medium;
  width: 100%;
  min-height: 35px;
}
.glance-num p span {
  display: block;
}
.bd-none {
  border-right: none !important;
}
.bd-none-btm {
  border-bottom: none;
}
.glance-num h5 {
  color: #000;
  font-size: 16px;
  font-family: roboto-bold;
  padding-bottom: 13px;
}
.glance-num h4 span {
  font-size: 18px;
}
.glance-num h4 span.d-blck {
  display: inline;
}
.indTrans {
  max-width: 730px;
  width: 100%;
  margin: auto;
}

.indTrans h3 span {
  color: #000000;
  font-size: 20px;
  line-height: 24px;
  display: block;
  font-family: roboto-bold;
}
.indTrans h3 {
  font-size: 36px;
  line-height: 32px;
  color: #0067ac;
  text-align: center;
  margin-bottom: 20px;
  font-family: acumin-pro-extra-condensed-smbd;
}
.indTrans p {
  font-size: 16px;
  line-height: 24px;
  color: #000000;
  text-align: center;
}
.explore-btn a {
  display: inline-block;
  color: #0067ac;
  font-size: 16px;
  font-family: roboto-bold;
  border-bottom: 2px solid #0067ac;
  box-shadow: 0px 3px 6px #00000029;
  width: 170px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background-color: #fff;
}
.explore-btn a:hover,
.slideText a:hover,
.readMore a:hover,
.readMore2 a:hover,
.caseTxt a:hover {
  color: #fff;
  background-color: #72bf44;
  transition: 0.3s ease-in-out;
}
.indTrans .explore-btn {
  text-align: center;
  margin: 40px auto;
}

.msgPart h3 {
  color: #0067ac;
  font-size: 35px;
  line-height: 38px;
  max-width: 319px;
  width: 100%;
  font-family: roboto-bold;
}
.msgPart h3 span {
  display: block;
  font-size: 20px;
  line-height: 24px;
  color: #72bf44;
  font-family: roboto-bold;
  padding-bottom: 7px;
}

.msgPart p {
  font-size: 16px;
  line-height: 22px;
  color: #0066aa;
  position: relative;
  padding-top: 30px;
  padding-bottom: 19px;
}
.msgPart p:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background-image: url(../images/comma-icon.svg);
  width: 43px;
  height: 30px;
}
.name-btn-wrap {
  display: flex;
}
.name-btnarrow {
  margin-right: 10px;
}
.msgPart {
  background: #ffffff;
  box-shadow: 0px 3px 6px #00000029;
  max-width: 539px;
  width: 100%;
  padding: 28px;
  position: absolute;
  right: 0px;
  border-right: 2px solid #0067ac;
}
.managementSpeak2 .msgPart {
  right: auto;
  left: 0px;
  border-left: 2px solid #0067ac;
}
.msgImgs {
  position: relative;
  display: flex;
  align-items: center;
}

.msgChairman {
  padding: 95px 0px;
}
.managementSpeak {
  padding: 95px 0px 0px 0px;
}
.msgChairman .row {
  align-items: center;
  display: flex;
}
/**/
.sBlockSt {
  background: linear-gradient(to right, #6cc247 0%, #0064b0 100%);
  padding: 24px 29px;
  min-height: 412px;
}
.sBlockSt p {
  color: #fff;
}
.sBlockSt h3 {
  font-size: 20px;
  line-height: 52px;
  background-color: #ffffff;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  text-align: center;
  font-family: roboto-bold;
  margin-bottom: 10px;
  color: #0066aa;
}
.sBlockSt h4 {
  font-size: 20px;
  line-height: 24px;
  font-family: roboto-bold;
  margin-bottom: 14px;
  color: #ffffff;
}
.managementSpeak2 .msgImgs {
  justify-content: end;
}
/*.msgPart::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 2px;
  height: 100%;
  background-color: #0067AC;
  right: 0px;
}
.managementSpeak2 .msgPart::after {
  right: auto;
  left: 0;
}
.msgPart:hover::after{
  width: 100%;
  transition: .5s ease-in-out;
}*/
.msgPart h4 {
  color: #0067ac;
  font-size: 18px;
  line-height: 17px;
  margin-bottom: 18px;
  font-family: roboto-medium;
}
.msgPart h4 span {
  display: block;
  font-size: 14px;
  line-height: 17px;
  color: #000000;
  font-family: roboto-light;
}
.msgPart:hover h3 span,
.msgPart:hover h3,
.msgPart:hover p,
.msgPart:hover h4,
.msgPart:hover .explore-btn a {
  /*  color: #fff;*/
  z-index: 9;
  position: relative;
}
.msgPart h3 {
  position: relative;
  margin-bottom: 20px;
}

.strategicPriorities .allHeads h3 {
  text-align: left;
  font-size: 35px;
  line-height: 38px;
  font-family: roboto-bold;
  color: #0067ac;
}
.leader-slider.owl-carousel .owl-stage {
  padding-left: 0px !important;
}
.strategicPriorities .col-xl-7 {
  padding-right: 0px;
  width: 65.33366666%;
}
.strategicPriorities .offset-xl-1 {
  margin-left: 5.333%;
}
.strategicPriorities .col-xl-4 {
  width: 29.333%;
}
.strategicPriorities {
  padding: 75px 0px;
  position: relative;
  background-color: #fff;
  height: 100vh;
}
.strategicPriorities .allHeads p {
  color: #000;
  text-align: left;
  font-size: 20px;
  line-height: 24px;
  font-family: roboto-bold;
  padding-bottom: 20px;
}

.leader-slider .owl-nav button.owl-next {
  position: absolute;
  width: 44px;
  height: 46px;
  bottom: 0px;
  margin: auto;
  left: 50px;
  background-repeat: no-repeat;
  background-image: url(../images/chright-awrrow.svg) !important;
}

.leader-slider .owl-nav button.owl-prev {
  position: absolute;
  width: 44px;
  height: 46px;
  bottom: 0px;
  margin: auto;
  left: 7px;
  background-repeat: no-repeat;
  background-image: url(../images/chleft-arrow.svg) !important;
}

.leader-slider.owl-theme .owl-nav .owl-prev:hover,
.leader-slider.owl-theme .owl-nav .owl-next:hover {
  background: none;
  color: #fff;
  text-decoration: none;
  background-repeat: no-repeat;
}
.leader-slider.owl-theme .owl-nav .owl-prev.disabled,
.leader-slider.owl-theme .owl-nav .owl-next.disabled {
}

.progress-bar {
  width: 95px;
  background: #e1ebf7;
  margin: 0px auto;
  height: 2px;
  /* position: absolute;
  right: 0;
  bottom: 40px;
  left: 0px;*/
}
.lead-counter {
  width: 95px;
  font-size: 45px;
  line-height: 1;
  color: #0067ac;
  margin: 0px auto 5px auto;
  text-align: center;
  font-family: roboto-bold;
  margin-top: -20px;
}

.progress {
  height: 100%;
  background-color: #0067ac;
  width: 25%;
}
.leader-slider.owl-theme .owl-dots {
  text-align: left;
  display: flex;
  gap: 5px;
  margin-top: 50px;
  max-width: 95px;
  width: 100%;
}
.leader-slider.owl-theme .owl-dots .owl-dot span {
  width: 7px;
  height: 7px;
  margin: 0px;
  background: RGBA(0, 103, 172, 0.5);
  border-radius: 0px;
}
.leader-slider.owl-theme .owl-dots .owl-dot.active span {
  background: #0067ac;
}
.leader-slider.owl-theme .owl-nav {
  margin-top: 0px;
  width: 99px;
  position: absolute;
  right: 95px;
  bottom: -30px;
}
.sBlock {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  min-height: 299px;
  margin-top: 150px;
  display: flex;
  align-items: end;
}
.continueTxt {
  display: flex;
  gap: 140px;
  flex-wrap: wrap;
  justify-content: center;
  z-index: 999;
  position: relative;
}
.caseStudy {
  padding: 45px 0px 120px 0px;
  height: 100vh;
  overflow: hidden;
  background: linear-gradient(to right, #6cc247 0%, #0064b0 100%);

  display: flex;
}
.bg_clr_1 {
  background-image: url("../images/case-study-img1.webp");
}
.bg_clr_2 {
  background-image: url("../images/case-study-img2.webp");
}
.bg_clr_3 {
  background-image: url("../images/case-study-img3.webp");
}
.bg_clr_4 {
  background-image: url("../images/case-study-img4.webp");
}

/*.bg_clr_1:hover{
  background-color: #F7921D;
}
.bg_clr_2:hover{
  background-color: #6CCFF6;
}
.bg_clr_3:hover{
  background-color: #B095C6;
}
.bg_clr_4:hover{
  background-color: #DDB11E;
}
.bg_clr_5:hover{
  background-color: #73BF44;
}*/
.mt150 {
  margin-top: 150px;
}
/*.sBlock:hover{
  background-image: none;
}*/
.leftBlock,
.rightBlock {
  max-width: 445px;
  width: 100%;
}

.caseStudy {
  position: relative;
}

.sBlock h4 span {
  display: none;
  font-size: 16px;
  line-height: 22px;
  color: #000;
}
.sBlock h4 {
  padding: 5px 25px;
  font-size: 16px;
  line-height: 22px;
  color: #fff;
  min-height: 54px;
  display: flex;
  align-items: center;
}
.sBlock .explore-btn {
  display: none;
}
/*.sBlock:hover .explore-btn, .sBlock:hover h4, .sBlock:hover, .sBlock:hover h4 span{
  display: block;
}*/
/*.sBlock:hover h4{
  padding: 0px;
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 20px;
  font-family:roboto-bold;
}*/
/*.sBlock:hover h4 span{
  color: #fff;
}
.sBlock:hover{
  padding: 30px 25px;
}*/
.bg_clr_1 h4 {
  background-color: #72bf44;
  width: 100%;
}
.bg_clr_2 h4 {
  background-color: #00b9ad;
  width: 100%;
}
.bg_clr_3 h4 {
  background-color: #72bf44;
  width: 100%;
}
.bg_clr_4 h4 {
  background: linear-gradient(to right, #6cc247 0%, #0064b0 100%);
  width: 100%;
}
.bg_clr_5 h4 {
  background-color: #73bf44;
  width: 100%;
}
.sBlock .explore-btn a {
  width: 130px;
  height: 43px;
  line-height: 42px;
}
.mt250 {
  margin-top: 250px;
}
/**/
.business-wrp {
  padding: 40px 0px;
  height: calc(100vh - 0px);
  position: relative;
  max-width: 1920px;
  margin: 0 auto;
}

.business-wrp .enlarge-card {
  position: absolute;
  transform: translate(-50%, 0%);
  bottom: 0px;
  left: 50%;
}
.business-wrp .enlarge-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
}

.business-wrp2 {
  padding: 40px 0px;
  height: calc(100vh - 0px);
  position: relative;
  max-width: 1920px;
  margin: 0 auto;
}

.business-wrp2 .enlarge-card2 {
  position: absolute;
  transform: translate(-50%, 0%);
  bottom: 0px;
  left: 50%;
}
.business-wrp2 .enlarge-card2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
}

.business-wrp3 {
  padding: 40px 0px;
  height: calc(100vh - 0px);
  position: relative;
  max-width: 1920px;
  margin: 0 auto;
}

.business-wrp3 .enlarge-card3 {
  position: absolute;
  transform: translate(-50%, 0%);
  bottom: 0px;
  left: 50%;
}
.business-wrp3 .enlarge-card3 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
}
/**/
.business-wrp4 {
  padding: 40px 0px;
  height: calc(100vh - 0px);
  position: relative;
  max-width: 1920px;
  margin: 0 auto;
}
.business-wrp4 .enlarge-card4 {
  position: absolute;
  transform: translate(-50%, 0%);
  bottom: 0px;
  left: 50%;
}
.business-wrp4 .enlarge-card4 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
}
.atTheGlance .allHeads h3 span {
  display: block;
  font-family: roboto-bold;
  color: #fff;
  font-size: 20px;
  line-height: 24px;
  padding-bottom: 10px;
}
.atTheGlance .allHeads h3 {
  text-align: left;
  font-family: roboto-bold;
  font-size: 35px;
  line-height: 38px;
  margin-top: 35px;
  color: #fff;
  padding-bottom: 35px;
}
.atTheGlance .allHeads {
  max-width: 542px;
  width: 100%;
}
.atTheGlance {
  position: relative;
  height: 100vh;
  overflow: hidden;
  background: linear-gradient(to bottom, #0064b0 0%, #6cc247 100%);
}
.atTheGlance h4 {
  font-size: 24px;
  line-height: 30px;
  color: #ffffff;
  font-family: roboto-bold;
  text-align: left;
}
.halfImgs {
  max-width: 38%;
  width: 100%;
  position: absolute;
  right: 0px;
  bottom: 0px;
}
.explore-btn a {
  width: 120px;
  height: 46px;
  line-height: 46px;
}
.highlightsBlock .allHeads h3 span {
  display: block;
  font-family: roboto-bold;
  color: #72bf44;
  font-size: 20px;
  line-height: 24px;
}
.highlightsBlock .allHeads h3 {
  text-align: left;
  font-family: roboto-bold;
  font-size: 35px;
  line-height: 38px;
}
.highlightsBlock .col-xl-7 {
  padding-right: 0px;
  width: 64.6%;
}
.highlightsBlock .offset-xl-1 {
  margin-left: 5.333%;
}
.imgOp {
  margin-left: 12.333%;
  width: 100%;
  float: left;
}
.afterTargated {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
}
.tarGetImg {
  width: 40%;
  float: left;
}
.fullImgs {
  width: 100%;
  float: right;
  height: 662px;
}
.fullImgs img {
  height: 662px;
  object-fit: cover;
  width: 100%;
}
.highlightsBlock .col-xl-4 {
  width: 30%;
}
.innerCaps {
  padding: 30px 0px 0px 0px;
  max-width: 500px;
  width: 100%;
  margin-left: 250px;
}
.bg_img {
  position: relative;
  min-height: 537px;
  width: 100%;
}
.allLayer .indLayer_1,
.allLayer .indLayer_2,
.allLayer .indLayer_3,
.allLayer .indLayer_4,
.allLayer .indLayer_5,
.allLayer .indLayer_6 {
  position: absolute;
  right: 0px;
  left: 0px;
}
.allLayer {
  position: relative;
}
.indLayer_1 {
  transform: translateY(0);
  z-index: 1;
  background-color: #f7921d;
  top: 0;
}
.indLayer_2 {
  transform: translateY(537px);
  z-index: 2;
  background-color: #ddb11e;
  top: 0px;
}
.indLayer_3 {
  transform: translateY(537px);
  z-index: 3;
  background-color: #b095c6;
  top: 25px;
}
.indLayer_4 {
  transform: translateY(537px);
  z-index: 4;
  background-color: #6ccff6;
  top: 50px;
}
.indLayer_5 {
  transform: translateY(537px);
  z-index: 5;
  background-color: #02b9ad;
  top: 75px;
}
.indLayer_6 {
  transform: translateY(537px);
  z-index: 6;
  background-color: #73bf44;
  top: 100px;
}

.allLayer h4 {
  font-size: 24px;
  line-height: 29px;
  color: #ffffff;
  font-family: roboto-medium;
  margin: 13px auto;
}
.allAbi {
  display: flex;
  gap: 60px;
  margin-top: 0px;
}
.allAbi > div:nth-child(1) {
  position: relative;
}

.allAbi h5 {
  font-size: 40px;
  color: #fff;
}
.allAbi h5 sub {
  font-size: 18px;
  bottom: 0px;
}
.allAbi h5 span {
  font-size: 30px;
}
.allLayer .explore-btn {
  margin-top: 36px;
}
.highlightsBlock .allHeads {
  margin-top: 115px;
}
.highlightsBlock {
  height: 662px;
  overflow: hidden;
  margin-top: 40px;
}
.halfImgs {
  opacity: 0;
}
.outerReport {
  height: 259px;
  overflow: hidden;
  position: relative;
}
.scrollReport .allReport:nth-child(2),
.scrollReport .allReport:nth-child(3) {
  padding-top: 100px;
  overflow: hidden;
}
.glance-num.mb0 {
  margin-bottom: 0px;
}
.glance-num.mb0 p {
  min-height: 1px;
}
.atTheGlance .explore-btn {
  margin-top: 35px;
}
/*.msgPart:hover {
  transform: scale(1.03);
}*/
.allLayer::before {
  content: "";
  display: block;
  background-image: url("../images/tri.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 220px;
  height: 662px;
  position: absolute;
  left: 0px;
  top: -1px;
  z-index: 999;
}
.chmsg-slider.owl-carousel .owl-item img {
  width: auto;
  display: inline;
}

.chmsg-slider.owl-theme .owl-nav {
  margin-top: 0px;
  width: 99px;
  position: absolute;
  right: 95px;
  bottom: 127px;
}
.chmsg-slider .owl-nav button.owl-next {
  position: absolute;
  width: 44px;
  height: 46px;
  bottom: 0px;
  margin: auto;
  left: 100px;
  background-repeat: no-repeat;
  background-image: url(../images/chright-awrrow.svg) !important;
}

.chmsg-slider .owl-nav button.owl-prev {
  position: absolute;
  width: 44px;
  height: 46px;
  bottom: 0px;
  margin: auto;
  left: 58px;
  background-repeat: no-repeat;
  background-image: url(../images/chleft-arrow.svg) !important;
}

.chmsg-slider.owl-theme .owl-nav .owl-prev:hover,
.chmsg-slider.owl-theme .owl-nav .owl-next:hover {
  background: none;
  color: #fff;
  text-decoration: none;
  background-repeat: no-repeat;
}
.hm-bod {
  padding-top: 80px;
  position: relative;
}
.hm-bod h6,
.hm-keysec h6,
.vc-modal h6 {
  color: #72bf44;
  font-size: 18px;
  line-height: 22px;
  padding-bottom: 8px;
  font-family: roboto-bold;
  text-align: center;
}
.hm-bod h2,
.hm-keysec h2,
.vc-modal h2 {
  color: #0067ac;
  font-size: 35px;
  line-height: 22px;
  padding-bottom: 30px;
  font-family: roboto-bold;
  text-align: center;
}
.bod-box {
  box-shadow: 0px 3px 6px #00000029;
  border-bottom: 4px solid #72bf44;
  margin-left: 5px;
  min-height: 390px;
}
.bod-text {
  padding: 10px 20px 0px 20px;
}
.bod-text h5 {
  font-size: 18px;
  line-height: 22px;
  color: #6d6e71;
  font-family: roboto-bold;
  padding-bottom: 6px;
}
.bod-text p {
  font-size: 14px;
  color: #6d6e71;
  line-height: 18px;
}
.hm-bod .explore-btn {
  margin-top: 40px;
  text-align: center;
}
.bod-slider.owl-theme .owl-nav {
  margin-top: 0px;
  width: 99px;
  position: absolute;
  right: 40px;
  bottom: -86px;
}
.bod-slider .owl-nav button.owl-next {
  position: absolute;
  width: 44px;
  height: 46px;
  bottom: 0px;
  margin: auto;
  left: 100px;
  background-repeat: no-repeat;
  background-image: url(../images/chright-awrrow.svg) !important;
}

.bod-slider .owl-nav button.owl-prev {
  position: absolute;
  width: 44px;
  height: 46px;
  bottom: 0px;
  margin: auto;
  left: 58px;
  background-repeat: no-repeat;
  background-image: url(../images/chleft-arrow.svg) !important;
}

.bod-slider.owl-theme .owl-nav .owl-prev:hover,
.bod-slider.owl-theme .owl-nav .owl-next:hover {
  background: none;
  color: #fff;
  text-decoration: none;
  background-repeat: no-repeat;
}
.innerCaps p {
  color: #fff;
  padding-bottom: 15px;
}
.innerCaps h3 {
  font-size: 18px;
  line-height: 22px;
  color: #fff;
  font-family: roboto-medium;
  margin-bottom: 15px;
}
.innerCaps .allAbi p {
  padding-bottom: 0px;
}
.innerCaps h6 {
  font-size: 16px;
  color: #fff;
  font-family: roboto-medium;
  padding-bottom: 13px;
}

.ourServices {
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
}
.ourServicesSlider .item {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: 100vh;
}
.ourServicesSlider .item1 {
  background-image: url(../images/zinc-lead-silver.webp);
}
.ourServicesSlider .item2 {
  background-image: url(../images/aluminium.webp);
}
.ourServicesSlider .item3 {
  background-image: url(../images/oil-and-gas.webp);
}
.ourServicesSlider .item4 {
  background-image: url(../images/power.webp);
}
.ourServicesSlider .item5 {
  background-image: url(../images/iron-ore.webp);
}
.ourServicesSlider .item6 {
  background-image: url(../images/steel.webp);
}
.ourServicesSlider .item7 {
  background-image: url(../images/facor.webp);
}
.ourServicesSlider .item8 {
  background-image: url(../images/copper.webp);
}

.sliderLable .slide1,
.sliderLable .slide2,
.sliderLable .slide3,
.sliderLable .slide4,
.sliderLable .slide5,
.sliderLable .slide6,
.sliderLable .slide7,
.sliderLable .slide8 {
  width: 119px;
  height: 89px;
}

.sliderLable {
  left: 0px;
  right: 0px;
  position: absolute;
  bottom: 30px;
  z-index: 9;
  width: 100%;
}
.sliderLable ul {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0px;
  align-items: flex-end;
}
.sliderLable ul li {
  padding: 0px 12px;
  text-align: center;
  display: flex;
  align-items: center;
}
.sliderLable ul li a {
  color: #fff;
  font-size: 14px;
  line-height: 18px;
}
.sliderLable ul li.active {
  height: 116px;
}
.ourServices h6 {
  padding-top: 150px;
}
.ourServices h6,
.ourServices h4 {
  color: #fff;
  font-size: 20px;
  line-height: 24px;
  font-family: roboto-bold;
  padding-bottom: 8px;
}
.ourServices h3 {
  font-size: 35px;
  line-height: 38px;
  font-family: roboto-bold;
  color: #fff;
  padding-bottom: 25px;
}
.ourServices h3 span {
  display: block;
}
.ourServices p {
  color: #fff;
  padding-bottom: 30px;
}
.hm-keysec {
  padding: 55px 0px;
  position: relative;
  background-color: #f6f4f4;
}
.hm-keysec h6 {
  padding-bottom: 15px;
}
#myTab1 {
  display: block;
  gap: 40px;
  padding-bottom: 10px;
  flex-wrap: nowrap;
  border-bottom: none;
  margin-bottom: 20px;
  justify-content: center;
}
.stakeTabs .nav-link {
  display: block;
  padding: 0px;
  font-size: 16px;
  color: #fff;
  width: 100%;
  position: relative;
  background-color: #d4d4d4;
  border-radius: 0px;
  padding: 5px 15px;
  opacity: 0.4;
}
.stakeTabs #stake-tab-1,
.stakeTabs #stake-tab-3 {
  background-color: #0067ac;
}
.stakeTabs #stake-tab-2,
.stakeTabs #stake-tab-4 {
  background-color: #72bf44;
}

.stakeTabs .nav-tabs .nav-item.show .nav-link,
.stakeTabs .nav-tabs .nav-link.active {
  color: #fff;
  opacity: 1;
  border: 0px;
}
.key-tabcontent p {
  font-size: 14px;
  color:#6d6e71;
  border-bottom: 1px solid #4e505550;
  padding-bottom: 10px;
  margin-bottom: 10px;
  margin-right: 40px;
  font-family:roboto-regular;
}
.key-tabcontent p span {
  color: #0064b0;
  font-family: roboto-medium;
}
.bdbtm-none {
  border-bottom: none !important;
}
.key-tabcontent .row {
  align-items: center;
}
.key-tabcontent .row .col-xl-5:last-child {
  margin-left: 40px;
}
.key-tabcontent .explore-btn {
  margin-top: 20px;
  text-align: center;
}

.key-slider .owl-nav button.owl-next,
.key-slider1 .owl-nav button.owl-next,
.key-slider2 .owl-nav button.owl-next,
.key-slider3 .owl-nav button.owl-next {
  position: absolute;
  width: 44px;
  height: 46px;
  bottom: 0px;
  top: 0px;
  margin: auto;
  right: 0px;
  background-repeat: no-repeat;
  background-image: url(../images/chright-awrrow.svg) !important;
}
.key-slider .owl-nav button.owl-prev,
.key-slider1 .owl-nav button.owl-prev,
.key-slider2 .owl-nav button.owl-prev,
.key-slider3 .owl-nav button.owl-prev {
  position: absolute;
  width: 44px;
  height: 46px;
  bottom: 0px;
  top: 0px;
  margin: auto;
  left: 0px;
  background-repeat: no-repeat;
  background-image: url(../images/chleft-arrow.svg) !important;
}
.key-slider.owl-theme .owl-nav .owl-prev:hover,
.key-slider.owl-theme .owl-nav .owl-next:hover,
.key-slider1.owl-theme .owl-nav .owl-prev:hover,
.key-slider1.owl-theme .owl-nav .owl-next:hover,
.key-slider2.owl-theme .owl-nav .owl-prev:hover,
.key-slider2.owl-theme .owl-nav .owl-next:hover,
.key-slider3.owl-theme .owl-nav .owl-prev:hover,
.key-slider3.owl-theme .owl-nav .owl-next:hover {
  background: none;
  color: #fff;
  text-decoration: none;
  background-repeat: no-repeat;
}
.key-slider.owl-theme .owl-dots,
.key-slider1.owl-theme .owl-dots,
.key-slider2.owl-theme .owl-dots,
.key-slider3.owl-theme .owl-dots {
  position: absolute;
  left: calc(100vw / 16 * 1);
  bottom: -60px;
}
.key-slider.owl-theme .owl-dots .owl-dot span,
.key-slider1.owl-theme .owl-dots .owl-dot span,
.key-slider2.owl-theme .owl-dots .owl-dot span,
.key-slider3.owl-theme .owl-dots .owl-dot span {
  width: 7px;
  height: 7px;
  margin: 5px 3px;
  background: #0067ac;
  border-radius: 0px;
  opacity: 0.4;
}
.key-slider.owl-theme .owl-dots .owl-dot.active span,
.key-slider.owl-theme .owl-dots .owl-dot:hover span,
.key-slider1.owl-theme .owl-dots .owl-dot.active span,
.key-slider1.owl-theme .owl-dots .owl-dot:hover span,
.key-slider2.owl-theme .owl-dots .owl-dot.active span,
.key-slider2.owl-theme .owl-dots .owl-dot:hover span,
.key-slider3.owl-theme .owl-dots .owl-dot.active span,
.key-slider3.owl-theme .owl-dots .owl-dot:hover span {
  background: #0067ac;
  opacity: 1;
}
.key-counter,
.key-counter1,
.key-counter2,
.key-counter3 {
  position: absolute;
  right: calc(100vw / 16 * 2);
  font-size: 45px;
  line-height: 1;
  color: #0067ac;
  font-family: roboto-bold;
  bottom: 60px;
}
.vc-modal {
  padding: 40px 0px;
}
.vc-modal h6 {
  padding-bottom: 15px;
  text-align: left;
}
.vc-modal h2 {
  text-align: left;
}

#vc-tab {
  display: flex;
  gap: 15px;
  padding-bottom: 0px;
  flex-wrap: nowrap;
  border-bottom: none;
  margin-bottom: 1px;
  justify-content: center;
}
.vcTabs .nav-link {
  display: block;
  padding: 0px;
  font-size: 18px;
  line-height: 24px;
  color: #25408f;
  width: 100%;
  position: relative;
  background-color: #ffffff;
  border-radius: 0px;
  padding: 8px 8px;
  font-family: roboto-bold;
  border: none !important;
}
.vcTabs .nav-tabs .nav-link:focus,
.vcTabs .nav-tabs .nav-link:hover {
  border: none !important;
}
.vcTabs .nav-tabs .nav-item.show .nav-link,
.vcTabs .nav-tabs .nav-link.active {
  color: #fff;
  border: 0px;
  background-color: #25408f;
}
.vc-topbg {
  background-color: #25408f;
  padding: 20px 30px;
  margin-left: 5px;
}
.vc-icon img {
  width: 26px;
}
.vc-topbg h4 {
  font-size: 16px;
  color: #fff;
  padding-top: 8px;
  padding-bottom: 15px;
}
.vc-topbg p,
.vc-topbg ul li {
  color: #fff;
  font-size: 14px;
  line-height: 18px;
  padding-top: 7px;
}
.vc-topbg ul {
  padding-left: 15px;
}
.vc-topbg ul li::marker {
  color: #72bf44;
}
.vc-topbg .col-xl-4 {
  border-right: 1px solid #fff;
  padding-left: 30px;
}
.vc-icon {
  padding-left: 15px;
}
.vcbtm-bg h4 {
  font-size: 16px;
  color: #fff;
  padding-bottom: 15px;
  position: relative;
}
.vcbtm-bg {
  background-color: #0066aa;
  padding: 20px 30px;
  margin-left: 5px;
}
.vcbtm-bg h4:after {
  content: "";
  position: absolute;
  top: 10px;
  right: 35px;
  background-color: #fff;
  height: 1px;
  width: 245px;
}
.vcbtm-iconwrap {
  position: relative;
}
.vcbtm-icon {
  width: 20%;
  float: left;
  position: relative;
}
.vcbtm-icon:after {
  content: "";
  position: absolute;
  right: 18px;
  top: 20px;
  background-image: url(../images/cap/arrow.svg);
  width: 26px;
  height: 8px;
}
.vcbtm-iconwrap1 .vcbtm-icon:after {
  display: none;
}
.vcbtm-iconwrap .vcbtm-icon:last-child:after {
  display: none;
}
.vcbtm-bg p {
  font-size: 12px;
  color: #fff;
  line-height: 14px;
  padding-top: 4px;
}
.vcbtm-bg p span {
  display: block;
}
.vcbtm-iconwrap1 {
  display: flex;
  justify-content: space-evenly;
}
.vcbtm-iconwrap1 .vcbtm-icon {
  width: auto;
  float: none;
  text-align: center;
}
.vcbtm-bg h4.crvl:after {
  width: 320px;
}
.vcbtm-bg .explore-btn {
  margin-top: 50px;
  text-align: center;
}
.casstudy-text {
  position: absolute;
  top: 50%;
  transform: translate(0px, -50%);
  left: 0px;
  overflow: hidden;
  width: 100vw;
  max-width: 100%;
}
.casstudy-text h2 {
  color: #fff;
  font-size: 120px;
  font-family: roboto-bold;
  white-space: nowrap;
  will-change: transform;
  animation: marquee1 7s linear infinite;
}
@keyframes marquee1 {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
.hm-esg,
.hm-esg1,
.hm-esg2,
.hm-esg3 {
  position: relative;
  height: 100vh;
  overflow: hidden;
}
.esgmain-img,
.esgtop-img,
.esgmain-img1,
.esgtop-img1,
.esgmain-img2,
.esgtop-img2,
.esgmain-img3,
.esgtop-img3 {
  height: 100vh;
}
.esgmain-img img,
.esgtop-img img,
.esgmain-img1 img,
.esgtop-img1 img,
.esgmain-img2 img,
.esgtop-img2 img,
.esgmain-img3 img,
.esgtop-img3 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-position: center;
}
.esgtop-img,
.esgtop-img1,
.esgtop-img2,
.esgtop-img3 {
  z-index: 2;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  transform: scale(40);
  opacity: 0;
}
.hm-texttop,
.hm-texttop1,
.hm-texttop2,
.hm-texttop3 {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 37%;
  color: #72bf44;
  font-size: 20px;
  line-height: 24px;
  font-family: roboto-bold;
  z-index: 5;
  opacity: 0;
}
.hm-esg .explore-btn,
.hm-esg1 .explore-btn,
.hm-esg2 .explore-btn,
.hm-esg3 .explore-btn {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  bottom: 25%;
  z-index: 6;
  opacity: 0;
}
.report2 h3 {
  color: #fff;
  font-size: 18px;
  line-height: 24px;
  font-family: roboto-bold;
}
.report2 h6 {
  color: #fff;
  border-bottom: 1px solid #fff;
  padding-bottom: 4px;
  margin-bottom: 15px;
}
.key-tabcontent .key-slider1 p span {
  color: #72bf44;
}
.key-tabcontent .key-slider2 p span {
  color: #3cb7e6;
}
.key-tabcontent .key-slider3 p span {
  color: #8da15d;
}
.graph-li {
  padding-left: 15px;
}
.graph-li li {
  font-size: 14px;
  line-height: 18px;
  color: #4e5055;
  font-family: roboto-light;
  padding-bottom: 10px;
}
.bod-counter {
  position: absolute;
  left: calc(100vw / 16 * 1);
  font-size: 45px;
  line-height: 1;
  color: #0067ac;
  font-family: roboto-bold;
  bottom: 10px;
  margin-left: 30px;
}
/**/
.pageSitemap {
  padding: 15px 0px;
}
.siteMap a {
  color: #000000;
  font-size: 12px;
  line-height: 14px;
}

.pageSitemap {
  padding-top: 130px;
  padding-bottom: 25px;
}

.allHead h2 span {
  font-size: 16px;
  line-height: 19px;
  display: block;
  color: #6cc247;
  font-family: roboto-bold;
}
.allHead h2 {
  font-size: 45px;
  line-height: 54px;
  color: #0064b0;
  font-family: roboto-regular;
  margin-bottom: 15px;
}

.capsBg {
  background-color: #0067ac;
  padding: 46px 0px;
  position: relative;
  margin-top: 35px;
  margin-bottom: 25px;
}
.finCaps {
  display: flex;
  gap: 25px;
}
.capsImg {
  width: 180px;
  height: 180px;
  background-color: #6cc247;
  padding: 35px 45px;
  display: flex;
  align-items: center;
  margin-top: -60px;
  position: relative;
}
.finCaps > div:nth-child(2) {
  max-width: calc(100% - 225px);
  width: 100%;
}

.finCaps h5 {
  font-size: 18px;
  line-height: 22px;
  color: #fff;
  margin-bottom: 15px;
  font-family: roboto-bold;
}
.finCaps p {
  font-size: 16px;
  line-height: 22px;
  color: #fff;
}
.squareBox span {
  width: 7px;
  height: 7px;
  background-color: #6cc247;
  display: inline-flex;
  gap: 2px;
}
.squareBox {
  position: absolute;
  bottom: -15px;
  left: 0px;
}

.allCaps h4 {
  font-size: 20px;
  line-height: 24px;
  color: #6cc247;
  font-family: roboto-bold;
  margin-bottom: 35px;
}
.capsNum h6 {
  font-size: 30px;
  line-height: 30px;
  color: #0067ac;
  font-family: roboto-medium;
  margin-bottom: 28px;
}
.capsNum h6 sub {
  font-size: 18px;
  color: #0067ac;
  line-height: 18px;
  bottom: 0px;
}
.capsNum h6 span {
  display: block;
  font-size: 14px;
  line-height: 17px;
  color: #000000;
  margin-top: 4px;
  font-family: roboto-regular;
}
.capsNum p {
  font-size: 20px;
  line-height: 24px;
  color: #0067ac;
  font-family: roboto-medium;
}
.capsNum {
  position: relative;
  min-height: 150px;
  margin-bottom: 40px;
  padding-bottom: 45px;
  padding-left: 40px;
}
.capsNum::before {
  position: absolute;
  display: block;
  content: "";
  width: 93%;
  height: 2px;
  background-color: #6cc247;
  bottom: -20px;
  left: 0;
}
.capsNum::after {
  position: absolute;
  display: block;
  content: "";
  height: 100%;
  width: 2px;
  background-color: #6cc247;
  top: 0;
  right: 0;
}
.capsNum.noBorR::after {
  display: none;
}
.capsNum.noBorB::before {
  display: none;
}
.noteText {
  color: #747474;
}
.allCaps {
  padding-bottom: 35px;
}
.font18 {
  font-size: 18px;
  line-height: 22px;
  font-family: roboto-bold;
}
.black_clr {
  color: #000000 !important;
}
.mbZero {
  margin-bottom: 0px !important;
}
.font16 {
  font-size: 16px !important;
  line-height: 23px !important;
}
.manuCaps .capsNum {
  min-height: 190px;
}

.manuCaps .capsNum h6 span {
  min-height: 34px;
}
.humanCaps .capsNum {
  min-height: 110px;
  margin-bottom: 40px;
  padding-bottom: 0;
}
.capsNum.paddLz {
  padding-left: 0px;
}
.sociaCaps.capsNum {
  min-height: 110px;
  padding-bottom: 0px;
}

.font24 {
  font-size: 24px;
  line-height: 29px;
  font-family: roboto-medium;
  margin-bottom: 15px;
}
.primary_blue {
  color: #0067ac !important;
}
.mt50 {
  margin-top: 50px !important;
}
.singleImg {
  margin-bottom: 20px;
}

.coreBgVal {
  background: transparent
  linear-gradient(
    90deg,
    #0064b0 0%,
    #076daa 10%,
    #1276a2 20%,
    #1d809a 30%,
    #288990 40%,
    #339286 50%,
    #3e9c7b 60%,
    #49a570 70%,
    #55af63 80%,
    #60b856 90%,
    #6cc247 100%
  )
  0% 0% no-repeat padding-box;
  padding-left: 125px;
  padding-right: 65px;
  padding-bottom: 40px;
  position: relative;
  margin-top: 65px;
  padding-top: 170px;
}
.leafImg {
  position: absolute;
  top: -40px;
}
.coreBgVal p {
  color: #fff;
}
.coreBgVal h4 {
  color: #fff;
}
.allTrust {
  display: flex;
  gap: 20px;
  justify-content: space-between;
  margin-top: 45px;
}
.font18 {
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 15px;
}
.fontLight {
  font-family: roboto-light;
}
.coreBgVal h4 {
  font-size: 20px;
  line-height: 24px;
  font-family: roboto-bold;
  margin-bottom: 15px;
}
.mt30 {
  margin-top: 30px !important;
}
b {
  font-family: roboto-bold;
  font-weight: normal;
}

@font-face {
  font-family: Cocogoose-Pro-Regular-trial;
  src: url(../fonts/Cocogoose-Pro-Regular-trial.ttf);
}
@font-face {
  font-family: roboto-light;
  src: url(../fonts/Roboto-Light.ttf);
}
@font-face {
  font-family: roboto-regular;
  src: url(../fonts/Roboto-Regular.ttf);
}
@font-face {
  font-family: roboto-medium;
  src: url(../fonts/Roboto-Medium.ttf);
}
@font-face {
  font-family: roboto-bold;
  src: url(../fonts/Roboto-Bold.ttf);
}
@font-face {
  font-family: roboto-black;
  src: url(../fonts/Roboto-Black.ttf);
}
@font-face {
  font-family: RobotoCondensed-Regular;
  src: url(../fonts/RobotoCondensed-Regular.ttf);
}
@font-face {
  font-family: Roboto-BoldCondensed;
  src: url(../fonts/Roboto-BoldCondensed.ttf);
}
@font-face {
  font-family: roboto-italic;
  src: url(../fonts/Roboto-Italic.ttf);
}

body {
  box-sizing: border-box;
  color: #000000;
  font-family: roboto-regular;
  font-size: 16px;
  line-height: 22px;
  margin: 0;
  padding: 0;
}
h1,
h2,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0px;
  padding: 0px;
}

a {
  text-decoration: none !important;
  font-size: 16px;
}

a:hover {
  text-decoration: none !important;
}

p {
  font-size: 16px;
  line-height: 22px;
}

.my-sidenav,
.ham-icon1 {
  display: none;
}
/*-----------Header Css End-------------*/
.my-sidenav1 {
  display: block;
  position: relative;
  top: 20px;
  right: 0;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 999;
  max-width: 100%;
  width: 100%;
  background-color: #006fb9;
  height: auto;
/*  background-image: url(../images/menu/menu-main-img.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;*/
}
.openMenu .nav-tabs .nav-link {
  margin-bottom: 0px;
  border: none;
  border-radius: 0px;
}
.openMenu .nav-item {
  display: inline-block;
  width: 100%;
}
.openMenu .nav-tabs {
  border-bottom: 0;
}
.openMenu .nav-tabs .nav-item.show .nav-link,
.openMenu .nav-tabs .nav-link.active {
  color: #73bf44;
  background-color: transparent;
  border-color: transparent;
  text-decoration: underline;
}

.openMenu {
  background-color: #0067ac;
  padding: 47px 147px 0px 160px;
}
.openMenu ul li .nav-link:hover {
  color: #fff;
}
.openMenu ul li .nav-link {
  font-size: 20px;
  line-height: 25px;
  text-align: left;
  color: #fff;
}
.innerOpenMenu ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.innerOpenMenu {
  padding: 0px 20px 0px 0px;
}
.innerOpenMenu ul li a {
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  font-family: roboto-bold;
  display: block;
  margin-bottom: 5px;
  position: relative;
}
.innerOpenMenu ul li a:hover {
  color: #0067ac;
  transition: 0.3s;
}
.linkWithImg {
  display: flex;
  gap: 36px;
  align-items: center;
}
/**/
#header {
  background-color: #0067ac;
  box-shadow: 0px 3px 6px #00000029;
  height: 80px;
  display:block;
  align-items: center;
  position: absolute;
  width: 100%;
  z-index: 9;
}
.middleDownlOad a {
  font-size: 15px;
  line-height: 18px;
  color: #fff;
  display: flex;
  gap: 10px;
  align-items: center;
}
#header .row {
  align-items: center;
}
.topMenu {
  display: flex;
  align-items: center;
  justify-content: end;
}
.desktopHam span {
  color: #fff;
  font-size: 14px;
  line-height: 14px;
  width: 100%;
  display: block;
  text-align: center;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  padding: 3px 0px;
}
.middleDownlOad {
  display: flex;
  justify-content: center;
}
.desktopHam img {
  position: absolute;
  z-index: -9;
}
.desktopHam {
  border: 1px solid #0067ac;
  border-radius: 19px;
  cursor: pointer;
  position: relative;
  max-width: 90px;
  width: 100%;
}
/**/
.topBanner {
  height: 100vh;
  display: flex;
  background-image: url("../images/hm-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left bottom;
  align-items: center;
}
.topBanner h1 {
  font-size: 48px;
  line-height: 50px;
  color: #0067ac;
  font-family: Cocogoose-Pro-Regular-trial;
  padding-bottom: 27px;
  padding-top: 50px;
}
.topBanner h1 span {
  display: block;
}
.topBanner p {
  color: #000000;
  font-family: roboto-medium;
  padding-bottom: 46px;
}
.tabHide {
  display: none;
}

.tabBottomMenu ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  display: flex;
  justify-content: center;
  gap: 52px;
}
.tabBottomMenu {
  background: #73bf44 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  padding: 12px 0px;
}
.tabBottomMenu ul li a {
  font-size: 15px;
  color: #ffffff;
  line-height: 18px;
}

.rightTab {
  max-width: 763px;
  width: 100%;
  position: relative;
  height: calc(100vh - 122px);
  background-color: #0067ac;
}
.linksMenu {
  max-width: 570px;
  width: 100%;
  background: #73bf44;
  box-shadow: 0px 3px 6px #00000029;
  position: absolute;
  left: -442px;
  z-index: 9999;
  top: calc(50% - 134px);
 padding:50px 30px;
}
/**/
footer {
  padding-bottom: 76px;
}
.homePage footer {
  padding-bottom: 0px;
  background: linear-gradient(to right, #6cc247 0%, #0064b0 100%);
}

.reportingSuit {
  background-color: #ebf7fe;
  display: flex;
  align-items: center;
  height: 662px;
  width: 100%;
}
.reportIns img {
  width: auto !important;
}
.reportIns {
  display: flex;
  background-color: #0067ac;
}
.reportIns:hover {
  box-shadow: 0px 3px 6px #00000029;
  background-color: #fff;
}
.reportIns > div:nth-child(1) {
  width: 183px;
}
.reportIns > div:nth-child(2) {
  width: calc(100% - 183px);
  background-color: #0067ac;
  padding: 25px 20px;
  min-height: 259px;
}
.indReport {
  width: calc(50% - 30px);
}
/**/

.reportIns:hover .report2 h4 {
  margin-top: 10px;
}
.report2 h4 {
  font-size: 24px;
  line-height: 28px;
  color: #fff;
  margin-bottom: 10px;
  min-height: 48px;
  font-family: acumin-pro-extra-condensed-smbd;
}
.report2 p {
  font-size: 16px;
  line-height: 21px;
  color: #fff;
  margin-bottom: 15px;
}
.report2 p span {
  font-family: roboto-bold;
  color: #fff;
}
.report2 p:last-child {
  margin: 0px;
}
.reportingSlider .owl-nav button.owl-next {
  position: absolute;
  width: 46px;
  height: 46px;
  bottom: -60px;
  margin: auto;
  right: 0px;
  background-image: url(../images/key-arrow-rigth.svg) !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.reportingSlider .owl-nav button.owl-prev {
  position: absolute;
  width: 46px;
  height: 46px;
  bottom: -60px;
  margin: auto;
  left: 0px;
  opacity: 1;
  background-image: url(../images/key-arrow-left.svg) !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.reportingSlider.owl-theme .owl-nav .owl-prev:hover,
.reportingSlider.owl-theme .owl-nav .owl-next:hover {
  background: none;
  color: #fff;
  text-decoration: none;
  width: 46px;
  height: 46px;
}
.reportingSlider.owl-theme .owl-dots .owl-dot span {
  background: #bcbcbc;
}
.reportingSlider.owl-carousel {
  max-width: 1048px;
  width: 100%;
  margin: 0px auto;
}
.reportCounter {
  display: flex;
  justify-content: center;
  font-size: 18px;
  line-height: 1;
  color: #0067ac;
  margin-top: 29px;
}
.reportingSlider.owl-theme .owl-nav {
  margin-top: 0;
}
.reportBook {
  display: flex;
  background-color: #fff;
  box-shadow: 0px 3px 6px #00000029;
  padding: 0px;
  position: relative;
  margin-bottom: 100px;
}
.reportBook > div:nth-child(1) {
  width: 212px;
  position: absolute;
  left: 0;
  top: -50px;
}
.reportBook > div:nth-child(1) a {
  display: flex;
}

.topLiksF {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #00000029;
  margin-bottom: 30px;
  padding-bottom: 30px;
  padding-top: 30px;
}
.reportBook > div:nth-child(2) {
  width: calc(100% - 0px);
  padding-left: 23%;
}
.botLiksF {
  display: flex;
  justify-content: space-between;
  padding-bottom: 30px;
}
.topLiksF > div:nth-child(1),
.botLiksF > div:nth-child(1) {
  width: 40%;
  position: relative;
  padding-left: 70px;
}
.topLiksF > div:nth-child(2),
.botLiksF > div:nth-child(2) {
  width: 60%;
  position: relative;
  padding-left: 50px;
}
/*.reportBook::before {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  right: 0px;
  width: 925px;
  height: 18px;
  background-color: #0067AC;
  margin: auto;
  top: -18px;
}*/
/*.reportBook::after {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  right: 0px;
  width: 925px;
  height: 18px;
  background-color: #0067AC;
  margin: auto;
  bottom: -18px;
}*/

.topLiksF h4,
.botLiksF h4 {
  font-size: 18px;
  line-height: 24px;
  color: #000000;
  font-family: roboto-medium;
}
.topLiksF p,
.botLiksF p {
  font-size: 10px;
  line-height: 13px;
  display: block;
  color: #0067ac;
  font-family: roboto-bold;
}
.borderRight::after {
  content: "";
  display: block;
  position: absolute;
  right: 0px;
  width: 1px;
  height: 100px;
  background-color: #00000029;
  top: -30px;
}

.backTop {
  position: relative;
}
.backTop a {
  text-align: right;
  display: block;
  font-size: 16px;
  line-height: 21px;
  color: #0067ac;
  font-family: roboto-bold;
}

.downloadCenter h3 {
  font-size: 35px;
  line-height: 38px;
  color: #fff;
  text-align: center;
  padding-top: 100px;
  margin-bottom: 15px;
  font-family: roboto-bold;
}
.copyRightBg {
  background-color: #0067ac;
  padding: 19px 0px;
}

.footSocial ul {
  list-style: none;
  display: flex;
  gap: 10px;
  justify-content: center;
  margin: 0px;
  padding: 0px;
}
.rdxDev p {
  text-align: right;
  font-size: 14px;
  line-height: 19px;
  color: #fff;
}
.rdxDev p a {
  color: #fff;
  font-size: 14px;
  line-height: 19px;
}
.copyrightTxt p {
  font-size: 14px;
  line-height: 19px;
  color: #fff;
}
.backTop a {
  position: absolute;
  right: 215px;
  top: 122px;
}
.backTop a {
  text-align: right;
  display: block;
  font-size: 16px;
  line-height: 21px;
  color: #fff;
  font-family: roboto-bold;
}
.allReport {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
.allHeads h3 {
  font-size: 35px;
  line-height: 38px;
  color: #0067ac;
  text-align: center;
  font-family: roboto-bold;
}
.allHeads {
  text-align: center;
  margin-bottom: 22px;
}
.glance-num {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ffffff80;
  max-width: 255px;
  position: relative;
}
.glance-num1:after {
  content: "";
  position: relative;
  width: 1px;
  height: 68px;
  background-color: #ffffff80;
  position: absolute;
  top: 0;
  right: -14px;
}

.glance-num h4 {
  color: #fff;
  font-size: 40px;
  line-height: 50px;
  font-family: roboto-medium;
  padding-bottom: 0px !important;
}
.glance-num h4 span {
  font-size: 18px;
  font-family: roboto-regular;
}
.afterTargated h5 {
  font-size: 18px;
  line-height: 26px;
  color: #fff;
  font-family: roboto-bold;
  padding-bottom: 15px;
  color: #fff;
}
.glance-num p {
  color: #fff;
  font-size: 14px;
  line-height: 18px;
  font-family: roboto-medium;
  width: 100%;
  min-height: 35px;
}
.glance-num p span {
  display: block;
}
.bd-none {
  border-right: none !important;
}
.bd-none-btm {
  border-bottom: none;
}
.glance-num h5 {
  color: #000;
  font-size: 16px;
  font-family: roboto-bold;
  padding-bottom: 13px;
}
.glance-num h4 span {
  font-size: 18px;
}
.glance-num h4 span.d-blck {
  display: inline;
}
.indTrans {
  max-width: 730px;
  width: 100%;
  margin: auto;
}

.indTrans h3 span {
  color: #000000;
  font-size: 20px;
  line-height: 24px;
  display: block;
  font-family: roboto-bold;
}
.indTrans h3 {
  font-size: 36px;
  line-height: 32px;
  color: #0067ac;
  text-align: center;
  margin-bottom: 20px;
  font-family: acumin-pro-extra-condensed-smbd;
}
.indTrans p {
  font-size: 16px;
  line-height: 24px;
  color: #000000;
  text-align: center;
}
.explore-btn a {
  display: inline-block;
  color: #0067ac;
  font-size: 16px;
  font-family: roboto-bold;
  border-bottom: 2px solid #0067ac;
  box-shadow: 0px 3px 6px #00000029;
  width: 170px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background-color: #fff;
}
.explore-btn a:hover,
.slideText a:hover,
.readMore a:hover,
.readMore2 a:hover,
.caseTxt a:hover {
  color: #fff;
  background-color: #72bf44;
  transition: 0.3s ease-in-out;
}
.indTrans .explore-btn {
  text-align: center;
  margin: 40px auto;
}

.msgPart h3 {
  color: #0067ac;
  font-size: 35px;
  line-height: 38px;
  max-width: 319px;
  width: 100%;
  font-family: roboto-bold;
}
.msgPart h3 span {
  display: block;
  font-size: 20px;
  line-height: 24px;
  color: #72bf44;
  font-family: roboto-bold;
  padding-bottom: 7px;
}

.msgPart p {
  font-size: 16px;
  line-height: 22px;
  color: #0066aa;
  position: relative;
  padding-top: 30px;
  padding-bottom: 19px;
}
.msgPart p:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background-image: url(../images/comma-icon.svg);
  width: 43px;
  height: 30px;
}
.name-btn-wrap {
  display: flex;
}
.name-btnarrow {
  margin-right: 10px;
}
.msgPart {
  background: #ffffff;
  box-shadow: 0px 3px 6px #00000029;
  max-width: 539px;
  width: 100%;
  padding: 28px;
  position: absolute;
  right: 0px;
  border-right: 2px solid #0067ac;
}
.managementSpeak2 .msgPart {
  right: auto;
  left: 0px;
  border-left: 2px solid #0067ac;
}
.msgImgs {
  position: relative;
  display: flex;
  align-items: center;
}

.msgChairman {
  padding: 95px 0px;
}
.managementSpeak {
  padding: 95px 0px 0px 0px;
}
.msgChairman .row {
  align-items: center;
  display: flex;
}
/**/
.sBlockSt {
  background: linear-gradient(to right, #6cc247 0%, #0064b0 100%);
  padding: 24px 29px;
  min-height: 412px;
}
.sBlockSt p {
  color: #fff;
}
.sBlockSt h3 {
  font-size: 20px;
  line-height: 52px;
  background-color: #ffffff;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  text-align: center;
  font-family: roboto-bold;
  margin-bottom: 10px;
  color: #0066aa;
}
.sBlockSt h4 {
  font-size: 20px;
  line-height: 24px;
  font-family: roboto-bold;
  margin-bottom: 14px;
  color: #ffffff;
}
.managementSpeak2 .msgImgs {
  justify-content: end;
}
/*.msgPart::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 2px;
  height: 100%;
  background-color: #0067AC;
  right: 0px;
}
.managementSpeak2 .msgPart::after {
  right: auto;
  left: 0;
}
.msgPart:hover::after{
  width: 100%;
  transition: .5s ease-in-out;
}*/
.msgPart h4 {
  color: #0067ac;
  font-size: 18px;
  line-height: 17px;
  margin-bottom: 18px;
  font-family: roboto-medium;
}
.msgPart h4 span {
  display: block;
  font-size: 14px;
  line-height: 17px;
  color: #000000;
  font-family: roboto-light;
}
.msgPart:hover h3 span,
.msgPart:hover h3,
.msgPart:hover p,
.msgPart:hover h4,
.msgPart:hover .explore-btn a {
  z-index: 9;
  position: relative;
}
.msgPart h3 {
  position: relative;
  margin-bottom: 20px;
}
/*
.msgPart:hover .explore-btn a {
  color: #0067ac;
  background-color: #fff;
}*/
.strategicPriorities .allHeads h3 {
  text-align: left;
  font-size: 35px;
  line-height: 38px;
  font-family: roboto-bold;
  color: #0067ac;
}
.leader-slider.owl-carousel .owl-stage {
  padding-left: 0px !important;
}
.strategicPriorities .col-xl-7 {
  padding-right: 0px;
  width: 65.33366666%;
}
.strategicPriorities .offset-xl-1 {
  margin-left: 5.333%;
}
.strategicPriorities .col-xl-4 {
  width: 29.333%;
}
.strategicPriorities {
  padding: 75px 0px;
  position: relative;
  background-color: #fff;
  height: 100vh;
}
.strategicPriorities .allHeads p {
  color: #000;
  text-align: left;
  font-size: 20px;
  line-height: 24px;
  font-family: roboto-bold;
  padding-bottom: 20px;
}

.leader-slider .owl-nav button.owl-next {
  position: absolute;
  width: 44px;
  height: 46px;
  bottom: 0px;
  margin: auto;
  left: 50px;
  background-repeat: no-repeat;
  background-image: url(../images/chright-awrrow.svg) !important;
}

.leader-slider .owl-nav button.owl-prev {
  position: absolute;
  width: 44px;
  height: 46px;
  bottom: 0px;
  margin: auto;
  left: 7px;
  background-repeat: no-repeat;
  background-image: url(../images/chleft-arrow.svg) !important;
}

.leader-slider.owl-theme .owl-nav .owl-prev:hover,
.leader-slider.owl-theme .owl-nav .owl-next:hover {
  background: none;
  color: #fff;
  text-decoration: none;
  background-repeat: no-repeat;
}
.leader-slider.owl-theme .owl-nav .owl-prev.disabled,
.leader-slider.owl-theme .owl-nav .owl-next.disabled {
}

.progress-bar {
  width: 95px;
  background: #e1ebf7;
  margin: 0px auto;
  height: 2px;
  /* position: absolute;
  right: 0;
  bottom: 40px;
  left: 0px;*/
}
.lead-counter {
  width: 95px;
  font-size: 45px;
  line-height: 1;
  color: #0067ac;
  margin: 0px auto 5px auto;
  text-align: center;
  font-family: roboto-bold;
  margin-top: -20px;
}

.progress {
  height: 100%;
  background-color: #0067ac;
  width: 25%;
}
.leader-slider.owl-theme .owl-dots {
  text-align: left;
  display: flex;
  gap: 5px;
  margin-top: 50px;
  max-width: 95px;
  width: 100%;
}
.leader-slider.owl-theme .owl-dots .owl-dot span {
  width: 7px;
  height: 7px;
  margin: 0px;
  background: RGBA(0, 103, 172, 0.5);
  border-radius: 0px;
}
.leader-slider.owl-theme .owl-dots .owl-dot.active span {
  background: #0067ac;
}
.leader-slider.owl-theme .owl-nav {
  margin-top: 0px;
  width: 99px;
  position: absolute;
  right: 95px;
  bottom: -30px;
}
.sBlock {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  min-height: 299px;
  margin-top: 150px;
  display: flex;
  align-items: end;
}
.continueTxt {
  display: flex;
  gap: 140px;
  flex-wrap: wrap;
  justify-content: center;
  z-index: 999;
  position: relative;
}
.caseStudy {
  padding: 45px 0px 120px 0px;
  height: 100vh;
  overflow: hidden;
  background: linear-gradient(to right, #6cc247 0%, #0064b0 100%);

  display: flex;
}
.bg_clr_1 {
  background-image: url("../images/case-study-img1.webp");
}
.bg_clr_2 {
  background-image: url("../images/case-study-img2.webp");
}
.bg_clr_3 {
  background-image: url("../images/case-study-img3.webp");
}
.bg_clr_4 {
  background-image: url("../images/case-study-img4.webp");
}

/*.bg_clr_1:hover{
  background-color: #F7921D;
}
.bg_clr_2:hover{
  background-color: #6CCFF6;
}
.bg_clr_3:hover{
  background-color: #B095C6;
}
.bg_clr_4:hover{
  background-color: #DDB11E;
}
.bg_clr_5:hover{
  background-color: #73BF44;
}*/
.mt150 {
  margin-top: 150px;
}
/*.sBlock:hover{
  background-image: none;
}*/
.leftBlock,
.rightBlock {
  max-width: 445px;
  width: 100%;
}

.caseStudy {
  position: relative;
}

.sBlock h4 span {
  display: none;
  font-size: 16px;
  line-height: 22px;
  color: #000;
}
.sBlock h4 {
  padding: 5px 25px;
  font-size: 16px;
  line-height: 22px;
  color: #fff;
  min-height: 54px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.sBlock .explore-btn {
  display: none;
}
/*.sBlock:hover .explore-btn, .sBlock:hover h4, .sBlock:hover, .sBlock:hover h4 span{
  display: block;
}*/
/*.sBlock:hover h4{
  padding: 0px;
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 20px;
  font-family:roboto-bold;
}*/
/*.sBlock:hover h4 span{
  color: #fff;
}
.sBlock:hover{
  padding: 30px 25px;
}*/
.bg_clr_1 h4 {
  background-color: #72bf44;
  width: 100%;
}
.bg_clr_2 h4 {
  background-color: #00b9ad;
  width: 100%;
}
.bg_clr_3 h4 {
  background-color: #72bf44;
  width: 100%;
}
.bg_clr_4 h4 {
  background: linear-gradient(to right, #6cc247 0%, #0064b0 100%);
  width: 100%;
}
.bg_clr_5 h4 {
  background-color: #73bf44;
  width: 100%;
}
.sBlock .explore-btn a {
  width: 130px;
  height: 43px;
  line-height: 42px;
}
.mt250 {
  margin-top: 250px;
}
/**/
.business-wrp {
  padding: 40px 0px;
  height: calc(100vh - 0px);
  position: relative;
  max-width: 1920px;
  margin: 0 auto;
}

.business-wrp .enlarge-card {
  position: absolute;
  transform: translate(-50%, 0%);
  bottom: 0px;
  left: 50%;
}
.business-wrp .enlarge-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
}

.business-wrp2 {
  padding: 40px 0px;
  height: calc(100vh - 0px);
  position: relative;
  max-width: 1920px;
  margin: 0 auto;
}

.business-wrp2 .enlarge-card2 {
  position: absolute;
  transform: translate(-50%, 0%);
  bottom: 0px;
  left: 50%;
}
.business-wrp2 .enlarge-card2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
}

.business-wrp3 {
  padding: 40px 0px;
  height: calc(100vh - 0px);
  position: relative;
  max-width: 1920px;
  margin: 0 auto;
}

.business-wrp3 .enlarge-card3 {
  position: absolute;
  transform: translate(-50%, 0%);
  bottom: 0px;
  left: 50%;
}
.business-wrp3 .enlarge-card3 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
}
/**/
.business-wrp4 {
  padding: 40px 0px;
  height: calc(100vh - 0px);
  position: relative;
  max-width: 1920px;
  margin: 0 auto;
}
.business-wrp4 .enlarge-card4 {
  position: absolute;
  transform: translate(-50%, 0%);
  bottom: 0px;
  left: 50%;
}
.business-wrp4 .enlarge-card4 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
}
.atTheGlance .allHeads h3 span {
  display: block;
  font-family: roboto-bold;
  color: #fff;
  font-size: 20px;
  line-height: 24px;
  padding-bottom: 10px;
}
.atTheGlance .allHeads h3 {
  text-align: left;
  font-family: roboto-bold;
  font-size: 35px;
  line-height: 38px;
  margin-top: 35px;
  color: #fff;
  padding-bottom: 35px;
}
.atTheGlance .allHeads {
  max-width: 542px;
  width: 100%;
}
.atTheGlance {
  position: relative;
  height: 100vh;
  overflow: hidden;
  background: linear-gradient(to bottom, #0064b0 0%, #6cc247 100%);
}
.atTheGlance h4 {
  font-size: 24px;
  line-height: 30px;
  color: #ffffff;
  font-family: roboto-bold;
  text-align: left;
}
.halfImgs {
  max-width: 38%;
  width: 100%;
  position: absolute;
  right: 0px;
  bottom: 0px;
}
.explore-btn a {
  width: 120px;
  height: 46px;
  line-height: 46px;
}
.highlightsBlock .allHeads h3 span {
  display: block;
  font-family: roboto-bold;
  color: #72bf44;
  font-size: 20px;
  line-height: 24px;
}
.highlightsBlock .allHeads h3 {
  text-align: left;
  font-family: roboto-bold;
  font-size: 35px;
  line-height: 38px;
}
.highlightsBlock .col-xl-7 {
  padding-right: 0px;
  width: 64.6%;
}
.highlightsBlock .offset-xl-1 {
  margin-left: 5.333%;
}
.imgOp {
  margin-left: 12.333%;
  width: 100%;
  float: left;
}
.afterTargated {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
}
.tarGetImg {
  width: 40%;
  float: left;
}
.fullImgs {
  width: 100%;
  float: right;
  height: 662px;
}
.fullImgs img {
  height: 662px;
  object-fit: cover;
  width: 100%;
}
.highlightsBlock .col-xl-4 {
  width: 30%;
}
.innerCaps {
  padding: 30px 0px 0px 0px;
  max-width: 500px;
  width: 100%;
  margin-left: 250px;
}
.bg_img {
  position: relative;
  min-height: 537px;
  width: 100%;
}
.allLayer .indLayer_1,
.allLayer .indLayer_2,
.allLayer .indLayer_3,
.allLayer .indLayer_4,
.allLayer .indLayer_5,
.allLayer .indLayer_6 {
  position: absolute;
  right: 0px;
  left: 0px;
}
.allLayer {
  position: relative;
}
.indLayer_1 {
  transform: translateY(0);
  z-index: 1;
  background-color: #FF8E27;
  top: 0;
}
.indLayer_2 {
  transform: translateY(537px);
  z-index: 2;
  background-color: #32C1B0;
  top: 0px;
}
.indLayer_3 {
  transform: translateY(537px);
  z-index: 3;
  background-color: #00B8F1;
  top: 25px;
}
.indLayer_4 {
  transform: translateY(537px);
  z-index: 4;
  background-color: #7E9AA8;
  top: 50px;
}
.indLayer_5 {
  transform: translateY(537px);
  z-index: 5;
  background-color: #AC7B55;
  top: 75px;
}
.indLayer_6 {
  transform: translateY(537px);
  z-index: 6;
  background-color: #6CC247;
  top: 100px;
}

.allLayer h4 {
  font-size: 24px;
  line-height: 29px;
  color: #ffffff;
  font-family: roboto-medium;
  margin: 13px auto;
}
.allAbi {
  display: flex;
  gap: 60px;
  margin-top: 0px;
}
.allAbi > div:nth-child(1) {
  position: relative;
}

.allAbi h5 {
  font-size: 40px;
  color: #fff;
}
.allAbi h5 sub {
  font-size: 18px;
  bottom: 0px;
}
.allAbi h5 span {
  font-size: 30px;
}
.allLayer .explore-btn {
  margin-top: 36px;
}
.highlightsBlock .allHeads {
  margin-top: 115px;
}
.highlightsBlock {
  height: 662px;
  overflow: hidden;
  margin-top: 40px;
}
.halfImgs {
  opacity: 0;
}
.outerReport {
  height: 259px;
  overflow: hidden;
  position: relative;
}
.scrollReport .allReport:nth-child(2),
.scrollReport .allReport:nth-child(3) {
  padding-top: 100px;
  overflow: hidden;
}
.glance-num.mb0 {
  margin-bottom: 0px;
}
.glance-num.mb0 p {
  min-height: 1px;
}
.atTheGlance .explore-btn {
  margin-top: 35px;
}
/*.msgPart:hover {
  transform: scale(1.03);
}*/
.allLayer::before {
  content: "";
  display: block;
  background-image: url("../images/tri.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 220px;
  height: 661px;
  position: absolute;
  left: 0px;
  top: -1px;
  z-index: 999;
}
.chmsg-slider.owl-carousel .owl-item img {
  width: auto;
  display: inline;
}

.chmsg-slider.owl-theme .owl-nav {
  margin-top: 0px;
  width: 99px;
  position: absolute;
  right: 95px;
  bottom: 127px;
}
.chmsg-slider .owl-nav button.owl-next {
  position: absolute;
  width: 44px;
  height: 46px;
  bottom: 0px;
  margin: auto;
  left: 100px;
  background-repeat: no-repeat;
  background-image: url(../images/chright-awrrow.svg) !important;
}

.chmsg-slider .owl-nav button.owl-prev {
  position: absolute;
  width: 44px;
  height: 46px;
  bottom: 0px;
  margin: auto;
  left: 58px;
  background-repeat: no-repeat;
  background-image: url(../images/chleft-arrow.svg) !important;
}

.chmsg-slider.owl-theme .owl-nav .owl-prev:hover,
.chmsg-slider.owl-theme .owl-nav .owl-next:hover {
  background: none;
  color: #fff;
  text-decoration: none;
  background-repeat: no-repeat;
}
.hm-bod {
  padding-top: 80px;
  position: relative;
}
.hm-bod h6,
.hm-keysec h6,
.vc-modal h6 {
  color: #72bf44;
  font-size: 18px;
  line-height: 22px;
  padding-bottom: 8px;
  font-family: roboto-bold;
  text-align: center;
}
.hm-bod h2,
.hm-keysec h2,
.vc-modal h2 {
  color: #0067ac;
  font-size: 35px;
  line-height: 22px;
  padding-bottom: 30px;
  font-family: roboto-bold;
  text-align: center;
}
.bod-box {
  box-shadow: 0px 3px 6px #00000029;
  border-bottom: 4px solid #72bf44;
  margin-left: 5px;
  min-height: 390px;
}
.bod-text {
  padding: 10px 20px 0px 20px;
}
.bod-text h5 {
  font-size: 18px;
  line-height: 22px;
  color: #6d6e71;
  font-family: roboto-bold;
  padding-bottom: 6px;
}
.bod-text p {
  font-size: 14px;
  color: #6d6e71;
  line-height: 18px;
}
.hm-bod .explore-btn {
  margin-top: 40px;
  text-align: center;
}
.bod-slider.owl-theme .owl-nav {
  margin-top: 0px;
  width: 99px;
  position: absolute;
  right: 40px;
  bottom: -86px;
}
.bod-slider .owl-nav button.owl-next {
  position: absolute;
  width: 44px;
  height: 46px;
  bottom: 0px;
  margin: auto;
  left: 100px;
  background-repeat: no-repeat;
  background-image: url(../images/chright-awrrow.svg) !important;
}

.bod-slider .owl-nav button.owl-prev {
  position: absolute;
  width: 44px;
  height: 46px;
  bottom: 0px;
  margin: auto;
  left: 58px;
  background-repeat: no-repeat;
  background-image: url(../images/chleft-arrow.svg) !important;
}

.bod-slider.owl-theme .owl-nav .owl-prev:hover,
.bod-slider.owl-theme .owl-nav .owl-next:hover {
  background: none;
  color: #fff;
  text-decoration: none;
  background-repeat: no-repeat;
}
.innerCaps p {
  color: #fff;
  padding-bottom: 15px;
}
.innerCaps h3 {
  font-size: 18px;
  line-height: 22px;
  color: #fff;
  font-family: roboto-medium;
  margin-bottom: 15px;
}
.innerCaps .allAbi p {
  padding-bottom: 0px;
}
.innerCaps h6 {
  font-size: 16px;
  color: #fff;
  font-family: roboto-medium;
  padding-bottom: 13px;
}

.ourServices {
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
}
.ourServicesSlider .item {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: 100vh;
}
.ourServicesSlider .item1 {
  background-image: url(../images/zinc-lead-silver.webp);
}
.ourServicesSlider .item2 {
  background-image: url(../images/aluminium.webp);
}
.ourServicesSlider .item3 {
  background-image: url(../images/oil-and-gas.webp);
}
.ourServicesSlider .item4 {
  background-image: url(../images/power.webp);
}
.ourServicesSlider .item5 {
  background-image: url(../images/iron-ore.webp);
}
.ourServicesSlider .item6 {
  background-image: url(../images/steel.webp);
}
.ourServicesSlider .item7 {
  background-image: url(../images/facor.webp);
}
.ourServicesSlider .item8 {
  background-image: url(../images/copper.webp);
}

.sliderLable .slide1,
.sliderLable .slide2,
.sliderLable .slide3,
.sliderLable .slide4,
.sliderLable .slide5,
.sliderLable .slide6,
.sliderLable .slide7,
.sliderLable .slide8 {
  width: 119px;
  height: 89px;
}

.sliderLable {
  left: 0px;
  right: 0px;
  position: absolute;
  bottom: 30px;
  z-index: 9;
  width: 100%;
}
.sliderLable ul {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0px;
  align-items: flex-end;
}
.sliderLable ul li {
  padding: 0px 12px;
  text-align: center;
  display: flex;
  align-items: center;
}
.sliderLable ul li a {
  color: #fff;
  font-size: 14px;
  line-height: 18px;
}
.sliderLable ul li.active {
  height: 116px;
}
.ourServices h6 {
  padding-top: 150px;
}
.ourServices h6,
.ourServices h4 {
  color: #fff;
  font-size: 20px;
  line-height: 24px;
  font-family: roboto-bold;
  padding-bottom: 8px;
}
.ourServices h3 {
  font-size: 35px;
  line-height: 38px;
  font-family: roboto-bold;
  color: #fff;
  padding-bottom: 25px;
}
.ourServices h3 span {
  display: block;
}
.ourServices p {
  color: #fff;
  padding-bottom: 30px;
}
.hm-keysec {
  padding: 55px 0px;
  position: relative;
  background-color: #f6f4f4;
}
.hm-keysec h6 {
  padding-bottom: 15px;
}
#myTab {
  display: flex;
  gap: 40px;
  padding-bottom: 10px;
  flex-wrap: nowrap;
  border-bottom: none;
  margin-bottom: 20px;
  justify-content: center;
}
.stakeTabs .nav-link {
  display: block;
  padding: 0px;
  font-size: 16px;
  color: #fff;
  width: 100%;
  position: relative;
  background-color: #d4d4d4;
  border-radius: 0px;
  padding: 5px 15px;
  opacity: 0.4;
}
.stakeTabs #stake-tab-1,
.stakeTabs #stake-tab-3 {
  background-color: #0067ac;
}
.stakeTabs #stake-tab-2,
.stakeTabs #stake-tab-4 {
  background-color: #72bf44;
}

.stakeTabs .nav-tabs .nav-item.show .nav-link,
.stakeTabs .nav-tabs .nav-link.active {
  color: #fff;
  opacity: 1;
  border: 0px;
}
.key-tabcontent p {
  font-size: 14px;
  color: #4e5055;
  border-bottom: 1px solid #4e505550;
  padding-bottom: 10px;
  margin-bottom: 10px;
  margin-right: 40px;
  font-family:roboto-regular;
}
.key-tabcontent p span {
  color: #0064b0;
  font-family: roboto-medium;
}
.bdbtm-none {
  border-bottom: none !important;
}
.key-tabcontent .row {
  align-items: center;
}
.key-tabcontent .row .col-xl-5:last-child {
  margin-left: 40px;
}
.key-tabcontent .explore-btn {
  margin-top: 20px;
  text-align: center;
}

.key-slider .owl-nav button.owl-next,
.key-slider1 .owl-nav button.owl-next,
.key-slider2 .owl-nav button.owl-next,
.key-slider3 .owl-nav button.owl-next {
  position: absolute;
  width: 44px;
  height: 46px;
  bottom: 0px;
  top: 0px;
  margin: auto;
  right: 0px;
  background-repeat: no-repeat;
  background-image: url(../images/chright-awrrow.svg) !important;
}
.key-slider .owl-nav button.owl-prev,
.key-slider1 .owl-nav button.owl-prev,
.key-slider2 .owl-nav button.owl-prev,
.key-slider3 .owl-nav button.owl-prev {
  position: absolute;
  width: 44px;
  height: 46px;
  bottom: 0px;
  top: 0px;
  margin: auto;
  left: 0px;
  background-repeat: no-repeat;
  background-image: url(../images/chleft-arrow.svg) !important;
}
.key-slider.owl-theme .owl-nav .owl-prev:hover,
.key-slider.owl-theme .owl-nav .owl-next:hover,
.key-slider1.owl-theme .owl-nav .owl-prev:hover,
.key-slider1.owl-theme .owl-nav .owl-next:hover,
.key-slider2.owl-theme .owl-nav .owl-prev:hover,
.key-slider2.owl-theme .owl-nav .owl-next:hover,
.key-slider3.owl-theme .owl-nav .owl-prev:hover,
.key-slider3.owl-theme .owl-nav .owl-next:hover {
  background: none;
  color: #fff;
  text-decoration: none;
  background-repeat: no-repeat;
}
.key-slider.owl-theme .owl-dots,
.key-slider1.owl-theme .owl-dots,
.key-slider2.owl-theme .owl-dots,
.key-slider3.owl-theme .owl-dots {
  position: absolute;
  left: calc(100vw / 16 * 1);
  bottom: -60px;
}
.key-slider.owl-theme .owl-dots .owl-dot span,
.key-slider1.owl-theme .owl-dots .owl-dot span,
.key-slider2.owl-theme .owl-dots .owl-dot span,
.key-slider3.owl-theme .owl-dots .owl-dot span {
  width: 7px;
  height: 7px;
  margin: 5px 3px;
  background: #0067ac;
  border-radius: 0px;
  opacity: 0.4;
}
.key-slider.owl-theme .owl-dots .owl-dot.active span,
.key-slider.owl-theme .owl-dots .owl-dot:hover span,
.key-slider1.owl-theme .owl-dots .owl-dot.active span,
.key-slider1.owl-theme .owl-dots .owl-dot:hover span,
.key-slider2.owl-theme .owl-dots .owl-dot.active span,
.key-slider2.owl-theme .owl-dots .owl-dot:hover span,
.key-slider3.owl-theme .owl-dots .owl-dot.active span,
.key-slider3.owl-theme .owl-dots .owl-dot:hover span {
  background: #0067ac;
  opacity: 1;
}
.key-counter,
.key-counter1,
.key-counter2,
.key-counter3 {
  position: absolute;
  right: calc(100vw / 16 * 2);
  font-size: 45px;
  line-height: 1;
  color: #0067ac;
  font-family: roboto-bold;
  bottom: 60px;
}
.vc-modal {
  padding: 40px 0px;
}
.vc-modal h6 {
  padding-bottom: 15px;
  text-align: left;
}
.vc-modal h2 {
  text-align: left;
}

#vc-tab {
  display: flex;
  gap: 15px;
  padding-bottom: 0px;
  flex-wrap: nowrap;
  border-bottom: none;
  margin-bottom: 1px;
  justify-content: center;
}
.vcTabs .nav-link {
  display: block;
  padding: 0px;
  font-size: 18px;
  line-height: 24px;
  color: #25408f;
  width: 100%;
  position: relative;
  background-color: #ffffff;
  border-radius: 0px;
  padding: 8px 8px;
  font-family: roboto-bold;
  border: none !important;
}
.vcTabs .nav-tabs .nav-link:focus,
.vcTabs .nav-tabs .nav-link:hover {
  border: none !important;
}
.vcTabs .nav-tabs .nav-item.show .nav-link,
.vcTabs .nav-tabs .nav-link.active {
  color: #fff;
  border: 0px;
  background-color: #25408f;
}
.vc-topbg {
  background-color: #25408f;
  padding: 20px 30px;
  margin-left: 5px;
}
.vc-icon img {
  width: 26px;
}
.vc-topbg h4 {
  font-size: 16px;
  color: #fff;
  padding-top: 8px;
  padding-bottom: 15px;
}
.vc-topbg p,
.vc-topbg ul li {
  color: #fff;
  font-size: 14px;
  line-height: 18px;
  padding-top: 7px;
}
.vc-topbg ul {
  padding-left: 15px;
}
.vc-topbg ul li::marker {
  color: #72bf44;
}
.vc-topbg .col-xl-4 {
  border-right: 1px solid #fff;
  padding-left: 30px;
}
.vc-icon {
  padding-left: 15px;
}
.vcbtm-bg h4 {
  font-size: 16px;
  color: #fff;
  padding-bottom: 15px;
  position: relative;
}
.vcbtm-bg {
  background-color: #0066aa;
  padding: 20px 30px;
  margin-left: 5px;
}
.vcbtm-bg h4:after {
  content: "";
  position: absolute;
  top: 10px;
  right: 35px;
  background-color: #fff;
  height: 1px;
  width: 245px;
}
.vcbtm-iconwrap {
  position: relative;
}
.vcbtm-icon {
  width: 20%;
  float: left;
  position: relative;
}
.vcbtm-icon:after {
  content: "";
  position: absolute;
  right: 18px;
  top: 20px;
  background-image: url(../images/cap/arrow.svg);
  width: 26px;
  height: 8px;
}
.vcbtm-iconwrap1 .vcbtm-icon:after {
  display: none;
}
.vcbtm-iconwrap .vcbtm-icon:last-child:after {
  display: none;
}
.vcbtm-bg p {
  font-size: 12px;
  color: #fff;
  line-height: 14px;
  padding-top: 4px;
}
.vcbtm-bg p span {
  display: block;
}
.vcbtm-iconwrap1 {
  display: flex;
  justify-content: space-evenly;
}
.vcbtm-iconwrap1 .vcbtm-icon {
  width: auto;
  float: none;
  text-align: center;
}
.vcbtm-bg h4.crvl:after {
  width: 320px;
}
.vcbtm-bg .explore-btn {
  margin-top: 50px;
  text-align: center;
}
.casstudy-text {
  position: absolute;
  top: 50%;
  transform: translate(0px, -50%);
  left: 0px;
  overflow: hidden;
  width: 100vw;
  max-width: 100%;
}
.casstudy-text h2 {
  color: #fff;
  font-size: 120px;
  font-family: roboto-bold;
  white-space: nowrap;
  will-change: transform;
  animation: marquee1 7s linear infinite;
}
@keyframes marquee1 {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
.hm-esg,
.hm-esg1,
.hm-esg2,
.hm-esg3 {
  position: relative;
  height: 100vh;
  overflow: hidden;
}
.esgmain-img,
.esgtop-img,
.esgmain-img1,
.esgtop-img1,
.esgmain-img2,
.esgtop-img2,
.esgmain-img3,
.esgtop-img3 {
  height: 100vh;
}
.esgmain-img img,
.esgtop-img img,
.esgmain-img1 img,
.esgtop-img1 img,
.esgmain-img2 img,
.esgtop-img2 img,
.esgmain-img3 img,
.esgtop-img3 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-position: center;
}
.esgtop-img,
.esgtop-img1,
.esgtop-img2,
.esgtop-img3 {
  z-index: 2;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  transform: scale(40);
  opacity: 0;
}
.hm-texttop,
.hm-texttop1,
.hm-texttop2,
.hm-texttop3 {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 37%;
  color: #72bf44;
  font-size: 20px;
  line-height: 24px;
  font-family: roboto-bold;
  z-index: 5;
  opacity: 0;
}
.hm-esg .explore-btn,
.hm-esg1 .explore-btn,
.hm-esg2 .explore-btn,
.hm-esg3 .explore-btn {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  bottom: 25%;
  z-index: 6;
  opacity: 0;
}
.report2 h3 {
  color: #fff;
  font-size: 18px;
  line-height: 24px;
  font-family: roboto-bold;
}
.report2 h6 {
  color: #fff;
  border-bottom: 1px solid #fff;
  padding-bottom: 4px;
  margin-bottom: 15px;
}
.key-tabcontent .key-slider1 p span {
  color: #72bf44;
}
.key-tabcontent .key-slider2 p span {
  color: #3cb7e6;
}
.key-tabcontent .key-slider3 p span {
  color: #8da15d;
}
.graph-li {
  padding-left: 15px;
}
.graph-li li {
  font-size: 14px;
  line-height: 18px;
  color: #4e5055;
  font-family:roboto-regular;
  padding-bottom: 10px;
}
.bod-counter {
  position: absolute;
  left: calc(100vw / 16 * 1);
  font-size: 45px;
  line-height: 1;
  color: #0067ac;
  font-family: roboto-bold;
  bottom: 10px;
  margin-left: 30px;
}
/**/
.pageSitemap {
  padding: 15px 0px;
}
.siteMap a {
  color: #000000;
  font-size: 12px;
  line-height: 14px;
}

.pageSitemap {
  padding-top: 130px;
  padding-bottom: 25px;
}

.allHead h2 span {
  font-size: 16px;
  line-height: 19px;
  display: block;
  color: #6cc247;
  font-family: roboto-bold;
}
.allHead h2 {
  font-size: 45px;
  line-height: 54px;
  color: #0064b0;
  font-family: roboto-regular;
  margin-bottom: 15px;
}

.capsBg {
  background-color: #0067ac;
  padding: 46px 0px;
  position: relative;
  margin-top: 35px;
  margin-bottom: 25px;
}
.finCaps {
  display: flex;
  gap: 25px;
}
.capsImg {
  width: 180px;
  height: 180px;
  background-color: #6cc247;
  padding: 35px 45px;
  display: flex;
  align-items: center;
  margin-top: -60px;
  position: relative;
}
.finCaps > div:nth-child(2) {
  max-width: calc(100% - 225px);
  width: 100%;
}

.finCaps h5 {
  font-size: 18px;
  line-height: 22px;
  color: #fff;
  margin-bottom: 15px;
  font-family: roboto-bold;
}
.finCaps p {
  font-size: 16px;
  line-height: 22px;
  color: #fff;
}
.squareBox span {
  width: 7px;
  height: 7px;
  background-color: #6cc247;
  display: inline-flex;
  gap: 2px;
}
.squareBox {
  position: absolute;
  bottom: -15px;
  left: 0px;
}

.allCaps h4 {
  font-size: 20px;
  line-height: 24px;
  color: #6cc247;
  font-family: roboto-bold;
  margin-bottom: 35px;
}
.capsNum h6 {
  font-size: 30px;
  line-height: 30px;
  color: #0067ac;
  font-family: roboto-medium;
  margin-bottom: 28px;
}
.capsNum h6 sub {
  font-size: 20px;
  color: #0067ac;
  line-height: 18px;
  bottom: 0px;
}
.capsNum h6 span {
  display: block;
  font-size: 14px;
  line-height: 17px;
  color: #000000;
  margin-top: 4px;
  font-family: roboto-regular;
}
.capsNum p {
  font-size: 20px;
  line-height: 24px;
  color: #0067ac;
  font-family: roboto-medium;
}
.capsNum {
  position: relative;
  min-height: 163px;
  margin-bottom: 40px;
  padding-bottom: 45px;
  padding-left: 40px;
}
.capsNum::before {
  position: absolute;
  display: block;
  content: "";
  width: 93%;
  height: 2px;
  background-color: #6cc247;
  bottom: -20px;
  left: 0;
}
.capsNum::after {
  position: absolute;
  display: block;
  content: "";
  height: 100%;
  width: 2px;
  background-color: #6cc247;
  top: 0;
  right: 0;
}
.capsNum.noBorR::after {
  display: none;
}
.capsNum.noBorB::before {
  display: none;
}
.noteText {
  color: #747474;
}
.allCaps {
  padding-bottom: 35px;
}
.font18 {
  font-size: 18px;
  line-height: 22px;
  font-family: roboto-bold;
}
.black_clr {
  color: #707070 !important;
}
.capsNum h6 sub.btm {
  font-size: small;
  vertical-align: sub;
}
.mbZero {
  margin-bottom: 0px !important;
}
.font16 {
  font-size: 16px !important;
  line-height: 23px !important;
}
.manuCaps .capsNum {
  min-height: 190px;
}

.manuCaps .capsNum h6 span {
  min-height: 34px;
}
.humanCaps .capsNum {
  min-height: 110px;
  margin-bottom: 40px;
  padding-bottom: 0;
}
.capsNum.paddLz {
  padding-left: 0px;
}
.sociaCaps.capsNum {
  min-height: 110px;
  padding-bottom: 0px;
}
.font24 {
  font-size: 24px;
  line-height: 29px;
  font-family: roboto-medium;
  margin-bottom: 15px;
}
.primary_blue {
  color: #0067ac;
}
.mt50 {
  margin-top: 50px !important;
}
.singleImg {
  margin-bottom: 20px;
}

.coreBgVal {
  background: transparent
  linear-gradient(
    90deg,
    #0064b0 0%,
    #076daa 10%,
    #1276a2 20%,
    #1d809a 30%,
    #288990 40%,
    #339286 50%,
    #3e9c7b 60%,
    #49a570 70%,
    #55af63 80%,
    #60b856 90%,
    #6cc247 100%
  )
  0% 0% no-repeat padding-box;
  padding-left: 125px;
  padding-right: 65px;
  padding-bottom: 40px;
  position: relative;
  margin-top: 65px;
  padding-top: 170px;
  margin-bottom: 50px;
}
.leafImg {
  position: absolute;
  top: -40px;
}
.coreBgVal p {
  color: #fff;
}
.coreBgVal h4 {
  color: #fff;
}
.allTrust1 {
  display: flex;
  gap: 20px;
  justify-content: space-between;
  margin-top: 45px;
}
.font18 {
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 15px;
}
.fontLight {
  font-family: roboto-light;
}
.coreBgVal h4 {
  font-size: 20px;
  line-height: 24px;
  font-family: roboto-bold;
  margin-bottom: 15px;
}
.mt30 {
  margin-top: 30px !important;
}

.allTrust1 > div {
  text-align: center;
}
.allTrust1 p {
  border-bottom: 1px solid #fff;
  margin-top: 5px;
  padding-bottom: 5px;
}
.allTrust1 > div {
  position: relative;
}
.allTrust1 > div::after {
  content: "";
  display: block;
  position: absolute;
  right: -35px;
  top: 0px;
  width: 1px;
  height: 100%;
  background-color: #fff;
}
.allTrust1 > div.noBor::after {
  display: none;
}

.zincInd h4 {
  font-size: 30px;
  line-height: 22px;
  font-family: roboto-medium;
}
.zincInd h4 sub {
  font-size: 18px;
  line-height: 1;
  font-family: roboto-regular;
  bottom: 0px;
}
.zincInd h4 span {
  display: block;
  font-size: 14px;
  line-height: 23px;
  font-family: roboto-regular;
  margin-top: 8px;
  padding-right: 15px;
}

.zincInd {
  position: relative;
  margin-bottom: 70px;
}
.zincInd::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0px;
  width: 2px;
  height: 120px;
  background-color: #fff;
}
.zincInd.noBor::after {
  display: none;
}

.ourValueChain h4 {
  font-size: 20px;
  line-height: 24px;
  color: #6cc247;
  font-family: roboto-bold;
}

.globeThree {
  display: flex;
  gap: 10px;
  align-items: center;
}
.globeThree > div {
  font-size: 150px;
  line-height: 125px;
  color: #0067ac;
  font-family: roboto-light;
}
.explorationTxt h5 {
  font-size: 16px;
  margin-bottom: 10px;
  line-height: 19px;
  color: #0067ac;
  font-family: roboto-bold;
}
.globeThree {
  position: relative;
}
.globeThree::before {
  position: absolute;
  content: "";
  display: block;
  right: 0px;
  top: 0px;
  height: 125px;
  background-color: #b3afaf;
  width: 2px;
}

.esgPurpose {
  margin-top: 65px;
}
.esgPurpose h4 span {
  display: block;
  color: #6cc247;
  font-size: 16px;
}
.esgPurpose h4 {
  font-size: 20px;
  line-height: 24px;
  color: #0067ac;
  font-family: roboto-bold;
}
.esgPurpose p {
  color: #6cc247;
  font-size: 16px;
  line-height: 21px;
  font-family: roboto-bold;
}
.esgPurpose {
  margin-bottom: 55px;
}

.aimTxt {
  text-align: center;
}
.transformingCircle img {
  margin: 0px auto;
  display: block;
  margin-bottom: 30px;
}
.aimTxt h5 {
  font-size: 24px;
  line-height: 30px;
  color: #b68556;
  font-family: roboto-bold;
}
.aimTxt p {
  font-size: 20px;
  line-height: 24px;
  color: #000000;
  margin-bottom: 25px;
}
.aimTxt,
.trensLine {
  position: relative;
  padding: 0px 20px;
}
.trensLine::before {
  position: absolute;
  display: block;
  content: "";
  width: 93%;
  height: 2px;
  background-color: #6d6e71;
  bottom: -20px;
  left: 0;
}
.trensLine::after {
  position: absolute;
  display: block;
  content: "";
  height: 100%;
  width: 2px;
  background-color: #6d6e71;
  top: 0;
  right: 0;
}
.aimTxt::after {
  position: absolute;
  display: block;
  content: "";
  height: 284px;
  width: 2px;
  background-color: #6d6e71;
  top: 0;
  right: 0;
}

.trensLine.noBor::after,
.aimTxt.noBor::after {
  display: none;
}
.primary_green {
  color: #6cc247;
  font-family: roboto-bold;
}
.insideVed.allContents {
  padding-bottom: 50px;
}
.alignCntr {
  align-items: center;
}
.aimTxt.clrTxt2 h5 {
  font-size: 24px;
  line-height: 30px;
  color: #6CC247;
  font-family: roboto-bold;
}
.aimTxt.clrTxt3 h5 {
  font-size: 24px;
  line-height: 30px;
  color: #591d72;
  font-family: roboto-bold;
}
.cntImg img {
  margin: 0px auto;
  display: block;
}
.explorationTxt p {
  font-size: 18px;
  line-height: 22px;
  color: #000;
  font-family: roboto-light;
}
.keyGraphIn {
  margin-bottom: 60px;
}
.keyPerformancePage #myTab {
  gap: 15px;
  padding-bottom: 10px;
  margin-bottom: 50px;
  justify-content: start;
}
.keyPerformancePage.hm-keysec {
  padding: 30px 0px 55px 0px;
  background-color: #fff;
}

.allElements {
  background: transparent
  linear-gradient(
    90deg,
    #0064b0 0%,
    #076daa 10%,
    #1276a2 20%,
    #1d809a 30%,
    #288990 40%,
    #339286 50%,
    #3e9c7b 60%,
    #49a570 70%,
    #55af63 80%,
    #60b856 90%,
    #6cc247 100%
  )
  0% 0% no-repeat padding-box;
  padding: 45px 95px;
}
.elementLists {
  display: flex;
  gap: 30px;
}
.elementLists > div:nth-child(1) {
  width: 20px;
  font-weight: 600;
}
.elementLists > div:nth-child(2) {
  width: 180px;
}
.elementLists p {
  color: #fff;
  font-size: 14px;
}
.elementLists p b {
  font-family: roboto-medium;
}
.elementLists > div:nth-child(3) {
  width: 220px;
}
.elementLists {
  margin-bottom: 10px;
}
.cooperBox {
  background: transparent
  linear-gradient(
    90deg,
    #0064b0 0%,
    #076daa 10%,
    #1276a2 20%,
    #1d809a 30%,
    #288990 40%,
    #339286 50%,
    #3e9c7b 60%,
    #49a570 70%,
    #55af63 80%,
    #60b856 90%,
    #6cc247 100%
  )
  0% 0% no-repeat padding-box;
  padding: 45px 95px;
}

.cooperBox {
  background: transparent
  linear-gradient(
    90deg,
    #0064b0 0%,
    #076daa 10%,
    #1276a2 20%,
    #1d809a 30%,
    #288990 40%,
    #339286 50%,
    #3e9c7b 60%,
    #49a570 70%,
    #55af63 80%,
    #60b856 90%,
    #6cc247 100%
  )
  0% 0% no-repeat padding-box;
  padding: 45px 95px;
  margin-bottom: 30px;
  margin-top: 30px;
}
.multipleIn {
  display: flex;
  gap: 20px;
  margin-bottom: 30px;
  max-width: 170px;
  width: 100%;
}
.multipleIn p {
  color: #fff;
  font-size: 18px;
  line-height: 23px;
}
.multipleIn h4 span {
  display: block;
}
.multipleIn h4 {
  font-size: 18px;
  line-height: 23px;
  color: #fff;
}
.allCheckBox {
  background-color: #1b5ea2;
  padding: 20px 30px;
  margin-bottom: 30px;
}
.allCheckBox ul {
  display: flex;
  list-style: none;
  padding: 0px;
  margin: 0px;
  flex-wrap: wrap;
  gap: 20px 36px;
}
.allCheckBox ul li {
  font-size: 16px;
  line-height: 25px;
  color: #fff;
}
.allCheckBox ul li {
  position: relative;
  padding-left: 20px;
}
.allCheckBox ul li::after {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  top: 5px;
  width: 12px;
  height: 12px;
  background-color: red;
}
.cooperBox .noteText p {
  color: #fff;
}
.allCheckBox ul li:nth-child(1)::after {
  background-color: #e6912a;
  outline: 1px solid #ffffff;
}
.allCheckBox ul li:nth-child(2)::after {
  background-color: #6cc247;
  outline: 1px solid #ffffff;
}
.allCheckBox ul li:nth-child(3)::after {
  background-color: #55bfea;
  outline: 1px solid #ffffff;
}
.allCheckBox ul li:nth-child(4)::after {
  background-color: #ac7b55;
  outline: 1px solid #ffffff;
}
.allCheckBox ul li:nth-child(5)::after {
  background-color: #ff8e27;
  outline: 1px solid #ffffff;
}
.allCheckBox ul li:nth-child(6)::after {
  background-color: #32c1b0;
  outline: 1px solid #ffffff;
}
.allCheckBox ul li:nth-child(7)::after {
  background-color: #dcb292;
  outline: 1px solid #ffffff;
}
.allCheckBox ul li:nth-child(8)::after {
  background-color: #ffe641;
  outline: 1px solid #ffffff;
}
.allCheckBox ul li:nth-child(9)::after {
  background-color: #7e9aa8;
  outline: 1px solid #ffffff;
}
.allCheckBox ul li:nth-child(10)::after {
  background-color: #64666b;
  outline: 1px solid #ffffff;
}
.allCheckBox ul li:nth-child(11)::after {
  background-color: #be1e10;
  outline: 1px solid #ffffff;
}
.allCheckBox ul li:nth-child(12)::after {
  background-color: #939a85;
  outline: 1px solid #ffffff;
}
.allCheckBox ul li:nth-child(13)::after {
  background-color: #81b0c2;
  outline: 1px solid #ffffff;
}
.allCheckBox ul li:nth-child(14)::after {
  background-color: #603515;
  outline: 1px solid #ffffff;
}
.allCheckBox ul li:nth-child(15)::after {
  background-color: #ae9acd;
  outline: 1px solid #ffffff;
}

.aluminiumInd {
  display: flex;
}
.aluminiumInd > div:nth-child(1) {
  background: transparent
  linear-gradient(
    90deg,
    #6cc247 0%,
    #6abd45 10%,
    #67b843 20%,
    #64b341 30%,
    #62af3f 40%,
    #5faa3d 50%,
    #5ca53b 60%,
    #5aa039 70%,
    #579a37 80%,
    #549534 90%,
    #519032 100%
  )
  0% 0% no-repeat padding-box;
  padding: 28px 32px;
}
.aluminiumInd > div:nth-child(2) {
  background: transparent
  linear-gradient(
    90deg,
    #32c1b0 0%,
    #31bcac 10%,
    #30b7a8 20%,
    #2fb2a4 30%,
    #2dada0 40%,
    #2ca89c 50%,
    #2ba397 60%,
    #299e93 70%,
    #28998f 80%,
    #26948a 90%,
    #258f86 100%
  )
  0% 0% no-repeat padding-box;
  padding: 28px 32px;
}
.aluminiumInd > div:nth-child(3) {
  background: transparent
  linear-gradient(
    90deg,
    #ac7b55 0%,
    #a67752 10%,
    #a0724e 20%,
    #996e4a 30%,
    #926946 40%,
    #8c6443 50%,
    #855f3f 60%,
    #7e5a3b 70%,
    #775537 80%,
    #705033 90%,
    #6a4b2f 100%
  )
  0% 0% no-repeat padding-box;
  padding: 28px 32px;
}
.aluminiumInd > div:nth-child(4) {
  background: transparent
  linear-gradient(
    90deg,
    #ff8e27 0%,
    #ff8a25 10%,
    #fb8724 20%,
    #f58423 30%,
    #ee8022 40%,
    #e77d20 50%,
    #e0791f 60%,
    #d9761d 70%,
    #d2721c 80%,
    #cb6e1b 90%,
    #c46b19 100%
  )
  0% 0% no-repeat padding-box;
  padding: 28px 32px;
}
.aluminiumInd {
  margin-bottom: 45px;
  margin-top: 45px;
}
.allHead h2 img {
  display: block;
}

.allHead h2 img {
  display: block;
}
.aluminiumInd h6 {
  font-size: 16px;
  line-height: 19px;
  color: #ffffff;
  font-family: roboto-bold;
}
.aluminiumInd p {
  font-size: 14px;
  line-height: 17px;
  color: #ffffff;
  margin-top: 5px;
  margin-bottom: 15px;
}
.aluminiumInd h4 span {
  display: block;
  color: #ffffff;
  font-size: 18px;
  line-height: 23px;
  font-family: roboto-regular;
}
.aluminiumInd h4 {
  font-size: 30px;
  line-height: 37px;
  color: #fff;
  font-family: roboto-medium;
}
.aluminiumInd h4 sub {
  bottom: 0px;
}
.aluminiumInd > div {
  width: 25%;
}

.globalMap h4 {
  font-size: 20px;
  line-height: 24px;
  color: #6cc247;
  font-family: roboto-bold;
  margin-bottom: 25px;
}
.brown_clr {
  color: #6d6e71 !important;
}

.lightGrayBox {
  background-color: #f5fcfe;
  padding: 50px;
  text-align: center;
  margin-top: 40px;
  margin-bottom: 40px;
}

.worldClass {
  display: flex;
  gap: 17px;
  align-items: center;
}
.worldClass h4 {
  font-size: 18px;
  line-height: 24px;
  color: #0067ac;
  font-family: roboto-bold;
}
.mt20 {
  margin-top: 20px !important;
}
.ourInvesmentPage p {
  margin-bottom: 20px;
  margin-top: 5px;

}

.assetBase h3 {
  background: transparent
  linear-gradient(
    90deg,
    #6cc247 0%,
    #69be46 10%,
    #66ba46 20%,
    #64b645 30%,
    #61b244 40%,
    #5eaf43 50%,
    #5bab42 60%,
    #59a741 70%,
    #56a441 80%,
    #53a040 90%,
    #519c3f 100%
  )
  0% 0% no-repeat padding-box;
  font-size: 21px;
  line-height: 24px;
  color: #ffffff;
  font-family: roboto-bold;
  padding: 8px 15px;
  margin-bottom: 15px;
}
.assetBase.assBg1 {
  background-color: #f4f9f0;
}
.assetBase.assBg2 {
  background-color: #fff6ed;
}
.assetBase.assBg3 {
  background-color: #f9f4f0;
}
.assetBase.assBg4 {
  background-color: #ebf9fe;
}
.assetBase.assBg5 {
  background-color: #f0faf8;
  min-height: 204px;
}
.assetBase.assBg5 .assetBase {
  min-height: auto;
}
.assetBase.assBg6 {
  background-color: #fdf6ed;
  min-height: 222px;
}

.assetBase h4 {
  font-size: 27px;
  color: #0064b0;
  font-family: roboto-bold;
  line-height: 33px;
  padding-left: 15px;
  padding-bottom: 20px;
}
.assetBase h4 span {
  display: block;
  font-size: 19px;
  line-height: 23px;
  color: #2b2e34;
  font-family: roboto-light;
}
.assetBase.assBg2 p {
  padding-left: 15px;
  font-size: 19px;
  line-height: 23px;
  font-family: roboto-bold;
}

.assetBase h4 {
  font-size: 27px;
  color: #0064b0;
  font-family: roboto-bold;
  line-height: 33px;
  padding-left: 15px;
  padding-bottom: 20px;
}
.assetBase h4 span {
  display: block;
  font-size: 19px;
  line-height: 23px;
  color: #2b2e34;
  font-family: roboto-light;
}
.assetBase.assBg2 p {
  padding-left: 15px;
  font-size: 19px;
  line-height: 23px;
  font-family: roboto-bold;
}
.assetBase.assBg2 h3 {
  background: transparent
  linear-gradient(
    90deg,
    #ff8e27 0%,
    #ff8a25 10%,
    #fb8724 20%,
    #f58423 30%,
    #ee8022 40%,
    #e77d20 50%,
    #e0791f 60%,
    #d9761d 70%,
    #d2721c 80%,
    #cb6e1b 90%,
    #c46b19 100%
  )
  0% 0% no-repeat padding-box;
}
.assetBase.assBg3 h3 {
  background: transparent
  linear-gradient(
    90deg,
    #674a2e 0%,
    #6e4f32 10%,
    #755436 20%,
    #7c593a 30%,
    #835e3e 40%,
    #8a6342 50%,
    #916846 60%,
    #986d4a 70%,
    #9f724d 80%,
    #a67751 90%,
    #ac7b55 100%
  )
  0% 0% no-repeat padding-box;
}
.assetBase.assBg4 h3 {
  background: transparent
  linear-gradient(
    90deg,
    #0087b9 0%,
    #008cbf 10%,
    #0091c5 20%,
    #0096ca 30%,
    #009bd0 40%,
    #00a0d6 50%,
    #00a5db 60%,
    #00aae1 70%,
    #00afe6 80%,
    #00b3ec 90%,
    #00b8f1 100%
  )
  0% 0% no-repeat padding-box;
}
.assetBase.assBg5 h3 {
  background: transparent
  linear-gradient(
    90deg,
    #258f86 0%,
    #26948a 10%,
    #28998f 20%,
    #299e93 30%,
    #2ba397 40%,
    #2ca89c 50%,
    #2dada0 60%,
    #2fb2a4 70%,
    #30b7a8 80%,
    #31bcac 90%,
    #32c1b0 100%
  )
  0% 0% no-repeat padding-box;
}
.assetBase.assBg6 h3 {
  background: transparent
  linear-gradient(
    90deg,
    #a96c1b 0%,
    #af701c 10%,
    #b6741e 20%,
    #bc7720 30%,
    #c27b21 40%,
    #c87f23 50%,
    #ce8324 60%,
    #d48626 70%,
    #da8a27 80%,
    #e08e28 90%,
    #e6912a 100%
  )
  0% 0% no-repeat padding-box;
}

.assetBase {
  min-height: 480px;
  margin-bottom: 25px;
}

.assetBase ul {
  margin: 0px;
  padding-left: 25px;
  margin-bottom: 25px;
}
.assetBase ul li {
  font-family: roboto-light;
  font-size: 19px;
  line-height: 23px;
}
.worldLists ul {
  margin: 0px;
  padding-left: 15px;
  margin-bottom: 25px;
}
.worldLists ul li {
  font-family: roboto-regular;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 20px;
}

.smeltingCaps h3.oilGas {
  background: transparent
  linear-gradient(
    90deg,
    #258f86 0%,
    #26948a 10%,
    #28998f 20%,
    #299e93 30%,
    #2ba397 40%,
    #2ca89c 50%,
    #2dada0 60%,
    #2fb2a4 70%,
    #30b7a8 80%,
    #31bcac 90%,
    #32c1b0 100%
  )
  0% 0% no-repeat padding-box;
}
.smeltingCaps{
  position: relative;
}
.smeltingCaps h3.vedBg {
 background: transparent linear-gradient(270deg, 
  #ff8e27 0%, 
  #ff8a25 10%, 
  #fb8724 20%, 
  #f58423 30%, 
  #ee8022 40%, 
  #e77d20 50%, 
  #e0791f 60%, 
  #d9761d 70%, 
  #d2721c 80%, 
  #cb6e1b 90%, 
  #c46b19 100%
) 0% 0% no-repeat padding-box;

}
.smeltingCaps h3.merchBg {
  background: transparent linear-gradient(90deg, #0087B9 0%, #008CBF 10%, #0091C5 20%, #0096CA 30%, #009BD0 40%, #00A0D6 50%, #00A5DB 60%, #00AAE1 70%, #00AFE6 80%, #00B3EC 90%, #00B8F1 100%) 0% 0% no-repeat padding-box;
}
.smeltingCaps h3.steelBg {
  background: transparent
  linear-gradient(
    90deg,
    #674a2e 0%,
    #6e4f32 10%,
    #755436 20%,
    #7c593a 30%,
    #835e3e 40%,
    #8a6342 50%,
    #916846 60%,
    #986d4a 70%,
    #9f724d 80%,
    #a67751 90%,
    #ac7b55 100%
  )
  0% 0% no-repeat padding-box;
}
.smeltingCaps h3 {
  background: transparent
  linear-gradient(
    90deg,
    #6cc247 0%,
    #69be46 10%,
    #66ba46 20%,
    #64b645 30%,
    #61b244 40%,
    #5eaf43 50%,
    #5bab42 60%,
    #59a741 70%,
    #56a441 80%,
    #53a040 90%,
    #519c3f 100%
  )
  0% 0% no-repeat padding-box;
  font-size: 16px;
  line-height: 22px;
  color: #ffffff;
  font-family: roboto-bold;
  padding: 8px 15px;
  margin-bottom: 15px;
  max-width: 255px;
  width: 100%;
}
.smeltingCaps.fullWidth h3 {
  max-width: 665px;
}
.zincLim h4 {
  font-size: 40px;
  line-height: 50px;
  color: #0064b0;
  font-family: roboto-medium;
  padding-bottom: 25px;
}
.zincLim h4 span {
  display: block;
  font-size: 16px;
  line-height: 22px;
  color: #000000;
  font-family: roboto-regular;
}
.zincLim h4 sub {
  bottom: 0px;
}
.zincLim p {
  font-size: 16px;
  line-height: 22px;
  font-family: roboto-bold;
}
.fcorlim h4 {
  font-size: 16px;
  line-height: 22px;
  color: #ffffff;
  font-family: roboto-bold;
  padding: 8px 15px;
  margin-bottom: 15px;
}
.alH1 {
  min-height: 353px;
}
.alH2 {
  min-height: 300px;
}
.alH3 {
  min-height: 287px;
}
.zincLim {
  max-width: 285px;
  width: 100%;
}
.blackLine {
  margin-top: 50px;
  margin-bottom: 50px;
}
.integratedPage p {
  margin-bottom: 20px;
}
/**/

.lineHeading h4 {
  font-size: 18px;
  line-height: 24px;
  color: #0067ac;
  font-family: roboto-bold;
  position: relative;
  background-color: #fff;
  display: inline-block;
  padding: 10px 10px 10px 0px;
  z-index: 9;
}
.lineHeading img {
  display: block;
}
.lineHeading {
  position: relative;
  margin-top: 20px;
  margin-bottom: 20px;
}
.lineHeading::after {
  content: "";
  display: block;
  position: absolute;
  top: 29px;
  left: 0px;
  background-color: #000;
  height: 1px;
  width: 100%;
  z-index: 0;
}
.missionTo h5 {
  font-size: 16px;
  line-height: 22px;
  color: #000;
  font-family: roboto-bold;
  margin-bottom: 10px;
}

.missionTo h5 {
  font-size: 16px;
  line-height: 22px;
  color: #000000;
  font-family: roboto-bold;
  margin-bottom: 10px;
}
.missionTo ul {
  display: flex;
  list-style: none;
  padding: 0px;
  gap: 28px;
  flex-wrap: wrap;
  margin: 0px;
}
.missionTo ul li {
  position: relative;
}
.missionTo ul li::after {
  content: "";
  display: block;
  position: absolute;
  right: -14px;
  top: 0px;
  background-color: #e4e4e4;
  width: 1px;
  height: 100%;
}
.missionTo ul li:last-child::after {
  display: none;
}
.blackLine2 {
  margin-top: 20px;
  margin-bottom: 40px;
}

.strFocus {
  display: flex;
  flex-wrap: wrap;
}
.strFocus p {
  width: 50%;
  display: flex;
  gap: 10px;
}
.strFocus p span {
  color: #0064b0;
  font-family: roboto-bold;
}
.strFocus a {
  font-size: 14px;
  /* color: #000; */
}

.explorationIcon {
  display: flex;
  gap: 88px;
  align-items: center;
}
.explorationIcon p {
  color: #000000;
  margin-top: 10px;
}
.explorationIcon a {
  /* color: #000000; */
  font-size: 14px;
  line-height: 19px;
  font-style: italic;
}

.megatrendsInd {
  background-color: #f5f5f6;
  padding: 15px 20px;
  min-height: 261px;
}
.megatrendsInd h4 {
  font-size: 16px;
  line-height: 24px;
  color: #0064b0;
  font-family: roboto-bold;
  margin-bottom: 25px;
  padding-bottom: 5px;
  border-bottom: 1px solid #000;
}
.matIns span {
  width: 42px;
  height: 42px;
  font-size: 16px;
  background-color: red;
  padding: 6px;
  color: #fff;
  line-height: 35px;
  text-align: center;
}
.matIns {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
  margin-bottom: 20px;
  min-height: 90px;
}
.greenMats span {
  background-color: #72bf44;
}

.blackMats span {
  background-color: #6d6e71;
}

.blueMats span {
  background-color: #0064b0;
}
.megatrendsInd a {
  /* color: #000; */
  font-style: italic;
  font-size: 14px;
  line-height: 19px;
}
.lineHeading1 {
  position: relative;
  margin-top: 10px;
  margin-bottom: 20px;
}
.lineHeading1::after {
  content: "";
  display: block;
  position: absolute;
  top: 29px;
  left: 0px;
  background-color: #000;
  height: 1px;
  width: 100%;
  z-index: 0;
}
.lineHeading1 h4 {
  font-size: 16px;
  line-height: 22px;
  color: #000;
  font-family: roboto-bold;
  position: relative;
  background-color: #fff;
  display: inline-block;
  padding: 10px 10px 10px 0px;
  z-index: 9;
}
.insCapitals {
  position: relative;
  min-height: 140px;
  padding-top: 20px;
  padding-left: 20px;
}
.insCapitals::after {
  content: "";
  display: block;
  position: absolute;
  right: -15px;
  top: 0px;
  height: 100%;
  width: 1px;
  background-color: #e4e4e4;
}
.insCapitals::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0px;
  left: 0px;
  height: 1px;
  width: 100%;
  background-color: #e4e4e4;
  right: 0px;
  margin: 0px auto;
}
.insCapitals p {
  max-width: 150px;
  width: 100%;
}
.insCapitals p {
  margin-top: 10px;
}
.gapLeftZ {
  padding-left: 0px;
}
.insCapitals.noBorR::after {
  display: none;
}
.insCapitals.noBorB::before {
  display: none;
}
.otherFin .insCapitals {
  min-height: 90px;
}
.otherFin a {
  /* color: #000; */
  font-style: italic;
  font-size: 14px;
  line-height: 19px;
}

.allZinc {
  display: flex;
  margin-bottom: 20px;
  min-height: 460px;
}

.assetsOverview {
  padding-bottom: 50px;
}

.allZinc > div {
  padding: 20px 0px;
}

.allZinc h4 {
  color: #fff;
  font-size: 20px;
  line-height: 24px;
  padding-left: 30px;
  padding-bottom: 20px;
  font-family: roboto-bold;
}
.detailsP {
  padding: 30px 0px 10px 30px;
}
.detailsP p {
  color: #fff;
}
.assGraph {
  padding: 50px 15px 20px 15px;
}
.assGraph h6 {
  color: #fff;
  margin-bottom: 30px;
  margin-top: 10px;
  font-family: roboto-bold;
  font-size: 18px;
  line-height: 23px;
}
.assetLists {
  padding: 10px 33px 0px 33px;
}
.assetLists h5 {
  font-size: 16px;
  line-height: 19px;
  color: #000000;
  font-family: roboto-bold;
  margin-bottom: 15px;
}
.assetLists ul {
  padding-left: 15px;
  list-style: none;
}
.assetLists ul li {
  margin-bottom: 15px;
  font-size: 14px;
  line-height: 18px;
  color: #000000;
  font-family: roboto-light;
  position: relative;
}
.assetLists ul li::before {
  content: "";
  display: block;
  position: absolute;
  left: -15px;
  top: 5px;
  width: 7px;
  height: 7px;
  background-color: #747474;
}

.allZinc > div:nth-child(1) {
  width: 380px;
}
.allZinc > div:nth-child(2) {
  width: 220px;
}
.allZinc > div:nth-child(3) {
  width: 285px;
}
.allZinc > div:nth-child(4) {
  width: 285px;
}

/**/

.leadTop > div:nth-child(1) {
  background: transparent
  linear-gradient(
    90deg,
    #ff8e27 0%,
    #ff8a25 10%,
    #fb8724 20%,
    #f58423 30%,
    #ee8022 40%,
    #e77d20 50%,
    #e0791f 60%,
    #d9761d 70%,
    #d2721c 80%,
    #cb6e1b 90%,
    #c46b19 100%
  )
  0% 0% no-repeat padding-box;
}
.leadTop > div:nth-child(2) {
  background-color: #c46b19;
}
.leadTop > div:nth-child(3) {
  background-color: #ffe0c2;
}
.leadTop > div:nth-child(4) {
  background-color: #fff4e8;
}
/**/
.aluminiumTop > div:nth-child(1) {
  background: transparent
  linear-gradient(
    90deg,
    #6cc247 0%,
    #6abd45 10%,
    #67b843 20%,
    #64b341 30%,
    #62af3f 40%,
    #5faa3d 50%,
    #5ca53b 60%,
    #5aa039 70%,
    #579a37 80%,
    #549534 90%,
    #519032 100%
  )
  0% 0% no-repeat padding-box;
}
.aluminiumTop > div:nth-child(2) {
  background-color: #519032;
}
.aluminiumTop > div:nth-child(3) {
  background-color: #d1ecd2;
}
.aluminiumTop > div:nth-child(4) {
  background-color: #eef8ee;
}
/**/
.OilGasTop > div:nth-child(1) {
  background: transparent
  linear-gradient(
    90deg,
    #32c1b0 0%,
    #31bcac 10%,
    #30b7a8 20%,
    #2fb2a4 30%,
    #2dada0 40%,
    #2ca89c 50%,
    #2ba397 60%,
    #299e93 70%,
    #28998f 80%,
    #26948a 90%,
    #258f86 100%
  )
  0% 0% no-repeat padding-box;
}
.OilGasTop > div:nth-child(2) {
  background-color: #258f86;
}
.OilGasTop > div:nth-child(3) {
  background-color: #cbeee9;
}
.OilGasTop > div:nth-child(4) {
  background-color: #ecf8f7;
}
/**/
.powerTop > div:nth-child(1) {
  background: transparent
  linear-gradient(
    90deg,
    #00b8f1 0%,
    #00b4ec 10%,
    #00afe7 20%,
    #00aae1 30%,
    #00a5db 40%,
    #00a0d6 50%,
    #009bd0 60%,
    #0096ca 70%,
    #0091c5 80%,
    #008cbf 90%,
    #0087b9 100%
  )
  0% 0% no-repeat padding-box;
}
.powerTop > div:nth-child(2) {
  background-color: #0087b9;
}
.powerTop > div:nth-child(3) {
  background-color: #b7ebfb;
}
.powerTop > div:nth-child(4) {
  background-color: #e5f7fd;
}
/**/
.ironTop > div:nth-child(1) {
  background: transparent
  linear-gradient(
    90deg,
    #674a2e 0%,
    #6e4f32 10%,
    #755436 20%,
    #7c593a 30%,
    #835e3e 40%,
    #8a6342 50%,
    #916846 60%,
    #986d4a 70%,
    #9f724d 80%,
    #a67751 90%,
    #ac7b55 100%
  )
  0% 0% no-repeat padding-box;
}
.ironTop > div:nth-child(2) {
  background-color: #ac7b55;
}
.ironTop > div:nth-child(3) {
  background-color: #ecdbcd;
}
.ironTop > div:nth-child(4) {
  background-color: #f8f1ec;
}
/**/
.steelTop > div:nth-child(1) {
  background: transparent
  linear-gradient(
    90deg,
    #4b5d6a 0%,
    #506370 10%,
    #566977 20%,
    #5b707d 30%,
    #607683 40%,
    #657c89 50%,
    #6a8290 60%,
    #6f8896 70%,
    #748e9c 80%,
    #7994a2 90%,
    #7e9aa8 100%
  )
  0% 0% no-repeat padding-box;
}
.steelTop > div:nth-child(2) {
  background-color: #7e9aa8;
}
.steelTop > div:nth-child(3) {
  background-color: #dce6ea;
}
.steelTop > div:nth-child(4) {
  background-color: #f2f5f7;
  position: relative;
}
/**/
.facorTop > div:nth-child(1) {
  background: transparent
  linear-gradient(
    90deg,
    #6e7263 0%,
    #727666 10%,
    #767b6a 20%,
    #797f6d 30%,
    #7d8371 40%,
    #818774 50%,
    #858b78 60%,
    #888f7b 70%,
    #8c937f 80%,
    #909682 90%,
    #939a85 100%
  )
  0% 0% no-repeat padding-box;
}
.facorTop > div:nth-child(2) {
  background-color: #939a85;
}
.facorTop > div:nth-child(3) {
  background-color: #e1e2dc;
}
.facorTop > div:nth-child(4) {
  background-color: #f4f4f2;
}
/**/
.copperTop > div:nth-child(1) {
  background: transparent
  linear-gradient(
    90deg,
    #a96c1b 0%,
    #af701c 10%,
    #b6741e 20%,
    #bc7720 30%,
    #c27b21 40%,
    #c87f23 50%,
    #ce8324 60%,
    #d48626 70%,
    #da8a27 80%,
    #e08e28 90%,
    #e6912a 100%
  )
  0% 0% no-repeat padding-box;
}
.copperTop > div:nth-child(2) {
  background-color: #e6912a;
}
.copperTop > div:nth-child(3) {
  background-color: #f9e0c2;
}
.copperTop > div:nth-child(4) {
  background-color: #fcf3e8;
}

.assetsTbl img {
  margin: 0px auto;
  display: block;
}
.assetsTbl {
  padding-top: 15px;
}


.insideVed1 h2 {

  margin-bottom: 0px;
}
.mdainside {
  margin-top: 20px;
}
.mdatop-img {
  margin-bottom: 88px;
}

.global-eco
{
  background: linear-gradient(to bottom,  #0064b0 0%,#6cc247 100%);
  padding:135px 65px 30px;
  position: relative; 

  margin-bottom: 50px;
}
.eco-icon {
  position: absolute;
  top: -40px;
}


.global-eco h4 {

  font-size: 18px;
  line-height: 22px;
  color: #fff;
  padding-bottom: 15px;

  font-family:roboto-bold;

  padding-top: 40px;
}
.global-eco p {
  color: #fff;
}


.mdainside p {

  padding-bottom: 15px;
}
.mda-graph {
  margin-bottom: 40px;
}
.graph-line {
  height: 1px;
  width: 100%;
  background-color: #70707080;
  margin-bottom: 40px;
}
.pu-graph {
  margin-top: 25px;
  margin-bottom: 40px;
}
.r-gdp {
  margin-top: 35px;
}
.grey-subhead {
  color: #4d4d4f;
  font-size: 18px;
  line-height: 22px;
  font-family: roboto-regular;
  padding-bottom: 15px;
}
.mt-30 {
  margin-top: 30px;
}
.china-btm-img {
  margin-bottom: 50px;
}
.clr-green {
  color: #6cc247;
}

.seg-green-bg {
  background-color: #6cc247;

  position: relative;
}
.seg-green-bg h4 {
  font-size: 20px;
  line-height: 24px;
  font-family: roboto-bold;
  color: #fff;
  padding: 12px 20px 12px 80px;
}
.segtop-img img {
  width: 100%;
}
.seg-topicon {
  position: absolute;
  top: -22px;
}
.segmentinside {
  margin-top: 40px;
}
.segmentinside p {
  padding-bottom: 15px;
}
.segtop-img {
  position: relative;
  margin-bottom: 25px;
}
.segwhite-dot {
  position: absolute;
  right: 0;
  top: -10px;
}
.blue-subhead {
  color: #0067ac;
  font-size: 18px;
  line-height: 22px;
  padding-bottom: 20px;
  font-family: roboto-bold;
}
.seg-dot {
  border-bottom: 1px solid #6cc247;
  position: relative;
  margin-bottom: 20px;
}

.seg-dot img {
  position: absolute;
  left: 0;
  top: -9px;
  background-color: #fff;
  padding-right: 15px;
}
.mt-25 {
  margin-top: 25px;
}

.seg-zinc .seg-green-bg
{
  background-color:#FF8E27;
}
.seg-zinc .seg-dot {
  border-bottom: 1px solid #FF8E27;
}

.seg-oilgas .seg-green-bg
{
  background-color:#00B8AD;
}
.seg-oilgas .seg-dot {
  border-bottom: 1px solid #00B8AD;
}

.seg-iron .seg-green-bg
{
  background-color:#A37A56;
}
.seg-iron .seg-dot {
  border-bottom: 1px solid #A37A56;
}

.seg-zinc .seg-green-bg {
  background-color: #ff8e27;
}
.seg-zinc .seg-dot {
  border-bottom: 1px solid #ff8e27;
}

.seg-oilgas .seg-green-bg {
  background-color: #00b8ad;
}
.seg-oilgas .seg-dot {
  border-bottom: 1px solid #00b8ad;
}

.seg-iron .seg-green-bg {
  background-color: #a37a56;
}
.seg-iron .seg-dot {
  border-bottom: 1px solid #a37a56;
}
.segmentinside h6 {

  font-size: 16px;
  line-height: 22px;
  position: relative;
  padding-left: 20px;
  padding-bottom: 20px;
}

.segmentinside h6:before
{
  content: '';
  position: absolute;
  left: 0;
  top:5px;
  background-color: #0067AC;
  width: 8px;
  height: 8px;
}
.segmentinside h6 span 
{
  font-family:roboto-medium;
}
.seg-power .seg-green-bg
{
  background-color:#00ADEF;
}
.seg-power .seg-dot {
  border-bottom: 1px solid #00ADEF;
}
.seg-steel .seg-green-bg
{
  background-color:#7C95A2;
}
.seg-steel .seg-dot {
  border-bottom: 1px solid #7C95A2;
}
.seg-carbon .seg-green-bg
{
  background-color:#989684;
}
.segmentinside h6:before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  background-color: #0067ac;
  width: 8px;
  height: 8px;
}
.segmentinside h6 span {
  font-family: roboto-medium;
}
.seg-power .seg-green-bg {
  background-color: #00adef;
}
.seg-power .seg-dot {
  border-bottom: 1px solid #00adef;
}
.seg-steel .seg-green-bg {
  background-color: #7c95a2;
}
.seg-steel .seg-dot {
  border-bottom: 1px solid #7c95a2;
}
.seg-carbon .seg-green-bg {
  background-color: #989684;
}
.seg-carbon .seg-dot {
  border-bottom: 1px solid #989684;
}
.seg-copper .seg-green-bg
{
  background-color:#D79223;
}
.seg-copper .seg-dot {
  border-bottom: 1px solid #D79223;
}
.seg-copper .seg-green-bg {
  background-color: #d79223;
}
.seg-copper .seg-dot {
  border-bottom: 1px solid #d79223;
}
.finance-review h4 {
  font-size: 18px;
  line-height: 22px;
  color: #0064b0;
  padding-bottom: 30px;
  font-family: roboto-medium;
}
.finance-review h5 {
  font-size: 18px;
  line-height: 22px;
  color: #000000;
  font-family: roboto-medium;
  padding-bottom: 15px;
}
.finance-review p {
  padding-bottom: 20px;
}
.orange-li {
  padding-left: 0px;
}
.orange-li li {
  position: relative;
  font-size: 16px;
  line-height: 22px;
  padding-bottom: 20px;
  padding-left: 20px;
  list-style: none;
}

.orange-li li span 
{
  font-family:roboto-medium;
}
.orange-li li:before
{
  content: '';
  position: absolute;
  left: 0;
  top:5px;
  background-color:#FF8E27;
  width: 8px;
  height: 8px;
}
.keyex-table, .income-table
{
}

.orange-li li span {
  font-family: roboto-medium;
}
.orange-li li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  background-color: #ff8e27;
  width: 8px;
  height: 8px;
}
.keyex-table,
.income-table {

  margin-bottom: 55px;
}
.finance-review h3 {
  font-size: 16px;
  line-height: 22px;
  font-family: roboto-medium;
  padding-bottom: 25px;
}
.fin-row {
  margin-top: 30px;
}
.esgtp-img {
  margin-bottom: 30px;
}


.esg-cmt h4 {
  color: #6cc247;
  font-size: 20px;
  line-height: 24px;
  padding-bottom: 20px;
  font-family: roboto-bold;
}
.esg-cmt h5 {
  color: #747474;
  font-size: 18px;
  line-height: 24px;
  padding-bottom: 50px;
  font-family: roboto-bold;
}


.t-good {
  border-bottom: 1px solid transparent;
  border-image: linear-gradient(0.25turn, #6cc247, #0064b0);
  border-image-slice: 1;
  width: 100%;
  margin-bottom: 30px;

}
.grad-text {
  background: linear-gradient(to right, #6cc247 0%, #0064b0 100%);
  font-size: 20px;
  line-height: 24px;

  font-family:roboto-bold;

  display: inline-block;
  padding: 8px 20px;
  color: #fff;
}
.trans-wrap {
  text-align: center;
  margin-bottom: 40px;
}
.trans-icon {
  padding-bottom: 25px;
  margin-bottom: 20px;
  border-bottom: 1px solid #74747470;
  position: relative;
  margin-right: 10px;
}
.trans-icon:after {
  content: "";
  position: absolute;
  top: 0;
  right: -17px;
  background-color: #74747470;
  height: 210px;
  width: 1px;
}
.trans-wrap3 .trans-icon:after {
  display: none;
}


.trans-wrap h4 {
  font-size: 22px;
  font-family: roboto-medium;
  color: #5f3518;

}
.trans-wrap p {
  color: #707070;
}
.trans-wrap2 h4 {
  color: #519c3f;
}
.trans-wrap3 h4 {
  color: #602789;
}
.trans-text {
  position: relative;
  border-bottom: 1px solid #74747470;
  padding-right: 10px;
  min-height: 256px;
}
.trans-text:after {
  content: "";
  position: absolute;
  top: 0;
  right: -7px;
  background-color: #74747470;
  height: 255px;
  width: 1px;
}
.trans-wrap3 .trans-text:after {
  display: none;
}
.cluture-img {
  margin-bottom: 30px;
}
.p-cluture .esg-cmt {
  margin-bottom: 30px;
}
.p-cluture .global-eco h3 {
  font-size: 40px;

  font-family:roboto-medium;
  color:#fff;

}
.p-cluture .global-eco h6 {
  color: #fff;
  border-bottom: 1px solid #fff;
  display: inline-block;
  padding-bottom: 10px;
}

.people-culture p {
  padding-bottom: 20px;
}
.pc-30 {
  margin-top: 30px;
}
.people-culture h4 {
  padding-bottom: 15px;
}

.people-grad {
  background: linear-gradient(to right, #2b4588 0%, #1c7b45 100%);

  padding: 30px 40px 20px 30px;
  margin-bottom: 50px;
}
.people-grad h3 {
  color: #ffffff;
  font-size: 40px;
}
.people-grad p {
  color: #fff;
}
.grad-wrap {
  display: flex;
  align-items: flex-end;
}
.grad-wrap h5 {
  color: #0064b0;
  font-size: 18px;
  line-height: 22px;
  font-family: roboto-bold;
  margin-left: 20px;
}
.people-dot {
  margin-bottom: 20px;
}
.grad-wrap1 {
  margin-top: 30px;
}
.hipo {
  border-bottom: 1px solid #6cc247;
  position: relative;
  margin-bottom: 30px;
  margin-top: 20px;
}
.hipo h4 {
  color: #0064b0;
  font-size: 18px;
  line-height: 22px;
  font-family: roboto-medium;
  padding-bottom: 0px;
  background-color: #fff;
  display: inline-block;
  position: absolute;
  left: 0;

  top:-12px;
  padding-right: 20px;
}
.hippo-num
{

  top: -12px;
  padding-right: 20px;
}
.hippo-num {

  margin-bottom: 20px;
}
.hippo-num h3 {
  font-size: 40px;

  color: #0067AC;
  font-family:roboto-medium;

}
.hippo-img {
  margin-bottom: 50px;
}
h3.blue-subhead {
  font-size: 24px;
  padding-bottom: 5px;
}
.black-li {
  padding-left: 15px;
}
.black-li li {
  padding-bottom: 20px;
}

.black-li li span 
{
 font-family:roboto-medium;

}
.people-culture .seg-dot {
  margin-top: 15px;
}


.people-culture .seg-dot img {
  top: -4px;

}
.case-study {
  margin-top: 30px;
}
.case-study h2 {
  color: #6cc247;
  font-size: 18px;
  line-height: 22px;
  font-family: roboto-bold;
  padding-bottom: 15px;
}
.caseblue-bg {
  background: transparent linear-gradient(90deg, #2c428c 0%, #0066a8 100%) 0% 0%
  no-repeat padding-box;
  padding: 12px 20px;
  margin-bottom: 15px;
}


.caseblue-bg h4 {
  font-size: 18px;
  line-height: 22px;
  font-family: roboto-bold;
  color: #fff;

}
.hipo h4 img {
  padding-right: 10px;
}

.case-study p {

  padding-bottom: 15px;
}

.sqreBox {
  padding-bottom: 25px;
}
.sqreBox span {
  width: 7px;
  height: 7px;
  background-color: #6cc247;
  display: inline-flex;
  gap: 2px;
}
.sqreBox span:first-child {
  background-color: #0064b0;
}
.sqreBox span:nth-child(2) {
  background: linear-gradient(to right, #0064b0 50%, #6cc247 50%);
}
.chairman-top-sec h6 {
  font-size: 18px;
  line-height: 22px;
}
.chairman-top-sec h6.green-headin {
  color: #6cc247;
  font-family: roboto-bold;
  padding-bottom: 10px;
}
.chairman-top-sec h6.light-grey-headin {
  color: #6d6e71;
  font-family: roboto-regular;
  padding-bottom: 25px;
}
.chairman-top-sec h2 {
  font-family: roboto-medium;
  font-size: 40px;
  line-height: 50px;
  color: #0064b0;
}
.chairman-top-sec h2 span {
  font-size: 18px;
}
.chairman-top-sec p {
  font-family: roboto-regular;
  color: #6d6e71;
  padding-bottom: 20px;
}
.chairman-top-sec p span {
  display: block;
}
.chairman-top-sec p.para-pd-btm-0 {
  padding-bottom: 0px;
}
.sqreBox-btm-30 {
  padding-bottom: 30px;
}
.chairman-top-sec h6.blue-headin {
  color: #0067ac;
  font-family: roboto-bold;
  line-height: 38px;
  padding-bottom: 14px;
}
.chairman-top-sec h6.black-headin {
  color: #000000;
  font-family: roboto-medium;
  line-height: 24px;
  padding-bottom: 18px;
}
.img-and-blue-div img {
  min-height: 388px;
  margin-bottom: 30px;
}
.chairman-speech .row .col-xl-5 {
  padding-right: 0;
}
.chairman-speech .row .col-xl-7 {
  padding-left: 0;
}
.blue-div-text {
  background: #537cbd;
  /* background: linear-gradient(90deg,rgba(83, 124, 189, 1) 0%, rgba(30, 59, 133, 1) 50%, rgba(32, 60, 135, 1) 100%); */
  background: linear-gradient(
    90deg,
    rgba(83, 124, 189, 1) 0%,
    rgba(9, 41, 171, 1) 50%,
    rgba(5, 20, 158, 1) 100%
  );
  padding: 90px 60px;
  min-height: 388px;
  position: relative;
}
.blue-div-text img {
  padding-bottom: 15px;
}
.blue-div-text p {
  font-family: roboto-light;
  font-size: 24px;
  line-height: 30px;
  color: #ffffff;
}
.square-in-blue-div-text-div {
  padding-bottom: 16px;
  position: absolute;
  left: 42%;
  top: 54%;
}
.square-in-blue-div-text-div span {
  width: 7px;
  height: 7px;
  background-color: #6cc247;
  display: inline-flex;
  gap: 2px;
}
/* .two-ruppe-div{
  display: flex;
  gap: 90px;
} */
.EBITDA-div {
  float: left;
  padding-right: 90px;
}
h6.pd-btm-headin {
  padding-bottom: 0 !important;
}

.blue-div-text2 {
  background: #537cbd;
  /* background: linear-gradient(90deg,rgba(83, 124, 189, 1) 0%, rgba(30, 59, 133, 1) 50%, rgba(32, 60, 135, 1) 100%); */
  background: linear-gradient(
    90deg,
    rgba(83, 124, 189, 1) 0%,
    rgba(9, 41, 171, 1) 50%,
    rgba(5, 20, 158, 1) 100%
  );
  padding: 90px 60px;
  min-height: 388px;
  position: relative;
}
.blue-div-text2 img {
  padding-bottom: 15px;
}
.blue-div-text2 p {
  font-family: roboto-light;
  font-size: 24px;
  line-height: 30px;
  color: #ffffff;
}
.square-in-blue-div-text-div2 {
  padding-bottom: 16px;
  position: absolute;
  left: 48%;
  top: 54%;
}
.square-in-blue-div-text-div2 span {
  width: 7px;
  height: 7px;
  background-color: #6cc247;
  display: inline-flex;
  gap: 2px;
}
.q-icon-div {
  display: flex;
  align-items: end;
  gap: 20px;
}
.management-speak-sec h6 {
  font-family: roboto-bold;
  font-size: 18px;
  line-height: 24px;
  color: #0067ac;
  padding-bottom: 15px;
}
.first-heading-speak {
  padding-bottom: 25px;
}
.management-speak-sec p {
  font-family: roboto-regular;
  padding-bottom: 20px;
}
.management-speak-sec h6.no-pd-btm-heading {
  padding-bottom: 0;
}
.management-speak-sec h6.orange-headin {
  color: #f7921e;
}
.percentage-div {
  display: flex;
  align-items: center;
  gap: 45px;
}
.no-div-zinc h2 {
  font-family: roboto-medium;
  font-size: 40px;
  line-height: 50px;
  color: #0064b0;
}
.no-div-zinc h2 span {
  font-family: roboto-medium;
  font-size: 18px;
}
.no-div-zinc p {
  padding-bottom: 0;
  padding-left: 15px;
}
.percentage-div .chairman-top-sec {
  padding-left: 15px;
}
.management-speak-sec h6.green-headin {
  color: #72bf44;
}
.management-speak-sec h6.light-blue-headin {
  color: #7c95a2;
}
.management-speak-sec h6.light-brown-headin {
  color: #989684;
}
.speak-inside-img {
  padding-bottom: 30px;
}
.percentage-div2 {
  display: flex;
  align-items: center;
  gap: 45px;
}
.percentage-div2 p {
  padding-left: 0;
}
.management-speak-sec ul {
  padding-left: 0;
  margin-bottom: 0;
}
.management-speak-sec ul li {
  padding-bottom: 20px;
  font-family: roboto-bold;
  font-size: 18px;
  line-height: 24px;
  color: #000000;
  list-style: none;
  position: relative;
  padding-left: 15px;
}
.management-speak-sec ul li::before {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  background-color: #72bf44;
  top: 8px;
  left: 0px;
}
.chairman-banner-div {
  background: linear-gradient(to right, #0064b0 60%, #6cc247 100%);
  /* background: linear-gradient(to right, #0064b0, #6cc247); */
  align-items: center;
  min-height: 388px;
  padding: 80px 60px 0px 60px;
  margin-top: 15px;
  margin-bottom: 30px;
}

.mdatop-img.stakeholder img{
  padding-bottom: 30px;
}
.mdatop-img.stakeholder p{
  color: #747474;
  font-size: 18px;
  line-height: 24px;
}
.valueData h1{
  font-size: 40px;
  line-height: 22px;
  padding-bottom: 5px;
  color: #fff;
  font-family: roboto-medium;
}
.valueData h1 span{
  font-size: 24px;
  line-height: 22px;
}
.valueData{
  border-right: 1px solid #fff;
}
.valueData.noBrdr{
  border: none;
}
.global-eco.value-dist h4{
  padding-bottom: 30px;
  padding-top: 30px;
  color: #fff!important;
  font-size: 18px;
  line-height: 22px;
}
.row.distribt {
  padding-top: 50px;
}
.mdainside.stakEng h4{
  font-size: 18px;
  line-height: 22px;
  color: #747474;
  font-family: roboto-bold;
  padding-bottom: 50px;
}
.firtsCommu {
  display: flex;
  align-items: center;
  gap: 20px;
}
.firtsCommu h3{
  font-size: 18px;
  line-height: 22px;
  color: #fff;
  font-family: roboto-bold;
}
.firtsCommu{
  background: transparent linear-gradient(90deg, #2B4588 0%, #1C7B45 100%) 0% 0% no-repeat padding-box;
}
.engMthd h3{
  font-size: 18px;
  line-height: 22px;
  color: #000;
  font-family: roboto-bold;
  padding-bottom: 20px;
}
.engMthd{
  background: transparent linear-gradient(129deg, #D5E9C6 0%, #A3D481 100%) 0% 0% no-repeat padding-box;
  padding: 30px;
  min-height: 438px;
  margin-bottom: 30px;
}
.engMthd ul{
  list-style: none;
  padding-left: 0;
}
.engMthd ul li{
  position: relative;
  padding-left: 16px;
  padding-bottom: 20px;
}
.engMthd ul li::before{
  content: '';
  position: absolute;
  left: 0;
  top: 7px;
  width: 8px;
  height: 8px;
  background-color: #66bb6a; 
  border-radius: 0;
}
.engMthd.engObj{
  background: transparent linear-gradient(121deg, #D1ECF9 0%, #6DC6EA 100%) 0% 0% no-repeat padding-box;
}
.community .row .col-xl-5{
  padding-right: 0;
}
.community .row .col-xl-7{
  padding-left: 0;
}
.engMthd.expect{
  background: none;
  padding: 0;
  min-height: auto;
  margin-bottom: 0;
}
.engMthd.expect h3{
  color: #0067AC;
}
.commonLine{
  border-bottom: 1px solid #707070;
  padding-bottom: 0px;
  margin-bottom: 40px;
}
.commonLine.noBdrdr {
  border-bottom: none;
}
.outcomes{
  display: flex;
  gap: 60px;
}
.outcomes h1{
  color: #0067AC;
  font-size: 40px;
  line-height: 22px;
  font-family: roboto-medium;
  padding-bottom: 10px;
}
.outcomes h1 span{
  color: #0067AC;
  font-size: 24px;
  line-height: 22px;
  font-family: roboto-medium;
}
.materialImg{
  padding-bottom: 50px;
}
.engMthd ul.seprate {
  display: flex;
  gap: 30px;
  margin-bottom: 0;
}
.commonLine h3.blue{
  font-size: 18px;
  line-height: 22px;
  color: #0067ac;
  font-family: roboto-bold;
  padding-bottom: 20px;
}
.commonLine .out-sec h1{
  font-size: 40px;
  line-height: 22px;
  color: #0067AC;
  font-family: roboto-medium;
  padding-bottom: 5px;
}
.commonLine .out-sec h1 span{
  font-size: 24px;
  line-height: 22px;
  color: #0067AC;
  font-family: roboto-medium;
}
.commonLine .out-sec{
  border-right: 1px solid #707070;
  position: relative;
}
.commonLine .out-sec.noBrdr{
  border-right: none;
}
.commonLine .out-sec{
  margin-bottom: 30px;
}
.commonLine .out-sec.btm::after{
  content: '';
  position: absolute;
  border-bottom: 1px solid #707070;
  left: 0;
  bottom: -9px;
  width: 94%;
}
.commonLine .out-sec {
  min-height: 76px;
}
.outcomes p span{
  display: block;
}

.chairman-banner-text P {
  font-family: roboto-regular;
  color: #ffffff;
  font-size: 18px;
  line-height: 24px;
  padding-bottom: 30px;
  padding-top: 15px;
}
.chairman-name {
  display: flex;
  gap: 10px;
}
.chairman-banner-text h4 {
  font-family: roboto-medium;
  color: 18px;
  line-height: 21px;
  color: #ffffff;
}
.chairman-banner-text h4 span {
  font-family: roboto-light;
  font-size: 14px;
  display: block;
}
.chairman-banner-text {
  position: relative;
  padding-bottom: 80px;
}
.chairman-banner-white-box {
  padding-bottom: 16px;
  position: absolute;
  right: 17%;
  bottom: 49%;
}
.chairman-banner-white-box span {
  width: 7px;
  height: 7px;
  background-color: #ffffff;
  display: inline-flex;
  gap: 2px;
}
.banner-img {
  position: relative;
  min-height: 308px;
  padding: 0px 80px;
}

.banner-img img {
  position: absolute;
  top: -139px;
}

.ceo-banner-div {
  background: linear-gradient(to right, #0064b0 60%, #6cc247 100%);
  /* background: linear-gradient(to right, #0064b0, #6cc247); */
  align-items: center;
  min-height: 388px;
  padding: 80px 60px 0px 60px;
  margin-top: 15px;
  margin-bottom: 30px;
}

.ceo-banner-text P {
  font-family: roboto-regular;
  color: #ffffff;
  font-size: 18px;
  line-height: 24px;
  padding-bottom: 30px;
  padding-top: 15px;
}
.ceo-name {
  display: flex;
  gap: 10px;
}
.ceo-banner-text h4 {
  font-family: roboto-medium;
  color: 18px;
  line-height: 21px;
  color: #ffffff;
}
.ceo-banner-text h4 span {
  font-family: roboto-light;
  font-size: 14px;
  display: block;
}
.ceo-banner-text {
  position: relative;
}
.ceo-banner-white-box {
  padding-bottom: 16px;
  position: absolute;
  left: 14%;
  bottom: 21%;
}
.ceo-banner-white-box span {
  width: 7px;
  height: 7px;
  background-color: #ffffff;
  display: inline-flex;
  gap: 2px;
}
.ceo-img {
  position: relative;
  min-height: 308px;
  padding: 0px 80px;
}

.ceo-img img {
  position: absolute;
  top: -139px;
}

.management-banner-div {
  background: linear-gradient(to right, #0064b0 60%, #6cc247 100%);
  /* background: linear-gradient(to right, #0064b0, #6cc247); */
  align-items: center;
  min-height: 388px;
  padding: 40px 60px 0px 60px;
  margin-top: 15px;
  margin-bottom: 50px;
}

.management-banner-text P {
  font-family: roboto-regular;
  color: #ffffff;
  font-size: 18px;
  line-height: 24px;
  padding-bottom: 30px;
  padding-top: 15px;
}
.management-name {
  display: flex;
  gap: 10px;
}
.management-banner-text h4 {
  font-family: roboto-medium;
  color: 18px;
  line-height: 21px;
  color: #ffffff;
}
.management-banner-text h4 span {
  font-family: roboto-light;
  font-size: 14px;
  display: block;
}
.management-banner-text {
  position: relative;
}
.management-banner-white-box {
  padding-bottom: 16px;
  position: absolute;
  right: -18px;
  bottom: 19%;
}
.management-banner-white-box span {
  width: 7px;
  height: 7px;
  background-color: #ffffff;
  display: inline-flex;
  gap: 2px;
}
.management-img {
  position: relative;
  min-height: 348px;
  padding: 0px 30px;
}

.management-img img {
  position: absolute;
  bottom: 0;
}

/**/

.riskMngPage h5 {
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 20px;
  font-family: roboto-medium;
}
.riskMngPage p{
  margin-bottom: 20px;
}
.greenList ul {
  padding-left: 15px;
  list-style: none;
  margin-bottom: 20px;
}
.greenList ul li {
  margin-bottom: 20px;
  position: relative;
  padding-left: 0px;
}
.greenList ul li::after {
  content: "";
  display: block;
  position: absolute;
  left: -15px;
  top: 7px;
  width: 7px;
  height: 7px;
  background-color: #6CC247;
}

.numberLists ol {
  padding-left: 15px;
  margin-bottom: 20px;
}
.numberLists ol li {
  margin-bottom: 20px;
}

.lineImgHead h5 {
  margin-bottom: 0px !important;
}
.lineImgHead {
  position: relative;
  margin-bottom: 20px;
}
.lineImgHead::after {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  right: 0px;
  width: 100%;
  background-color: #6CC247;
  height: 1px;
  bottom: 9px;
}
.lineImgHead img {
  background-color: #fff;
  z-index: 999;
  position: relative;
  padding-right: 5px;
}

.riskAll {
  background: #0067AC 0% 0% no-repeat padding-box;
  position: relative;
  margin: 30px 0px 30px 27px;
}
.riskAll h5 {
  background: transparent linear-gradient(90deg, #2A448D 0%, #2A448D00 100%) 0% 0% no-repeat padding-box;
  color: #fff;
  padding: 13px 47px;
  font-family: roboto-bold;
  margin-bottom: 0px !important;
}
.rLetter {
  position: absolute;
  left: -27px;
  top: 40px;
}

.riskAll .row {
  padding: 24px 47px;
}
.innerRisksy > p {
  color: #fff;
  border-bottom: 1px solid #fff;
  padding-bottom: 5px;
  margin-bottom: 15px;
  width: 70%;
}

.evaluteBox {
  background: transparent linear-gradient(90deg, #0064B0 0%, #076DAA 10%, #1276A2 20%, #1D809A 30%, #288990 40%, #339286 50%, #3E9C7B 60%, #49A570 70%, #55AF63 80%, #60B856 90%, #6CC247 100%) 0% 0% no-repeat padding-box;
  position: relative;
  margin-top: 88px;
  padding-top: 190px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 40px;
  margin-bottom: 40px;
}
.settingImg {
  position: absolute;
  top: -40px;
  left: 40px;
}

.enterpriseBox {
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
}
.enterpriseBox h5 {
  margin-bottom: 15px !important;
}

.stRisk {
  display: flex;
  gap: 10px;
}
.stRisk p {
  color: #fff;
  font-size: 16px;
  line-height: 19px;
  font-family: roboto-bold;
}

.diffImg {
  display: flex;
  gap: 30px;
  margin-bottom: 20px;
}

.controlInner {
  display: flex;
  gap: 15px;
}
.controlInner h5 {
  margin-bottom: 0px;
}
.controlInner p {
  background: transparent linear-gradient(90deg, #0067AC 0%, #6CC247 100%) 0% 0% no-repeat padding-box;
  width: 42px;
  height: 42px;
  text-align: center;
  color: #fff;
  line-height: 42px;
  font-family: roboto-bold;
}

.sustainRisks h3 {
  background: transparent linear-gradient(90deg, var(--unnamed-color-6cc247) 0%, #6CC24700 100%) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(90deg, #6CC247 0%, #6CC24700 100%) 0% 0% no-repeat padding-box;
  padding: 13px 20px;
  font-size: 18px;
  line-height: 22px;
  color: #fff;
  font-family: roboto-medium;
  position: relative;
  margin-bottom: 20px;
  z-index: 999;
}
.sustainRisks h3::after {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  background: transparent linear-gradient(90deg, #6CC247 0%, #599743 100%) 0% 0% no-repeat padding-box;
  width: 39%;
  height: 100%;
  z-index: -9;
}

.championBox {
  background: #0064B0 0% 0% no-repeat padding-box;
  position: relative;
  padding-top: 180px;
  margin-top: 88px;
  margin-bottom: 40px;
}
.aimItem {
  position: absolute;
  top: 0px;
  left: 40px;
  top: -40px;
}
.esgLevel {
  background: transparent linear-gradient(90deg, #6CC247 0%, #6CC24700 100%) 0% 0% no-repeat padding-box;
  padding: 20px 65px;
}
.strategicPriPage h5{
  font-size: 18px;
  line-height: 22px;
  font-family: roboto-regular;
  margin-bottom: 15px;
}
.strategicPriPage p{
  margin-bottom: 20px;
}

.esgLevel1 {
  background: transparent linear-gradient(270deg, #6CC247 0%, #6CC24700 100%) 0% 0% no-repeat padding-box;
  padding: 20px 65px 20px 65px;
}
.esgLevel1 p {
  margin-bottom: 0px;
}
.esgLevel p {
  margin-bottom: 0px;
}
.championBox  h5, .championBox  p{
  color: #fff;
}

.esgLevel h5 b {
  font-size: 24px;
}
.gapG{
  padding-left: 65px;
}

.operatingBox {
  background: transparent linear-gradient(180deg, #589743 0%, #6CC247 100%) 0% 0% no-repeat padding-box;
  margin-left: 27px;
  position: relative;
  padding: 30px 70px;
  margin-bottom: 30px;
}
.sLetter {
  position: absolute;
  left: -27px;
  top: 25%;
}
.sLetter p {
  background: transparent linear-gradient(90deg, #0067AC 0%, #6CC247 100%) 0% 0% no-repeat padding-box;
  width: 54px;
  height: 54px;
  text-align: center;
  color: #fff;
  line-height: 54px;
  font-size: 29px;
  border: 1px solid #fff;
}

.operatingBox h5 {
  color: #fff;
  margin-bottom: 15px;
}
.operatingBox p {
  color: #fff;
  margin-bottom: 0px;
}

.updateLists h5 {
  color: #0067AC;
  margin-bottom: 15px;
}
.updateLists h5 span {
  color: #000000;
}

.allPillars h5 {
  color: #0067AC;
  margin-bottom: 0px;
  background-color: #fff;
  z-index: 999;
  padding-right: 10px;
}
.allPillars {
  position: relative;
  display: flex;
  margin-bottom: 15px;
  gap: 0;
}
.allPillars::after {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  right: 0px;
  width: 100%;
  background-color: #6CC247;
  height: 1px;
  bottom: 9px;
}
.allPillars img {
  background-color: #fff;
  position: relative;
  z-index: 999;
  padding-right: 10px;
}

.grayBg1 {
  background-color: #ECF1F3;
  padding: 20px 20px 5px 20px;
  margin-bottom: 20px;
}
.brown_dark, .green_light, .wallet_list{
  margin-bottom: 40px;
}
.brown_dark h5 {
  color: #5F3916;
}
.brown_dark ul li span {
  color: #5F3916;
  font-family: roboto-medium;
}


.green_light h5 {
  color: #6CC247;
}
.green_light ul li span {
  color: #6CC247;
  font-family: roboto-medium;
}


.wallet_list h5 {
  color: #742A83;
}
.wallet_list ul li span {
  color: #742A83;
  font-family: roboto-medium;
}

.rightGreen {
  position: relative;
}
.rightGreen::after {
  content: "";
  display: block;
  position: absolute;
  right: 0px;
  top: 0px;
  background-color: #6cc247;
  width: 1px;
  height: 100%;
}

.capsSdg {
  background: transparent linear-gradient(90deg, var(--unnamed-color-0067ac) 0%, #405799 100%) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(90deg, #0067AC 0%, #405799 100%) 0% 0% no-repeat padding-box;
  padding: 30px 20px;
  margin-bottom: 30px;
}
.capsSdg h6 {
  color: #fff;
  margin-bottom: 15px;
  padding-bottom: 5px;
  border-bottom: 1px solid #fff;
  font-family: roboto-medium;
}
.grayBg2{
  background-color: #ECF1F3;
  padding: 20px;
  margin-bottom: 30px;
}
.org_clr_1{
  color: #FF8E27!important;
}
.blu_clr_2{
  color: #00B8AD!important;
}
.miti_clr_4{
  color: #A37A56!important;
}
.ali_green_clr1{
  color: #6CC247!important;
}
.column_List ul{
  display: flex;
  gap: 40px;
}
.width50 ul{
  flex-wrap: wrap;
  gap: 5px;
}
.width50 ul li{
  width: 48%;
}

.nextPre a {
  padding: 2px;
  background: linear-gradient(90deg, #6AC049 0%, #0064B0 100%);
  display: block;
  margin-bottom: 50px;
  margin-top: 40px;
}
.preItem, .nextItem {
  background-color: #fff;
  padding: 0px;
  display: flex;
  align-items: center;
}
.nextItem:hover p, .preItem:hover p {
  color: #fff;
}
.preItem span, .nextItem span {
  background-color: #fff;
  padding: 13px 15px;
}
.preItem p {
  border-left: 2px solid #6AC049;
  padding: 5px 20px;
  font-size: 16px;
  line-height: 38px;
  color: #0064B0;
  font-family: roboto-bold;
}
.nextItem p {
  border-right: 2px solid #6AC049;
  padding: 5px 20px;
  font-size: 16px;
  line-height: 38px;
  color: #0064B0;
  font-family: roboto-bold;

}
.nextItem {
 justify-content: end;
}
.management-banner-div2 {
  background: linear-gradient(to right, #0064b0 60%, #6cc247 100%);
  /* background: linear-gradient(to right, #0064b0, #6cc247); */
  align-items: center;
  min-height: 388px;
  padding: 30px 60px 0px 60px;
  margin-top: 15px;
  margin-bottom: 50px;
}
.insideVed2 h2 
{
  color: #72BF44;
}
.casetp-img
{
  margin-bottom: 50px;
}
.casetp-icon h4 
{
  font-size: 18px;
  line-height: 24px;
  color: #0067AC;
  font-family:roboto-bold;
  margin-bottom: 10px;
  margin-left: -25px;
}
.casetp-icon
{
  display: flex;
  align-items: flex-end;
  margin-left: 30px;
  margin-bottom: 40px;
}
.case-greenbg
{
  background-color: #72BF44;
  padding: 25px 30px;
}
.case-greenbg h5, .case-bluebg h5 
{
  color: #fff;
  font-size:18px;
  line-height:24px;
  font-family:roboto-bold;
  padding-bottom: 5px;
  border-bottom: 1px solid #fff;
  margin-bottom: 10px;
}
.case-greenbg h3
{
  color: #fff;
  font-size: 40px;
  line-height: 50px;
  font-family:roboto-medium;
  padding-bottom: 6px;
}
.case-greenbg h3 span 
{
  font-size: 18px;
}
.case-greenbg p 
{
  color: #fff;
}
.case-bluebg
{
  background-color: #0066AA;
  padding: 25px 30px;
}

.case-bluebg p 
{
  color: #fff;
  border-bottom: 1px solid #ffffff60;
  padding-bottom: 20px;
  min-height: 85px;
  border-right: 1px solid #ffffff60;
  padding-top: 20px;
  position: relative;
}
.case-bluebg p:after
{
  content: '';
  position: absolute;
  bottom:-8px;
  left: -8px;
  background-color: #3990d2;
  width: 16px;
  height: 16px;
  border-radius: 50px;
}

.case-bluebg p span 
{
  font-family:roboto-bold;
}
.pdl-0
{
  padding-left: 0px;
}
.pdr-0
{
  padding-right: 0px;
}
.pdl-0 p 
{
  border-right: none;
  padding-left: 30px;
}
.pdr-0 p:last-child
{
  border-bottom: none;
}
.case-bluebg .pdr-0 p:after
{
  display: none;
}
.case-lightbluebg
{
  background-color: #136DB2;
}
.case-bluebg-btm ul
{
  display: flex;
  gap: 80px;
  padding-left: 15px;
  list-style: none;
}
.case-bluebg-btm ul li 
{
  font-size: 16px;
  line-height: 22px;
  color: #fff;
  position: relative;
  padding-left: 7px;
}
.case-bluebg-btm ul li::before{
  content: '';
  position: absolute;
  width: 6px;
  height: 6px;
  background-color: #fff;
  left: -10px;
  top: 8px;

}
.case-bluebg-btm ul li span 
{
  font-family:roboto-bold;
}
.case-bluebg-btm
{
  margin-bottom: 50px;
}
.case-studyinside h2 
{
  color: #00B9AD;
  font-size: 45px;
  line-height: 54px;
  margin-bottom: 40px;
}
.case-greenbg1
{
  background-color: #00B9AD;
}
.case-bluebg1 h6 
{
  font-size: 16px;
  line-height: 22px;
  color: #fff;
  padding-bottom: 30px;
}
.case-bluebg1 p 
{
  min-height: 150px;
}
.case-bluebg1 .pdl-0 p:last-child,
.case-bluebg2 .pdl-0 p:last-child
{
  border-bottom: none;
}
.case-bluebg1 .pdl-0 p:last-child::after,
.case-bluebg2 .pdl-0 p:last-child::after
{
  display: none;
}
.case-studyinside3 h2 
{
  color: #72BF44;
}
.case-greenbg2 p span 
{
  font-family:roboto-bold;
}
.sh-sakti
{
  background: transparent linear-gradient(91deg, #0D3691 0%, #214598 100%) 0% 0% no-repeat padding-box;
  padding:30px;
  margin-top: 20px;
  min-height: 170px;
}
.sh-sakti h4
{
  font-size: 18px;
  line-height: 24px;
  font-family:roboto-bold;
  padding-bottom: 15px;
  color: #fff;
}
.sh-sakti h6,  .case-bluebg-btm h6
{
  color: #fff;
  font-size: 16px;
  line-height: 22px;
}
.case-studyinside4 h2 
{
  color: #0064B0;
}
.case-greenbg4
{
  background: linear-gradient(to right, #2b4588 0%, #1c7b45 100%);
}

.case-bluebg1 p case 
{
  font-size: 18px;
  line-height: 24px;
  color: #fff;
  padding-bottom: 15px;
  font-family:roboto-bold;
  display: block;
}
.case-bluebg4 p {
  min-height: 170px;
}
.case-lightbluebg4
{
  background-color: #0066AA;
}
.opp-bluebg
{
  background: transparent linear-gradient(90deg, #0064B0 0%, #005FAD 10%, #005BAA 20%, #0256A7 30%, #0352A3 40%, #054DA0 50%, #07489D 60%, #08449A 70%, #0A3F97 80%, #0C3A94 90%, #0D3691 100%) 0% 0% no-repeat padding-box;
  display: flex;
  align-items: center;
  gap: 60px;
}
.opportunities-wrap
{
  margin-top: 15px;
}
.st-link
{
  width: 200px;
}
.st-link h4
{
  color: #FFFFFF;
  font-size: 18px;
  line-height: 24px;
  border-bottom: 1px solid #ffffff80;
  margin-bottom: 10px;
  font-family:roboto-bold;
  padding-bottom: 4px;
}
.st-link p 
{
  color: #fff;
  font-family:roboto-bold;
  font-size: 16px;
  line-height: 24px;
}
.opplight-green
{
  background-color: #EEF7E8;
  padding: 25px 30px;
  margin-bottom: 20px;
}
.opplight-green h3, .opplight-green h5  
{
  color: #0064B0;
  font-size: 18px;
  line-height: 24px;
  font-family:roboto-bold;
  padding-bottom: 10px;
}
.opplight-green .seg-dot img {
  top: -4px;
  background-color: #EEF7E8;
}
.opplight-green .seg-dot
{
 margin-top: 5px;
}
.opplight-green ul li:before 
{
  width: 5px;
  height: 5px;
  background-color:#72BF44;
  top:7px;
}
.opplight-green .blue-li li 
{
  color: #0064B0;
}
.opplight-green .blue-li li span 
{
  font-family:roboto-bold;
}
.round-li
{
  margin-top: 20px;
  margin-bottom: 0px;
}
.round-li li:before
{
  border-radius: 50px !important;
}
.opplight-green .blue-li
{
  border-bottom: 1px solid #72BF44;
}
.dte-table
{
  margin-bottom: 50px;
}
.d-materiality p 
{
  padding-bottom: 20px;
}

.d-materiality-btm{
  display: flex;
  justify-content: space-between;
  gap: 30px;
  padding: 20px;
}

.d-materiality-btm div {
  flex: 1;
}

.d-materiality-btm h3 {
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 24px;
  font-family:roboto-bold;
}

.d-materiality-btm .high 
{ 
  color: #00B8F1; 
}
.d-materiality-btm .medium { color: #FF8E27; }
.d-materiality-btm .low { color: #6CC247; }

.d-materiality-btm ul {
  list-style: none;
  padding: 0;
}

.d-materiality-btm li {
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
  color: #2B2E34;
}

.d-materiality-btm .icon {
  height: 14px;
  vertical-align: middle;
  margin-left: 4px;
}

.legend {
  display: flex;
  justify-content: center;
  margin-top: 20px;
  font-size: 14px;
  gap: 20px;
}

.legend span {
  display: flex;
  align-items: center;
  gap: 5px;
}

.legend img {
  height: 14px;
}
.medium1
{
  visibility: hidden;
}
.dte1-table
{
  margin-bottom: 30px;
}
.mat-grad
{
  padding: 15px 20px 15px 130px;
  background: linear-gradient(to right,  #6cc247 0%,#0064b0 100%);
  position: relative;
  margin-top: 60px;
}
.mat-grad h4 
{
  font-size:18px;
  line-height: 24px;
  color: #fff;
  font-family:roboto-bold;
}
.matgrad-icon
{
  position: absolute;
  left: 0;
  top:-56px;
}
.opplight-green1
{
  margin-bottom: 0px;
}
.opplight-green1 h5 
{
 font-family:roboto-medium;
 padding-bottom: 15px;
}
.opplight-green1 p 
{
  padding-bottom: 40px;
}
.opplight-green1 .orange-li li
{
  padding-bottom: 15px;
}
.opplight-green1 .orange-li li:before 
{
  height: 7px;
  width: 7px;
}
.opplight-green1 ul 
{
  margin-bottom: 0px;
}
.mat-grad-btm
{
  background: linear-gradient(to right,  #0064b0 0%, #6cc247 100%);
  padding: 30px;
}
.mat-grad-btm h5
{
  color: #FFFFFF;
  font-size: 16px;
  line-height: 20px;
  font-family:roboto-medium;
  padding-bottom: 5px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ffffff50;
  height: 50px;
  display: flex;
  align-items: flex-end;
}
.mat-grad-btm h6 
{
  font-size: 16px;
  color: #fff;
  font-family:roboto-bold;
}
.mat-issue-btm
{
  background-color: #EBF5E4;
  padding: 15px 20px;
}
.mat-issue-btm a 
{
  font-family:roboto-light;
  /* color: #000000; */
  font-style: italic;
}
.mat-issue-btm a img 
{
  padding-right: 10px;
}
.mat-issue-wrap
{
  margin-bottom: 100px;
}
.mat-issue-wrap2
{
  margin-bottom: 50px;
}
.materiality-img3
{
  margin-bottom: 100px;
}
.mat-issue-wrap ul li span 
{
 font-family:roboto-medium;
}
.case-bluebg5 h3
{
  color: #fff;
  font-family:roboto-medium;
  font-size: 24px; 
}
.case-bluebg5 h3 span 
{
  font-size: 40px;  
}
.case-bluebg5 h6 
{
  color:#fff;
  font-size: 16px;
  line-height: 22px;
}
.case-bluebg5 .col-xl-3
{
  position: relative;
}
.case-bluebg5 .col-xl-3:last-child 
{
  border-left: 1px solid #fff;
}
.case-bluebg5 h6 span 
{
  display: block;
}
.case-bluebg5 .col-xl-3:first-child:after 
{
  content: '+';
  position: absolute;
  top:18px;
  right: 24px;
  font-family:roboto-medium;
  color: #fff;
  font-size: 30px;
}
.case-bluebg5 .col-xl-3:nth-child(2):after 
{
  content: '=';
  position: absolute;
  top:18px;
  right:30px;
  font-family:roboto-medium;
  color: #fff;
  font-size: 30px;
}
.management-banner2-text P {
  font-family: roboto-regular;
  color: #ffffff;
  font-size: 18px;
  line-height: 24px;
  padding-bottom: 30px;
  padding-top: 15px;
}
.management-name2 {
  display: flex;
  gap: 10px;
}
.management-banner2-text h4 {
  font-family: roboto-medium;
  color: 18px;
  line-height: 21px;
  color: #ffffff;
}
.management-banner2-text h4 span {
  font-family: roboto-light;
  font-size: 14px;
  display: block;
}
.management-banner2-text {
  position: relative;
}
.management-banner-white-box2 {
  padding-bottom: 16px;
  position: absolute;
  right: 256px;
  bottom: 18%;
}
.management-banner-white-box2 span {
  width: 7px;
  height: 7px;
  background-color: #ffffff;
  display: inline-flex;
  gap: 2px;
}
.management-img2 {
  position: relative;
  min-height: 357px;
  padding: 0px 66px;
}

.management-img2 img {
  position: absolute;
  bottom: 0px;
}
.banner-prev-nxt button {
  background: transparent;
  border: 2px solid #ffffff;
  padding: 7px;
  width: 44px;
  height: 46px;
}
.banner-prev-nxt {
  position: absolute;
  right: 20px;
  bottom: 0;
  gap: 0;
  display: flex;
}
.management-sec {
  padding-top: 15px;
  padding-bottom: 30px;
}
.management-sec .card-img-top {
  background: linear-gradient(90deg, #007ac1 50%, #25368b 50%);
}

.management-sec .bar {
  display: flex;
  height: 8px;
  /* margin-top: 10px; */
}

.management-sec .bar .green {
  background-color: #6cc247;
  flex: 3;
}
.management-sec .bar .blue {
  background-color: #0067ac;
  flex: 8;
}
.management-sec .card {
  border: none;
  margin-bottom: 50px;
}
.management-sec h5 {
  font-family: roboto-bold;
  font-size: 18px;
  line-height: 22px;
  color: #747474;
}
.management-sec p {
  font-family: roboto-regular;
  font-size: 16px;
  line-height: 19px;
  color: #747474;
}
.management-sec .card-body {
  padding-left: 0;
}

.corporate-gover {
  background: linear-gradient(to bottom, #0064b0 0%, #6cc247 100%);
  padding: 135px 65px 30px;
  position: relative;
  margin-bottom: 50px;
}
.corporate-gover .eco-icon {
  position: absolute;
  top: -40px;
}

.corporate-gover h4 {
  font-size: 18px;
  line-height: 22px;
  color: #fff;
  padding-bottom: 15px;
  font-family: roboto-medium;
  padding-top: 40px;
}

.corporate-gover-top p {
  font-family: roboto-regular;
  font-size: 18px;
  line-height: 24px;
  color: #ffffff;
  padding-bottom: 40px;
}
.corporate-gover-top .cortop-img {
  margin-bottom: 40px;
}
.corporate-gover-top .top-para-grey {
  padding-bottom: 80px;
  color: #747474;
  font-family: roboto-bold;
}

.corporate-gover .governance-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 32px;
  margin-top: 24px;
}

.corporate-gover .gov-item {
  flex: 0 1 200px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-right: 30px;
}

.corporate-gover .governance-grid h5 {
  font-family: roboto-regular;
  font-size: 16px;
  line-height: 22px;
  color: #ffffff;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 20px;
}
.corporate-gover .gov-item-brd {
  position: relative;
}
.corporate-gover .gov-item-brd::before {
  position: absolute;
  content: "";
  width: 0.5px;
  height: 120px;
  background-color: #ffffff;
  right: 0;
  top: 0;
}
.corporate-gover .gov-item-btm-brd {
  position: relative;
}
.corporate-gover .gov-item-btm-brd::before {
  position: absolute;
  content: "";
  width: 1090px;
  height: 0.5px;
  background-color: #ffffff;
  right: 20px;
  bottom: 0;
}
.corporate-gover .gov-item:nth-child(6) {
  min-width: 222px;
}
.corporate-content h6 {
  font-family: roboto-bold;
  font-size: 18px;
  line-height: 22px;
  color: #0064b0;
  padding-bottom: 15px;
}
.corporate-content p {
  font-family: roboto-regular;
  color: #000000;
  padding-bottom: 30px;
}
.corporate-content img {
  padding-bottom: 30px;
}
.corporate-content .para-bold-corporate {
  font-family: roboto-medium;
  font-size: 18px;
  line-height: 22px;
  color: #000000;
}
.corporate-list {
  display: flex;
  flex-wrap: wrap;
}

.corporate-sublist1 {
  flex: 0 1 300px;
  display: flex;
  flex-direction: column;
}
.corporate-sublist2 {
  flex: 0 1 800px;
  display: flex;
  flex-direction: column;
}
.corporate-sublist1 ul,
.corporate-sublist2 ul {
  padding-left: 0;
}
.corporate-sublist1 ul li,
.corporate-sublist2 ul li {
  position: relative;
  padding-left: 15px;
  list-style: none;
  font-family: roboto-regular;
  font-size: 16px;
  line-height: 22px;
  color: #000000;
  padding-bottom: 20px;
}
.corporate-sublist1 ul li::before,
.corporate-sublist2 ul li::before {
  position: absolute;
  content: "";
  width: 7px;
  height: 7px;
  background-color: #6cc247;
  top: 7px;
  left: 0;
}
.corpo-list ul {
  padding-left: 0;
}
.corpo-list li {
  position: relative;
  padding-left: 15px;
  list-style: none;
  font-family: roboto-regular;
  font-size: 16px;
  line-height: 22px;
  color: #000000;
  padding-bottom: 20px;
}
.corpo-list li::before {
  position: absolute;
  content: "";
  width: 7px;
  height: 7px;
  background-color: #6cc247;
  top: 7px;
  left: 0;
}

.leadership .leftImg h4{
  font-size: 18px;
  line-height: 24px;
  color: #6D6E71;
  font-family: roboto-bold;
  padding-bottom: 5px;
}
.leadership .leftImg img{
  padding-bottom: 15px;
}
.leadership .leftImg p{
  font-size: 14px;
  line-height: 22px;
  color: #6D6E71;
}
.leftImg .step-box{
  width: 40px;
  height: 40px;
  background-color: #0067AC; 
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: roboto-bold;
  font-size: 18px;
}
.parentStep {
  max-width: 257px;
  width: 100%;
  display: flex;
  justify-content: right;
  border-bottom: 1px solid #707070;
  gap: 5px;
}
.rightData p{
  padding-bottom: 20px;
}
.subData p span{
  display: block;
}
.areaExpertise h4{
  font-size: 18px;
  line-height: 22px;
  color: #0067AC;
  font-family: roboto-bold;
  padding-bottom: 20px;
}
.areaExpertise .firstIcon {
  float: left;
  max-width: 20%;
  width: 100%;
  border-right: 1px solid #707070;
  text-align: center;
  margin-bottom: 30px;
}
.areaExpertise .firstIcon.noBrdr {
 border: none;
}
.areaExpertise .firstIcon:nth-of-type(1), .areaExpertise .firstIcon:nth-of-type(6){
  text-align: left;
}
.allIcons{
  border-bottom: 1px solid #707070;
  max-width: 100%;
  width: 100%;
  display: inline-block;
}
section.leadership {
  padding-bottom: 50px;
}
.manageAtt .step-box{
  border: 1px solid #000;
  padding: 1px 10px;
  font-weight: bold;
}
.manageAtt {
  display: flex;
  gap: 9px;
  align-items: center;
}
section.grey {
  background: #EEF0EF;
  padding: 40px 0;
  margin-bottom: 50px;
}
.grey .manageAtt{
  margin-bottom: 40px;
}
.twobox{
  display: flex;
  align-items: center;
  gap: 30px
}
.twobox .blue{
  background-color: #0067AC;
  width: 40px;
  height: 40px;
}
.twobox .green{
  background-color: #6CC247;
  width: 40px;
  height: 40px;
}
.twobox .first{
  display: flex;
  align-items: center;
  gap: 10px
}
.allIcons.grey-n{
  border-bottom: none!important;
  margin-top: 30px;
}
.leftImg .step-box.green {
  width: 40px;
  height: 40px;
  background-color: #6CC247;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: roboto-bold;
  font-size: 18px;
}
.areaExpertise.space{
  margin-top: 40px;
}
.leftImg {
  padding-bottom: 30px;
}
.areaExpertise .allIcons.noBrdr{
  border-bottom: none;
}
.diversity h3{
  font-size: 18px;
  line-height: 22px;
  font-family: roboto-bold;
  padding-bottom: 21px;
}
.grap-img h3{
 font-size: 18px;
 line-height: 22px;
 font-family: roboto-bold; 
 color: #0067AC;
 padding-bottom: 30px;
}
.grap-img img{
  padding-bottom: 40px;
}
.award-icon {
  display: flex;
  align-items: center;
  gap: 20px;
  padding-top: 20px;
}
.dots{
  padding-bottom: 30px;
}
.award-icon h3{
  font-size: 18px;
  line-height: 22px;
  color: #0064B0;
  font-family: roboto-bold;
}
.hzl-d h3{
  font-size: 18px;
  line-height: 22px;
  color: #0064B0;
  font-family: roboto-bold;
  padding-bottom: 9px;
}
.hzl-d .head{
  border-bottom: 1px solid #6CC247;
  max-width: 63%;
  width: 100%;
}
.hzl-d {
  display: flex;
  align-items: end;
  gap: 20px;
  padding-bottom: 20px;
}
.para{
  padding-bottom: 30px;
}
.awrd-img{
  padding-bottom: 30px;
}
.awrd-img.new img{
  padding-top: 30px;
}
.people-div{
  display: flex;
  align-items: center;
  gap: 20px;
  padding-bottom: 25px;
}
.people-div h3{
  font-size: 18px;
  line-height: 22px;
  color: #0064B0;
  font-family: roboto-bold;
}
.inside-h h3{
  font-size: 18px;
  line-height: 22px;
  color: #0064B0;
  font-family: roboto-bold;
  padding-bottom: 10px;
  border-bottom: 1px solid #6CC247;
  margin-bottom: 10px;
}
.inside-h{
  padding-bottom: 40px;
}
.people-div.pt20{
  padding-top: 20px;
}

.read-btn a 
{
  color: #fff;
  transform: all .3s ease-out;
}
.read-btn a:hover 
{
 transform: all .3s ease-out;
 font-family:roboto-medium;
 text-decoration: underline !important; 
}
.manage-speak-top-sec .carousel-inner{
  padding-top: 60px;
}

.nextPre a:hover .nextItem {
  background: transparent linear-gradient(90deg, #68BE4A 0%, #0064B0 100%) 0% 0% no-repeat padding-box;
}

.nextPre a:hover .preItem {
  background: transparent linear-gradient(90deg, #68BE4A 0%, #0064B0 100%) 0% 0% no-repeat padding-box;
}

.pageSitemap.creationBg {
  background: transparent linear-gradient(90deg, #0064B0 0%, #6CC247 100%) 0% 0% no-repeat padding-box;
  margin-bottom: 40px;
}
.allCoreVal {
  display: flex;
  gap: 20px;
  width: 100%;
}
.allChains {
  display: flex;
  gap: 20px;
}

.allCoreVal p {
  font-size: 14px;
  color: #fff;
  font-family: roboto-bold;
  line-height: 19px;
  margin-top: 5px;
}
.allChains p {
  font-size: 12px;
  color: #fff;
  font-family: roboto-medium;
  line-height: 19px;
  margin-top: 5px;
}
.allCoreVal img {
  width: 40px;
  display: block;
  margin: 0px auto;
}
.allCoreVal > div {
  text-align: center;
}
.allChains > div {
  text-align: center;
}
.allChains img {
  width: 40px;
}

.chainLine p {
  color: #fff;
  font-size: 16px;
  line-height: 22px;
}
.chainLine {
  margin-bottom: 20px;
}

.pageSitemap.creationBg a {
  color: #fff;
}
.pageSitemap.creationBg .allHead h2 {
  color: #fff;
  margin-top: 25px;
}
.pageSitemap.creationBg .allHead h2 span {
  color: #fff;
}
.valueCreationPage h5{
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 15px;
  font-family: roboto-bold;
}
.valueCreationPage p{
  margin-bottom: 20px;
}

.cashCapex h5 {
  margin-bottom: 15px;
  margin-top: 10px;
  color: #0064B0;
}
.cashCapex p {
  color: #0064B0;
  font-family: roboto-medium;
}
.grayLines {
  margin-bottom: 40px;
}
.cashCapex .greenList ul li {
  margin-bottom: 10px;
}
.cashCapex {
  min-height: 310px;
}
.cashCapex.listH1 {
  min-height: 220px;
}
.cashCapex.listH2 {
  min-height: 490px;
}
.cashCapex.listH3 {
  min-height: 190px;
}
.segmentBg {
  background: transparent linear-gradient(270deg, #0064B0 0%, #6CC247 100%) 0% 0% no-repeat padding-box;
  margin-top: 40px;
  padding-top: 40px;
  padding-bottom: 40px;
  margin-bottom: 40px;
}

.ngoMain {
  background-color: #0064B0;
  padding: 40px 0px;
  margin-top: 40px;
}

.segmentInner {
  display: flex;
  gap: 20px;
  align-items: center;
  padding: 20px;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  min-height: 103px;
}
.segmentInner p {
  color: #fff;
  margin: 0px;
}
.allBusinness .col-xl-3 {
  padding: 0px;
}
.paddLeft{
  padding-left: 15px!important;
}
.paddRight{
  padding-right: 15px!important;
}
.col-xl-3.paddRight .segmentInner {
  border-right: 0px;
}
.segmentInner.noBorBtm{
  border-bottom: 0px;
}

.chainLine {
  position: relative;
}
.chainLine::after {
  content: "";
  display: block;
  position: absolute;
  right: 0px;
  top: 33px;
  width: calc(100% - 180px);
  height: 1px;
  background-color: #fff;
}
.chainLine.lineW1::after {
  width: calc(100% - 235px);
}
.chainLine.lineW2::after {
  width: calc(100% - 155px);
}
.utBg1{
  background: transparent linear-gradient(90deg, #FF8E27 0%, #804714 100%) 0% 0% no-repeat padding-box;
}
.utBg2{
  background: transparent linear-gradient(90deg, #32C1B0 0%, #5E5852 100%) 0% 0% no-repeat padding-box;
}
.utBg3{
  background: transparent linear-gradient(90deg, #00B8F1 0%, #5E5852 100%) 0% 0% no-repeat padding-box;
}
.utBg4{
  background: transparent linear-gradient(90deg, #6CC247 0%, #6F6F6F 100%) 0% 0% no-repeat padding-box;
}
.utBg5{
 background: transparent linear-gradient(90deg, #AC7B55 0%, #804714 100%) 0% 0% no-repeat padding-box;
}
.utBg6{
  background: transparent linear-gradient(90deg, #FF8E27 0%, #804714 100%) 0% 0% no-repeat padding-box;
}
.utBg7{
 background: transparent linear-gradient(90deg, #7E9AA8 0%, #656361 100%) 0% 0% no-repeat padding-box;
}
.utBg8{
  background: transparent linear-gradient(90deg, #E6912A 0%, #804714 100%) 0% 0% no-repeat padding-box;
}

.utiSix {
  padding: 20px 20px 20px 20px;
  margin-bottom: 25px;
}
.utiSix p {
  margin-bottom: 0px;
}
.utiSix {
  display: flex;
  gap: 20px;
  min-height: 112px;
}
.utiSix h5 {
  color: #fff;
  margin-bottom: 5px;
}
.utiSix p {
  color: #fff;
}

.utilisationLi h3 {
  font-size: 45px;
  line-height: 54px;
  color: #0064B0;
  margin-bottom: 30px;
}
.mb25{
  margin-bottom: 25px!important;
}

.finLine h5 {
  margin-bottom: 0px;
  color: #0064B0;
  margin-top: 3px;
}
.revenueTxt p {
  color: #0064B0;
  font-family: roboto-medium;
  margin-bottom: 8px;
}
.finLine {
  margin-bottom: 20px;
}
.blueHr{
  margin-bottom: 30px;
  margin-top: 30px;
  border-top: 2px solid #0064B0;
  opacity: 1;
}
.rightHalfBor{
  position: relative;
}
.rightHalfBor::after{
  content: "";
  display: block;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 1px;
  height: 100%;
  background-color: #e4e4e4;
}
.rightHalfBor1{
  position: relative;
}
.rightHalfBor1::before{
  content: "";
  display: block;
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 100%;
  height: 1px;
  background-color: #e4e4e4;
}
.revenueTxt {
  padding: 20px 15px;
}
.rightHalfBor.rightHalfBor1 .revenueTxt {
  padding-left: 0px;
}.rightHalfBor .revenueTxt {
  padding-left: 0px;
}

.indCivil {
  text-align: center;
  padding: 15px;
  margin-bottom: 15px;
}
.indCivil p {
  color: #fff;
  font-size: 14px;
  line-height: 19px;
  font-family: roboto-light;
  margin-top: 10px;
}

.borDiv{
  position: relative;
}
.borDiv::after{
  content: "";
  display: block;
  position: absolute;
  right: -15px;
  top: 0px;
  width: 1px;
  height: 100%;
  background-color: #fff;
}

.borDiv::before {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  bottom: -7px;
  width: 100%;
  height: 1px;
  background-color: #fff;
}
.borDiv.noBorer::before {
  display: none;
}
.borDiv.noBorer1::after {
  display: none;
}


.bdm0
{
  margin-bottom: 0px !important;
}
.capsNum.paddLz.noBorB.noBorR{
  margin-bottom: 0;
  min-height: auto;
} 


.at-glance-banner-h2 h2{
  margin-bottom: 0;
}
.asset-headin-grey h5{
  color: #51585C;
}

.ch-mblimg, .l-tab-mbl, .esg-mbl-text
{
  display: none;
}
.chmsg-slider.owl-carousel .owl-item img.ch-mblimg
{
display: none;
}
.chairman-name img,
.ceo-name img,
.management-name img,
.management-name2 img{
  transform: rotate(-90deg);
}
p.no-btm-pd-0{
  padding-bottom: 0;
}
.pd-btm-sqr-0{
  padding-bottom: 0;
}
p.para-grey-manage{
  color: #666666;
}
.management-speak-sec h6.brown-headin {
  color: #A47A57;
}
.abv-img h3{
  font-size: 18px;
  line-height: 22px;
  color: #000;
  font-family: roboto-bold;
  padding-bottom: 20px;
}
.zincLim.long {
  min-height: 118px;
}
.zincLim.mxLong{
  min-height: 214px;
}
.smeltingCaps.alH1::after {
  content: '';
  position: absolute;
  border-right: 1px solid #707070;
  height: 92%;
  top: 0;
  right: 29px;
}
.alH2.smla {
  position: relative;
}
.alH2.smla::after {
  content: '';
  position: absolute;
  border-right: 1px solid #707070;
  height: 92%;
  top: 0;
  right: 29px;
}
.alH1.smla{
  position: relative;
}
.alH1.smla::after{
  content: '';
  position: absolute;
  border-right: 1px solid #707070;
  height: 92%;
  top: 0;
  right: 28px;
}
/**/
.leftSideBar ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.leftSideBar ul li {
  margin-bottom: 20px;
}
.leftSideBar ul li a {
  color: #B8B8B8;
  font-size: 18px;
  line-height: 24px;
  font-family: roboto-medium;
}
.leftSideBar ul li a.active {
  color: #0064B0;
}
.operateContents p{
  margin-bottom: 20px;
}
.operateContents h5 {
  font-size: 18px;
  line-height: 24px;
  font-family: roboto-bold;
  margin-bottom: 20px;
}

.operateContents h5.font22{
  font-size: 22px;
  line-height: 27px;
  font-family: roboto-bold;
}
.highNums h4{
  font-size: 30px;
  line-height: 1;
  font-family: roboto-bold;
  color: #D87722;
}
.highNums h4 sub {
  font-size: 18px;
  line-height: 24px;
  font-family: roboto-regular;
  bottom: 0px;
}
.highNums h4 span {
  display: block;
  font-size: 16px;
  line-height: 22px;
  color: #000000;
  font-family: roboto-regular;
  margin: 6px 0px;
}
/**/

.opHeads {
  display: flex;
}
.opHeads > div:nth-child(1) {
  width: 88px;
}
.opHeads > div:last-child {
  width: calc(100% - 88px);
  background: transparent linear-gradient(90deg, #D67521 0%, #FF8E27 100%) 0% 0% no-repeat padding-box;
  padding: 10px 17px;
}
.opHeads p {
  margin-bottom: 5px;
  color: #fff;
  font-size: 16px;
  line-height: 19px;
  font-family: roboto-bold;
}
.opHeads h4 {
  color: #fff;
  font-family: roboto-black;
  font-size: 20px;
  line-height: 24px;
}
.squareBox2 {
  display: flex;
  gap: 4px;
  margin-top: 5px;
}
.squareBox2 span {
  width: 7px;
  height: 7px;
  background-color: #fff;
  display: inline-flex;
  gap: 2px;
}

.colorBox p {
  background-color: #FF8E27;
  padding: 25px 30px;
  font-size: 18px;
  line-height: 24px;
  color: #FFFFFF;
  font-family: roboto-medium;
}
.allOpTop .singleImg {
  margin-bottom: 0px;
}
.leftSideBar {
  max-width: 240px;
  width: 100%;
}
.highNums .squareBox2{
  margin-bottom: 28px;
}
.highNums .squareBox2 span {
  background-color: #ff8e27;
}
.light_black_clr {
  color: #4C4C4E !important;
}
.zincIndiaPage .greenList ul li::after {
  background-color: #FF8E27;
}

.gamsbergPhase {
  padding-left: 20px;
  padding-bottom: 20px;
  border-left: 7px solid #FF8E27;
  border-bottom: 7px solid #FF8E27;
  margin-bottom: 40px;
}

.projectSquare {
  gap: 3px;
}
.projectSquare span {
  width: 7px;
  height: 7px;
  background-color: #fff;
  gap: 9px;
  display: block;
  margin-top: 4px;
}
.gamsbergPhase {
  position: relative;
}
.projectSquare {
  position: absolute;
  left: -7px;
}

.outlookBg > h5 {
  background: transparent linear-gradient(270deg, #F59023 0%, #D17121 100%) 0% 0% no-repeat padding-box;
  display: inline-block;
  padding: 15px 30px;
  color: #fff;
  font-family: roboto-bold;
  margin-bottom: 0px;
}
.outlookBgIns {
  border-left: 1px solid #F59023;
  border-bottom: 1px solid #F59023;
  padding-left: 20px;
  padding-bottom: 10px;
  padding-top: 20px;
}
.greenList.borderLists ul li {
  border-bottom: 1px solid #707070;
  display: block;
  padding-bottom: 10px;
  margin-bottom: 10px
}
.green_clr_1{
  color: #00B8AD!important;
}
/**/
.oilGasPage .outlookBg > h5 {
  background: transparent linear-gradient(90deg, #009287 0%, #00B8AD 100%) 0% 0% no-repeat padding-box;
  border: 1px solid #00000000;
}
.oilGasPage .outlookBgIns {
  border-left: 1px solid #009287;
  border-bottom: 15px solid #009287;
}
.oilGasPage .greenList ul li::after {
  background-color: #009287;
}
.oilGasPage .gamsbergPhase {
  border-left: 7px solid #009287;
  border-bottom: 7px solid #009287;
}
.oilGasPage .colorBox p {
  background-color: #00B8AD;
}
.oilGasPage .opHeads > div:last-child {
  background: transparent linear-gradient(90deg, #009287 0%, #00B8AD 100%) 0% 0% no-repeat padding-box;
}
/**/
.aluminiumPage .gamsbergPhase.borderBtmNo{
  border-bottom: 0px;
}
.gamsbergPhase.borderBtmNo h5 {
  color: #6CC247;
  margin-bottom: 0px;
}
.aluminiumPage .highNums h4 {
  color: #6CC247;
}
.aluminiumPage .outlookBg > h5 {
  background: transparent linear-gradient(90deg, #589637 0%, #6CC247 100%) 0% 0% no-repeat padding-box;
}
.aluminiumPage .outlookBgIns {
  border-left: 1px solid #6CC247;
  border-bottom: 15px solid #6CC247;
}
.aluminiumPage .greenList ul li::after {
  background-color: #6CC247;
}
.aluminiumPage .gamsbergPhase {
  border-left: 7px solid #6CC247;
  border-bottom: 7px solid #6CC247;
}
.aluminiumPage .colorBox p {
  background-color: #6CC247;
}
.aluminiumPage .opHeads > div:last-child {
  background: transparent linear-gradient(90deg, #589637 0%, #6CC247 100%) 0% 0% no-repeat padding-box;
}
.aluminiumPage .highNums .squareBox2 span {
  background-color: #6CC247;
}
.aluminiumPage .opHeads > div:nth-child(1) {
  width: 88px;
  background-color: #6bc046;
  display: flex;
  align-items: center;
  justify-content: center;
}
.green_clr_2 {
  color: #6CC247 !important;
}
.power_blue{
  color: #00ADEF!important;
}
/**/
.powerZPage .opHeads > div:last-child {
  background: transparent linear-gradient(90deg, #0088B9 0%, #00ADEF 100%) 0% 0% no-repeat padding-box;
}
.powerZPage .colorBox p {
  background-color: #00ADEF;
}
.powerZPage .gamsbergPhase {
  border-left: 7px solid #00ADEF;
  border-bottom: 7px solid #00ADEF;
}
.powerZPage .highNums h4 {
  color: #008DC0;
}
.powerZPage .highNums .squareBox2 span {
  background-color: #008DC0;
}
.powerZPage .greenList ul li::after {
  background-color: #008DC0;
}
.powerZPage .outlookBg > h5 {
  background: transparent linear-gradient(90deg, #0088B9 0%, #00ADEF 100%) 0% 0% no-repeat padding-box;
}
.powerZPage .outlookBgIns {
  border-left: 1px solid #008DC0;
  border-bottom: 1px solid #008DC0;
  margin-bottom: 40px;
}
/**/
.ironOrePage .outlookBg > h5 {
  background: transparent linear-gradient(90deg, #73553B 0%, #A37A56 100%) 0% 0% no-repeat padding-box;
}
.ironOrePage .outlookBgIns {
  border-left: 1px solid #75573C;
  border-bottom: 1px solid #75563C;
}
.mitti_clr_1 {
  color: #A37A56 !important;
}
.ironOrePage .greenList ul li::after {
  background-color: #A37A56;
}
.ironOrePage .gamsbergPhase {
  border-left: 7px solid #A37A56;
  border-bottom: 7px solid #A37A56;
}
.ironOrePage .colorBox p {
  background-color: #A37A56;
}
.ironOrePage .opHeads > div:last-child {
  background: transparent linear-gradient(90deg, #73553B 0%, #A37A56 100%) 0% 0% no-repeat padding-box;
}
.steelPage .opHeads > div:last-child {
  background: transparent linear-gradient(90deg, #5A6B73 0%, #7B94A1 100%) 0% 0% no-repeat padding-box;
}
.steelPage .colorBox p {
 margin-bottom: 0px;
 padding-bottom: 0px;
 background: #7B94A1 0% 0% no-repeat padding-box;
}
.steelPage .colorBox p:last-child{
  padding-bottom: 20px;
  margin-bottom: 40px;
}
.steelPage .highNums h4 {
  color: #5E7079;
}
.steel_clr_1 {
  color: #7B94A1 !important;
}
.steelPage .outlookBg > h5 {
  background: transparent linear-gradient(90deg, #5A6B73 0%, #7B94A1 100%) 0% 0% no-repeat padding-box;
}
.steelPage .outlookBgIns {
  border-left: 1px solid #5B6C74;
  border-bottom: 1px solid #5B6D75;
}

/**/
.ferrochromePage .opHeads > div:last-child {
  background: transparent linear-gradient(90deg, #787768 0%, #989684 100%) 0% 0% no-repeat padding-box;
}
.ferrochromePage .colorBox p {
  background-color: #989684;
}
.ferrochromePage .highNums h4 {
  color: #7C7B6B;
}
.ferro_clr_1 {
  color: #989684 !important;
}
.ferrochromePage .gamsbergPhase {
  border-left: 7px solid #989684;
  border-bottom: 7px solid #989684;
}
.ferrochromePage .greenList ul li::after {
  background-color: #989684;
}
.ferrochromePage .outlookBg > h5 {
  background: transparent linear-gradient(90deg, #787768 0%, #989684 100%) 0% 0% no-repeat padding-box;
}
.ferrochromePage .outlookBgIns {
  border-left: 1px solid #787768;
  border-bottom: 1px solid #797869;
  margin-bottom: 40px;
}
.ferrochromePage .highNums .squareBox2 span {
  background-color: #989684;
}
/**/
.copperIndiaPage .opHeads > div:last-child {
  background: transparent linear-gradient(90deg, #A6731F 0%, #D79223 100%) 0% 0% no-repeat padding-box;
}
.copperIndiaPage .colorBox p {
  background-color: #D79223;
}
.copperIndiaPage .highNums h4 {
  color: #AC761F;
}
.copperIndiaPage .highNums .squareBox2 span {
  background-color: #AC761F;
}
.copperIndiaPage .copper_india_clr {
  color: #D79223 !important;
}
.copperIndiaPage .gamsbergPhase {
  border-left: 7px solid #A6731F;
  border-bottom: 7px solid #A6731F;
}
.copperIndiaPage .outlookBg > h5 {
  background: transparent linear-gradient(90deg, #A6731F 0%, #D79223 100%) 0% 0% no-repeat padding-box;
}
.copperIndiaPage .outlookBgIns {
  border-left: 1px solid #A8741F;
  border-bottom: 1px solid #AA751F;
}
.copperIndiaPage  .greenList ul li::after {
  background-color: #A8741F;
}
/**/
.nicometPage .opHeads > div:last-child {
  background: transparent linear-gradient(90deg, #58453F 0%, #755D55 100%) 0% 0% no-repeat padding-box;
}
.nicometPage .colorBox p {
  background-color: #755D55;
}
.nicometPage .greenList ul li::after {
  background-color: #755D55;
}
.nicometPage .outlookBg > h5 {
  background: transparent linear-gradient(90deg, #58453F 0%, #755D55 100%) 0% 0% no-repeat padding-box;
}
.nicometPage .outlookBgIns {
  border-left: 1px solid #5A4640;
  border-bottom: 1px solid #5A4741;
}
.nicomet_clr_1 {
  color: #755D55 !important;
}
.fono_clr_1 {
  color: #755D55 !important;
}
/**/
.portBusiPage .opHeads > div:last-child {
  background: transparent linear-gradient(90deg, #B2531E 0%, #F36E25 100%) 0% 0% no-repeat padding-box;
}
.portBusiPage .colorBox p {
  background-color: #F36E25;
}

.portBusiPage .greenList ul li::after {
  background-color: #F36E25;
}
.related-risk-list ul{
  margin-bottom: 0px;
  margin-top: 10px;
}
.related-risk-list ul li{
  color: #ffffff;
  margin-bottom: 10px;
}
.risk-single-img{
  text-align: center;
}
.white-clr-img-head{
  color: #ffffff;
}
.esgImg {
  background: transparent linear-gradient(90deg, #0064B0 0%, #076DAA 10%, #1276A2 20%, #1D809A 30%, #288990 40%, #339286 50%, #3E9C7B 60%, #49A570 70%, #55AF63 80%, #60B856 90%, #6CC247 100%) 0% 0% no-repeat padding-box;
  padding: 50px 20px;
  min-height: 124px;
  margin-bottom: 50px;
}
.esgImg img {
  position: absolute;
  top: 0px;
  left: 0px;
}
.esgBoard {
  position: relative;
}
.esgBoard h5 {
  position: absolute;
  top: 2px;
  background-color: #fff;
  height: calc(100% - 4px);
  right: 0px;
  width: calc(100% - 123px);
  display: flex;
  align-items: center;
  padding: 20px 40px;
  font-size: 18px;
  color: #0066AB;
  font-family: roboto-bold;
}
.esgInnerPage .singleImg{
  margin-bottom: 40px;
}
.esgInnerPage p{
  margin-bottom: 20px;
}
.esgInnerPage h5{
 font-size: 18px; 
 line-height: 24px;
 font-family: roboto-bold;
 margin-bottom: 15px;
 color: #72BF44;
}
.esg_green_clr{
  color: #72BF44;
}

.ourCoPs {
  background: transparent linear-gradient(90deg, #0064B0 0%, #076DAA 10%, #1276A2 20%, #1D809A 30%, #288990 40%, #339286 50%, #3E9C7B 60%, #49A570 70%, #55AF63 80%, #60B856 90%, #6CC247 100%) 0% 0% no-repeat padding-box;
  padding: 60px 30px 30px 30px;
  margin-bottom: 40px;
  position: relative;
}
.coposSix {
  display: flex;
  gap: 20px;
  justify-content: space-between;
}
.coposSix p {
  color: #fff;
  font-size: 12px;
  line-height: 18px;
  font-family: roboto-regular;
}
.coposSix > div {
  position: relative;
}
.coposSix >div::after {
  content: "";
  display: block;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 1px;
  height: 100%;
  background-color: #fff;
  right: -20px;
}
.coposSix > div::before {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 1px;
  background-color: #fff;
  right: -20px;
}
.coposseven {
  display: flex;
  gap: 20px;
  justify-content: space-between;
  margin-top: 40px;
}
.coposseven p {
  color: #fff;
  font-size: 12px;
  line-height: 18px;
  font-family: roboto-regular;
}
.coposseven > div {
  position: relative;
}
.coposSix >div:last-child::after{
  display: none;
}
.coposseven >div:last-child::after{
  display: none;
}
.coposseven >div::after {
  content: "";
  display: block;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 1px;
  height: 100%;
  background-color: #fff;
  right: -20px;
}
.coposseven > div::before {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 1px;
  background-color: #fff;
  right: -20px;
}

.ourCoPs h5 {
  position: absolute;
  top: 0px;
  background: transparent linear-gradient(90deg, #0D3691 0%, #104495 10%, #135299 20%, #16609C 30%, #196EA0 40%, #1D7CA3 50%, #208AA6 60%, #2598A9 70%, #29A6AB 80%, #2DB3AE 90%, #32C1B0 100%) 0% 0% no-repeat padding-box;
  width: 100%;
  left: 0px;
  padding: 6px 30px;
  font-size: 16px;
  color: #fff;
}

.esgInnerPage .gamsbergPhase h5 {
  margin-bottom: 15px;
   background: linear-gradient(90deg, #0067AC 0%, #6CC247 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.esgInnerPage .gamsbergPhase {
  border-bottom: 0px;
  padding-bottom: 0px;
}
.esgInnerPage .gamsbergPhase {
  border-left: 7px solid #72BF44;
}

.vedasBg {
  background: transparent linear-gradient(90deg, #0D3691 0%, #103F8B 10%, #124884 20%, #15517D 30%, #175975 40%, #1A616D 50%, #1C6864 60%, #1E6F5B 70%, #217651 80%, #237D47 90%, #26833C 100%) 0% 0% no-repeat padding-box;
  padding: 27px;
  margin-bottom: 40px;
}
.vedasBg h5 {
  color: #fff;
}
.vedasBg p {
  color: #fff;
  font-family: roboto-regular;
}

.policiesBox {
  background-color: #6CC247;
  padding: 25px 40px;
  display: flex;
  gap: 50px;
  margin-bottom: 40px;
}
.policiesBox p {
  font-size: 24px;
  line-height: 30px;
  color: #fff;
  margin-bottom: 0px;
  font-family: roboto-bold;
}

.topHealth {
  display: flex;
  gap: 12px;
  align-items: center;
}
.topHealth p {
  width: 34px;
  height: 34px;
  background: transparent linear-gradient(90deg, #0D3691 0%, #104495 10%, #135299 20%, #16609C 30%, #196EA0 40%, #1D7CA3 50%, #208AA6 60%, #2598A9 70%, #29A6AB 80%, #2DB3AE 90%, #32C1B0 100%) 0% 0% no-repeat padding-box;
  text-align: center;
  line-height: 34px;
  color: #fff;
  font-size: 20px;
  font-family: roboto-bold;
  margin-bottom: 16px;
}
.topHealth h5 {
  margin-bottom: 16px;
  color: #0064B0;
  font-family: roboto-medium;
}
.healthSafety {
  border-bottom: 1px solid #000;
  margin-bottom: 30px;
  min-height: 115px;
}

.approachHeads h5 {
  margin-bottom: 0px;
}
.approachHeads {
  position: relative;
  margin-bottom: 20px;
}
.approachHeads::after {
  content: "";
  display: block;
  position: absolute;
  right: 0px;
  bottom: 8px;
  width: calc(100% - 35px);
  background-color: #72bf44;
  height: 1px;
}

.ourSocial {
  background: transparent linear-gradient(90deg, #0064B0 0%, #076DAA 10%, #1276A2 20%, #1D809A 30%, #288990 40%, #339286 50%, #3E9C7B 60%, #49A570 70%, #55AF63 80%, #60B856 90%, #6CC247 100%) 0% 0% no-repeat padding-box;
  padding: 25px;
  margin-bottom: 25px;
}
.ourSocial p {
  text-align: center;
  color: #fff;
  font-size: 14px;
  line-height: 19px;
}
.doNo h5 {
  background: transparent linear-gradient(90deg, #0064B0 0%, #076DAA 10%, #1276A2 20%, #1D809A 30%, #288990 40%, #339286 50%, #3E9C7B 60%, #49A570 70%, #55AF63 80%, #60B856 90%, #6CC247 100%) 0% 0% no-repeat padding-box;
  color: #fff;
  padding: 8px 25px;
  font-size: 14px;
  line-height: 17px;
}
.doNo ul li {
  color: #fff;
}
.doNo ul li {
  color: #fff;
  font-size: 13px;
  line-height: 19px;
  margin-bottom: 10px;
}

.alphbateList ul {
  list-style-type: lower-alpha;
}
.alphbateList ul li {
  margin-bottom: 10px;
  color: #2B2E34;
}
.alphbateList ul {
  margin: 0px;
  padding-left: 15px;
}
.alphbateList ul {
  display: flex;
  flex-wrap: wrap;
}
.alphbateList ul li {
  width: 50%;
}
.esgMain .greenList ul li {
  margin-bottom: 15px;
}

.esgCaseEsg {
  background-image: url("../images/our-esg-strategy/transforming-communities/bg-img.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  min-height: 1250px;
  position: relative;
  padding: 27px;
  margin-bottom: 40px;
  margin-top: 40px;
}
.rekindlingBo {
  display: flex;
  gap: 20px;
  width: 100%;
  align-items: end;
  margin-top: -40px;
  margin-bottom: 30px;
}
.esgCaseEsg .approachHeads {
  position: relative;
  margin-bottom: 0px;
}
.esgCaseEsg .approachHeads h5 span {
  color: #0067AC;
}
.esgMain{
  padding-top: 40px;
}


/**/

.greenBlue {
  display: flex;
}
.greenBlue > div {
  width: 50%;
}
.greenBlue > div:nth-child(1) {
  max-width: 42%;
  width: 100%;
}
.greenBlue > div:nth-child(2) {
  max-width: 58%;
  width: 100%;
}
.greenBlue > div:nth-child(1) .greenList {
  max-width: 290px;
  width: 100%;
}
.greenBlue > div:nth-child(2) .greenList {
  padding-left: 30px;
}
.greenBlue > div:nth-child(1) h5 {
  background: transparent linear-gradient(180deg, #6CC247 0%, #599843 100%) 0% 0% no-repeat padding-box;
  color: #fff;
  padding: 15px 30px;
}
.greenBlue > div:nth-child(2) h5 {
  background: transparent linear-gradient(180deg, #2A448D 0%, #0067AC 100%) 0% 0% no-repeat padding-box;
  padding: 15px 30px;
  color: #fff;
}
.greenBlue > div:nth-child(2) {
  position: relative;
}
.greenBlue > div:nth-child(2)::after {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  top: 70px;
  width: 1px;
  height: calc(100% - 90px);
  background-color: #6CC247;
}

.aimingBox {
  background: transparent linear-gradient(91deg, #0067AC 0%, #6CC247 100%) 0% 0% no-repeat padding-box;
}
.topAim {
  display: flex;
}
.topAim > div:nth-child(1) {
  width: 108px;
}
.topAim > div:nth-child(2) {
  width: calc(100% - 108px);
}
.topAim > div:nth-child(1) h5 {
  padding: 15px 30px;
  background: transparent linear-gradient(90deg, #2A448D 0%, #0067AC 100%) 0% 0% no-repeat padding-box;
  color: #fff;
}
.topAim > div:nth-child(2) h5 {
  padding: 15px 30px;
  background: transparent linear-gradient(270deg, #6CC247 0%, #599843 100%) 0% 0% no-repeat padding-box;
  color: #fff;
  font-family: roboto-regular;
}
.topAim h5 {
  margin-bottom: 0px;
}
/**/
.aimingBox {
  margin-top: 40px;
  padding-bottom: 20px;
}
.aimingBox .greenList ul {
  margin-bottom: 0;
}
.topAim {
  margin-bottom: 30px;
}
.objectiveBox {
  padding: 0px 30px 20px 30px;
  margin-bottom: 0px;
}
.objectiveBox {
  display: flex;
  gap: 20px;
}
.aimingBox {
  margin-top: 40px;
  margin-bottom: 40px;
}
.objectiveBox {
  display: flex;
  gap: 20px;
}
.objectiveBox.threeCol > div:last-child {
  width: 20%;
}
.objectiveBox.threeCol > div:nth-child(1) {
  width: 40%;
}

.objectiveBox.twoCol {
  padding: 0px 30px 30px 30px;
}
.twoCol > div{
  width: 50%;
}
.fiveCol > div{
  width: 20%;
}
.objectiveBox h5 {
  color: #fff;
  border-bottom: 1px solid #fff;
  padding-bottom: 13px;
}
.objectiveBox p {
  color: #FFFFFF;
}
.objectiveBox ul li {
  color: #fff;
}
section.hm-keysec.keyPerformancePage .item {
    margin-bottom: 40px;
}


.ourCoPs.othBg h5 {
  background: transparent linear-gradient(90deg, #0064B0 0%, #076DAA 10%, #1276A2 20%, #1D809A 30%, #288990 40%, #339286 50%, #3E9C7B 60%, #49A570 70%, #55AF63 80%, #60B856 90%, #6CC247 100%) 0% 0% no-repeat padding-box;
}
.ourCoPs.othBg {
  background: #0064B0 0% 0% no-repeat padding-box;
}

.othBg .coposSix > div{
  text-align: center;
}
.othBg .coposSix p {
  font-size: 12px;
  line-height: 18px;
  margin-top: 10px;
}

.othBg .coposSix > div::before {
  display: none;
}

.objectiveBox.singleCol {
  padding: 0px 30px;
}
.allIcons.priya .firstIcon {
    max-width: 16.6%;
}
.allIcons.priya .firstIcon.noBrdr{
    text-align: center;
}

.safeGuard {
  position: relative;
  margin-bottom: 20px;
}
.safeGuard p {
  min-height: 41px;
  border-bottom: 1px solid #6CC247;
  border-left: 1px solid #6CC247;
  padding-left: 20px;
  font-size: 16px;
  line-height: 22px;
  padding-bottom: 10px;
}
.safeGuard img {
  position: absolute;
  left: -3px;
  top: 0px;
}
.greenList.inlineList ul {
  display: flex;
  gap: 0px 50px;
  flex-wrap: wrap;
}
.greenList.inlineList ul li {
  width: auto;
}

.csaRanking {
  background: transparent linear-gradient(90deg, #0067AC 0%, #6CC247 100%) 0% 0% no-repeat padding-box;
  padding: 30px;
  margin-bottom: 30px;
}
.csaRanking h5 {
  color: #fff;
}
.csaRanking ul li {
  color: #fff;
}
.csaRanking p {
  color: #fff;
}
.valueData h1 span {
    font-family: roboto-regular;
}
.outcomes h1 span{
   font-family: roboto-regular;
}
.commonLine .out-sec h1 span{
     font-family: roboto-regular;
}
.capsNum.paddLz.noBorB.noBorR h6 {
    margin-bottom: 0;
}
.capsNum p.black_clr{
  color: #000!important;
}

.double-legend {
  align-items: center;
  justify-content: end;
}
.double-legend{
  padding-right: 90px;
  padding-bottom: 30px;
  margin-top: 0;
}
.d-materiality-btm-pd-0{
  padding-bottom: 0;
}
.zincInd h4 sub.sub-tco{
  font-size: small;
  vertical-align: sub;
}
.at-a-esg-pd-10{
  padding-bottom: 10px;
}

.aimyxt-sec-min{
  min-height: 284px;
}
.aimTxt::before {
  position: absolute;
  display: block;
  content: "";
  width: 93%;
  height: 2px;
  background-color: #6d6e71;
  bottom: -20px;
  left: 0;
}
.at-h4-pd-20 {
  padding-bottom: 10px;
}

.allHead h2.mb{
  margin-bottom: 0;
}
.thre-dot{
  padding-bottom: 12px;
}

/*uneza css start*/
.arrowSpn{
  display: inline!important;
    color: #D87722!important;
    margin-top: 17px!important;
    top: -4px;
    position: relative;
}
.rmvBullet ul li::after{
  background: none!important;
}
.upprCase{
  text-transform: uppercase;
}
.unboldLst ul li{
  font-family: roboto-regular;
}
.finTbTxt{
  max-width: 500px;
  width: 100%;
  text-align: right;
}
.finTbTxt p{
  margin-bottom: 0px;
  padding-bottom: 5px;
}
.mrgntop{
  margin-top: 30px;
}
.greyList ul li::after {
    background-color: #5a6b73;
}
.clr_blue{
  color: #0067ac !important;
}
.blueToGrn{
  background: linear-gradient(90deg, #0067AC 0%, #6CC247 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.zblack_clr{
  color:#000000 !important;
}
.whiteBrk{
  white-space: nowrap;
}
.clr_green{
  color: #6CC247!important;
}
/*uneza css end*/

.at-galce-para-pd-15 p{
  padding-bottom: 15px;
}
.single-img-center{
  text-align: center;
}
.single-para p{
  color: #747474;
  padding-left: 90px;
  padding-bottom: 20px;
  font-weight: 18px;
}

.cmnpage-inner p {
  padding: 7px 0;
  color: #000000;
}
.input-blue22bold {
  font-family: roboto-bold;
  color: #0066AB;
  font-size: 22px;
  line-height: 25px;
  padding: 5px 0;
}
.valuebox1 h3 {
  color: #72BF44;
  font-size: 22px;
  line-height: 26px;
  padding: 5px 0;
  font-family: roboto-medium;
}
ul.bltsblue li {
  padding: 7px 0;
  color: #414042;
  list-style-type: disc;
}
.bltsblue {
  padding-left: 20px;
  margin-bottom: 0;
}
ul.bltsblue li::marker {
  font-size: 20px;
  color: #0067AC;
}
.valuebox1.new-box {
  height: 460px;
}

.value-flex {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}
img.inputicon {
  height: 40px;
  width: auto !important;
  margin-right: 15px;
}
.input-blue22bold{
  font-family:roboto-bold;
  color: #0066AB;
  font-size: 22px;
  line-height: 25px;
  padding: 5px 0;
}
.input-blck22bold{
  font-family:roboto-bold;
  color: #000000;
  font-size: 22px;
  line-height: 25px;
  padding: 5px 0;
}
.valuenumbr1 {
  color: #0066AB;
  position: absolute;
  bottom: 40px;
}
.valueslider1 {
  padding: 20px 0 90px;
  position: relative;
}
.valueslider1.owl-theme .owl-nav {
  position: absolute;
  bottom: 20px;
  right: 0;
}
.valueslider1 .owl-nav button.owl-next
{
  position: absolute;
  width: 48px;
  height: 48px;
  bottom: 0px;
  margin: auto;
  right: 0px;
  background-repeat: no-repeat;
  background-image: url(../images/cop-rigth-arrow.svg) !important;
}

.valueslider1 .owl-nav button.owl-prev
{
  position: absolute;
  width: 48px;
  height: 48px;
  bottom: 0px;
  margin: auto;
  right: 50px;
  background-repeat: no-repeat;
  background-image: url(../images/cop-left-arrow.svg) !important;
}

.valueslider1.owl-theme .owl-nav .owl-prev:hover,
.valueslider1.owl-theme .owl-nav .owl-next:hover
{
  background: none;
  color: #FFF;
  text-decoration: none;
  background-repeat: no-repeat;
}
.valueslider1.owl-theme .owl-nav .owl-prev.disabled,
.valueslider1.owl-theme .owl-nav .owl-next.disabled
{
  transform: scale(.8);
}
.valuebox1 {
  box-shadow: 0px 3px 6px #00000029;
  height: 465px;
  padding: 20px;
  margin: 5px;
}
.valuebox1 h3 {
  color: #72BF44;
  font-size: 22px;
  line-height: 26px;
  padding: 5px 0;
  font-family:roboto-medium;
}
ul.bltsblue li::marker {
  font-size: 20px;
  color: #0067AC;
}

.bltsblue {
  padding-left: 20px;
  margin-bottom: 0;
}

ul.bltsblue li {
  padding: 7px 0;
  color: #414042;
  list-style-type: disc;
}
.valuenumbr2 {
  color: #0066AB;
  position: absolute;
  bottom: 40px;
}
.valueslider2 {
  padding: 20px 0 90px;
  position: relative;
}
.valueslider2.owl-theme .owl-nav {
  position: absolute;
  bottom: 20px;
  right: 0;
}
.valueslider2 .owl-nav button.owl-next
{
  position: absolute;
  width: 48px;
  height: 48px;
  bottom: 0px;
  margin: auto;
  right: 0px;
  background-repeat: no-repeat;
  background-image: url(../images/cop-rigth-arrow.svg) !important;
}

.valueslider2 .owl-nav button.owl-prev
{
  position: absolute;
  width: 48px;
  height: 48px;
  bottom: 0px;
  margin: auto;
  right: 50px;
  background-repeat: no-repeat;
  background-image: url(../images/cop-left-arrow.svg) !important;
}

.valueslider2.owl-theme .owl-nav .owl-prev:hover,
.valueslider2.owl-theme .owl-nav .owl-next:hover
{
  background: none;
  color: #FFF;
  text-decoration: none;
  background-repeat: no-repeat;
}
.valueslider2.owl-theme .owl-nav .owl-prev.disabled,
.valueslider2.owl-theme .owl-nav .owl-next.disabled
{
  transform: scale(.8);
}
.value-flex {
  margin-bottom: 10px;
}
.value-flex2 {
  margin-bottom: 10px;
}
.brdrvalethik {
  border: 1px solid #6E6F71 !important;
  margin-bottom: 60px;
}
.valuebox1Height {
  height: 255px;
}
.posRel{
  position: relative;
}
.hm-keysec.keyPerformancePage .key-tabcontent p span{
  color: #6CC247;
}
.hm-keysec.keyPerformancePage .stakeTabBody.blu p span{
color: #3CB7E6;
}
.hm-keysec.keyPerformancePage .stakeTabBody.dark-b p span{
color: #0064B0;
}
.hm-keysec.keyPerformancePage .stakeTabBody.lgt-g p span{
color: #8DA15D;
}
.grntoblue  h5{
  background: linear-gradient(90deg, #6CC247 0%, #0067AC 100%)!important;
}
.colorBoxUn{
      background: #7B94A1 0% 0% no-repeat padding-box!important;
}
.mblView{
  display: none;
}
.stlBoxIcon img{
  margin-bottom: 40px;
}

.steelLink a{
 color: rgba(13, 110, 253, 1);
}
.steelLink{
  margin-bottom: 15px;
}
.transcomPad > div:nth-child(2) h5{
padding: 15px 8px;
}

#fullScreenModal .modal-content {
  background-image: url(../images/menu/popup-img.webp);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
#fullScreenModal .modal-header {
  border-bottom: none;
  padding-left: 128px;
}

#fullScreenModal .modal-header h5 {
  font-size: 24px;
  line-height: 35px;
  color: #ffcc31;
  position: relative;
  min-width: 267px;
}

#fullScreenModal .modal-body p {
  color: #fff;
  overflow-y: inherit;
}
.modal-fullscreen .modal-body {
  overflow-y: visible;
  margin-left:0px;
}
#fullScreenModal .modal-content {
  overflow-y: auto;
}
.modal-header .btn-close {
  color: #fff;
  margin-right: 40px;
}
.modal-header .btn-close img {
  width: 20px;
  height: 20px;
  position: relative;
  z-index: 99;
}

.modal-header .btn-close {
  --bs-btn-close-bg: none;
}

.modal-body .pop-div h5 span {
  display: block;
}
.modal-body .pop-div h5 {
  font-size: 48px;
  line-height: 50px;
  color: #fff;
  padding-bottom: 30px;
  font-family: Cocogoose-Pro-Regular-trial;
}
.modal-body .pop-div p
{
  padding-bottom: 20px;
}
.modal-body .pop-div h6 
{
  font-size: 24px;
  line-height: 30px;
  padding-bottom: 20px;
  color: #fff;
}

.custom-close-btn {
  border: 1px solid #fff;
  background: transparent;
  padding: 8px 16px;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 15px;
  margin-right:30px;
  font-size: 16px;
  color: #fff;
  cursor: pointer;
}

.custom-close-btn img {
  display: inline-block;
}
#fullScreenModal .modal-header {
  border-bottom: none;
  display: flex;
  justify-content: right;
}

.linkWithImg div:first-child
{
  width:300px;
}
.linkWithImg div:last-child 
{
  width: 250px;
}
.mblV
{
  display: none;
}
.esgLevel1 h5 b {
  font-size: 24px;
}

.threeColList ul {
  display: flex;
  flex-wrap: wrap;
}
.threeColList ul li {
  width: 33.33%;
}

.dektopV{
  display: block;
}

.steelTop > div:nth-child(4) p {
  position: absolute;
  left: 15px;
  bottom: 15px;
}
.sticky {
    position: fixed !important;
    top: 0px;
    width: 100%;
    left: 0px;
    right: 0px;
}
.caseStudy-mbltext
{
  font-size: 35px;
  color: #fff;
  font-family:roboto-bold;
  text-align:center;
  padding-bottom:30px;
}
.casestudy-wrap
{
 background-color: #fff;
 padding: 15px 20px 15px;
 display: flex;
}
.case-slider.owl-carousel .owl-stage {
    padding-left: 0px !important;
}
.case-slider.owl-carousel .owl-item img
{
  width:100%;
}
.casestudy-text h4
{
color: #0066AA;
font-size: 18px;
line-height: 22px;
display: flex;
padding-bottom: 12px;
}
.casestudy-wrap p
{
  font-size: 22px;
  font-family: roboto-bold;
  color: #0066AA;
  margin-right: 5px;
}

.casestudy-text .read-btn a {
    color:#0066AA;
  }
.caseStudy .col-xl-11 {
    padding-right: 0px;
}
.casestudy-text h4 ved 
{
  display: block;
}

.case-slider .owl-nav button.owl-next {
  position: absolute;
  width: 44px;
  height: 46px;
  bottom: 0px;
  margin: auto;
  left: 50px;
  background-repeat: no-repeat;
  background-image: url(../images/casestudy/right-arrow.svg) !important;
}

.case-slider .owl-nav button.owl-prev {
  position: absolute;
  width: 44px;
  height: 46px;
  bottom: 0px;
  margin: auto;
  left: 7px;
  background-repeat: no-repeat;
  background-image: url(../images/casestudy/left-arrow.svg) !important;
}

.case-slider.owl-theme .owl-nav .owl-prev:hover,
.case-slider.owl-theme .owl-nav .owl-next:hover {
  background: none;
  color: #fff;
  text-decoration: none;
  background-repeat: no-repeat;
}
.case-slider.owl-theme .owl-nav .owl-prev.disabled,
.case-slider.owl-theme .owl-nav .owl-next.disabled {
}

.case-slider-number {
  width: 95px;
  font-size: 45px;
  line-height: 1;
  color: #fff;
  margin: 0px auto 5px auto;
  text-align: center;
  font-family: roboto-bold;
  margin-top: -20px;
}

.case-slider.owl-theme .owl-dots {
  text-align: left;
  display: flex;
  gap: 5px;
  margin-top: 50px;
  max-width: 95px;
  width: 100%;
}
.case-slider.owl-theme .owl-dots .owl-dot span {
  width: 7px;
  height: 7px;
  margin: 0px;
  background: RGBA(255, 255, 255, 0.5);
  border-radius: 0px;
}
.case-slider.owl-theme .owl-dots .owl-dot.active span {
  background: #ffffff;
}
.case-slider.owl-theme .owl-nav {
  margin-top: 0px;
  width: 99px;
  position: absolute;
  right: 95px;
  bottom: -20px;
}
.dotspara img
{
  padding-bottom: 0px;
  display: inline-block;
}