html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
a {
  text-decoration: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
@font-face {
  font-family: "RupeeForadian";
  src: url("../fonts/Rupee_Foradian.eot");
  src: url("../fonts/Rupee_Foradian.eot") format("embedded-opentype"),
    url("../fonts/Rupee_Foradian.woff2") format("woff2"),
    url("../fonts/Rupee_Foradian.woff") format("woff"),
    url("../fonts/Rupee_Foradian.ttf") format("truetype"),
    url("../fonts/Rupee_Foradian.svg#Rupee_Foradian") format("svg");
}
@font-face {
  font-family: "Adani";
  src: url("../fonts/Adani-Medium.eot");
  src: url("../fonts/Adani-Medium.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Adani-Medium.woff2") format("woff2"),
    url("../fonts/Adani-Medium.woff") format("woff"),
    url("../fonts/Adani-Medium.ttf") format("truetype"),
    url("../fonts/Adani-Medium.svg#Adani-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Adani";
  src: url("../fonts/Adani-Light.eot");
  src: url("../fonts/Adani-Light.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Adani-Light.woff2") format("woff2"),
    url("../fonts/Adani-Light.woff") format("woff"),
    url("../fonts/Adani-Light.ttf") format("truetype"),
    url("../fonts/Adani-Light.svg#Adani-Light") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Adani";
  src: url("../fonts/Adani-Regular.eot");
  src: url("../fonts/Adani-Regular.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Adani-Regular.woff2") format("woff2"),
    url("../fonts/Adani-Regular.woff") format("woff"),
    url("../fonts/Adani-Regular.ttf") format("truetype"),
    url("../fonts/Adani-Regular.svg#Adani-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Adani";
  src: url("../fonts/Adani-SemiBold.eot");
  src: url("../fonts/Adani-SemiBold.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Adani-SemiBold.woff2") format("woff2"),
    url("../fonts/Adani-SemiBold.woff") format("woff"),
    url("../fonts/Adani-SemiBold.ttf") format("truetype"),
    url("../fonts/Adani-SemiBold.svg#Adani-SemiBold") format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Rupee-Foradian';
  src: url('../fonts/Rupee_Foradian_1.eot') format('eot');
  src: url('../fonts/Rupee_Foradian_1.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Rupee_Foradian_1.woff') format('woff'),
       url('../fonts/Rupee_Foradian_1.ttf') format('truetype'),
       url('../fonts/Rupee_Foradian_1.svg#Rupee_Foradian_1') format('svg');
  font-weight: normal;
  font-style: normal;
}

html.lenis,html.lenis body { height: auto;}
.lenis.lenis-smooth { scroll-behavior: auto !important;}
.lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain;}
.lenis.lenis-stopped { overflow: clip;}
.lenis.lenis-smooth iframe { pointer-events: none;}
.rs {font-family: 'Rupee-Foradian';}
.font-adani {
  font-family: "Adani";
}
body {
  font-family: "Adani";
  font-weight: 400;
  color: #191a1b;
  font-size: clamp(12px, 1vw, 16px);
  line-height: 1.5;
}
#wrapper{ padding: 0;}
@media screen and (max-width: 767px) {
  .container {
    width: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .container {
    width: 100%;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .container {
    width: 100%;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .container {
    width: 980px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .container {
    width: 1170px;
  }
  .container #perfromance-chart .x-axis {
    width: 215px;
  }
}
img {
  display: block;
}
.swiper-pagination .swiper-pagination-bullet {
  background-color: #8e278f;
}
#smooth-content {
  padding-top: 1px;
  margin-top: -1px;
}
.purple-txt {
  color: #8e278f;
}
.blue-txt {
  color: #006db7;
}
.darkBlue-txt {
  color: #2c2f77;
}
.green-txt {
  color: #76b043;
}
.darkGreen-txt {
  color: #4c9e45;
}
.green2-txt {
  color: #2d9a47;
}
.dark-txt {
  color: #191a1b;
}
.d-blue-txt {
  color: #00bbce;
}
.grey-txt {
  color: #4d4d4f;
}
.white-txt {
  color: #fff !important;
}
.magenta-txt {
  color: #681237;
}
.l-magenta-txt {
  color: #a54078;
}
.pink-txt {
  color: #a54078;
}
.magenta-bg {
  background-color: #681237;
}
.red-txt {
  color: #681237;
}
.red-bg {
  background-color: #e12727;
}
.yellow-bg {
  background-color: #ffcc31;
}
.gold-txt {
  color: #af8621;
}
.bgwhite {
  background-color: #fff;
}
.bglightGold {
  background-color: #f2ebdd !important;
}
.bglightGreen {
  background-color: #eef3e6 !important;
}
.bglightBlue {
  background-color: #e7eef8 !important;
}
.bgdarkGreen {
  background-color: #76b043 !important;
}
.fw-bold {
  font-weight: 700 !important;
}
.fw-bolder {
  font-weight: 800 !important;
}
.fw-medium {
  font-weight: 500 !important;
}
.fw-normal {
  font-weight: 400 !important;
}
.fw-light {
  font-weight: 300 !important;
}
.fw-regular {
  font-weight: 400 !important;
}
.fw-semibold {
  font-weight: 600 !important;
}
.bg1 {
  background-color: #f3f3f3;
}
.bg2 {
  background-color: #eddeed;
}
.bg3 {
  background-color: #e2d0e4;
}
.bg4 {
  background-color: #e2d0e4;
}
.black-br-right {
  border-right: solid 1px #e4e4e4;
}
.fs12 {
  font-size: clamp(10px, 0.625vw, 12px);
}
.fs14 {
  font-size: clamp(12px, 0.729vw, 14px);
}
.fs16 {
  font-size: clamp(14px, 0.833vw, 16px);
}
.fs18 {
  font-size: clamp(16px, 0.938vw, 18px);
}
.fs20 {
  font-size: clamp(18px, 1.042vw, 20px);
}
.fs22 {
  font-size: clamp(20px, 1.146vw, 22px);
}
.fs24 {
  font-size: clamp(22px, 1.25vw, 24px);
}
.fs26 {
  font-size: clamp(24px, 1.354vw, 26px);
}
.fs28 {
  font-size: clamp(26px, 1.354vw, 28px);
}
.fs30 {
  font-size: clamp(28px, 1.563vw, 30px);
}
.fs32 {
  font-size: clamp(30px, 1.667vw, 32px);
}
.fs36 {
  font-size: clamp(32px, 1.875vw, 36px);
}
.fs40 {
  font-size: clamp(34px, 2.083vw, 40px);
}
.fs44 {
  font-size: clamp(36px, 2.292vw, 44px);
}
.fs46 {
  font-size: clamp(38px, 2.396vw, 46px);
}
.fs48 {
  font-size: clamp(40px, 2.5vw, 48px);
}
.fs50 {
  font-size: clamp(42px, 2.604vw, 50px);
}
.fs52 {
  font-size: clamp(44px, 2.708vw, 52px);
}
.fs54 {
  font-size: clamp(46px, 2.813vw, 54px);
}
.fs56 {
  font-size: clamp(48px, 2.917vw, 56px);
}
.fs60 {
  font-size: clamp(50px, 3.125vw, 60px);
}
.fs64 {
  font-size: clamp(36px, 3.333vw, 64px);
}
.fs70 {
  font-size: clamp(36px, 2.5vw, 40px);
}
.fs72 {
  font-size: clamp(36px, 2.5vw, 40px);
}
.fs75 {
  font-size: clamp(36px, 2.5vw, 40px);
}
.fs85 {
  font-size: clamp(36px, 2.5vw, 40px);
}
.fs90 {
  font-size: clamp(36px, 2.5vw, 40px);
}
.fs100 {
  font-size: clamp(36px, 2.5vw, 40px);
}
.fs120 {
  font-size: clamp(36px, 2.5vw, 40px);
}
.w-20 {
  width: 20%;
}
.sectionTitle {
  font-size: 42px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -1px;
}
.secondaryTitle {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 8px;
  position: relative;
  padding-bottom: 12px;
}
.secondaryTitle::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 50px;
  height: 5px;
  background-color: #ffcc31;
}
.titleLine {
  position: relative;
  font-size: clamp(16px, 1.4vw, 22px);
  font-weight: 600;
}
.titleLine::after {
  position: absolute;
  content: "";
  left: 0;
  border-bottom: 5px solid #000;
  margin: 7px 0;
  width: 70px;
  height: 33px;
}
p {
  margin-bottom: 1rem;
  font-size: 18px;
}
.small {
  font-size: clamp(10px, 0.9vw, 14px);
}
.nos-list {
  padding-left: 2rem;
}
.nos-list li {
  margin-bottom: 5px;
}
.nos-list li::marker {
  color: #006db7;
  font-weight: 700;
}
strong {
  font-weight: 700;
  color: #191a1b;
}
.h5,
h5 {
  font-size: 1.25rem;
}
.summary {
  font-size: clamp(16px, 1.4vw, 22px);
  font-weight: 500;
}
.gradient-line {
  position: relative;
  border-bottom: solid 1px #3e317c;
  padding-bottom: 8px;
  margin-bottom: 15px;
}
.gradient-line::before {
  content: "";
  position: absolute;
  left: 0px;
  bottom: -4px;
  width: 60px;
  height: 7px;
  border-radius: 10px;
  background: #303078;
  background: linear-gradient(90deg, #303078 0%, #8e278f 100%);
}
.section {
  padding: 80px 0;
}
@media screen and (max-width: 991px) {
  .section {
    padding: 50px 0;
  }
}
.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0.5rem 0;
  background-color: #fff;
  z-index: 9;
}
@media screen and (max-width: 767px) {
  .header {
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
  }
}
.header .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header .logos {
  display: flex;
  align-items: center;
  column-gap: 40px;
}
.header .logos .brsr-link {
  color: #58595b;
  font-size: 18px;
  line-height: 1.1;
  transition: 1s;
}
.header .logos .brsr-link:hover {
  color: #681237;
}
@media screen and (max-width: 767px) {
  .header .logos {
    width: 150px;
  }
}
.header .links {
  display: flex;
  column-gap: 10px;
}
@media screen and (max-width: 767px) {
  .header .links {
    column-gap: 16px;
  }
}
.header .links a {
  text-decoration: none;
  color: #8e278f;
  display: flex;
  justify-content: space-between;
  column-gap: 14px;
  align-items: center;
  font-weight: 500;
  line-height: 1.2;
}
.header .links #nav-icon1 {
  width: 60px;
  height: 45px;
  position: relative;
  margin: 16px auto;
  -webkit-transform: rotate(180deg) scale(0.7);
  -moz-transform: rotate(180deg) scale(0.7);
  -o-transform: rotate(180deg) scale(0.7);
  transform: rotate(180deg) scale(0.7);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}
@media (max-width: 767px) {
  .header .links #nav-icon1 {
    margin: 10px auto;
    transform: scale(0.5);
  }
}
.header .links #nav-icon1 span {
  display: block;
  position: absolute;
  height: 3px;
  width: 40px;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
  background: #681237;
}
.header .links #nav-icon1 span:nth-child(1) {
  top: 9px;
}
.header .links #nav-icon1 span:nth-child(2) {
  top: 23px;
  width: 25px;
}
.header .links #nav-icon1 span:nth-child(3) {
  top: 36px;
}
.header .links #nav-icon1.open span:nth-child(1) {
  top: 18px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.header .links #nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}
.header .links #nav-icon1.open span:nth-child(3) {
  top: 18px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.footer {
  background-color: #681237;
  padding: 1.5rem;
  color: #fff;
  font-size: 14px;
  padding: 10px 0px;
  text-align: center;
}
.menuWrapper {
  background: #006db7;
  background: linear-gradient(82deg, #006db7 0%, #8e278f 100%);
  width: 100%;
  position: fixed;
  z-index: 999;
  transform: translateX(-100%);
  transition: all 0.5s;
  display: flex;
  align-items: center;
  top: 0;
  left: 0;
}
.menuWrapper.open {
  transform: translateX(0);
}
.menuWrapper .container {
  display: block;
}
@media screen and (max-width: 767px) {
  .menuWrapper .container {
    height: calc(100dvh - 78px);
    overflow-y: scroll;
    padding-bottom: 16px;
  }
}
.menuWrapper .menuGroup {
  margin-top: 20px;
}
.menuWrapper h2 {
  font-size: 22px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 6px;
}
.menuWrapper h2 a {
  text-decoration: none;
  color: #fff;
}
.menuWrapper ul {
  list-style: none;
  padding-left: 0;
}
.menuWrapper ul li {
  margin-bottom: 0px;
  line-height: 23px;
}
.menuWrapper ul li a {
  color: #fff;
  font-size: 14px;
  opacity: 0.8;
  transition: all 0.5s;
  text-decoration: none;
}
.menuWrapper ul li a:hover {
  opacity: 1;
}
.breadcrumbs-main-wrp {
  background-color: #e12727;
  padding: 10px 0px;
  margin-top: 100px;
  margin-bottom: 30px;
}
.breadcrumbs-main-wrp .breadcrumb {
  margin: 0;
}
.breadcrumbs-main-wrp .breadcrumb li {
  font-size: 12px;
  font-weight: 300;
  color: #fff;
}
.breadcrumbs-main-wrp .breadcrumb li::before {
  color: #fff;
}
.breadcrumbs-main-wrp .breadcrumb li a {
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
  color: #fff;
}
.PortfolioBox .icons {
  position: absolute;
  right: 0px;
  bottom: 5px;
  width: 50px;
}
.PortfolioBox .icons img {
  width: 100%;
}
.innerPage {
  padding-bottom: 50px;
}
.info-nums .nos {
  color: #681237;
  font-weight: 700;
  font-size: 36px;
  line-height: 43px;
}
.info-nums .nos .cr {
  font-size: 23px;
  padding-left: 5px;
}
.info-nums p {
  font-size: 16px;
  margin-bottom: 0px;
}
#perfromance-chart .chart {
  width: 85%;
}
#perfromance-chart .chart h5 {
  border-bottom: solid 1px #939598;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
#perfromance-chart .chart small {
  display: block;
  margin-bottom: 25px;
}
#perfromance-chart .bars {
  display: flex;
  height: 330px;
  align-items: flex-end;
  justify-content: space-between;
  gap: 0.4rem;
  margin-bottom: 0.5rem;
  position: relative;
  overflow: hidden;
}
#perfromance-chart .bar-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  transition: 0.3s;
}
#perfromance-chart .bar-container .bar {
  width: 100%;
  height: 260px;
  background-color: #d1d5db;
}
#perfromance-chart .bar-container .bar.highlighted {
  background-color: #9b3b76;
}
#perfromance-chart .bar-container:nth-child(1) .bar {
  background-color: #eaeaeb;
}
#perfromance-chart .bar-container:nth-child(2) .bar {
  background-color: #d7d9da;
}
#perfromance-chart .bar-container:nth-child(3) .bar {
  background-color: #c5c7c9;
}
#perfromance-chart .bar-container:nth-child(4) .bar {
  background-color: #b4b6b8;
}
#perfromance-chart .bar-container:nth-child(5) .value-label {
  color: #a54078;
  font-weight: 700;
}
#perfromance-chart .bar-container:hover {
  transform: scale(1.1);
}
#perfromance-chart .value-label {
  font-size: 1.175rem;
  font-weight: 300;
  margin-bottom: 0.5rem;
  writing-mode: sideways-lr;
}
#perfromance-chart .x-axis {
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin-top: 1rem;
  width: 245px;
  height: 60px;
  position: relative;
}
#perfromance-chart .x-axis::before {
  content: "";
  position: absolute;
  width: 115%;
  height: 1px;
  background-color: #939598;
  left: -20px;
  top: -16px;
  transform-origin: center;
  z-index: 1;
}
#perfromance-chart .x-label {
  font-size: 0.875rem;
  font-weight: 400;
  text-align: end;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  height: 70px;
}
#perfromance-chart .x-label.highlighted {
  color: #000;
  font-weight: 700;
}
#perfromance-chart
  .OperationalIndicators
  .chart
  .bars
  .bar-container
  .bar.highlighted {
  background-color: #00bbce;
}
#perfromance-chart
  .OperationalIndicators
  .chart
  .bars
  .bar-container:nth-child(5)
  .value-label {
  color: #00bbce;
}
@media (max-width: 640px) {
  #perfromance-chart .bars {
    gap: 0.5rem;
  }
  #perfromance-chart .value-label,
  #perfromance-chart .x-label {
    font-size: 0.75rem;
  }
}
#perfromance-chart .tooltip {
  position: absolute;
  background: #333;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s ease;
  z-index: 999;
}
.chairmanPersonBox {
  padding: 30px 80px;
}
.chairmanPersonBox .quoteBox {
  margin-top: 20px;
}
.chairmanPersonBox .quoteBox h3 {
  font-weight: 300;
  margin-top: 10px;
}
.chairmanPersonBox .quoteBox p {
  letter-spacing: 2px;
  font-weight: 700;
  margin-top: 20px;
}
.chairmanPersonBox .quoteBox p span {
  font-weight: 300;
}
.desc {
  font-size: 22px;
  font-weight: 700;
  background: #a54078;
  background: linear-gradient(to right, #a54078 0%, #681237 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  line-height: 1.4;
}
.HighlightsBox {
  background-color: #f4f2f6;
  margin-top: 30px;
}
.HighlightsBox h3 {
  font-weight: 500;
  color: #fff;
  font-size: 20px;
  padding: 8px 10px;
  background-color: #681237;
}
.HighlightsBox .info-nums {
  padding: 0px 20px;
  margin-top: 10px;
}
.HighlightsBox .HighlightsPix {
  padding: 20px;
}
.HighlightsBox .HighlightsPix img {
  overflow: hidden;
  border-radius: 0px 0px 40px 0px;
  display: block;
}
#business-model .swiper-button-next:after,
#business-model .swiper-button-prev:after {
  display: none;
}
#business-model .swiper-button-next,
#business-model .swiper-button-prev {
  top: 80px;
}
#business-model .swiper-button-prev {
  left: inherit;
  right: 80px;
}
#business-model .bm-slider .bmnew-1 {
  width: 479px;
  margin-bottom: 30px;
}
#business-model .bm-slider .bmnew-2 {
  width: 843px;
  margin-bottom: 30px;
}
#business-model .bm-slider .bmnew-3 {
  width: 485px;
  margin-bottom: 30px;
}
#business-model .bm-slider .bmnew-4 {
  width: 169px;
  margin-bottom: 30px;
}
.leadbx {
  text-align: left;
  padding: 10px 30px;
}
.leadbx img {
  margin-bottom: 10px;
  overflow: hidden;
  border-radius: 0px 0px 40px 0px;
  display: block;
}
.leadbx p {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  border-bottom: solid 1px #000;
  padding-bottom: 15px;
}
.leadbx p span {
  color: #681237;
  font-weight: 700;
  font-size: 18px;
}
.fw500 {
  font-weight: 500;
}
.fw600 {
  font-weight: 600;
}
.ESG-Preformance .Esg-Cards {
  text-align: center;
  border-bottom: solid 1px #e6e6e6;
}
.ESG-Preformance .Esg-Cards img {
  margin: auto;
}
.ESG-Preformance .Esg-Cards h4 {
  font-weight: 500;
}
.ESG-Preformance .Esg-Cards .CircularEconomy {
  background-image: url(../images/CircularEconomy.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  height: 426px;
  display: flex;
  align-items: end;
  padding-left: 20px;
  text-align: left !important;
  padding-bottom: 30px;
}
.ESG-Preformance .Esg-Cards .CircularEconomy img {
  margin: 0px;
}
.ESG-Preformance .Esg-Cards .CircularEconomy.Renewable {
  background-image: url(../images/Renewable.jpg);
}
.ESG-Preformance .p-b-t {
  padding-bottom: 20px;
  padding-top: 20px;
}
.ESG-Preformance .Water-positive {
  padding: 20px;
  border: solid 1px #e4e4e4;
  margin-top: 20px;
  height: 419px;
}
.ESG-Preformance .Water-positive.Governance {
  margin-top: 25px;
}
.ESG-Preformance .csr {
  background-image: url(../images/csrpix.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  height: 426px;
  padding-left: 20px;
  text-align: left !important;
  padding-top: 30px;
  display: grid;
  place-content: space-between;
}
.ESG-Preformance .csr img {
  margin: 0px;
}
.ESG-Preformance .csr.gover {
  background-image: url(../images/goverpix.jpg);
  place-content: start;
}
.ESG-Preformance .focus {
  padding-bottom: 50px;
}
.ESG-Preformance .focus ul {
  margin-top: 20px;
}
.ESG-Preformance .focus ul li {
  font-size: 18px;
}
.fullImgBanner {
  margin-bottom: 40px;
}
.aboutAcc .info-nums {
  border-bottom: solid 1px #e4e4e4;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.aboutAcc .info_wrp {
  padding: 20px;
  background-color: #f4f2f6;
}
.ProductPortfolio .PortfolioCards {
  display: grid;
}
.ProductPortfolio .imgWrap {
  width: 260px;
  margin: auto;
}
.bor-right {
  border-right: solid 1px #939598;
}
.bor-bottom {
  border-bottom: solid 1px #939598;
}
.SilverRangeCard {
  padding-bottom: 30px;
  padding-top: 30px;
  position: relative;
}
.SilverRangeCard .magenta-txt {
  padding-top: 30px;
}
.SilverRangeCard .fake-box {
  background-color: #f6f4f7;
  width: 50px;
  height: 50px;
  position: absolute;
  right: -38px;
  bottom: -25px;
}
.Ready-mix-img {
  overflow: hidden;
  border-radius: 40px 0px 0px 0px;
  display: block;
  position: relative;
}
.OtherInnovative {
  border-bottom: dashed 1px #939598;
  padding-bottom: 20px;
}
.OtherInnovative h4 {
  border-bottom: dashed 1px #939598;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.OtherInnovative .InnovativeList {
  display: flex;
  gap: 40px;
}
.OtherInnovative .InnovativeList ul {
  list-style: none;
  padding: 0;
  width: 30%;
}
.OtherInnovative .InnovativeList li {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 600;
}
.OtherInnovative .InnovativeList .number {
  background-color: #00bcd4;
  color: #fff;
  border-radius: 50%;
  margin-right: 10px;
  display: inline-block;
  text-align: center;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 33px;
}
.ProductsSolutions {
  border-bottom: solid 1px #939598;
  padding-bottom: 10px;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.ProductsSolutions h3 {
  border-bottom: dashed 1px #939598;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.ProductsSolutions .Chemicals {
  text-align: center;
}
.ProductsSolutions .Chemicals p {
  font-weight: 600;
}
.DryMix,
.Institutional {
  margin-top: 100px;
}
.Institutional .imgWrap {
  width: 160px;
}
.Institutional .col-6 {
  position: relative;
}
.Institutional .col-6::before {
  content: "";
  background-color: #f6f4f7;
  width: 20px;
  height: 50px;
  position: absolute;
  right: -10px;
  bottom: -25px;
  z-index: 1;
}
.gbc {
  margin-top: 40px;
}
.gbc .nos {
  font-weight: 700;
  color: #00bbce;
  font-size: 45px;
  line-height: 1;
}
.gbc .gcbCards {
  background-color: #f4f2f6;
  position: relative;
  height: 730px;
}
.gbc .gcbCards .imgWrap {
  width: 100%;
  margin: auto;
  overflow: hidden;
  border-radius: 0px 0px 40px 0px;
}
.FloorConstruction {
  border-radius: 100px 0px 0px 0px;
  overflow: hidden;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  p {
    font-size: 16px;
  }
  .info-nums .nos {
    font-size: 30px;
    line-height: 30px;
  }
  .ESG-Preformance .Esg-Cards .CircularEconomy {
    height: 419px;
  }
  .ESG-Preformance .Water-positive {
    height: 407px;
  }
  .ESG-Preformance .focus ul li {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  p {
    font-size: 16px;
  }
  .info-nums .nos {
    font-size: 30px;
    line-height: 30px;
  }
  .ESG-Preformance .Esg-Cards .CircularEconomy {
    height: 419px;
  }
  .ESG-Preformance .Water-positive {
    height: 407px;
  }
  .ESG-Preformance .focus ul li {
    font-size: 16px;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .row {
    margin: 0px;
  }
  #perfromance-chart .chart {
    width: 280px;
    margin: auto;
    position: relative;
  }
  #perfromance-chart .x-axis {
    width: 280px;
  }
  #perfromance-chart .mt-5 {
    margin-top: 1rem !important;
  }
  .chairmanPersonBox {
    padding: 30px 0px;
  }
  .mt-5 {
    margin-top: 1rem !important;
  }
  #business-model .swiper-button-next,
  #business-model .swiper-button-prev {
    top: 50px;
    transform: scale(0.6);
  }
  #business-model .swiper-button-prev {
    left: inherit;
    right: 50px;
  }
  .ESG-Preformance .Water-positive {
    height: auto;
  }
  .ESG-Preformance .csr {
    height: 266px;
  }
  .info-nums .nos {
    font-size: 36px;
  }
  .sectionTitle {
    font-size: 35px;
  }
  .bor-right {
    border-right: none;
    border-bottom: solid 1px #939598;
  }
  .OtherInnovative .InnovativeList {
    display: block;
  }
  .OtherInnovative .InnovativeList ul {
    width: 100%;
  }
  .OtherInnovative .InnovativeList li {
    font-size: 15px;
  }
  .ProductPortfolio .imgWrap {
    width: 100%;
    margin: auto;
  }
}
.capitalIcon {
  position: absolute;
  right: -203px;
  top: -46px;
  width: 180px;
}
@media screen and (max-width: 767px) {
  .capitalIcon {
    position: absolute;
    right: 31%;
    top: -46px;
    width: 150px;
    transform: translate(-50%, -50%);
  }
}
#ManufacturedCapital .focus-areas-table tr td .label,
#ManufacturedCapital .focus-areas-table tr th::after {
  background-color: #d6602a;
}
#ManufacturedCapital .focus-areas-table ul.green3 li::marker {
  color: #d6602a;
}
#ManufacturedCapital .mt-list li {
  position: relative;
  padding-left: 30px;
}
#ManufacturedCapital .mt-list li span {
  position: absolute;
  top: 4px;
  left: 0px;
}
#ManufacturedCapital .ManufacturingHighlights {
  background-color: #f4f2f6;
}
#ManufacturedCapital .info-nums {
  padding: 15px 0px;
}
#ManufacturedCapital .fake-box {
  background-color: #f4f2f6;
  width: 30px;
  height: 30px;
  position: absolute;
  right: -15px;
  bottom: -18px;
  z-index: 1;
}
#ManufacturedCapital .ValueChain tr td:nth-child(1) {
  padding-left: 30px;
}
#ManufacturedCapital .ValueChain th {
  background-color: #d6602a;
  color: #fff;
  padding-left: 15px;
}
#ManufacturedCapital .ValueChain th::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 2px;
  height: 100%;
  background-image: repeating-linear-gradient(
    to bottom,
    white,
    white 5px,
    transparent 5px,
    transparent 10px
  );
}
#ManufacturedCapital .ValueChain th:nth-child(4)::before {
  display: none;
}
#ManufacturedCapital .ValueChain td {
  width: 25%;
  position: relative;
  padding-left: 30px;
}
#ManufacturedCapital .ValueChain td::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background-image: repeating-linear-gradient(
    to bottom,
    #d6602a,
    #d6602a 3px,
    transparent 3px,
    transparent 10px
  );
}
#ManufacturedCapital .ValueChain td .triangle {
  position: absolute;
  left: 0px;
  top: 130px;
}
#ManufacturedCapital .ValueChain td .triangle img {
  width: 14px;
}
#ManufacturedCapital .ValueChainIcon {
  width: 100%;
  margin-bottom: 10px;
  margin-top: 30px;
}
#ManufacturedCapital .ValueChainIcon tr th {
  width: 25%;
}
#ManufacturedCapital .ValueChainIcon tr th .ValueChainIconBox {
  display: flex;
}
#ManufacturedCapital .ValueChainIcon tr th .ValueChainIconBox span {
  border-bottom: solid 1px #d6602a;
  width: 100%;
  display: inline-block;
  transform: translate(0px, -19px);
}
#ManufacturedCapital .InitiativesTable table {
  width: 100%;
  border-collapse: collapse;
  border-top: 2px solid #d6602a;
  border-bottom: 2px solid #d6602a;
  border-left: none;
  border-right: none;
}
#ManufacturedCapital .InitiativesTable table tr td {
  vertical-align: top;
  padding: 15px;
  border-bottom: 1px solid #ddd;
  font-size: 16px;
}
#ManufacturedCapital .InitiativesTable table tr td:nth-child(1) {
  background-color: #f4f2f6;
  width: 230px;
}
#ManufacturedCapital .InitiativesTable table tr td:nth-child(1) strong {
  color: #d6602a;
}
#ManufacturedCapital .greyBox.casestudy {
  position: relative;
}
#ManufacturedCapital .greyBox.casestudy .CasestudyTitle {
  position: absolute;
  color: #000;
  background-color: #ffcc31;
  left: 0px;
  top: 0px;
  z-index: 1;
  padding: 4px 8px;
  transform-origin: center;
  transform: rotate(-90deg) translate(-70px, -54px);
  font-size: 14px;
}
#ManufacturedCapital .greyBox.casestudy:after {
  background: #f9eadf;
}
#ManufacturedCapital .greyBox.casestudy:before {
  top: 30px;
}
#ManufacturedCapital .chart h5 {
  border-bottom: solid 1px #939598;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  #ManufacturedCapital .ValueChainIcon {
    width: 1000px;
  }
  #ManufacturedCapital .greyBox {
    margin-top: 30px;
  }
  #ManufacturedCapital .InitiativesTable table tr td:nth-child(1) {
    width: auto;
  }
  #ManufacturedCapital .greyBox.casestudy .CasestudyTitle {
    transform: rotate(-90deg) translate(-70px, -44px);
  }
}
.imgborder-left {
  overflow-y: hidden;
  border-radius: 0px 0px 70px 0px;
}
.orange-txt {
  color: #d6602a !important;
}
.awardsCards {
  margin-top: 10px;
  margin-bottom: 20px;
}
.awardsCards p {
  background-color: #fff;
  font-weight: 700;
  transform: translate(0px, -20px);
  padding: 10px;
  width: 95%;
  margin: auto;
  text-align: center;
}
.green3-txt {
  color: #2dac9e !important;
}
.capitalTitle {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 8px;
  position: relative;
  padding-bottom: 12px;
  color: var(--clr, #ffffff);
  border-bottom: solid 1px #fff;
}
.container.capital-head-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 767px) {
  .container.capital-head-container {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 1199px) {
  .container.capital-head-container {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.focus-areas-table {
  width: 980px;
  margin: 0 auto;
}
@media screen and (max-width: 1199px) {
  .focus-areas-table {
    min-width: 1000px;
  }
}
@media screen and (min-width: 1400px) {
  .focus-areas-table {
    width: 100%;
  }
}
@media screen and (min-width: 1900px) {
  .focus-areas-table {
    width: 100%;
  }
}
.focus-areas-table tr td,
.focus-areas-table tr th {
  padding: 15px;
}
.focus-areas-table tr th {
  position: relative;
  padding: 15px 0;
}
.focus-areas-table tr th::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 96%;
  height: 5px;
  background-color: #2dac9e;
}
.focus-areas-table tr td {
  position: relative;
  background: #f3f2f5;
  background: linear-gradient(
    90deg,
    rgb(243, 242, 245) 71%,
    rgba(255, 255, 255, 0.47) 100%
  );
  border-bottom: 10px solid #fff;
  height: 400px;
  overflow: hidden;
}
.focus-areas-table tr td:nth-child(1) {
  padding-left: 60px;
}
.focus-areas-table tr td .label {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  background-color: #f0f0f0;
  padding: 5px;
  height: 100%;
  width: 35px;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: #fff;
}
.focus-areas-table tr td .nos {
  font-size: 22px;
  line-height: normal;
  color: #4d4d4f;
  font-weight: 700;
}
.focus-areas-table tr td .nos p {
  font-weight: 400;
  font-size: 16px;
}
.focus-areas-table ul {
  padding-left: 20px;
}
.focus-areas-table ul.green3 li::marker {
  color: #2dac9e;
}
.mt-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.mt-list li {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.mt-list span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  background-color: var(--bg, #000000);
  color: var(--clr, #ffffff);
  border-radius: 50%;
  text-align: center;
  font-size: 14px;
}
.si-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.si-list li {
  display: flex;
  align-items: center;
  column-gap: 10px;
  margin-bottom: 4px;
}
.si-list li span {
  width: 24px;
  height: 24px;
}
.si-list li span img {
  width: 100%;
}
.sdg-impacted-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  column-gap: 4px;
  row-gap: 4px;
}
.sdg-impacted-list li {
  width: 63px;
}
.sdg-impacted-list li img {
  width: 100%;
}
.devider {
  height: 2px;
  opacity: 1;
  margin-top: 50px;
  margin-bottom: 50px;
  background-color: var(--bg, #000000);
}
.notes {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #000;
}
.cap-details-table {
  border-bottom: 2px solid #000;
}
.cap-details-table tbody tr {
  border-top: 1px solid #000;
}
.cap-details-table tbody tr td:nth-child(2) {
  background-color: #e7f2f0;
  text-align: right;
}
.greyBox {
  background-color: #f3f3f3;
  padding: 20px;
  border-radius: 0;
  margin-bottom: 20px;
}
.lightGreenBox {
  background-color: #f1f7f6;
  padding: 20px;
  border-radius: 0;
  margin-bottom: 20px;
}
.lightGreenBox ul {
  padding-left: 20px;
  margin-top: 12px;
}
.lightGreenBox ul li {
  margin-bottom: 10px;
  font-size: 16px;
  color: #4d4d4f;
}
.lightGreenBox ul li::marker {
  color: #2dac9e;
}
.economic-value-table thead {
  background-color: #e6f2ef;
}
.economic-value-table thead tr th:nth-child(2) {
  border-top: 2px solid #2dab9e;
}
.economic-value-table thead tr th:not(:first-child) {
  text-align: right;
}
.economic-value-table tbody tr {
  border-bottom: 1px solid #000;
}
.economic-value-table tbody tr td:nth-child(2) {
  background-color: #e6f2ef;
}
.economic-value-table tbody tr td:not(:first-child) {
  text-align: right;
}
.purple3-txt {
  color: #60489d !important;
}
.inte-capital-table tr th::after {
  background-color: #60489d !important;
}
.inte-capital-table tr td ul li::marker {
  color: #60489d !important;
}
.mt-list.int-cap li span {
  background-color: #60489d !important;
  color: #fff !important;
}
.greyBox {
  position: relative;
  border-radius: 30px;
  background: #fff;
  padding: 20px;
  z-index: 1;
}
.greyBox .row {
  position: relative;
  z-index: 2;
  margin: 0;
  border-top-left-radius: 26px;
  overflow: hidden;
}
.greyBox .overlay {
  position: absolute;
  top: -4px;
  right: -4px;
  width: 90%;
  height: calc(100% + 8px);
  background-color: #f3f3f3;
}
.greyBox .overlay::after {
  content: "";
  height: 4px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 40%;
  background-color: #e8492b;
}
.greyBox::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  right: -4px;
  bottom: -4px;
  background: linear-gradient(194deg, #942989, #006db7, #e8492b);
  border-radius: 30px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  z-index: -1;
}
.greyBox::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #f3f3f3;
  border-radius: 26px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.caseStudy {
  position: relative;
  background-color: #f3f2f5;
  padding: 40px;
}
@media screen and (max-width: 767px) {
  .caseStudy {
    padding: 24px;
  }
}
.caseStudy::before {
  content: "Case Study";
  position: absolute;
  padding: 6px 10px;
  background-color: #ffcb31;
  transform: rotate(270deg);
  left: -50px;
  top: 80px;
}
@media screen and (max-width: 767px) {
  .caseStudy::before {
    left: -40px;
  }
}
.caseStudy::after {
  content: "";
  position: absolute;
  width: 60%;
  height: calc(100% - 160px);
  border: 4px solid rgba(0, 0, 0, 0);
  border-image-source: linear-gradient(194deg, #942989, #006db7, #e8492b);
  border-image-slice: 1;
  background-color: rgba(0, 0, 0, 0);
  pointer-events: none;
  bottom: 0;
  left: 0;
  border-top: none;
  border-right: none;
}
.orange-txt {
  color: #f7941e !important;
}
.human-capital-table tr th::after {
  background-color: #f7941e !important;
}
.human-capital-table tr td ul li::marker {
  color: #f7941e !important;
}
.mt-list.human-cap li span {
  background-color: #f7941e !important;
  color: #fff !important;
}
.hc-table thead tr {
  border-bottom: 1px solid #f7941e;
  background-color: #fff0e1;
}
.hc-table thead tr td:not(:first-child) {
  text-align: right;
}
.hc-table tbody tr {
  border-bottom: 1px solid #fff0e1;
}
.hc-table tbody tr td:not(:first-child) {
  text-align: right;
}
.highlights .head {
  background-color: #f7941e;
  color: #fff;
  font-weight: 600;
  padding: 10px 24px;
}
.highlights .highlightsGrid {
  background-color: #f1f1f1;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  padding: 24px;
  column-gap: 24px;
  row-gap: 4px;
}
@media screen and (max-width: 767px) {
  .highlights .highlightsGrid {
    grid-template-columns: repeat(2, 1fr);
  }
}
.highlights .highlightsGrid .grid-item {
  position: relative;
}
.highlights .highlightsGrid .grid-item.br-right::before {
  content: "";
  position: absolute;
  top: 0;
  right: -12px;
  width: 1px;
  height: 100%;
  background: #000;
}
@media screen and (min-width: 1200px) {
  .highlights .highlightsGrid .grid-item.br-right:nth-child(3n)::before {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .highlights .highlightsGrid .grid-item.br-right:nth-child(2n)::before {
    display: none;
  }
}
.highlights .highlightsGrid .grid-item.br-bottom {
  padding-bottom: 24px;
}
.highlights .highlightsGrid .grid-item.br-bottom::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #000;
}
@media screen and (max-width: 767px) {
  .highlights .highlightsGrid .grid-item.br-bottom:nth-child(4)::after {
    display: block;
  }
}
@media screen and (min-width: 1200px) {
  .highlights .highlightsGrid .grid-item.br-bottom:nth-child(4)::after {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .highlights .highlightsGrid .grid-item.br-bottom:nth-child(5)::after {
    display: none;
  }
}
@media screen and (min-width: 1200px) {
  .highlights .highlightsGrid .grid-item.br-bottom:nth-child(5)::after {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .highlights .highlightsGrid .grid-item.br-bottom:nth-child(6)::after {
    display: none;
  }
}
@media screen and (min-width: 1200px) {
  .highlights .highlightsGrid .grid-item.br-bottom:nth-child(6)::after {
    display: none;
  }
}
.highlights1 .head {
  background-color: #f7941e;
  color: #fff;
  font-weight: 600;
  padding: 10px 24px;
  text-align: center;
}
.highlights1 .highlightsGrid {
  background-color: #f1f1f1;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  padding: 24px;
  column-gap: 24px;
  row-gap: 24px;
}
@media screen and (max-width: 767px) {
  .highlights1 .highlightsGrid {
    grid-template-columns: repeat(1, 1fr);
  }
}
.highlights1 .highlightsGrid .grid-item {
  position: relative;
}
.highlights1 .highlightsGrid .grid-item.br-right::before {
  content: "";
  position: absolute;
  top: 0;
  right: -12px;
  width: 1px;
  height: 100%;
  background: #000;
}
@media screen and (min-width: 1200px) {
  .highlights1 .highlightsGrid .grid-item.br-right:nth-child(2n)::before {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .highlights1 .highlightsGrid .grid-item.br-right:nth-child(1n)::before {
    display: none;
  }
}
.highlights1 .highlightsGrid .grid-item.br-bottom {
  padding-bottom: 24px;
}
.highlights1 .highlightsGrid .grid-item.br-bottom::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #000;
}
@media screen and (max-width: 767px) {
  .highlights1 .highlightsGrid .grid-item.br-bottom:nth-child(3)::after {
    display: block;
  }
}
@media screen and (min-width: 1200px) {
  .highlights1 .highlightsGrid .grid-item.br-bottom:nth-child(3)::after {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .highlights1 .highlightsGrid .grid-item.br-bottom:nth-child(4)::after {
    display: none;
  }
}
@media screen and (min-width: 1200px) {
  .highlights1 .highlightsGrid .grid-item.br-bottom:nth-child(4)::after {
    display: none;
  }
}
.edp-table thead tr td {
  position: relative;
  color: #000;
  font-weight: 700;
  padding: 10px;
}
.edp-table thead tr td::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 95%;
  margin: 0 auto;
  height: 1px;
  background: #000;
}
.edp-table tbody tr:not(:last-child) {
  border-bottom: 1px solid #f7941e;
}
.edp-table tbody tr td {
  background: #f3f2f5;
  background: linear-gradient(
    90deg,
    rgb(243, 242, 245) 71%,
    rgba(255, 255, 255, 0.47) 100%
  );
  padding: 10px;
}
.edp-table tbody tr td:nth-child(1) {
  width: 200px;
}
.edp-table tbody tr td:nth-child(2) {
  width: 300px;
}
@media screen and (min-width: 1200px) {
  .edp-table2 {
    table-layout: fixed;
  }
}
.economic-value-table2 thead {
  background-color: #fff0e1;
}
.economic-value-table2 thead tr th:nth-child(2) {
  border-top: 2px solid #f7941e;
}
.economic-value-table2 thead tr th:not(:first-child) {
  text-align: right;
}
.economic-value-table2 tbody tr {
  border-bottom: 1px solid #000;
}
.economic-value-table2 tbody tr td:nth-child(2) {
  background-color: #fff0e1;
}
.economic-value-table2 tbody tr td:not(:first-child) {
  text-align: right;
}
.oh-box {
  background: #f3f2f5;
  background: linear-gradient(
    90deg,
    rgb(243, 242, 245) 71%,
    rgba(255, 255, 255, 0.47) 100%
  );
  padding: 16px;
}
.oh-box .head {
  border-bottom: 1px solid #f7941e;
  margin-bottom: 16px;
  padding-bottom: 16px;
}
.oh-box .body h4 {
  color: #000;
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 12px;
}
.oh-box .body .initiativesGrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 16px;
  row-gap: 16px;
}
@media screen and (max-width: 767px) {
  .oh-box .body .initiativesGrid {
    grid-template-columns: repeat(1, 1fr);
  }
}
.green4-txt {
  color: #68ad45 !important;
}
.natural-capital-table tr th::after {
  background-color: #68ad45 !important;
}
.natural-capital-table tr td ul li::marker {
  color: #68ad45 !important;
}
.mt-list.natural-cap li span {
  background-color: #68ad45 !important;
  color: #fff !important;
}
.governance-list {
  padding-left: 20px;
}
.governance-list li::marker {
  color: #68ad45 !important;
}
.isoBox .head {
  background-color: #68ad45;
  padding: 12px;
  font-weight: 700;
  color: #fff;
  text-align: center;
}
.isoBox .bottom {
  padding: 16px;
  background: #f3f2f5;
  background: linear-gradient(
    90deg,
    rgb(243, 242, 245) 71%,
    rgba(255, 255, 255, 0.47) 100%
  );
}
.natural-capital-table1 thead tr {
  background-color: #68ad45;
  color: #fff;
  font-weight: 700;
}
.natural-capital-table1 tbody tr {
  background-color: #fafbf8;
  border-bottom: 1px solid #68ad45;
}
.natural-capital-table1 tbody tr td {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ph-table thead tr th {
  background-color: #68ad45;
  color: #fff;
  font-weight: 700;
  padding: 10px;
}
.ph-table tbody tr {
  border-bottom: 10px solid #fff;
}
.ph-table tbody tr td {
  padding: 10px;
  background: #f3f2f5;
  background: linear-gradient(
    90deg,
    rgb(243, 242, 245) 71%,
    rgba(255, 255, 255, 0.47) 100%
  );
  vertical-align: top;
}
.ph-table tbody tr td .inner {
  display: flex;
  column-gap: 16px;
  align-items: center;
}
.ph-table tbody tr td .inner .logo {
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
}
.ph-table tbody tr td .inner .info-nums .nos {
  font-size: 24px;
  line-height: 1;
  color: #4d4d4f;
  font-weight: 700;
}
.ph-table tbody tr td .inner .info-nums p {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.2;
  margin-top: 8px;
}
.green4-line {
  background-color: #68ad45;
  opacity: 1;
}
.ph-risk-table thead tr td {
  background: #f3f2f5;
  background: linear-gradient(
    90deg,
    rgb(243, 242, 245) 71%,
    rgba(255, 255, 255, 0.47) 100%
  );
  font-weight: 700;
  color: #000;
  position: relative;
}
.ph-risk-table thead tr td::after {
  content: "";
  width: 95%;
  height: 1px;
  background-color: #000;
  position: absolute;
  bottom: 0;
  left: 0;
}
.ph-risk-table tbody tr td {
  background: #f3f2f5;
  background: linear-gradient(
    90deg,
    rgb(243, 242, 245) 71%,
    rgba(255, 255, 255, 0.47) 100%
  );
  padding: 10px;
}
.ph-risk-table tbody tr td:nth-child(1) {
  width: 250px;
}
.objectiveBox {
  background-color: #fafbf8;
  padding: 20px;
}
.sbti-table {
  table-layout: fixed;
}
.sbti-table thead tr td {
  background-color: #68ad45;
  color: #fff;
  font-weight: 700;
  padding: 10px;
  border-right: 5px solid #fff;
}
.sbti-table thead tr td:last-child {
  border-right: none;
}
.sbti-table tbody tr {
  border-bottom: 1px solid #000;
}
.sbti-table tbody tr:last-child {
  border-bottom: none;
}
.sbti-table tbody tr td {
  background: #f3f2f5;
  background: linear-gradient(
    90deg,
    rgb(243, 242, 245) 71%,
    rgba(255, 255, 255, 0.47) 100%
  );
  border-right: 5px solid #fff;
}
.sbti-table tbody tr td:last-child {
  border-right: none;
}
.decarbonisationbox {
  background: #ecf1e5;
  padding: 16px;
}
.decarbonisationbox .head {
  background-color: #68ad45;
  color: #fff;
  font-weight: 700;
  padding: 10px 24px;
}
.decarbonisationbox-col:not(:last-child) {
  border-right: 1px solid #68ad45;
}
.decarbonisationbox .listGroup {
  list-style: none;
  padding: 0;
  margin: 0;
}
.decarbonisationbox .listGroup li {
  display: flex;
  align-items: center;
  column-gap: 16px;
  text-wrap: balance;
  margin-bottom: 16px;
}
.decarbonisationbox .listGroup li .ico {
  width: 60px;
}
.decarbonisationbox .listGroup li span {
  width: calc(100% - 76px);
}
.greenBx {
  height: 100%;
  background: #ecf2e6;
  padding: 16px;
}
.greenBx h4 {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #68ad45;
}
.ma-table-2 thead tr {
  border-top: 1px solid #68ad45 !important;
}
.ma-table-2 thead tr th {
  background-color: #68ad45 !important;
  color: #fff;
  font-weight: 700;
  padding: 10px;
  border-right: 5px solid #fff;
}
.ma-table-2 thead tr th:last-child {
  border-right: none;
}
.ma-table-2 tbody tr {
  border: none !important;
}
.ma-table-2 tbody tr td {
  border-top: none !important;
  background: #f3f2f5;
  border-right: 1px;
  background: linear-gradient(
    90deg,
    rgb(243, 242, 245) 71%,
    rgba(255, 255, 255, 0.47) 100%
  );
  border-right: 1px dashed #68ad45 !important;
}
.ma-table-2 tbody tr td:last-child {
  border-right: none !important;
}
.ma-table-2 tbody tr td::after {
  display: none;
}
.ma-table-2 tbody tr:nth-child(2) td::after {
  display: block;
  content: "";
  position: absolute;
  width: 50px;
  background-image: url(../images/right-caret-green.png);
  background-repeat: no-repeat;
  top: 40px;
  left: -1px;
  height: 50px;
  transform: translateY(-50%);
  background-size: contain;
}
.grey-box2 {
  display: flex;
  column-gap: 16px;
  padding: 16px;
  background-color: #f4f2f6;
  align-items: center;
}
.greenbc {
  background-color: #ecf1e5;
  padding: 16px;
}
.blue3-txt {
  color: #0091d1 !important;
}
.social-capital-table tr th::after {
  background-color: #0091d1 !important;
}
.social-capital-table tr td ul li::marker {
  color: #0091d1 !important;
}
.mt-list.social-capital li span {
  background-color: #0091d1 !important;
}
h3 .number-circle {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-color: #006db7;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  line-height: 30px;
  margin-right: 10px;
}
.blue3-line {
  background-color: #006db7;
  opacity: 1;
}
.comm-health-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 24px;
  row-gap: 24px;
}
@media screen and (max-width: 767px) {
  .comm-health-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}
.comm-health-grid .grid-item {
  height: 420px;
}
@media screen and (max-width: 767px) {
  .comm-health-grid .grid-item {
    height: auto;
  }
}
.education-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 24px;
  row-gap: 24px;
}
@media screen and (max-width: 767px) {
  .education-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}
.education-grid .grid-item {
  height: 420px;
}
@media screen and (max-width: 767px) {
  .education-grid .grid-item {
    height: auto;
  }
}
@media screen and (min-width: 1900px) {
  .education-grid .grid-item {
    height: 500px;
  }
}
.greyBox.lightBlue::after {
  background-color: #f0f5fb;
}
.greyBox.lightBlue .overlay {
  background-color: #f0f5fb;
}
.lightBlueBox {
  background-color: #f0f5fb;
  padding: 24px;
}
.tss-table thead tr {
  background-color: #006db7;
  color: #fff;
  font-weight: 700;
}
.tss-table thead tr th:first-child {
  border-right: 1px solid #fff;
}
.tss-table tbody tr td {
  border-bottom: 1px solid #000;
}
.tss-table tbody tr td:first-child {
  background-color: #ebf0f9;
}
.tss-table tbody tr td:not(:last-child) {
  border-right: 1px solid #000;
}
.value-approach {
  max-width: 1000px;
  margin: auto;
  text-align: center;
}
.value-approach h2 {
  color: #8a1e61;
  margin-bottom: 30px;
  font-size: 28px;
}
.section {
  background: #fff;
  padding: 30px 20px;
  margin-bottom: 20px;
  border-radius: 10px;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.05);
}
.section a {
  color: #000;
}
.section p {
  font-size: 16px;
  line-height: 1.6;
}
.section p strong {
  color: #8a1e61;
}
.capitals {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 20px;
  gap: 20px;
}
.capital {
  flex: 1 1 120px;
  background: #f3f3f3;
  border-radius: 8px;
  padding: 20px 10px;
  text-align: center;
  min-width: 130px;
}
.capital img {
  width: 40px;
  margin-bottom: 10px;
  margin: 0 auto;
}
.capital p {
  margin: 5px 0;
  font-weight: bold;
}
.capital a {
  color: #000;
  font-size: 16px;
}
.stakeholders {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 12px;
  margin-top: 20px;
}
.stakeholders div {
  padding: 10px;
  background: #f0f0f0;
  border-radius: 6px;
  font-size: 14px;
}
.core-values {
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-top: 20px;
}
.core-values div {
  background: #f1f1f1;
  padding: 12px 20px;
  border-radius: 6px;
  font-weight: bold;
}
@media (max-width: 600px) {
  .core-values {
    flex-direction: column;
    align-items: center;
  }
}
.padtb {
  padding: 60px 0px;
}
.uniqueList {
  list-style: square;
  padding-left: 20px;
  margin: 0;
}
.uniqueList li {
  margin-bottom: 10px;
}
.uniqueList li::marker {
  color: #8e278f;
}
.vmGroup {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 24px;
  row-gap: 24px;
}
@media screen and (max-width: 767px) {
  .vmGroup {
    grid-template-columns: repeat(1, 1fr);
  }
}
.parent {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(6, 1fr);
  gap: 16px;
  margin-top: 16px;
}
@media screen and (max-width: 767px) {
  .parent {
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: auto;
  }
}
.parent .grid-item {
  background-color: #d6f4f7;
  padding: 50px;
}
@media screen and (max-width: 767px) {
  .parent .grid-item {
    grid-area: auto;
    padding: 24px;
  }
}
.parent .grid-item ul {
  padding-left: 20px;
  list-style: square;
}
.parent .grid-item ul li {
  margin-bottom: 10px;
  font-size: 18px;
}
.parent .grid-item ul li::marker {
  color: #8e278f;
}
.parent .grid-item ul li ul {
  margin-top: 16px;
}
.div1 {
  grid-column: span 2 / span 2;
  grid-row: span 3 / span 3;
}
.div2 {
  grid-column: span 2 / span 2;
  grid-row: span 3 / span 3;
  grid-column-start: 1;
  grid-row-start: 4;
}
.div3 {
  grid-column: span 3 / span 3;
  grid-row: span 6 / span 6;
  grid-column-start: 3;
  grid-row-start: 1;
}
.pointsColors ul {
  display: flex;
  padding-left: 0;
  column-gap: 24px;
  margin-bottom: 24px;
}
.pointsColors ul li {
  display: flex;
  column-gap: 8px;
  align-items: center;
}
.pointsColors ul li .clr {
  width: 50px;
  height: 3px;
  border-radius: 30px;
  background-color: var(--bg);
}
.pointsColors ul li .txt {
  font-style: italic;
  color: #000;
}
.pointsColors ol {
  padding-left: 15px;
  margin-bottom: 0;
}
.pointsColors ol li {
  font-style: italic;
  font-size: 12px;
  font-weight: 700;
}
.purple-txt {
  color: #8e278f !important;
}
.companyInfo {
  background-color: #ebebec;
}
.companyInfo .company {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: var(--bg);
  position: relative;
  top: -24px;
  left: -24px;
  color: #fff;
  text-wrap: balance;
  padding: 10px 24px;
  font-weight: 700;
  font-size: 18px;
  min-height: 230px;
}
@media screen and (max-width: 767px) {
  .companyInfo .company {
    height: 250px;
  }
}
.companyInfo .company p {
  line-height: 1;
}
.companyInfo .info-nums .nos {
  font-size: 28px;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .commitment-table {
    width: 768px;
  }
}
.commitment-table thead tr {
  border-bottom: 1px solid #d1d2d4;
}
.commitment-table thead tr th {
  color: #000;
  font-weight: 400;
}
.commitment-table tbody tr {
  border-bottom: 1px solid #d1d2d4;
}
.commitment-table tbody tr td {
  color: #000;
  font-weight: 700;
}
.grey-txt {
  color: #4d4d4d !important;
}
.darkBlue-txt {
  color: #2c2f77 !important;
}
.lightgreen-txt {
  color: #00729c !important;
}
.darkgreen-txt {
  color: #336c49 !important;
}
.cyan-text {
  color: #007979 !important;
}
.darkorange-txt {
  color: #a0480c !important;
}
.orange-txt {
  color: #f04c23 !important;
}
.darkBlue2-txt {
  color: #3e306e !important;
}
.black-txt {
  color: #000 !important;
}
.cardlist {
  padding-left: 20px;
  list-style: square;
}
.cardlist li::marker {
  color: #8e278f;
}
.step .nos {
  font-size: 28px !important;
  line-height: 1.2 !important;
}
.grey2-txt {
  color: #6d6e71 !important;
}
.d-blue-txt {
  color: #00bbce !important;
}
.fy25cr {
  border-bottom: 10px solid #a7a9ac;
  color: #000;
  font-weight: 600;
  margin-bottom: 40px;
}
.fy25cr-table {
  table-layout: fixed;
}
@media screen and (max-width: 767px) {
  .fy25cr-table {
    width: 768px;
  }
}
.fy25cr-table tr:not(:last-child) {
  border-bottom: 1px solid #000;
}
.fy25cr-table tr td {
  position: relative;
}
.fy25cr-table tr td::after {
  content: "";
  height: 36px;
  width: 1px;
  background-color: #000;
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
.fy25cr-table tr td.no-right-br::after {
  display: none;
}
.light-grey-txt {
  color: #a7a9ac !important;
}
.ReadMore {
  position: relative;
  display: inline-block;
  overflow: hidden;
  height: 45px;
}
.ReadMore .gradient-text {
  position: relative;
  z-index: 1;
  display: inline-block;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 600;
}
.ReadMore .gradient-text .onlytext {
  background: linear-gradient(
    100deg,
    rgba(35, 136, 159, 0.77) 0%,
    rgb(35, 136, 159) 2%,
    rgb(27, 124, 172) 15%,
    rgb(20, 113, 185) 24%,
    rgb(149, 41, 141) 66%,
    rgb(151, 42, 138) 77%,
    rgb(160, 44, 130) 84%,
    rgb(174, 49, 115) 90%,
    rgb(193, 55, 94) 95%,
    rgb(211, 60, 75) 99%,
    rgb(211, 60, 75) 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  background-clip: text;
  color: rgba(0, 0, 0, 0);
  z-index: 2;
  transition: 0.2s;
}
.ReadMore .gradient-text::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 10%;
  height: 20%;
  background: #23889f;
  background: linear-gradient(
    100deg,
    rgba(35, 136, 159, 0.77) 0%,
    rgb(35, 136, 159) 2%,
    rgb(27, 124, 172) 15%,
    rgb(20, 113, 185) 24%,
    rgb(149, 41, 141) 66%,
    rgb(151, 42, 138) 77%,
    rgb(160, 44, 130) 84%,
    rgb(174, 49, 115) 90%,
    rgb(193, 55, 94) 95%,
    rgb(211, 60, 75) 99%,
    rgb(211, 60, 75) 100%
  );
  border-radius: 1000px;
  z-index: 1;
  margin: auto;
  transform: translate(0px, 12px);
  right: 0px;
  transition: 0.2s;
  z-index: -1;
}
.ReadMore::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0px;
  bottom: 0px;
  width: 98%;
  height: 43px;
  margin: auto;
  background: #fff;
  border-radius: 1000px;
  z-index: 1;
}
.ReadMore::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #23889f;
  background: linear-gradient(
    100deg,
    rgba(35, 136, 159, 0.77) 0%,
    rgb(35, 136, 159) 2%,
    rgb(27, 124, 172) 15%,
    rgb(20, 113, 185) 24%,
    rgb(149, 41, 141) 66%,
    rgb(151, 42, 138) 77%,
    rgb(160, 44, 130) 84%,
    rgb(174, 49, 115) 90%,
    rgb(193, 55, 94) 95%,
    rgb(211, 60, 75) 99%,
    rgb(211, 60, 75) 100%
  );
  border-radius: 1000px;
}
.ReadMore:hover .gradient-text .onlytext {
  background: linear-gradient(
    100deg,
    rgb(255, 255, 255) 0%,
    rgb(255, 255, 255) 2%,
    rgb(255, 255, 255) 15%,
    rgb(255, 255, 255) 24%,
    rgb(255, 255, 255) 66%,
    rgb(255, 255, 255) 77%,
    rgb(255, 255, 255) 84%,
    rgb(255, 255, 255) 90%,
    rgb(255, 255, 255) 95%,
    rgb(255, 255, 255) 99%,
    rgb(255, 255, 255) 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  background-clip: text;
  color: rgba(0, 0, 0, 0);
  transition: 0.2s;
}
.ReadMore:hover .gradient-text::before {
  width: 100%;
  height: 100%;
  transform: translate(0px, 0px);
}
#banner {
  position: relative;
  overflow: hidden;
  height: 100vh;
  display: block;
}
#banner::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30%;
  background: #000;
  background: linear-gradient(
    1deg,
    rgba(0, 0, 0, 0.77) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  z-index: 1;
  filter: blur(591px);
}
#banner .bannerImg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#banner .container {
  height: 100%;
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: space-evenly;
  flex-direction: column;
}
#banner .container .bannerContent {
  margin-top: 0px;
}
#banner .container .bannerContent h1 {
  font-size: 72px;
  text-transform: uppercase;
  font-weight: 500;
  color: #fff;
  margin-top: 20px;
}
#banner .container .bannerContent h1 span {
  line-height: 70px;
  height: 70px;
  display: block;
  color: #ffffff;
}
#banner .container .IntegratedAnnualReport {
  transform: translate(0px, 50px);
}
#banner .container .IntegratedAnnualReport h5 {
  color: #fff;
  font-weight: 500;
}
#banner .container .IntegratedAnnualReport h6 {
  color: #fff;
  font-weight: 500;
  margin-bottom: 0px;
}
#banner .container .IntegratedAnnualReport ul {
  display: flex;
  column-gap: 70px;
  margin: 0px;
  padding: 0px;
  list-style: none;
}
#banner .container .IntegratedAnnualReport ul li {
  display: flex;
  flex-direction: column;
}
#banner .container .IntegratedAnnualReport ul li .bannericon {
  display: flex;
  flex: 1;
}
#banner .container .IntegratedAnnualReport ul li .bannericon img {
  width: 100%;
}
#banner .container .IntegratedAnnualReport ul li p {
  color: #fff;
  text-align: center;
}
#banner .container .scrollDown {
  position: absolute;
  right: 0px;
  bottom: 30px;
}
#strength {
  position: relative;
  overflow: hidden;
  padding: 100px 0px;
}
#strength .line {
  position: absolute;
  top: 32px;
  left: -1000px;
  pointer-events: none;
}
#strength h2 {
  font-size: 70px;
  line-height: 1.1;
  font-weight: 500;
  color: #681237;
}
#strength h6 {
  font-size: 30px;
  font-weight: 600;
  line-height: 1.1;
  color: #681237;
}
#strength .strengthRight {
  margin-left: 170px;
  margin-top: 110px;
}
#homeChairman {
  overflow: hidden;
  position: relative;
}
#homeChairman .LeftChairmanPerson {
  position: relative;
  position: relative;
  width: 1150px;
  transform: translate(-420px, 0px);
}
#homeChairman .LeftChairmanPerson .sectionTitle {
  position: absolute;
  right: 0px;
  top: 190px;
  width: 700px;
}
#homeChairman .RightChairmanPerson {
  height: 100%;
  display: grid;
  place-content: center;
  padding-left: 50px;
}
#homeChairman .RightChairmanPerson h3 {
  font-weight: 400;
  color: #58595b;
  line-height: 1.2;
  margin: 10px 0px;
}
#homeChairman .RightChairmanPerson h4 {
  font-weight: 500;
  color: #000;
  font-weight: 600;
  margin-top: 20px;
  letter-spacing: 2px;
}
#homeChairman .RightChairmanPerson p {
  letter-spacing: 2px;
  font-size: 16px;
}
#homeChairman::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  background: #23889f;
  background: linear-gradient(
    100deg,
    rgba(35, 136, 159, 0.77) 0%,
    rgb(35, 136, 159) 2%,
    rgb(27, 124, 172) 15%,
    rgb(20, 113, 185) 24%,
    rgb(149, 41, 141) 66%,
    rgb(151, 42, 138) 77%,
    rgb(160, 44, 130) 84%,
    rgb(174, 49, 115) 90%,
    rgb(193, 55, 94) 95%,
    rgb(211, 60, 75) 99%,
    rgb(211, 60, 75) 100%
  );
}
#perfromance-chart.home-perfromance-chart {
  padding: 80px 0px;
  position: relative;
}
#perfromance-chart.home-perfromance-chart .perfromanceLeft {
  padding-top: 30px;
}
#perfromance-chart.home-perfromance-chart .perfromanceLeft .nav {
  display: block;
  border: none;
}
#perfromance-chart.home-perfromance-chart .perfromanceLeft .nav .nav-link {
  display: block;
  width: 100%;
  text-align: left;
  border: none;
  font-size: 22px;
  color: #bababa;
  border-bottom: solid 1px #fff;
  padding: 10px 0px;
  font-weight: 500;
}
#perfromance-chart.home-perfromance-chart
  .perfromanceLeft
  .nav
  .nav-link.active {
  color: #a54078;
  border-bottom: solid 1px #a54078;
}
#perfromance-chart.home-perfromance-chart .chart {
  position: relative;
  height: 420px;
  margin-bottom: 30px;
  width: 528px;
  background: #f4f2f6;
  background: linear-gradient(
    100deg,
    rgba(244, 242, 246, 0.6) 0%,
    rgb(255, 255, 255) 100%
  );
  padding: 30px;
}
#perfromance-chart.home-perfromance-chart .chart small {
  position: absolute;
  right: 40px;
  top: 33px;
}
#perfromance-chart.home-perfromance-chart .chart h5 {
  margin-bottom: 27px;
  border-bottom: solid 1px #d2d2d2;
}
#perfromance-chart.home-perfromance-chart .chart .V_Charts {
  transform: rotate(90deg) translate(40px, 30px);
}
#perfromance-chart.home-perfromance-chart .chart .V_Charts .bars {
  width: 220px;
  transform: scaleY(1.3) translate(0px, -38px);
}
#perfromance-chart.home-perfromance-chart .chart .V_Charts .x-axis {
  width: 224px;
}
#perfromance-chart.home-perfromance-chart .chart .V_Charts .x-axis:before {
  left: 0px;
  width: 100%;
  background-color: #d2d2d2;
}
#perfromance-chart.home-perfromance-chart .chart .V_Charts .value-label {
  transform: scaleY(0.8) !important;
  font-size: 1.075rem;
}
#perfromance-chart.home-perfromance-chart .chart::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  background: #23889f;
  background: linear-gradient(
    100deg,
    rgba(35, 136, 159, 0.77) 0%,
    rgb(35, 136, 159) 2%,
    rgb(27, 124, 172) 15%,
    rgb(20, 113, 185) 24%,
    rgb(149, 41, 141) 66%,
    rgb(151, 42, 138) 77%,
    rgb(160, 44, 130) 84%,
    rgb(174, 49, 115) 90%,
    rgb(193, 55, 94) 95%,
    rgb(211, 60, 75) 99%,
    rgb(211, 60, 75) 100%
  );
}
#perfromance-chart .swiper-button-next:after,
#perfromance-chart .swiper-button-prev:after {
  display: none;
}
#perfromance-chart .swiper-button-next,
#perfromance-chart .swiper-button-prev {
  top: 128px; z-index: 1;
}
#perfromance-chart .swiper-button-prev {
  left: inherit;
  right: 80px;
}
#aboutAcc {
  overflow: hidden;
  position: relative;
  height: 830px;
}
#aboutAcc .aboutAccBanner {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: -1;
}
#aboutAcc .aboutAccBanner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#aboutAcc .aboutAccLeft {
  margin-top: 20px;
}
#aboutAcc .aboutAccLeft p {
  font-size: 18px; color: #444444; margin: 15px 0px;
}
#aboutAcc .aboutAccRight { 
  padding: 0px;
  margin-top: 110px;
}
#aboutAcc .aboutAccRight .aboutAccSwiper .tl-small{ font-size: 18px; }

.couner-hld{ padding-top: 20px;}
.couner-hld .couner-blurb{ padding-top: 20px; padding-bottom: 20px;}
.couner-hld .couner-blurb sup{ top: -20px; font-size: 26px;}
.couner-hld h5{ font-size: 36px; color: #681237; line-height: 100%; font-weight: 600; margin: 0; padding-bottom: 15px;}
.couner-hld h5 span{ font-size: 30px; line-height: 100%;}
.couner-hld p{ font-size: 18px; color: #4D4D4F; line-height: 1.2; font-weight: 500; padding: 0 0 10px; margin: 0;}


#aboutAcc .aboutAccRight .swiper-slide:nth-child(1) {
  width: 320px;
}
#aboutAcc .aboutAccRight .swiper-slide:nth-child(2) {
  width: 270px;
}
#aboutAcc .aboutAccRight .swiper-slide:nth-child(3) {
  width: 270px;
}
#aboutAcc .aboutAccRight .swiper-pagination {
  position: relative;
  width: fit-content;
  bottom: 0px;
  margin-top: 14px;
}
#aboutAcc .aboutAccRight .swiper-pagination-bullet {
  border-radius: 15px;
  width: 25px;
  opacity: 1;
  height: 5px;
  background-color: #fff;
}
#aboutAcc
  .aboutAccRight
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #681237;
}
#Home-ESG-Preformance.ESG-Preformance {
  padding: 80px 0px;
  position: relative;
  overflow: hidden;
}
#Home-ESG-Preformance.ESG-Preformance .info-nums .nos {
  font-size: 46px;
}
#Home-ESG-Preformance.ESG-Preformance #accordionExample {
  margin-top: 50px;
}
#Home-ESG-Preformance.ESG-Preformance #accordionExample .accordion-item {
  margin-bottom: 30px;
  border: 1px solid rgba(0, 0, 0, 0.125) !important;
}
#Home-ESG-Preformance.ESG-Preformance #accordionExample .accordion-button {
  color: #681237;
  font-weight: 500;
  font-size: 28px;
}
#Home-ESG-Preformance.ESG-Preformance
  #accordionExample
  .accordion-button:after {
  background-image: url('data:image/svg+xml,%3Csvg width="41" height="41" viewBox="0 0 41 41" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Ccircle cx="20.0455" cy="20.0455" r="20.0455" transform="matrix(1.19249e-08 -1 -1 -1.19249e-08 40.0908 41)" fill="%23681237"/%3E%3Cpath d="M21 24C21 23.4477 20.5523 23 20 23C19.4477 23 19 23.4477 19 24L21 24ZM19.2929 25.7071C19.6834 26.0976 20.3166 26.0976 20.7071 25.7071L27.0711 19.3431C27.4616 18.9526 27.4616 18.3195 27.0711 17.9289C26.6805 17.5384 26.0474 17.5384 25.6569 17.9289L20 23.5858L14.3431 17.9289C13.9526 17.5384 13.3195 17.5384 12.9289 17.9289C12.5384 18.3195 12.5384 18.9526 12.9289 19.3431L19.2929 25.7071ZM20 24L19 24L19 25L20 25L21 25L21 24L20 24Z" fill="white"/%3E%3C/svg%3E');
  width: 1.95rem;
  height: 2.05rem;
  background-size: 1.95rem;
}
#Home-ESG-Preformance.ESG-Preformance
  #accordionExample
  .accordion-button:focus {
  box-shadow: none;
  border: none;
}
#Home-ESG-Preformance.ESG-Preformance
  #accordionExample
  .accordion-button:not(.collapsed) {
  background-color: #681237;
  color: #fff;
}
#Home-ESG-Preformance.ESG-Preformance
  #accordionExample
  .accordion-button:not(.collapsed):after {
  background-image: url('data:image/svg+xml,%3Csvg width="41" height="41" viewBox="0 0 41 41" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Ccircle cx="20.0455" cy="20.0455" r="20.0455" transform="matrix(-4.37114e-08 1 1 4.37114e-08 0 0.90918)" fill="%23681237"/%3E%3Ccircle cx="20.0455" cy="20.0455" r="20.0455" transform="matrix(-4.37114e-08 1 1 4.37114e-08 0 0.90918)" fill="white"/%3E%3Cpath d="M19.0908 17.9092C19.0908 18.4615 19.5385 18.9092 20.0908 18.9092C20.6431 18.9092 21.0908 18.4615 21.0908 17.9092L19.0908 17.9092ZM20.7979 16.2021C20.4074 15.8115 19.7742 15.8115 19.3837 16.2021L13.0198 22.566C12.6292 22.9566 12.6292 23.5897 13.0198 23.9802C13.4103 24.3708 14.0434 24.3708 14.434 23.9802L20.0908 18.3234L25.7477 23.9802C26.1382 24.3708 26.7714 24.3708 27.1619 23.9802C27.5524 23.5897 27.5524 22.9566 27.1619 22.566L20.7979 16.2021ZM20.0908 17.9092L21.0908 17.9092L21.0908 16.9092L20.0908 16.9092L19.0908 16.9092L19.0908 17.9092L20.0908 17.9092Z" fill="white"/%3E%3Cpath d="M19.0908 17.9092C19.0908 18.4615 19.5385 18.9092 20.0908 18.9092C20.6431 18.9092 21.0908 18.4615 21.0908 17.9092L19.0908 17.9092ZM20.7979 16.2021C20.4074 15.8115 19.7742 15.8115 19.3837 16.2021L13.0198 22.566C12.6292 22.9566 12.6292 23.5897 13.0198 23.9802C13.4103 24.3708 14.0434 24.3708 14.434 23.9802L20.0908 18.3234L25.7477 23.9802C26.1382 24.3708 26.7714 24.3708 27.1619 23.9802C27.5524 23.5897 27.5524 22.9566 27.1619 22.566L20.7979 16.2021ZM20.0908 17.9092L21.0908 17.9092L21.0908 16.9092L20.0908 16.9092L19.0908 16.9092L19.0908 17.9092L20.0908 17.9092Z" fill="%23681237"/%3E%3C/svg%3E');
}
#Home-ESG-Preformance.ESG-Preformance .Esg-Cards {
  text-align: left;
  border-bottom: none;
}
#Home-ESG-Preformance.ESG-Preformance .Esg-Cards img {
  margin: inherit;
}
#Home-ESG-Preformance.ESG-Preformance .CircularEconomy {
  background-image: url(../images/esg-enviroment-pic.webp);
  height: 356px;
  border-radius: 15px;
}
#Home-ESG-Preformance.ESG-Preformance .CircularEconomy.Renewable {
  background-image: url(../images/esg-enviroment-pic2.webp);
}
#Home-ESG-Preformance.ESG-Preformance .csr {
  background-image: url(../images/esg-social-pic.webp);
  height: 356px;
  border-radius: 15px;
  display: flex;
  flex-wrap: wrap;
  place-content: start;
  align-content: end;
  margin-bottom: 15px;
}
#Home-ESG-Preformance.ESG-Preformance .csr h4 {
  font-size: 18px;
  font-weight: 400;
}
#Home-ESG-Preformance.ESG-Preformance .csr .bottomCard {
  flex: 0 0 auto;
  width: 20%;
  margin-bottom: 30px;
}
#Home-ESG-Preformance.ESG-Preformance .csr.gover {
  background-image: url(../images/esg-gover-pic.webp);
}
#Home-ESG-Preformance .EnvironmentSwiper .swiper-slide {
  border-right: solid 1px #e6e6e6;
  padding-top: 30px;
  height: 400px;
}
#Home-ESG-Preformance .EnvironmentSwiper .swiper-slide:nth-child(1) {
  width: 300px;
}
#Home-ESG-Preformance .EnvironmentSwiper .swiper-slide:nth-child(2) {
  width: 490px;
}
#Home-ESG-Preformance .EnvironmentSwiper .swiper-slide:nth-child(3) {
  width: 370px;
}
#Home-ESG-Preformance
  .EnvironmentSwiper
  .swiper-slide:nth-child(3)
  .info-nums
  .nos {
  font-size: 40px;
  line-height: 1;
}
#Home-ESG-Preformance .EnvironmentSwiper .swiper-slide:nth-child(4) {
  width: 240px;
}
#Home-ESG-Preformance .EnvironmentSwiper .swiper-slide:nth-child(5) {
  width: 580px;
}
#Home-ESG-Preformance .EnvironmentSwiper .Water-positive {
  height: auto;
  border: none;
  padding: 0px;
  margin-top: 0px;
}
#Home-ESG-Preformance .EnvironmentSwiper .Water-positive .magenta-txt {
  margin-top: 10px;
}
#Home-ESG-Preformance #collapseTwo .bor-right {
  border-right: solid 1px #cfcfcf;
}
#Home-ESG-Preformance .swiper-button-next:after,
#Home-ESG-Preformance .swiper-button-prev:after {
  display: none;
}
#Home-ESG-Preformance .swiper-button-next,
#Home-ESG-Preformance .swiper-button-prev {
  top: inherit;
  bottom: 30px;
}
#Home-ESG-Preformance .swiper-button-prev {
  left: 30px;
}
#Home-ESG-Preformance .swiper-button-next {
  right: inherit;
  left: 100px;
}
#homeChairman2 {
  overflow: hidden;
  position: relative;
}
#homeChairman2 .swiper-slide {
  overflow: hidden;
}
#homeChairman2 .LeftChairmanPerson {
  position: relative;
  position: relative;
  width: 1150px;
  transform: translate(-420px, 0px);
}
#homeChairman2 .LeftChairmanPerson .ChairPerson{ transform: translateX(-1%);}

#homeChairman2 .LeftChairmanPerson .lefttitle {
  position: absolute;
  right: 0px;
  top: 190px;
  width: 740px;
}
#homeChairman2 .RightChairmanPerson {
  height: 100%;
  display: grid;
  place-content: center;
  padding-left: 50px;
}
#homeChairman2 .RightChairmanPerson h3 {
  font-weight: 400;
  color: #58595b;
  line-height: 1.2;
  margin: 10px 0px;
  line-height: 1.3;
  font-size: 26px;
}
#homeChairman2 .RightChairmanPerson h4 {
  font-weight: 500;
  color: #681237;
  font-weight: 600;
  margin-top: 20px;
  letter-spacing: 2px;
  font-size: 22px;
}
#homeChairman2 .RightChairmanPerson p {
  letter-spacing: 2px;
  font-size: 16px;
  color: #000000;
}
#homeChairman2 .chair_nav {
  position: absolute;
  right: 0px;
  bottom: 0px;
  cursor: pointer;
}
#homeChairman2 .chair_nav.chair_nav1 {
  right: 250px;
}
#homeChairman2 .swiper-button-next:after,
#homeChairman2 .swiper-button-prev:after {
  display: none;
}
#homeChairman2 .swiper-button-next,
#homeChairman2 .swiper-button-prev {
  top: inherit;
  bottom: 20px;
}
#homeChairman2 .swiper-button-prev {
  left: inherit;
  right: 20px;
}




#OurPresence {
  padding: 80px 0px;
}
#OurPresence .OurPresenceTabs .nav {
  display: block;
  border: none;
}

#OurPresence .OurPresenceTabs .nav .nav-item:nth-child(1) .nav-link.active {
  background-color: #1565ac;
}
#OurPresence .OurPresenceTabs .nav .nav-item:nth-child(2) .nav-link.active {
  background-color: #972c9c;
}
#OurPresence .OurPresenceTabs .nav .nav-item:nth-child(3) .nav-link.active {
  background-color: #00af4d;
}
#OurPresence .OurPresenceTabs .nav .nav-item:nth-child(4) .nav-link.active {
  background-color: #681237;
}
#OurPresence .OurPresenceTabs .nav .nav-item:nth-child(5) .nav-link.active {
  background-color: #ea701a;
}
#OurPresence .OurPresenceTabs .nav .nav-item:nth-child(6) .nav-link.active {
  background-color: #1b3668;
}
#OurPresence .OurPresenceTabs .nav .nav-link {
  display: block;
  width: 100%;
  text-align: left;
  border: none;
  font-size: 22px;
  color: #bababa;
  border-bottom: solid 1px #fff;
  padding: 10px 0px;
  font-weight: 500;
  padding-left: 10px;
  border-radius: 5px;
  border-bottom: solid 1px #bababa;
}
#OurPresence .OurPresenceTabs .nav .nav-link.active {
  color: #fff;
}
#OurPresence .mapSvg {
  text-align: center;
}
#OurPresence .info_wrp {
  padding: 20px;
  background-color: #f4f2f6;
  border-radius: 15px;
}
#OurPresence .swiper-pagination {
  position: relative;
  width: fit-content;
  bottom: 0px;
  margin-top: 14px;
}
#OurPresence .swiper-pagination-bullet {
  border-radius: 15px;
  width: 25px;
  opacity: 1;
  height: 5px;
  background-color: #bababa;
}
#OurPresence .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #681237;
}
#SixCapital .swiper-slide .SixCapitalCard {
  display: grid;
}
#SixCapital .swiper-slide .SixCapitalCard .SixCapitalCardImg img {
  width: 100%;
}
#SixCapital .swiper-slide .SixCapitalCard .SixCapitalCardTxt {
  padding: 20px;
  width: 210px;
  margin-bottom: 20px;
}
#SixCapital .swiper-slide .SixCapitalCard .SixCapitalCardTxt h2 {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 20px;
  color: #fff;
}
#SixCapital .swiper-slide:nth-child(odd) .SixCapitalCard {
  place-items: end;
}
#SixCapital .swiper-slide:nth-child(odd) .SixCapitalCard .SixCapitalCardTxt {
  margin-top: 20px;
}
#SixCapital .swiper-slide:nth-child(1) .SixCapitalCard .SixCapitalCardTxt {
  background-color: #2dac9e;
  border-radius: 0px 0px 0px 30px;
}
#SixCapital .swiper-slide:nth-child(2) .SixCapitalCard .SixCapitalCardTxt {
  background-color: #d6602a;
  border-radius: 30px 0px 0px 0px;
}
#SixCapital .swiper-slide:nth-child(3) .SixCapitalCard .SixCapitalCardTxt {
  background-color: #60489d;
  border-radius: 0px 0px 30px 0px;
}
#SixCapital .swiper-slide:nth-child(4) .SixCapitalCard {
  place-items: end;
}
#SixCapital .swiper-slide:nth-child(4) .SixCapitalCard .SixCapitalCardTxt {
  background-color: #f7941e;
  border-radius: 0px 0px 0px 30px;
}
#SixCapital .swiper-slide:nth-child(5) .SixCapitalCard .SixCapitalCardTxt {
  background-color: #68ad45;
  border-radius: 0px 0px 0px 30px;
}
#SixCapital .swiper-slide:nth-child(6) .SixCapitalCard {
  place-items: end;
}
#SixCapital .swiper-slide:nth-child(6) .SixCapitalCard .SixCapitalCardTxt {
  background-color: #0091d1;
  border-radius: 0px 0px 30px 0px;
}
#SixCapital .swiper-button-next:after,
#SixCapital .swiper-button-prev:after {
  display: none;
}
#SixCapital .swiper-button-next,
#SixCapital .swiper-button-prev {
  top: 48px;
}
#SixCapital .swiper-button-prev {
  left: inherit;
  right: 80px;
}
#ESGTargets {
  padding: 100px 0px;
  position: relative;
}
#ESGTargets .ESGTargetsCard {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  height: 517px;
}
#ESGTargets .ESGTargetsCard .ESGTargetsCardTxt {
  position: absolute;
  height: 100%;
  padding: 30px 20px;
  left: 0px;
  top: 0px;
}
#ESGTargets .ESGTargetsCard .ESGTargetsCardTxt .ReadMore {
  position: absolute;
  left: 30px;
  bottom: 30px;
  z-index: 1;
}
#ESGTargets .Strategic {
  border-radius: 10px;
  border: solid 1px #c2c2c2;
  padding: 30px;
  height: 517px;
}
#ESGTargets .Strategic .StrategicPillarsCard img {
  width: 70px;
}
#ESGTargets .Strategic .StrategicPillarsCard h3 {
  font-weight: 600;
  font-size: 20px;
  color: #681237;
}
#ESGTargets .Strategic .swiper-pagination {
  position: relative;
  width: fit-content;
  bottom: 0px;
  margin-top: 14px;
}
#ESGTargets .Strategic .swiper-pagination-bullet {
  border-radius: 15px;
  width: 25px;
  opacity: 1;
  height: 5px;
  background-color: #bababa;
}
#ESGTargets
  .Strategic
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #681237;
}
#downloadCenter {
  padding:100px 0px;
  position: relative;
}
#downloadCenter .downloadAnnual {
  display: block;
  font-size: 16px;
  font-weight: 500;
  color: #000;
  text-decoration: none;
  margin-top: 20px;
}
#downloadCenter .downloadAnnual svg {
  margin-left: 10px;
  transition: 0.5s;
}
#downloadCenter .downloadAnnual svg circle {
  transition: 0.5s;
}
#downloadCenter .downloadAnnual svg path {
  transition: 0.5s;
}
#downloadCenter .downloadAnnual:hover svg circle {
  fill: #681237;
}
#downloadCenter .downloadAnnual:hover svg path {
  fill: #fff;
  stroke: #fff;
}
#downloadCenter .downloadCenterRight {
  padding-left: 20px;
  display: grid;
  place-content: center;
  height: 100%;
}
#downloadCenter .downloadCenterRight .downloadCard {
  height: 110px;
  margin-bottom: 30px;
  background: #f4f2f6;
  transition: 0.5s;
  background: linear-gradient(
    54deg,
    rgba(244, 242, 246, 0.6) 0%,
    rgb(255, 255, 255) 100%
  );
  border-radius: 10px;
  padding: 20px;
}
#downloadCenter .downloadCenterRight .downloadCard .downloadAnnual {
  margin-top: 0px;
  position: relative;
  padding-right: 40px;
}
#downloadCenter .downloadCenterRight .downloadCard .downloadAnnual svg {
  position: absolute;
  right: 0px;
  top: 0px;
}
#downloadCenter .downloadCenterRight .downloadCard:hover {
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

/* New Edit S */
.coverPix img{ border-radius: 10px;}
.tl-small { font-size: 20px; color: #681237; line-height: 24px; font-weight: 600; padding-top: 15px; }
.tl-small2 { font-size: 30px; }

#m-strategic-review{ padding: 100px 0 100px;}
.sr-banner-slider .swiper-slide{ border-radius: 20px; overflow: hidden;}
.sr-banner-slider .swiper-slide img{ width: 100%; height: auto;}
.sr-banner-slider .swiper-pagination .swiper-pagination-bullet{ width: 14px; height: 14px; background: #ffffff; opacity: 1;}
.sr-banner-slider .swiper-pagination .swiper-pagination-bullet-active{ background: #A54078;}
.sr-det-hld{ padding: 0 110px;}
.sr-det-hld h3{ font-size: 48px; color: #000000; font-weight: 400;}
.sr-det-slider{ width: 100%; padding: 80px 0 0;}
/* .sr-det-slider .swiper-pagination .swiper-pagination-bullet{ width: 14px; height: 14px; background: #ffffff; opacity: 1;}
.sr-det-slider .swiper-pagination .swiper-pagination-bullet-active{ background: #A54078;} */

#esg-overview{ position: relative; padding: 120px 0 200px; overflow: hidden; /* ; background: url(../images/home/banner-esg-overview.jpg) no-repeat center bottom; */}
#esg-overview figure{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;} 
#esg-overview figure img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
#esg-overview h3{ font-size: 48px; color: #000000; text-align: center; font-weight: 400;}
#esg-overview .read-more{ display: inline-block; font-size: 18px; color: #ffffff; line-height: 100%; font-weight: 500; padding: 15px 30px; background: #681237; border-radius: 5px;}
#esg-overview .read-more:hover{ color: #681237; background: #ffffff;}
.esg-tabs-hld{ width: 100%; background: #ffffff;}
.esg-tabs-hld ul{ display: flex; flex-direction: row; align-items: center; justify-content: space-between; margin: 50px 0;}
.esg-tabs-hld li{ position: relative; font-size: 20px; color: #444444; line-height: 100%; font-weight: 500; padding: 18px 30px; margin: 0; list-style: none; cursor: pointer;}
.esg-tabs-hld li::after{ content: ''; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; height: 2px; background: #681237; transition: 0.3s;}
.esg-tabs-hld li:hover::after, .esg-tabs-hld li.active-tab::after{ width: 100%; transition: 0.3s;}
.overview-det{ display: none;}
.overview-det .bod-list{ padding-top: 10px;}
.overview-det h4{ font-size: 20px; color: #444444; line-height: 100%; font-weight: 600; padding: 0 0 5px 0;}
#det-environment{ display: block;}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  #banner .container .bannerContent h1 {
    font-size: 60px;
  }
  #banner .container .bannerContent h1 span {
    line-height: 60px;
    height: 60px;
  }
  #homeChairman .LeftChairmanPerson {
    transform: translate(-480px, 0px);
  }
  #homeChairman .LeftChairmanPerson .sectionTitle {
    width: 660px;
  }
  #perfromance-chart.home-perfromance-chart .chart {
    padding: 20px;
  }
  #perfromance-chart.home-perfromance-chart .chart .V_Charts {
    transform: rotate(90deg) translate(10px, 18px);
  }
  #perfromance-chart.home-perfromance-chart .chart .V_Charts .value-label {
    font-size: 0.875rem;
    transform: scaleY(0.9) !important;
  }
  #perfromance-chart.home-perfromance-chart .chart {
    width: 468px;
  }
  #perfromance-chart.home-perfromance-chart .chart .V_Charts .bars {
    width: 220px;
    transform: scaleY(1.1) translate(0px, -16px);
  }
  #Home-ESG-Preformance.ESG-Preformance .info-nums .nos {
    font-size: 38px;
  }
  .ESG-Preformance .Esg-Cards h4 {
    font-size: 18px;
  }
  #Home-ESG-Preformance
    .EnvironmentSwiper
    .swiper-slide:nth-child(3)
    .info-nums
    .nos {
    font-size: 30px;
    line-height: 1;
  }
  #Home-ESG-Preformance .EnvironmentSwiper .swiper-slide:nth-child(1) {
    width: 180px;
  }
  #homeChairman2 .RightChairmanPerson h3 {
    font-size: 22px;
    line-height: 1.2;
  }
  #OurPresence .mapSvg img {
    width: 100%;
  }
  #OurPresence .OurPresenceTabs .nav .nav-link {
    font-size: 19px;
  }
  .sectionTitle {
    font-size: 38px;
    line-height: 1.1;
  }
  #homeChairman2 .LeftChairmanPerson {
    transform: translate(-460px, 0px);
    width: 1070px;
  }
  #homeChairman2 .LeftChairmanPerson .lefttitle {
    width: 630px;
  }
  #homeChairman2 .RightChairmanPerson p {
    letter-spacing: 2px;
    font-size: 14px;
  }
  #ESGTargets .Strategic .StrategicPillarsCard h3 {
    font-size: 16px;
  }
  #ESGTargets .ESGTargetsCard {
    height: 517px;
  }
  #ESGTargets .ESGTargetsCard .ESGTargetsCardImg {
    height: 520px;
  }
  #ESGTargets .ESGTargetsCard .ESGTargetsCardImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  #downloadCenter .downloadAnnual {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  #banner .container .bannerContent h1 {
    font-size: 60px;
  }
  #banner .container .bannerContent h1 span {
    line-height: 60px;
    height: 60px;
  }
  #homeChairman .LeftChairmanPerson {
    transform: translate(-480px, 0px);
  }
  #homeChairman .LeftChairmanPerson .sectionTitle {
    width: 660px;
  }
  #perfromance-chart.home-perfromance-chart .chart {
    padding: 20px;
  }
  #perfromance-chart.home-perfromance-chart .chart .V_Charts {
    transform: rotate(90deg) translate(10px, 18px);
  }
  #perfromance-chart.home-perfromance-chart .chart .V_Charts .value-label {
    font-size: 0.875rem;
    transform: scaleY(0.9) !important;
  }
  #perfromance-chart.home-perfromance-chart .chart {
    width: 468px;
  }
  #perfromance-chart.home-perfromance-chart .chart .V_Charts .bars {
    width: 220px;
    transform: scaleY(1.1) translate(0px, -16px);
  }
  #perfromance-chart.home-perfromance-chart .chart small {
    position: absolute;
    right: 75px;
    top: 33px;
}
  #Home-ESG-Preformance.ESG-Preformance .info-nums .nos {
    font-size: 38px;
  }
  .ESG-Preformance .Esg-Cards h4 {
    font-size: 18px;
  }
  #Home-ESG-Preformance
    .EnvironmentSwiper
    .swiper-slide:nth-child(3)
    .info-nums
    .nos {
    font-size: 30px;
    line-height: 1;
  }
  #Home-ESG-Preformance .EnvironmentSwiper .swiper-slide:nth-child(1) {
    width: 180px;
  }
  #homeChairman2 .RightChairmanPerson h3 {
    font-size: 22px;
    line-height: 1.2;
  }
  #OurPresence .mapSvg img {
    width: 100%;
  }
  #OurPresence .OurPresenceTabs .nav .nav-link {
    font-size: 19px;
  }
  .sectionTitle {
    font-size: 38px;
    line-height: 1.1;
  }
  #homeChairman2 .LeftChairmanPerson {
    transform: translate(-460px, 0px);
    width: 950px;
  }
  #homeChairman2 .LeftChairmanPerson .lefttitle {
    width: 630px;
  }
  #homeChairman2 .RightChairmanPerson p {
    letter-spacing: 2px;
    font-size: 14px;
  }
  #ESGTargets .Strategic .StrategicPillarsCard h3 {
    font-size: 16px;
  }
  #ESGTargets .ESGTargetsCard {
    height: 517px;
  }
  #ESGTargets .ESGTargetsCard .ESGTargetsCardImg {
    height: 520px;
  }
  #ESGTargets .ESGTargetsCard .ESGTargetsCardImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  #downloadCenter .downloadAnnual {
    font-size: 14px;
  }
  #strength h2{ font-size: 60px;}
  #strength .line{ left: -1050px; top: 10px;}
  .sr-det-hld{ padding: 0 50px;}
  .sr-det-slider{ padding: 40px 0 0;}
  .esg-tabs-hld li{ font-size: 16px;}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .header .links .reportlink {
    display: none;
  }
  .header .logos {
    width: 260px;
  }
  .header .logos img {
    width: 90px;
  }
  .header .logos .brsr-link {
    font-size: 12px;
  }
  .header .logos {
    column-gap: 20px;
  }
  #banner {
    margin-top: 70px;
    height: 420px;
    background-color: #681237;
    text-align: center;
  }
  #banner .container .bannerContent h1 {
    font-size: 36px;
  }
  #banner .container .bannerContent h1 span {
    line-height: 32px;
    height: 32px;
  }
  #banner .container .bannerContent .bannerAcc img {
    width: 80px;
    margin: auto;
  }
  #banner .bannerImg {
    height: auto;
  }
  #banner .container {
    display: block;
  }
  #banner .container .bannerContent {
    margin-top: 60px;
  }
  #banner .container .IntegratedAnnualReport ul {
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 25px;
  }
  #banner .container .IntegratedAnnualReport ul li p {
    font-size: 12px;
  }
  #banner .container .IntegratedAnnualReport ul li .bannericon img {
    width: 50px;
  }
  #strength {
    padding: 40px 0px;
  }
  #strength h2 {
    font-size: 44px;
  }
  #strength h6 {
    font-size: 24px;
  }
  #strength .line {
    top: -41px;
    left: 0px;
  }
  #strength .line img {
    width: 1220px;
  }
  #strength .strengthRight {
    margin-left: 0px;
    margin-top: 20px;
  }
  #homeChairman .LeftChairmanPerson {
    width: 100%;
    transform: translate(0px, 0px);
  }
  #homeChairman .RightChairmanPerson {
    display: block;
    padding-left: 0px;
    margin-top: 10px;
    padding-bottom: 30px;
  }
  #perfromance-chart.home-perfromance-chart {
    padding: 30px 0px;
    position: relative;
  }
  .secondaryTitle {
    font-size: 18px;
  }
  .sectionTitle {
    line-height: 0.9;
  }
  #perfromance-chart .swiper-button-next,
  #perfromance-chart .swiper-button-prev {
    top: 190px;
    transform: scale(0.6);
  }
  #perfromance-chart .swiper-button-prev {
    left: inherit;
    right: 50px;
  }
  #perfromance-chart.home-perfromance-chart .chart {
    padding: 10px;
    height: 350px;
    width: 320px;
  }
  #perfromance-chart.home-perfromance-chart .chart .V_Charts {
    transform: rotate(90deg) translate(-60px, -40px);
  }
  #perfromance-chart.home-perfromance-chart .chart .V_Charts .bars {
    width: 220px;
    transform: scaleY(0.7) translate(0px, 70px);
  }
  #perfromance-chart.home-perfromance-chart .chart .V_Charts .value-label {
    transform: scaleY(1.3) translate(0px, -4px) !important;
    font-size: 0.875rem;
  }
  #perfromance-chart.home-perfromance-chart .perfromanceLeft .nav .nav-link {
    font-size: 18px;
  }
  #perfromance-chart.home-perfromance-chart .perfromanceLeft .nav {
    display: flex;
    flex-wrap: wrap;
    border: none;
  }
  #perfromance-chart.home-perfromance-chart .perfromanceLeft .nav .nav-item {
    width: 116px;
  }
  #perfromance-chart.home-perfromance-chart .chart h5 {
    margin-bottom: 7px;
  }
  #perfromance-chart.home-perfromance-chart .chart small {
    position: relative;
    right: 0px;
    top: 0px;
  }
  #perfromance-chart.home-perfromance-chart .perfromanceLeft {
    margin-bottom: 20px;
  }
  .sectionTitle {
    font-size: 33px;
    line-height: 40px;
  }
  #aboutAcc {
    padding-bottom: 30px;
    height: auto;
  }
  #aboutAcc .aboutAccBanner {
    position: relative;
    height: 320px !important;
  }
  #aboutAcc .aboutAccRight {
    margin-top: 30px;
    padding: 20px 20px;
    margin-top: 30px;
  }
  #aboutAcc .info-nums .nos {
    font-size: 30px;
    line-height: 33px;
  }
  #Home-ESG-Preformance.ESG-Preformance {
    padding: 30px 0px;
  }
  #Home-ESG-Preformance.ESG-Preformance .CircularEconomy {
    height: 216px;
    margin-bottom: 20px;
  }
  #Home-ESG-Preformance.ESG-Preformance .Esg-Cards img {
    margin: inherit;
    width: 60px;
  }
  #Home-ESG-Preformance.ESG-Preformance .info-nums .nos {
    font-size: 34px;
  }
  #Home-ESG-Preformance .swiper-button-next,
  #Home-ESG-Preformance .swiper-button-prev {
    transform: scale(0.6);
  }
  #Home-ESG-Preformance .swiper-button-next {
    left: inherit;
    right: 30px;
  }
  #Home-ESG-Preformance .swiper-button-prev {
    left: inherit;
    right: 70px;
  }
  #Home-ESG-Preformance .EnvironmentSwiper .swiper-slide,
  #Home-ESG-Preformance #collapseTwo .bor-right {
    border: none;
  }
  #Home-ESG-Preformance.ESG-Preformance #collapseThree .Esg-Cards img {
    margin: inherit;
    width: auto;
  }
  #Home-ESG-Preformance.ESG-Preformance #accordionExample .accordion-button {
    font-size: 23px;
  }
  #Home-ESG-Preformance.ESG-Preformance .Esg-Cards {
    margin: 30px 0px;
  }
  #homeChairman2 .LeftChairmanPerson {
    transform: translate(0px, 0px);
    width: 100%;
  }
  #homeChairman2 .RightChairmanPerson {
    padding-left: 0px;
    display: block;
    margin-top: 20px;
    height: auto;
    padding-bottom: 50px;
  }
  #homeChairman2 .swiper-button-next,
  #homeChairman2 .swiper-button-prev {
    position: relative;
    left: 0px;
    bottom: 0px;
    display: block;
  }
  #homeChairman2 .RightChairmanPerson h3 {
    font-size: 22px;
  }
  #homeChairman2 .RightChairmanPerson h4 {
    font-size: 20px;
  }
  #homeChairman2 .RightChairmanPerson p {
    font-size: 14px;
  }
  #OurPresence .OurPresenceTabs .nav .nav-link {
    font-size: 16px;
  }
  #OurPresence .OurPresenceTabs .nav {
    display: flex;
    flex-wrap: wrap;
  }
  #OurPresence .OurPresenceTabs .nav .nav-item {
    width: 150px;
    margin: auto;
  }
  #OurPresence .mapSvg {
    margin: 30px 0px;
  }
  #OurPresence .mapSvg img {
    width: 100%;
    height: auto;
  }
  #SixCapital .swiper-button-next,
  #SixCapital .swiper-button-prev {
    top: 98px;
    transform: scale(0.6);
  }
  #SixCapital .swiper-button-next {
    right: 20px;
  }
  #SixCapital .swiper-button-prev {
    left: inherit;
    right: 60px;
  }
  #ESGTargets {
    padding: 20px 0px;
  }
  #ESGTargets .Strategic {
    margin: 30px 0px;
  }
  #downloadCenter .downloadCenterRight {
    padding-left: 0px;
    margin-top: 10px;
  }
  #ESGTargets .ESGTargetsCard {
    height: 396px;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .header .links .reportlink {
    display: none;
  }
  .header .logos {
    width: 260px;
  }
  .header .logos img {
    width: 90px;
  }
  .header .logos .brsr-link {
    font-size: 12px;
  }
  .header .logos {
    column-gap: 20px;
  }
  #banner {
    margin-top: 70px;
    height: 420px;
    background-color: #681237;
    text-align: center;
  }
  #banner .container .bannerContent h1 {
    font-size: 36px;
  }
  #banner .container .bannerContent h1 span {
    line-height: 32px;
    height: 32px;
  }
  #banner .container .bannerContent .bannerAcc img {
    width: 80px;
    margin: auto;
  }
  #banner .bannerImg {
    height: auto;
  }
  #banner .container {
    display: block;
  }
  #banner .container .bannerContent {
    margin-top: 20px;
  }
  #banner .container .IntegratedAnnualReport ul {
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 25px;
  }
  #banner .container .IntegratedAnnualReport ul li p {
    font-size: 12px;
  }
  #banner .container .IntegratedAnnualReport ul li .bannericon img {
    width: 50px;
  }
  #strength {
    padding: 40px 0px;
  }
  #strength h2 {
    font-size: 44px;
  }
  #strength h6 {
    font-size: 24px;
  }
  #strength .line {
    top: -41px;
    left: 0px;
  }
  #strength .line img {
    width: 1220px;
  }
  #strength .strengthRight {
    margin-left: 0px;
    margin-top: 20px;
  }
  #homeChairman .LeftChairmanPerson {
    width: 100%;
    transform: translate(0px, 0px);
  }
  #homeChairman .RightChairmanPerson {
    display: block;
    padding-left: 0px;
    margin-top: 10px;
    padding-bottom: 30px;
  }
  #homeChairman2 .chair_nav {
    position: relative;
    right: 0px;
    bottom: 0px;
    cursor: pointer;
  }
  #homeChairman2 .chair_nav.chair_nav1 {
    right: 0px;
    margin-top: 20px;
  }
  #homeChairman2 .chair_nav.chair_nav2 {
    right: 0px;
    margin-top: 20px;
  }
  #perfromance-chart.home-perfromance-chart {
    padding: 30px 0px;
    position: relative;
  }
  .secondaryTitle {
    font-size: 18px;
  }
  .sectionTitle {
    line-height: 0.9;
  }
  #perfromance-chart .swiper-button-next,
  #perfromance-chart .swiper-button-prev {
    top: 190px;
    transform: scale(0.6);
  }
  #perfromance-chart .swiper-button-prev {
    left: inherit;
    right: 50px;
  }
  #perfromance-chart.home-perfromance-chart .chart {
    padding: 10px;
    height: 350px;
    width: 320px;
  }
  #perfromance-chart.home-perfromance-chart .chart .V_Charts {
    transform: rotate(90deg) translate(-60px, -40px);
  }
  #perfromance-chart.home-perfromance-chart .chart .V_Charts .bars {
    width: 220px;
    transform: scaleY(0.7) translate(0px, 70px);
  }
  #perfromance-chart.home-perfromance-chart .chart .V_Charts .value-label {
    transform: scaleY(1.3) translate(0px, -4px) !important;
    font-size: 0.875rem;
  }
  #perfromance-chart.home-perfromance-chart .perfromanceLeft .nav .nav-link {
    font-size: 18px;
  }
  #perfromance-chart.home-perfromance-chart .perfromanceLeft .nav {
    display: flex;
    flex-wrap: wrap;
    border: none;
  }
  #perfromance-chart.home-perfromance-chart .perfromanceLeft .nav .nav-item {
    width: 116px;
  }
  #perfromance-chart.home-perfromance-chart .chart h5 {
    margin-bottom: 7px;
  }
  #perfromance-chart.home-perfromance-chart .chart small {
    position: relative;
    right: 0px;
    top: 0px;
  }
  #perfromance-chart.home-perfromance-chart .perfromanceLeft {
    margin-bottom: 20px;
  }
  .sectionTitle {
    font-size: 33px;
    line-height: 40px;
  }
  #aboutAcc {
    padding-bottom: 30px;
    height: auto;
  }
  #aboutAcc .aboutAccBanner {
    position: relative;
    height: 320px !important;
  }
  #aboutAcc .aboutAccRight {
    margin-top: 30px;
    padding: 20px 20px;
    margin-top: 30px;
  }
  #aboutAcc .info-nums .nos {
    font-size: 30px;
    line-height: 33px;
  }
  #Home-ESG-Preformance.ESG-Preformance {
    padding: 30px 0px;
  }
  #Home-ESG-Preformance.ESG-Preformance .CircularEconomy {
    height: 216px;
    margin-bottom: 20px;
  }
  #Home-ESG-Preformance.ESG-Preformance .Esg-Cards img {
    margin: inherit;
    width: 60px;
  }
  #Home-ESG-Preformance.ESG-Preformance .info-nums .nos {
    font-size: 34px;
  }
  #Home-ESG-Preformance .swiper-button-next,
  #Home-ESG-Preformance .swiper-button-prev {
    transform: scale(0.6);
  }
  #Home-ESG-Preformance .swiper-button-next {
    left: inherit;
    right: 30px;
  }
  #Home-ESG-Preformance .swiper-button-prev {
    left: inherit;
    right: 70px;
  }
  #Home-ESG-Preformance .EnvironmentSwiper .swiper-slide,
  #Home-ESG-Preformance #collapseTwo .bor-right {
    border: none;
  }
  #Home-ESG-Preformance.ESG-Preformance #collapseThree .Esg-Cards img {
    margin: inherit;
    width: auto;
  }
  #Home-ESG-Preformance.ESG-Preformance #accordionExample .accordion-button {
    font-size: 23px;
  }
  #Home-ESG-Preformance.ESG-Preformance .Esg-Cards {
    margin: 30px 0px;
  }
  #homeChairman2 .LeftChairmanPerson {
    transform: translate(0px, 0px);
    width: 100%;
  }
  #homeChairman2 .RightChairmanPerson {
    padding-left: 0px;
    display: block;
    margin-top: 20px;
    height: auto;
    padding-bottom: 50px;
  }
  #homeChairman2 .swiper-button-next,
  #homeChairman2 .swiper-button-prev {
    position: relative;
    left: 0px;
    bottom: 0px;
    display: block;
  }
  #homeChairman2 .RightChairmanPerson h3 {
    font-size: 22px;
  }
  #homeChairman2 .RightChairmanPerson h4 {
    font-size: 20px;
  }
  #homeChairman2 .RightChairmanPerson p {
    font-size: 14px;
  }
  #OurPresence .OurPresenceTabs .nav .nav-link {
    font-size: 16px;
  }
  #OurPresence .OurPresenceTabs .nav {
    display: flex;
    flex-wrap: wrap;
  }
  #OurPresence .OurPresenceTabs .nav .nav-item {
    width: 150px;
    margin: auto;
  }
  #OurPresence .mapSvg {
    margin: 30px 0px;
  }
  #OurPresence .mapSvg img {
    width: 100%;
    height: auto;
  }
  #SixCapital .swiper-button-next,
  #SixCapital .swiper-button-prev {
    top: 98px;
    transform: scale(0.6);
  }
  #SixCapital .swiper-button-next {
    right: 20px;
  }
  #SixCapital .swiper-button-prev {
    left: inherit;
    right: 60px;
  }
  #ESGTargets {
    padding: 20px 0px;
  }
  #ESGTargets .Strategic {
    margin: 30px 0px;
  }
  #downloadCenter .downloadCenterRight {
    padding-left: 0px;
    margin-top: 10px;
  }
  #ESGTargets .ESGTargetsCard {
    height: 396px;
  }
  #homeChairman2 .LeftChairmanPerson .ChairPerson{ transform: translate(0);}
}


@media only screen and (max-width: 1024px){
  #banner{ background: none;}
  #strength .line{ display: none;}
  #homeChairman2{ padding: 0px 0;}
  #homeChairman2 .LeftChairmanPerson .ChairPerson{ transform: translate(0);}
}
@media only screen and (max-width: 991px){
  .sr-det-hld{ padding: 30px 0 0 0;}
  .sr-det-hld h3{ font-size: 32px;}
  .sr-det-slider{ padding: 20px 0 0;}
  #esg-overview h3{ font-size: 32px;}
  .esg-tabs-hld ul{ align-items: flex-start;}
  .esg-tabs-hld li{ font-size: 14px; padding: 15px 15px;}
  #esg-overview{ padding: 80px 0 100px;}
  #downloadCenter .downloadCenterRight .downloadCard{ height: auto;}
  .overview-det h4{ font-size: 18px;}
  .overview-det p{ font-size: 16px;}
}
@media only screen and (max-width: 575px){
  .esg-tabs-hld ul{ flex-wrap: wrap;}
  .esg-tabs-hld li{ width: 50%;}
  #esg-overview #fig-governance-Board-director{ height: 115%;}

}
@media (min-width: 320px) and (max-width: 767px) {
  .footer { font-size: 11px; }
}