@charset "utf-8";

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, table, tr, th, td {
  margin: 0;
  padding: 0;
  line-height: 100%;
}

address, caption, cite, code, dfn, th, var {
  font-style: normal;
  font-weight: normal;
}

caption, th {
  text-align: left;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
}

q:before, q:after {
  content: '';
}

abbr, acronym {
  border: 0;
}

input, textarea {
  font-family: "Poppins", sans-serif;
}

html, html a {
  -webkit-font-smoothing: antialiased !important;
}

.saver {
  clear: both !important;
  height: 0px !important;
  line-height: 0px !important;
  float: none !important;
  display: block !important;
}

.hiddenText {
  font-size: 0px !important;
  text-indent: -9999px !important;
}

.hide {
  display: none;
}

a img {
  border: 0;
}

a {
  outline: 0;
  cursor: pointer;
  text-decoration: none;
  transition: 0.8s;
}

a:hover {
  transition: 0.6s;
  text-decoration: none;
}

p {
  padding: 0;
  margin: 0;
}

img {
  border: none;
  max-width: 100%;
}

.noScroll {
  overflow: hidden !important;
}

.wrapperOuter {
  width: 1600px;
  margin: 0 auto !important;
  position: relative !important;
}

.wrapper {
  width: 1300px;
  margin: 0 auto !important;
  position: relative !important;
  display: block;
}

.wrapperInner {
  width: 1160px;
  margin: 0 auto !important;
  position: relative !important;
  display: block;
}

.wrapperInnerIn {
  width: 1015px;
  margin: 0 auto !important;
  position: relative !important;
  display: block;
}

.leftContainer {
  float: left;
}

.rightContainer {
  float: right;
}

.leftThumb {
  float: left;
  margin: 0 20px 20px 0;
}

.rightThumb {
  float: right;
  margin: 0 0 20px 20px;
}

.centerContainer {
  display: table;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center;
}

.noMargin {
  margin: 0 !important;
}

.noMarginRight {
  margin-right: 0 !important;
}

.noMarginLeft {
  margin-left: 0 !important;
}

.mobile {
  display: none;
}

.title {
  line-height: 100%;
  display: block;
}

.borderBottom {
  /*border-bottom:1px solid #96968E;*/
}

.btnContainer {
  display: flex;
  gap: 15px;
  align-items: flex-start;
  flex-wrap: wrap;
  margin: 30px 0 0 0;
}

.btnBottomBorder {
  display: none;
  background: none;
  color: #000;
  margin: 0;
  padding: 0;
  font-size: 18px;
  line-height: 100%;
  font-weight: 500;
}

.btnBottomBorder:after {
  content: "";
  background: #000;
  width: 40px;
  height: 4px;
  margin: 10px 0 0 0;
  display: block;
  transition: 0.3s;
}

.btnBottomBorder:hover:after {
  width: 100%;
  transition: 0.5s;
}

.btnReadMore {
  display: flex;
  width: max-content;
  padding: 14px 32px;
  border-radius: 999px;
  font-size: 16px;
  font-weight: 500;
  color: white;
  position: relative;
  z-index: 1;
  transition: color 0.4s ease;
}

.btnReadMore:before {
  content: '';
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(0, 240, 255, 0.4), rgba(0, 0, 255, 0.4));
  background-size: 200% 200%;
  background-position: 0% 0%;
  z-index: -1;
  padding: 2px;
  mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  mask-composite: exclude;
  -webkit-mask-composite: destination-out;
  transition: background-position 0.5s ease;
}

.btnReadMore:hover:before {
  background-position: 100% 0%;
}

.btnDownload {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #fff;
  padding: 18px 30px 18px 40px;
  font-size: 18px;
  font-weight: 400;
  border-radius: 10px 90px 90px 180px;
  background: transparent;
  text-decoration: none;
  width: max-content;
  z-index: 0;
}

.btnDownload::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 2px;
  border-radius: inherit;
  background: linear-gradient(90deg,
      #A50DC4,
      #1033F4,
      #A50DC4);
  background-size: 200% 100%;
  animation: borderFlow 2s linear infinite;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  z-index: -1;
}

@keyframes borderFlow {
  from {
    background-position: 0% 0;
  }

  to {
    background-position: 200% 0;
  }
}

.btnDownload:hover {
  border-radius: 180px 90px 90px 10px;
  transition: 0.4s;
}

.btnDownload img {
  margin: 0 12px 0 0;
}

.btnAll {
  text-decoration: underline;
  color: #414042;
}

.right {
  text-align: right;
  display: block;
}

.left {
  text-align: left;
  display: block;
}

.greenText {
  color: #0626A9;
}

.greenText a {
  color: #0626A9;
  text-decoration: underline;
}

.greenText a:hover {
  text-decoration: none;
}

.blueText {
  color: #00E4FE;
}

.purpleText {
  color: #6A52B9;
}

.notes {
  font-size: 12px;
  line-height: 100%;
}

body {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 18px;
  color: #fff;
  background: #020317;
  width: 100%;
  margin: 0;
  padding: 0;
}

#homePage {
  background: #020317;
}

#main {}

#headerContainer {}

#detailPage .headerContainer {
  border-bottom: 1px solid #000;
  padding: 0 0 30px 0;
}

header {
  position: absolute;
  z-index: 99999;
  top: 60px;
  width: 100%;
}

header .headerContainer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

header .headerContainer .logo {
  color: #000;
  font-size: 16px;
}

header .headerContainer .logo a {
  display: flex;
  align-items: center;
  gap: 20px;
  color: #fff;
}

header .headerContainer .logo i {
  font-style: normal;
  border-left: 1px solid #fff;
  padding: 10px 0 10px 20px;
}

header .headerContainer .btnMenu {
  cursor: pointer;
  z-index: 99;
}

.topMenuBorder {
  margin: 0 0 0 -120px;
}

.topMenuContainer {
  display: none;
  background: #020317 url(/en/annual-report-2025/images/common/menu-bg.svg) no-repeat left top;
  border-radius: 20px 20px 200px 20px;
  box-shadow: -6px 6px 12.7px 0 rgba(0, 0, 0, 0.25);
  position: absolute;
  top: 0;
  right: -40px;
  width: 980px;
  padding: 0;
  margin: 0;
}

.topMenuContainer nav {
  display: flex;
  align-items: center;
  height: 100%;
}

.topMenu {
  list-style: none;
  display: flex;
  flex-direction: column;
  width: 100%;
}

.menu-item {
  display: flex;
  flex: 1;
  width: 365px;
  font-size: 16px;
}

.topMenu>.menu-item>a {
  display: block;
  padding: 10px 40px 10px 0;
  text-decoration: none;
  color: #fff;
  width: 100%;
  line-height: 120%;
}

.topMenu>.menu-item>a:hover {
  color: #A50DC4;
}

.submenu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: none;
  position: absolute;
  top: 0px;
  left: 360px;
  transition: left 2s;
  padding-left: 50px;
  width: 360px;
  height: 100%;
}

.submenu>li>a {
  display: block;
  padding: 10px 5px 10px 0;
  text-decoration: none;
  color: #fff;
  line-height: 120%;
}

.submenu>li>a:hover {
  color: #A50DC4;
}

.menu-item.active>a {
  color: #A50DC4;
}

.menu-item a:hover {
  color: #A50DC4 !important;
}

.menu-item a:hover:after {
  right: -20px;
}

.white {
  color: #ffffff
}

.font-40 {
  font-size: 40px;
  margin-bottom: 15px;
  display: block;
}

.title-2 {
  font-size: 50px;
  font-style: normal;
  font-weight: 400;
  color:#00B5EB;
}
.title-2 span { color:#fff; font-size:28px; display:block; margin:15px 0 40px 0;}

.title-3 {
  font-size: 44px;
  font-style: normal;
  font-weight: 400;
  line-height: 70px;
}

.title-4 {
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: 70px;
  position: relative;
  z-index: 0;
  text-align: center;
}

.title-4:after {
  content: '';
  border-radius: 10px;
  background: #0C0BD8;
  height: 24px;
  position: absolute;
  bottom: 9px;
  z-index: -1;
  right: 0;
  width: 60%;
  max-width: 579px;
  left: 50%;
  transform: translateX(-50%);
}

.homeSlider {}

.homeSlider .item img.homeGorsel {
  width: 100%;
}

.homeSlider .item {
  position: relative;
}

.homeSlider .item .videoHome {
  width: 100%;
  height: 100vh;
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
  position: absolute;
}

.homeSlider .homeSliderCaption {
  position: relative;
  padding-top: 250px;
}

.homeSlider .homeSliderCaption .title {
  font-size: 80px;
  line-height: 110%;
  font-weight: 200;
  letter-spacing: 10px;
  display: block;
  letter-spacing: -1px;
}

.homeSlider .homeSliderCaption .title i {
  padding: 0 0 0 80px;
  display: block;
}

.homeSlider .homeSliderCaption .titleBig {
  font-size: 65px;
  line-height: 100%;
}

.homeSlider .homeSliderCaption .summary {
  font-size: 17px;
  font-weight: 400;
  width: 754px;
  display: block;
  line-height:120%;
}

.homeSlider .homeSliderCaption .summary p {
  margin-bottom: 20px;
}

.homeSlider .homeSliderCaption .summary p {
  line-height: normal;
}

.homeSlider .homeSliderCaption .summary strong {
  font-weight: 700;
}

.homeAnmContainer {
  position: absolute;
  z-index: 99;
  top: 0;
  right: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.homeAnmContainer .homeAnmTas {
  position: absolute;
  z-index: 999;
  text-align: center;
}

.homeAnm {}

.homeAnm video {
  width: 100%;
}

.homeAnm lottie-player {
  width: 800px;
  height: 800px;
}

.navigation-card {
  width: 870px;
  border-radius: 0px 150px 150px 0px;
  background: linear-gradient(96deg, #00e4fe 12.24%, #001e7b 56.59%, #216eff 105.6%);
  padding-bottom: 19px;
  font-size: 16px;
  color: rgba(0, 30, 123, 1);
  position: relative;
  z-index: 9999;
  margin: -150px 0 0 0;
}

.navigation-card-inner {
  border-radius: 0px 130px 150px 0px;
  background-color: rgba(217, 217, 217, 1);
  display: flex;
  padding: 60px 120px 60px 80px;
  flex-direction: column;
  align-items: end;
  justify-content: center;
  width: 660px;
  margin: 0px 0 0 0;
  z-index: 99;
  position: relative;
}

.navigation-card-inner .sectionBtnContainer {
  margin: 0;
}

.navigation-card-inner .sectionBtnContainer a {
  background: url(/en/Annual-Report-2025/images/icon/icon-link-blue.svg) left center no-repeat;
  color: #001E7B;
}

#homeIconMenuContainer {
  background: #fff;
  padding: 60px 0;
}

.homeIconMenuContainer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.homeIconMenuContainer a {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: center;
  gap: 20px;
  color: #000;
  transition: 0.5s;
}

.homeIconMenuContainer a:hover img {
  margin: -10px 0 0 0;
  transition: 0.2s;
}

.homeIconMenuContainer a:hover span {
  margin: 10px 0 0 0;
  transition: 0.2s;
}

.sectionBtnContainer {
  display: flex;
  align-items: flex-start;
  gap: 40px;
  margin: 50px 0 0 0;
}

.sectionBtnContainer span {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.sectionBtnContainer span a {
  background: url(/en/Annual-Report-2025/images/icon/icon-link-white.svg) left center no-repeat;
  color: #fff;
  padding: 0 0 0 30px;
  transition: 0.4s;
  width: max-content;
}

.sectionBtnContainer span a:hover {
  background: url(/en/Annual-Report-2025/images/icon/icon-link-white.svg) right center no-repeat;
  color: #fff;
  padding: 0 30px 0 0;
  transition: 0.4s;
}


#homeAtGlance .homeAtGlanceText {
  width: 90%;
  margin: 0 auto;
  text-align: center;
}

#homeAtGlance .title {
  font-size: 44px;
  font-weight: 700;
  padding: 0 0 30px 0;
}

#homeAtGlance .blueBgTitle {
  background: #0C0BD8;
  border-radius: 10px;
  height: 30px;
  padding: 0 40px;
  margin: 20px auto 40px auto;
  display: table;
}

#homeAtGlance .blueBgTitle i {
  font-size: 40px;
  font-weight: 700;
  text-align: center;
  font-style: normal;
  display: block;
  margin: -5px 0 0 0;
}

.homeAtGlanceSlider {
  margin-top: 50px;
}

.homeAtGlanceSlider .item {
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 40px;
  align-content: center;
  flex-wrap: wrap;
}

.homeAtGlanceSlider .item .homeAtGlanceSlider-dipNot {
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
}

.homeAtGlanceSlider .item .homeAtGlanceSlider-title {
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
}

.homeAtGlanceSlider .coloredtitle {}

.homeAtGlanceSlider .coloredtitle i {}

.homeAtGlanceSlider .item p {}

.homeAtGlanceSlider .owl-prev {
  position: absolute;
  left: -120px;
  top: 30%;
}

.homeAtGlanceSlider .owl-next {
  position: absolute;
  right: -120px;
  top: 30%;
}

#homeAtGlance .homeAtGlanceText p {
  font-size: 18px;
  font-style: normal;
  line-height: 24px;
  margin-top: 30px;
}

.homeAtGlanceBoxContainer {
  display: flex;
  gap: 40px;
  flex-wrap: wrap;
}

.homeAtGlanceBoxContainer .item {
  background: #F2FBFE;
}

.homeAtGlanceBoxContainer .item .title {
  background: #0C0BD8;
  color: #fff;
}

.homeAtGlanceBoxContainer .item .title i {}

.detailHeaderGorselContainer {
  position: relative;
  background-position: right top !important;
  background-size: cover !important;
}

.detailHeaderGorsel {}

.detailHeaderGorsel img, .detailHeaderGorsel video {
  width: 100%;
}

.detailHeaderContentContainer {
  position: absolute;
  width: 100%;
  top: 280px;
  padding: 0;
}

.detailHeaderContentContainer .title {
  font-size: 50px;
  font-weight: 400;
  line-height: 110%;
  display: table;
  color: #fff;
  width: 80%;
}

/*.detailHeaderContentContainer .title:after { content:""; width:200px; height:4px; background:#000; display:inline-block; margin:0 0 0 20px;}*/
.detailHeaderContentContainer .summary {
  font-size: 16px;
  line-height: 140%;
  font-weight: 500;
  display: block;
  width: 80%;
  padding: 40px 0 0 0;
  color: #fff;
}

.detailHeaderContentContainer .summary h1 {
  font-size: 50px;
  color: #fff;
  padding: 0 0 20px 0;
  font-weight: 300;
  line-height: 120%;
}

.detailHeaderContentContainer .summary strong {
  font-weight: 500;
}

.detailHeaderContentContainer .hashTag {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  display: flex;
  align-items: center;
  padding: 30px 0 0 0;
  line-height: 120%;
  flex-wrap: wrap;
  gap: 10px;
  width: 70%;
}

.detailHeaderContentContainer .hashTag a {
  color: #A3A3A3;
}

.detailHeaderContentContainer .hashTag a img {
  margin: 0 10px 0 0;
}

.downloadSection {
  margin: 30px 0 0 0;
}

.downloadSection .btnDownload {
  color: #0C0BD8;
}

#detailContentContainer {
  padding: 0;
  position: relative;
  z-index: 9;
  margin: -400px 0 0 0;
}

.detailContent {
  position: relative;
  border-radius: 22px 22px 200px 22px;
  background: #fff;
  padding: 70px 85px 80px 110px;
  font-size: 18px;
  color: #000;
  width: 1160px;
  z-index: 0;
}

.detailContent::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  border-radius: inherit;
  z-index: -1;

  /* Gradient iki kez tekrar ediyor */
  background: linear-gradient(90deg,
      #5B2D91,
      #7A3EC8,
      #A63FD9,
      #FF3E8E,
      #FF3A5E,
      #FF6A3D,
      #FFC857,
      #5B2D91,
      #7A3EC8,
      #A63FD9,
      #FF3E8E,
      #FF3A5E,
      #FF6A3D,
      #FFC857,
      #5B2D91);

  background-size: 200% 100%;
  animation: seamlessFlow 4s linear infinite;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

@keyframes seamlessFlow {
  from {
    background-position: 0% 0;
  }

  to {
    background-position: -100% 0;
  }
}

.detailContent p {
  line-height: 140%;
  padding: 0 0 20px 0;
}

.detailContent p strong {
  font-weight: 400;
  color: #0C0BD8;
}

.detailContent p sup, .detailContent p sub {
  font-size: 11px;
  line-height: 0;
}

.detailContent p img {
  max-width: 100%;
}

.detailContent p a {
  color: #000;
  text-decoration: underline;
  transition: 0.4s;
}

.detailContent p a:hover {
  text-decoration: none;
  transition: 0.4s;
}

.detailContent h2 {
  font-size: 26px;
  font-weight: 400;
  line-height: 120%;
  padding: 0 0 20px 0;
  color: #0C0BD8;
}

.detailContent h2.text-black {
  color: #000;
  line-height: 140%;
}
.detailContent h2.blackTitle { color:#000; font-weight:600;}
.detailContent h1 {
  font-size: 26px;
  font-weight: 400;
  line-height: 120%;
  padding: 0 0 20px 0;
  color: #0C0BD8;
}

/*.detailContent h1:after { content:""; width:80px; height:4px; background:#000; display:inline-block; margin:0 0 0 20px;}*/
.detailContent h3 {
  font-size: 18px;
  line-height: 140%;
  padding: 0;
}

.detailContent h3 i {
  font-style: normal;
  font-size: 20px;
  font-weight: 400;
  display: block;
}

.detailContent h5 {
  font-size: 22px;
  font-weight: 700;
  line-height: 140%;
  padding: 0;
}

.fullThumbContainer img {
  width: 100%;
}

.detailContent ul {
  padding: 0 0 0 10px;
}

.detailContent ul li {
  list-style-position: inside;
  padding: 0 0 5px 0;
  line-height: 140%;
}

/* Wrapper: tüm card'ları yan yana tutar */
.cardGroup {
  position: absolute;
  right: 0;
  top: 50%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 20px;
  pointer-events: none;
}

.card {
  position: relative;
  cursor: pointer;
  pointer-events: none;
}

.card::before {
  content: '';
  position: absolute;
  right: 0;
  top: -80px;
  width: 660px;
  height: 300px;
  z-index: 1;
}

/* Thumbnail'ı sadece ilk card'da göster, diğerlerinde tırnağı gizle */
.cardAuthor {
  display: flex;
  align-items: flex-start;
}

/* İlk card dışındakilerde tırnak işaretini gizle */
.card+.card .anmTirnak {
  display: none;
}

.anmTirnak {
  width: 50px;
  margin: -20px -20px 0 0;
}

.card .authorThumb {
  width: 60px;
  border-radius: 100%;
  display: block;
  pointer-events: auto;
  position: relative;
  z-index: 9999;
  opacity: 1;
  transition: 0.4s;
}

.authorThumb.active {
  opacity: 0;
  transition: 0.4s;
}

/* content layer */
.contentLayer {
  position: absolute;
  z-index: 999;
  right: -100%;
  top: -80px;
  width: 600px;
  border-radius: 88px 88px 88px 250px;
  background: #020315;
  box-shadow: -5px 7px 8.4px 0 rgba(0, 0, 0, 0.40);
  color: #fff;
  padding: 65px 65px 85px 85px;
  transition:
    right 0.45s cubic-bezier(0.4, 0, 0.2, 1),
    opacity 0.3s ease;
  opacity: 0;
  display: flex;
  align-items: flex-start;
  gap: 20px;
  pointer-events: none;
}

.card.active .contentLayer {
  right: 0;
  opacity: 1;
}

/* author */
.author .name {
  margin: 0 0 10px 0;
}

.author .name strong {
  font-weight: 900;
  font-size: 18px;
  color: #fff;
  padding: 0 0 5px 0;
  display: block;
}

.author .name span {
  display: block;
  color: #40497C;
  font-size: 14px;
}

.author p {
  color: #E6E6E6;
  font-style: italic;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
}

.contentLayer .authorImg img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

.contentLayer .authorImg {
  position: relative;
  flex-shrink: 0;
}

.contentLayer .authorImg::before {
  content: '';
  position: absolute;
  top: -23px;
  left: -43px;
  width: 55px;
  height: 45px;
  background-image: url('/en/Annual-Report-2025/images/icon/tirnak.svg');
  background-size: contain;
  background-repeat: no-repeat;
  z-index: -1;
  animation: swing 3s ease-in-out infinite;
  transform-origin: top center;
}

@keyframes swing {
  0% {
    transform: rotate(-3deg) translateY(0px);
  }

  50% {
    transform: rotate(3deg) translateY(0px);
  }

  100% {
    transform: rotate(-3deg) translateY(0px);
  }
}

.listDecarbonizationLeversContainer {
  background: #0626A9;
  border-radius: 25px;
  padding: 40px 20px;
  margin: 0 0 40px 0;
}

.listDecarbonizationLeversContainer .title {
  font-size: 30px;
  font-weight: 500;
  color: #00E4FE;
  line-height: 100%;
  text-align: center;
  padding: 0 0 40px 0;
}

.listDecarbonizationLeversContainer .listDecarbonizationLeversItems {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
}

.listDecarbonizationLeversContainer .listDecarbonizationLeversItems .item {
  display: flex;
  align-items: flex-start;
  color: #fff;
  gap: 10px;
  width: calc(100% / 8 - 30px);
  font-size: 12px;
}

.listDecarbonizationLeversContainer .listDecarbonizationLeversItems .item img {
  width: 32px;
}

.boxContainer {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.boxContainer .item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.boxContainer .item .title {
  font-size: 18px;
  font-weight: 600;
  color: #171796;
  padding: 0 0 30px 0;
}

.boxContainer .item .thumb {
  display: flex;
  align-items: center;
  height: 360px;
}

.summaryInLeftBigBoxContainer {
  display: flex;
  align-items: center;
  gap: 100px;
}

.summaryInLeftBigBoxContainer .summary {
  font-size: 24px;
  font-weight: 500;
  line-height: 140%;
  width: 560px;
}

.summaryInLeftBigBoxContainer .thumb {}

.summaryInLeftBigBoxContainer .thumb img {
  border-radius: 12px;
}

.summaryInLeftBoxContainer {
  display: flex;
  align-items: flex-start;
  gap: 50px;
}

.summaryInLeftBoxContainer .summary {
  font-size: 18px;
  line-height: 140%;
  width: 760px;
}

.summaryInLeftBoxContainer .summary.greenText {
  color: #0626A9;
  font-weight: 500;
}

.summaryInLeftBoxContainer .thumb {}

.summaryInLeftBoxContainer .thumb img {
  border-radius: 12px;
}

.centerImageContainer {
  display: flex;
  justify-content: center;
}

.summaryInLeftBoxContainer .summary.globalPresenceList {
  display: flex;
  flex-direction: column;
  gap: 40px;
  width: 480px;
}

.summaryInLeftBoxContainer .summary.globalPresenceList .item {
  display: flex;
  align-items: center;
  gap: 20px;
}

.summaryInLeftBoxContainer .summary.globalPresenceList .item img {}

.summaryInLeftBoxContainer .summary.globalPresenceList .item i {
  font-style: normal;
  color: #00E4FE;
  font-size: 50px;
  line-height: 100%;
  font-weight: 500;
  padding: 0 0 5px 0;
  display: block;
}

.summaryInLeftBoxContainer .summary.globalPresenceList .item i em {
  font-style: normal;
  color: #171796;
  font-size: 30px;
  font-weight: 500;
  line-height: 100%;
  display: block;
}

.greenBannerBoxContainer {
  display: flex;
  align-items: center;
  gap: 60px;
  text-align: center;
  padding: 60px 0 0 0;
}

.greenBannerBoxContainer .title {
  font-size: 30px;
  font-weight: 500;
  padding: 0 0 20px 0;
}

.greenBannerBoxContainer .leftTitle {
  font-size: 18px;
  font-weight: 500;
}

.greenBannerBoxContent {
  background: #dbf1f1;
  border-radius: 22px;
  padding: 50px 70px;
  font-size: 18px;
  line-height: 140%;
}

.greenBannerBoxContent .subTitle {
  font-size: 18px;
  font-weight: 700;
  display: block;
}

.transSlogan {
  font-size: 24px;
  font-weight: 500;
  width: 840px;
  margin: 40px auto;
  text-align: center;
  line-height: 140%;
}

.transSlogan strong {
  font-weight: 700;
}

.circularContainer {
  display: flex;
  flex-direction: column;
  padding: 60px 0;
  align-items: center;
}

.circularTopContainer {
  display: flex;
  gap: 25px;
  align-items: center;
}

.circularTopContainer .title {
  font-size: 18px;
  font-weight: 500;
  width: 80px;
}

.circularTopContainer .item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 120%;
  background: #CCF0FB;
  color: #25408F;
  font-size: 16px;
  padding: 20px 40px;
  border-radius: 20px;
  width: 300px;
}

.circularTopContainer .item:nth-child(3) {
  background: #C8C7DF;
}

.circularTopContainer .item:nth-child(4) {
  background: #D1D3D4;
}

.circularTopContainer .item i {}

.circularMiddleContainer {
  display: flex;
  gap: 25px;
}

.circularMiddleContainer .title {
  font-size: 18px;
  font-weight: 500;
  width: 80px;
}

.circularMiddleContainer .item {
  padding: 30px 0 50px 0;
  width: 380px;
  text-align: center;
}

.circularMiddleContainer .item i {}

.circularBottomContainer {
  display: flex;
  gap: 25px;
  align-items: center;
}

.circularBottomContainer .title {
  font-size: 18px;
  font-weight: 500;
  width: 80px;
}

.circularBottomContainer .item {
  text-align: center;
  width: 340px;
  line-height: 140%;
  padding: 0 20px;
}

.circularBottomContainer .item i {}

.jointVenturesContainer {
  color: #25408F;
  margin: 40px auto 0 auto;
}
.jointVenturesContainer .item { flex:1;}
.jointVenturesContainer img { }
.jointVenturesContainer .titleContainer {
  border: 1px solid #00E4FE;
  border-radius: 20px;
  padding: 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  margin: 0 0 30px 0;
}

.jointVenturesContainer .titleContainer i {
  font-style: normal;
}

.jointVenturesContainer .titleContainer i span {
  color: #000;
  font-weight: 300;
  padding: 0 20px 0 0;
}

.jointVenturesContainer .itemBoxContainer {
  display: flex;
  gap: 20px;
}

.jointVenturesContainer .itemContainer {
  border: 1px solid #00E4FE;
  border-radius: 20px;
  padding: 20px 30px 60px 30px;
  flex: 1;
}

.jointVenturesContainer .itemContainer .item {
  margin: 0 0 40px 0;
  display: block;
  line-height: 140%;
}

.jointVenturesContainer .itemContainer .title {
  text-align: center;
  display: flex;
  padding: 0 0 40px 0;
  font-weight: 500;
  min-height: 60px;
  align-items: center;
  justify-content: center;
  line-height: 120%;
}

.jointVenturesContainer .itemContainer .item img {
  margin: 0 0 20px 0;
}

.jointVenturesContainer .itemContainer .item ul {}

.jointVenturesContainer .itemContainer .item ul li {
  list-style: none;
  list-style-position: inside;
  padding: 0 0 5px 0;
}

.jointVenturesContainer .itemContainer .item ul li strong {
  color: #000;
  font-weight: 500;
}

.valuesContainer {
  display: flex;
  flex-wrap: wrap;
  gap: 80px;
  padding: 40px 0;
}

.valuesContainer .item {
  font-size: 18px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: calc(100% / 3 - 160px);
  line-height: 140%;
}

.valuesContainer .item img {}

.valuesContainer .item i {
  font-size: 22px;
  font-weight: 700;
  color: #00E4FE;
  font-style: normal;
  padding: 10px 0 20px 0;
}

.managementThumbContainer {
  color: #25408F;
  display: flex;
  font-size: 14px;
  gap: 30px;
}

.managementThumbContainer .column {
  flex: 1;
}

.managementThumbContainer .item {
  display: flex;
  gap: 10px;
  margin: 0 0 15px 0;
}

.managementThumbContainer .item i {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
}

.managementThumbContainer .item span {
  font-weight: 300;
}

.managementThumbContainer .item span strong {
  font-weight: 500;
  display: block;
  padding: 0 0 5px 0;
  font-size: 16px;
}

.committeesSemaContainer {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  font-size: 14px;
}

.committeesSemaContainer .column {
  width: 300px;
}

.committeesSemaContainer .column .item {
  margin: 0 0 33px 0;
}

.committeesSemaContainer .column .item.strip {
  margin: 0;
  display: table;
}

.committeesSemaContainer .column .item.strip:after {
  content: "";
  background: #25408F;
  width: 1px;
  height: 40px;
  display: table;
  margin: 0 auto;
}

.committeesSemaContainer .column .item .title {
  border: 1px solid #25408F;
  border-radius: 12px;
  padding: 15px 20px;
  color: #25408F;
  font-size: 18px;
  display: table;
  min-width: 200px;
}

.committeesSemaContainer .column .item ul {
  padding: 20px 0 0 0;
}

.committeesSemaContainer .column .item ul li {}

.committeesSemaContainer .columnBig {
  width: 910px;
}

.committeesSemaContainer .columnBig .title {
  border: 1px solid #25408F;
  border-radius: 12px;
  padding: 15px;
  color: #25408F;
  font-size: 18px;
  display: table;
}

.committeesSemaContainer .columnBig .listGroup {
  border: 1px solid #25408F;
  border-radius: 12px;
  padding: 25px 15px;
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
}

.committeesSemaContainer .columnBig .strip {
  display: table;
}

.committeesSemaContainer .columnBig .strip:after {
  content: "";
  background: #25408F;
  width: 1px;
  height: 40px;
  display: table;
  margin: 0 auto;
}

.committeesSemaContainer .columnBig ul {
  width: calc(33% - 20px);
}

.committeesSemaContainer .columnBig ul li {
  padding: 0 0 30px 0;
}

.committeesSemaContainer .columnBig ul li:nth-last-child(1) {
  padding: 0;
}

.committeesSemaContainer .columnBig ul li a {
  color: #000;
}


.valueLayerContainer {
  display: none;
  position: fixed;
  z-index: 999;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
}

.valueLayerContentContainer {
  color: #fff;
  margin: 80px auto 0 auto;
  padding: 40px;
}

.closeLayer {
  position: absolute;
  right: 40px;
  top: 40px;
  cursor: pointer;
  z-index: 99;
}

.layerTitle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  font-size: 30px;
  margin: 60px 0 0 0;
  line-height:120%;
}

.layerTitle i {
  font-style: normal;
  width: 60%;
}

.layerTitle i:nth-child(1) {
  text-align: left;
  width: 40%;
}


.layerContent {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  font-size: 14px;
  padding: 60px 0 0 0;
}

.layerContent .column .columnSchema {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  color: #fff;
  padding: 40px 0;
  font-size: 14px;
  font-weight: 500;
  margin: 10px 0 0 0;
  border: 1px solid #fff;
  text-align: center;
  line-height: 25px;
}

.layerContent .column .columnSchema img {
  margin: 0 0 20px 0;
}

.layerContent .column {
  margin: 60px 0 0 0;
  flex: 1;
}

.layerContent .column .icon {
  text-align: center;
  display: block;
}

.layerContent .column .title {
  text-align: center;
  font-size: 20px;
  border: 1px solid #fff;
  padding: 25px 5px;
  margin: 10px 0 20px 0;
}

.layerContent .column .summary {}

.layerContent .column .summary.icon {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}

.layerContent .column .summary img {
  max-width: 95px;
}

.layerContent .column .icon.mobile {
  display: none;
}

.layerContent .column:nth-last-child(1) {
  margin: 98px 0 0 0;
}

#layerFinancial .valueLayerContentContainer {
  background: #84D2E6;
}

#layerManufactured .valueLayerContentContainer {
  background: #84D2E6;
}

#layerHuman .valueLayerContentContainer {
  background: #84D2E6;
}

#layerIntellectual .valueLayerContentContainer {
  background: #84D2E6;
}

#layerNatural .valueLayerContentContainer {
  background: #84D2E6;
}

#layerSocial .valueLayerContentContainer {
  background: #84D2E6;
}

.valueCreationAddContainer {}

.futureDefiningContainer {
  position: relative;
  border: 1px solid #25408F;
  border-radius: 20px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  margin: 20px auto;
  width: 554px;
  text-align: center;
  font-size: 14px;
  color: #25408F;
}

.futureDefiningContainer .item {}

.futureDefiningContainer .item li {
  padding: 0;
}

.futureDefiningContainer .border {
  width: 94px;
  height: 1px;
  background: #25408F;
  margin: 20px auto;
}

.futureDefiningContainer .title {
  font-weight: 700;
  font-size: 16px;
  padding: 0 0 10px 0;
}

.futureDefiningContainer:before {
  content: "";
  background: #25408F;
  width: 150px;
  height: 1px;
  display: table;
  margin: 0 auto;
  position: absolute;
  left: -150px;
  top: 50%;
}

.futureDefiningContainer:after {
  content: "";
  background: #25408F;
  width: 150px;
  height: 1px;
  display: table;
  margin: 0 auto;
  position: absolute;
  right: -150px;
  top: 50%;
}

.valueAddContainer {
  display: flex;
  gap: 18px;
}

.valueAddContainer p {
  padding: 0;
  line-height: 0;
}

.columnBigBoxesTitle {
  background: #0C1674;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  color: #fff;
  text-align: center;
  height: 1242px;
  padding: 20px;
  font-size: 26px
}

.columnBigBoxesArrow {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1260px;
}

.columnBigBoxes {
  width: 400px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  position:relative;
}

.columnBigBoxes:before {
  content: "";
  background: #25408F;
  width: 1px;
  height: 156px;
  display: table;
  margin: 0 auto;
  position: absolute;
  left: 50%;
  top: -156px;
}

  .columnBigBoxes:after {
	content: "";
  background: #25408F;
  width: 1px;
  height: 237px;
  display: table;
  margin: 0 auto;
  position:absolute;
  left:50%;
  bottom:-176px;
  }
  
.columnBoxes:before {
	content: "";
  background: #25408F;
  width: 1px;
  height: 156px;
  display: table;
  margin: 0 auto;
  position:absolute;
  left:50%;
  top:-156px;
  }
  .columnBoxes:after {
	content: "";
  background: #25408F;
  width: 1px;
  height: 237px;
  display: table;
  margin: 0 auto;
  position:absolute;
  left:50%;
  bottom:-176px;
  }


.columnBigBoxes .item {
  padding: 90px 15px 20px 20px;
  border-radius: 20px;
  color: #25408F;
  font-size: 18px;
  font-weight: 500;
  position: relative;
  line-height: 120%;
  cursor: pointer;
}

.columnBigBoxes span.item:after, .columnBoxes .itemContainer:after {
  content: "";
  background: #25408F;
  width: 1px;
  height: 20px;
  display: table;
  margin: 0 auto;
  position: absolute;
  left: 50%;
  bottom: -20px;
}

.columnBigBoxes .item:nth-child(1) {
  background: #e6f7fe;
}

.columnBigBoxes .item:nth-child(2) {
  background: #f9f0eb;
}

.columnBigBoxes .item:nth-child(3) {
  background: #eaeaf6;
}

.columnBigBoxes .item:nth-child(4) {
  background: #fff5eb;
}

.columnBigBoxes .item:nth-child(5) {
  background: #e6f6f6;
}

.columnBigBoxes .item:nth-child(6) {
  background: #eae9ee;
}

.columnBigBoxes .item i {
  position: absolute;
  top: 18px;
  right: 18px;
}

.columnContentContainer {}

.mainTitle {
  margin: 0 0 40px 0;
}

.mainTitle span {
  background: #25408F;
  border-radius: 40px;
  color: #fff;
  padding: 20px 0;
  text-align: center;
  font-size: 24px;
  font-weight: 400;
  display: block;
  line-height: 100%;
}

.mainTitle:after {}

.columnContent {
  background: #25408F;
  padding: 40px 5px 0 5px;
  border-radius: 40px;
}

.columnContent .title {
  color: #171796;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
}

.columnContent .subTitle {
  color: #fff;
  border-radius: 40px;
  border: 1px solid #fff;
  margin: -70px auto 0 auto;
  display: table;
  max-width: 80%;
  font-size: 18px;
  line-height: 120%;
  font-weight: 500;
  text-align: center;
  display: block;
  padding: 20px;
}

.columnContent .arrowDown {
  text-align: center;
  display: block;
  margin: 20px 0;
}

.strategicDirectionsContainer {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.strategicDirectionsContainer .column {
  width: 190px;
  display: flex;
  align-items: center;
}

.strategicDirectionsContainer .column .item {
  display: flex;
  align-items: center;
  text-align: center;
  color: #171796;
  font-size: 22px;
  line-height: 120%;
}

.strategicDirectionsContainer .column .item i {}

.strategicDirectionsContainer .column:nth-of-type(3) .item {
  flex-direction: row-reverse;
}

.strategicDirectionsContainer .content {
  border: 1px solid #A4A49B;
  padding: 30px 20px;
}

.strategicBusinessUnitContainer {
  position: relative;
  border: 1px solid #C7EAFB;
  border-radius: 40px;
  padding: 30px 10px;
  margin: 40px;
}

.twoBasicBox {
  display: flex;
  gap: 40px;
  justify-content: center;
  margin: 20px 0;
  color: #fff;
  font-weight: 400;
}

.twoBasicBox span {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.twoBasicBox span i {
  font-style: normal;
  line-height: 120%;
}

.approachToSustContainer {
  margin: 55px 0 0 0;
}

.approachToSustContainer .content {
  display: flex;
  gap: 30px;
  border: 1px solid #A4A49B;
  padding: 30px 20px;
  margin: 0 15px;
}

.approachToSustContainer .title {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  padding: 0;
  font-size: 20px;
  font-weight: 500;
}

.approachToSustContainer .content .summary {
  display: flex;
  flex-direction: column;
}

.approachToSustContainer .content .summary .schemaTitleContainer {
  display: flex;
  justify-content: space-between;
  margin: 0 0 15px 0;
}

.approachToSustContainer .content .summary .schemaTitle {}

.approachToSustContainer .content .summary .schemaContainer {}

.approachToSustContainer .content .summary .schemaContainer .schema {
  display: flex;
}

.approachToSustContainer .content .summary .schemaContainer .schema span {
  width: 43px;
  height: 43px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  position: relative;
}

.approachToSustContainer .content .summary .schemaContainer .schema span:after {
  content: "";
  height: 4px;
  background: #979794;
  display: inline-block;
  margin: 0;
  position: absolute;
  left: 43px;
}

.approachToSustContainer .content .summary .schemaContainer .schema span:nth-child(1) {
  background: #B6BAB5;
  margin: 0 147px 0 0;
}

.approachToSustContainer .content .summary .schemaContainer .schema span:nth-child(1):after {
  width: 147px;
}

.approachToSustContainer .content .summary .schemaContainer .schema span:nth-child(2) {
  background: #CCE0C5;
  margin: 0 97px 0 0;
}

.approachToSustContainer .content .summary .schemaContainer .schema span:nth-child(2):after {
  width: 97px;
}

.approachToSustContainer .content .summary .schemaContainer .schema span:nth-child(3) {
  background: #A4CE9A;
  margin: 0 136px 0 0;
}

.approachToSustContainer .content .summary .schemaContainer .schema span:nth-child(3):after {
  width: 136px;
}

.approachToSustContainer .content .summary .schemaContainer .schema span:nth-child(4) {
  background: #82C078;
  margin: 0 191px 0 0;
}

.approachToSustContainer .content .summary .schemaContainer .schema span:nth-child(4):after {
  width: 191px;
}

.approachToSustContainer .content .summary .schemaContainer .schema span:nth-child(5) {
  background: #5BB355;
  margin: 0 75px 0 0;
}

.approachToSustContainer .content .summary .schemaContainer .schema span:nth-child(5):after {
  width: 75px;
}

.approachToSustContainer .content .summary .schemaContainer .schema span:nth-child(5):before {
  content: "";
  width: 29px;
  height: 22px;
  position: absolute;
  transform: rotate(90deg);
  left: 115px;
  background: url(../images/icon/icon-gray-triangle.svg) no-repeat;
}

.triangleAyrac {
  padding: 25px 0;
  text-align: center;
}

.approachToSustContainer .content .summary .schemaContainer .schemaItems {
  display: flex;
  gap: 30px;
  margin: 25px 0 0 0;
  line-height: 120%;
}

.approachToSustContainer .content .summary .schemaContainer .schemaItems span:nth-child(1) {
  width: 160px;
}

.approachToSustContainer .content .summary .schemaContainer .schemaItems span:nth-child(2) {
  width: 110px;
}

.approachToSustContainer .content .summary .schemaContainer .schemaItems span:nth-child(3) {
  width: 150px;
}

.approachToSustContainer .content .summary .schemaContainer .schemaItems span:nth-child(4) {
  width: 205px;
}

.approachToSustContainer .content .summary .schemaContainer .schemaItems span:nth-child(5) {
  width: 95px;
}

.howExecuteContainer {
  position: relative;
  border: 1px solid #C7EAFB;
  border-radius: 40px;
  padding: 30px 10px;
  margin: 40px;
}

.howExecuteContainer .title {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  padding: 0;
  font-size: 20px;
  font-weight: 500;
}

.howExecuteContainer .summary {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  align-items: center;
  padding: 40px 0 0 0;
}

.howExecuteContainer .summary .item {
  display: flex;
  flex-direction: column-reverse;
  gap: 20px;
  align-items: center;
  width: calc(100% / 6 - 20px);
  line-height: 120%;
  font-size: 14px;
  text-align: center;
}

.howExecuteContainer .summary .item i {
  font-style: normal;
}


.ourStakeholdersContainer {
  position: relative;
  border-radius: 40px;
  padding: 30px 10px;
  margin: 40px 20px 0 20px;
  text-align: center;
}

.ourStakeholdersContainer .title {}

.ourStakeholdersContainer .summary {
  display: flex;
  gap: 40px;
  justify-content: center;
  flex-wrap: wrap;
  padding: 40px 0 0 0;
  font-size: 14px;
}

.ourStakeholdersContainer .summary .item {
  display: flex;
  gap: 20px;
  align-items: center;
  width: calc(25% - 40px);
  line-height: 120%;
}

.ourStakeholdersContainer .summary .item i {
  font-style: normal;
}

.ourStakeholdersContainer .summary.threeColumn .item {
  width: calc(33% - 60px);
}

.arrowDownIconContainer {
  display: flex;
  align-items: end;
  gap: 40px;
  justify-content: center;
  margin: 40px auto 0 auto;
}

.columnBoxes {
  width: 400px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  position:relative;
}

.columnBoxes .itemContainer {
  display: flex;
  flex-direction: column;
  padding: 76px 15px 20px 20px;
  border-radius: 20px;
  position: relative;
}

.columnBoxes .itemContainer .item {
  padding: 0;
  display: flex;
  font-weight: 500;
  align-items: center;
  color: #25408F;
  line-height: 120%;
  font-size: 16px;
  cursor: pointer;
}

.columnBoxes .itemContainer:nth-child(1) {
  background: #e6f7fe;
}

.columnBoxes .itemContainer:nth-child(1) .item:nth-child(1) {}

.columnBoxes .itemContainer:nth-child(2) {
  background: #f9f0eb;
}

.columnBoxes .itemContainer:nth-child(2) .item:nth-child(1) {}

.columnBoxes .itemContainer:nth-child(3) {
  background: #eaeaf6;
}

.columnBoxes .itemContainer:nth-child(3) .item:nth-child(1) {}

.columnBoxes .itemContainer:nth-child(4) {
  background: #fff5eb;
}

.columnBoxes .itemContainer:nth-child(4) .item:nth-child(1) {}

.columnBoxes .itemContainer:nth-child(5) {
  background: #e6f6f6;
}

.columnBoxes .itemContainer:nth-child(5) .item:nth-child(1) {}

.columnBoxes .itemContainer:nth-child(6) {
  background: #eae9ee;
}

.columnBoxes .itemContainer:nth-child(6) .item:nth-child(1) {}

.columnBoxes .itemContainer .item i {
  position: absolute;
  height: 100%;
  right: 18px;
  top: 18px;
}

.atGlance {
  display: flex;
  gap: 25px;
}

.atGlance .column {
  flex: 1;
}

.atGlance .column .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 40px;
  padding: 10px;
  margin: 0 0 30px 0;
  height: 60px;
  position: relative;
}

.atGlance .column .icon:after {
  content: "";
  width: 1px;
  height: 30px;
  bottom: -30px;
  position: absolute;
}

.atGlance .column .item {
  border-radius: 40px;
  padding: 25px 10px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  font-size: 12px;
  text-align: center;
  line-height: 140%;
  height: 80px;
  transition: 0.4s;
}

.atGlance .column .listItem:after {
  content: "";
  width: 1px;
  height: 40px;
  display: table;
  margin: 0 auto;
}

.atGlance .column .item i {
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  display: block;
  text-align: center;
  margin: 0 0 5px 0;
  line-height: 120%;
  transition: 0.4s;
}

.atGlance .column .item i img {
  margin: 0 0 0 10px;
}

.atGlance .column .item sup {
  font-size: 11px;
  line-height: 0;
}

.atGlance .column:nth-child(1) .icon, .atGlance .column:nth-child(1) .icon:after, .atGlance .column:nth-child(1) .listItem:after {
  background: #FFECCC;
  color: #FF9E00;
}

.atGlance .column:nth-child(2) .icon, .atGlance .column:nth-child(2) .icon:after, .atGlance .column:nth-child(2) .listItem:after {
  background: #CCF0FB;
  color: #00B6EA;
}

.atGlance .column:nth-child(3) .icon, .atGlance .column:nth-child(3) .icon:after, .atGlance .column:nth-child(3) .listItem:after {
  background: #DDE5D0;
  color: #557D14;
}

.atGlance .column:nth-child(4) .icon, .atGlance .column:nth-child(4) .icon:after, .atGlance .column:nth-child(4) .listItem:after {
  background: #CBC5E2;
  color: #462F91;
}

.atGlance .column:nth-child(5) .icon, .atGlance .column:nth-child(5) .icon:after, .atGlance .column:nth-child(5) .listItem:after {
  background: #FDDBD5;
  color: #F44A2C;
}

.atGlance .column:nth-child(6) .icon, .atGlance .column:nth-child(6) .icon:after, .atGlance .column:nth-child(6) .listItem:after {
  background: #CDD7E3;
  color: #26306A;
}

.atGlance .column .listItem:nth-last-child(1):after {
  display: none;
}

.atGlance .column .item:hover {
  transition: 0.4s;
}

.atGlance .column .item:hover i {
  color: #fff !important;
}

.atGlance .column:nth-child(1) .item i {
  color: #FF9E00;
}

.atGlance .column:nth-child(2) .item i {
  color: #00B6EA;
}

.atGlance .column:nth-child(3) .item i {
  color: #557D14;
}

.atGlance .column:nth-child(4) .item i {
  color: #462F91;
}

.atGlance .column:nth-child(5) .item i {
  color: #F44A2C;
}

.atGlance .column:nth-child(6) .item i {
  color: #26306A;
}

.atGlance .column:nth-child(1) .item {
  border: 1px solid #FF9E00;
}

.atGlance .column:nth-child(2) .item {
  border: 1px solid #00B6EA;
}

.atGlance .column:nth-child(3) .item {
  border: 1px solid #557D14;
}

.atGlance .column:nth-child(4) .item {
  border: 1px solid #462F91;
}

.atGlance .column:nth-child(5) .item {
  border: 1px solid #F44A2C;
}

.atGlance .column:nth-child(6) .item {
  border: 1px solid #26306A;
}

.atGlance .column:nth-child(1) .item:hover {
  background: #FF9E00;
  color: #fff;
}

.atGlance .column:nth-child(2) .item:hover {
  background: #00B6EA;
  color: #fff;
}

.atGlance .column:nth-child(3) .item:hover {
  background: #557D14;
  color: #fff;
}

.atGlance .column:nth-child(4) .item:hover {
  background: #462F91;
  color: #fff;
}

.atGlance .column:nth-child(5) .item:hover {
  background: #F44A2C;
  color: #fff;
}

.atGlance .column:nth-child(6) .item:hover {
  background: #26306A;
  color: #fff;
}

.natureAgendaSchemaContainer {
  padding: 60px 0 0 0;
}

.natureAgendaSchemaContainer .title {
  font-size: 22px;
  font-weight: 500;
  line-height: 120%;
  padding: 0 0 30px 0;
}

.natureAgendaSchema {
  display: table;
}

.natureAgendaSchema .row {
  display: flex;
}

.natureAgendaSchema .spaceRow {
  padding: 20px 0 10px 0;
}

.natureAgendaSchema .row .column {
  font-size: 14px;
  text-align: center;
  margin: auto;
  padding: 0 0 10px 0;
  position: relative;
  line-height: 120%;
}

.natureAgendaSchema .row .column.greenText {
  color: #58bdbd;
  font-weight: bold;
}

.natureAgendaSchema .row .column strong {
  font-weight: 500;
}

.natureAgendaSchema .row .column.itemTitle {
  width: 480px;
  margin: 0 40px 0 0;
  text-align: left;
}

.natureAgendaSchema .row .column.itemYear {
  width: 90px;
  margin: 0 20px 0 0;
}

.natureAgendaSchema .row .column.itemTargetYear {
  width: 220px;
  margin: 0 0 0 20px;
  color: #58bdbd;
  font-weight: bold;
}

.natureAgendaSchema .row .column .itemBorderTitle {
  display: block;
  border: 1px solid #58bdbd;
  border-radius: 12px;
  padding: 10px 20px;
}

.natureAgendaSchema .row .column .itemBorder {
  display: block;
  border: 1px solid #99998F;
  border-radius: 12px;
  color: #3B4D96;
  text-align: center;
  padding: 10px 5px;
}

.natureAgendaSchema .row .column .itemBorder img {
  height: 15px;
  margin: 0px 0 -2px 5px;
}

.natureAgendaSchema .row .column .itemBlueBg {
  font-weight: bold;
  display: block;
  background: #e7f6f6;
  border: 1px solid #58bdbd;
  border-radius: 12px;
  color: #58bdbd;
  text-align: center;
  padding: 10px 5px;
}

.natureAgendaSchema .row .column.itemBigBox {}

.natureAgendaSchema .row .column.itemBigBox .itemBlueBg {
  position: absolute;
  height: 65px;
  display: flex;
  align-items: center;
}

.esgPerfContainer {}

.esgPerfContainer .title {
  font-size: 26px;
  font-weight: 500;
  line-height: 120%;
  padding: 0 0 30px 0;
}

.esgPerfContent {
  display: flex;
  gap: 35px;
}

.esgPerfContent span {
  line-height: 0;
}

.esgPerfContent span img {
  border-radius: 12px;
  line-height: 0;
}

.humanChartContainer {}

.humanChartContainer .summary {
  width: 420px;
  font-size: 26px;
}

.humanChartContainer .chartContainer {
  display: flex;
  flex-wrap: wrap;
  width: 990px;
}

.humanChartContainer .chartContainer .chartItem {
  margin: 0 0 80px 0;
  position: relative;
  justify-content: space-between;
  width: 330px;
}

.humanChartContainer .chartContainer .chartItem .title {
  font-size: 18px;
  color: #25408F;
  font-weight: 500;
  display: block;
  margin: 0 auto 30px auto;
  width: 80%;
  padding: 0 !important;
  line-height: 120%;
}

.humanChartContainer .chartContainer .chartItem .item {
  display: flex;
}

.humanChartContainer .chartContainer .chartItem .item .column {
  display: flex;
  flex-direction: column;
  color: #25408F;
}

.humanChartContainer .chartContainer .chartItem .item .column:nth-child(1) {
  justify-content: flex-start;
}

.humanChartContainer .chartContainer .chartItem .item .column:nth-child(2) {
  justify-content: center;
}

.humanChartContainer .chartContainer .chartItem .item .column:nth-child(3) {
  justify-content: flex-end;
}

.humanChartContainer .chartContainer .chartItem .item .column i {
  font-style: normal;
  font-weight: 700;
}

.humanChartContainer .chartContainer .chartItem .item .column strong {
  display: block;
  font-size: 14px;
  font-weight: 500;
}

.humanChartContainer .chartContainer .chartItem .item column.thumbChart {}

.humanChartContainer .chartContainer .chartTwoItemContainer {}

.humanChartContainer .chartContainer .chartTwoItemContainer .title {
  font-size: 18px;
  color: #25408F;
  font-weight: 500;
  display: block;
  padding: 0 0 30px 0;
}

.humanChartContainer .chartContainer .chartTwoItem {
  display: flex;
}

.humanCapitalStrategyContainer {
  display: flex;
  justify-content: center;
  padding: 40px 0 0 0;
}

.humanCapitalStrategyContainer .item {
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  justify-content: flex-start;
  flex: 1;
  padding: 0 10px 20px 10px;
  gap: 20px;
  transition: 0.4s;
  border-right: 1px solid #AEAEAE;
}

.humanCapitalStrategyContainer .item:last-child {
  border: none;
}

.humanCapitalStrategyContainer .item:hover {
  background: #fff;
  transition: 0.4s;
}

.humanCapitalStrategyContainer .icon {}

.humanCapitalStrategyContainer .icon img {
  height: 60px
}

.humanCapitalStrategyContainer .number {
  display: block;
  padding: 15px 20px;
  border-radius: 100%;
  background: #0C0BD8;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
}

.humanCapitalStrategyContainer .summary {
  font-size: 16px;
  line-height: 140%;
  width: 165px;
}

.totalTrainingContainer {}

.totalTrainingContainer .summary {
  flex: 1;
  font-size: 24px;
}

.totalTrainingContainer .chartContainer {
  flex: 3;
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}

.totalTrainingContainer .chartContainer .chartItem {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin: 0 0 40px 0;
  position: relative;
  width: 270px;
}

/*.totalTrainingContainer .chartContainer .chartItem:nth-child(2) { justify-content:flex-end;}*/
.totalTrainingContainer .chartContainer .chartItem:nth-child(3) {
  justify-content: flex-end;
}

.totalTrainingContainer .chartContainer .chartItem .title {
  font-size: 18px;
  color: #000;
  font-weight: 500;
  display: block;
  margin: 0 auto 30px auto;
  padding: 0 !important;
}

.totalTrainingContainer .chartContainer .chartItem .item {
  display: flex;
  flex-direction: column;
  line-height: 120%;
}

.totalTrainingContainer .chartContainer .chartItem .item i {
  font-style: normal;
  display: block;
}

.totalTrainingContainer .chartContainer .chartItem .item strong {
  display: block;
  font-size: 40px;
  font-weight: 500;
  color: #00E4FE;
  line-height: 120%;
}

.totalTrainingContainer .chartContainer .chartItem .item strong span {
  font-size: 30px;
}

.totalTrainingContainer .chartContainer .chartItem.borderBottom {
  padding: 0 0 40px 0;
  margin: 0;
}

.totalTrainingContainer .chartContainer .chartItem .item strong img {
  margin: 0 0 0 10px;
}

.tableContainer {
  width: 960px;
}

.tableHeader {
  background: #58bdbd;
  display: flex;
  padding: 15px;
  align-items: center;
  border-radius: 20px;
}

.tableHeader .column {
  color: #25408f;
  font-size: 16px;
  font-weight: 700;
}

.tableHeader .column:nth-child(1) {
  width: 160px;
}

.tableHeader .column:nth-child(2) {
  width: 510px;
  border-left: 1px solid #25408f;
  padding: 0 0 0 25px;
}

.tableHeader .column:nth-child(3) {
  width: 110px;
  border-left: 1px solid #25408f;
  padding: 0 0 0 15px;
}

.tableHeader .column:nth-child(4) {
  width: 110px;
  border-left: 1px solid #25408f;
  padding: 0 0 0 15px;
}

.tableRow {
  display: flex;
  align-items: center;
  margin: 30px 0 0 0;
  gap: 30px;
}

.tableRow .column {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 140%;
  border-radius: 20px;
}

.tableRow .column:before {}

.tableRow .column:nth-child(1) {
  width: 170px;
  color: #25408F;
  font-weight: 700;
}

.tableRow .column:nth-child(2) {
  width: 540px;
  min-height: 75px;
  border: 1px solid #A5A59D;
  padding: 20px;
}

.tableRow .column:nth-child(2):before {
  content: "";
  background: #A5A59D;
  width: 30px;
  height: 1px;
  display: table;
  position: absolute;
  left: -30px;
}

.tableRow .column:nth-child(3) {
  width: 110px;
  border: 1px solid #A5A59D;
  padding: 0 5px;
  height: 115px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-weight: 700;
  color: #25408F;
}

.tableRow .column:nth-child(3):before {
  content: "";
  background: #A5A59D;
  width: 30px;
  height: 1px;
  display: table;
  position: absolute;
  left: -30px;
}

.tableRow .column:nth-child(4) {
  width: 70px;
  height: 70px;
  padding: 20px 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #A5A59D;
  border-radius: 100%;
  text-align: center;
  font-weight: 700;
  color: #25408F;
}

.tableRow .column:nth-child(4):before {
  content: "";
  background: #A5A59D;
  width: 30px;
  height: 1px;
  display: table;
  position: absolute;
  left: -30px;
}


.humanRightsContainer {
  display: flex;
  gap: 15px;
}

.humanRightsContainer .column {
  flex: 1;
  width: 333px;
  font-size: 16px;
}

.humanRightsContainer .column .title {
  border: 1px solid #A5A59D;
  padding: 15px;
  color: #25408F;
  font-weight: 600;
  margin: 0 0 20px 0;
  height: 70px;
  line-height: 140%;
}

.humanRightsContainer .column ul {
  padding: 0 15px 0 25px;
}

.safetyManagement {}

.energyClimateContainer {
  margin: 100px 0 0 0;
}

.energyClimateContainer .title {
  color: #25408F;
  font-size: 24px;
  font-weight: 500;
  padding: 0 0 60px 0;
  text-align: center;
  display: block;
}

.energyClimateContainer .energyClimateContent {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.energyClimateContainer .energyClimateContent .item {
  color: #25408F;
  text-align: center;
  font-weight: 500;
  width: 190px;
}

.energyClimateContainer .energyClimateContent .item img {}

.energyClimateContainer .energyClimateContent .item i {
  font-style: normal;
  display: block;
  padding: 10px 0 0 0;
  line-height: 120%;
}


.growthPlatformsContainer {
  gap: 50px;
  justify-content: flex-start;
}

.growthPlatformsContainer .column.growthBoxContainer {
  width: 450px;
}

.growthPlatformsContainer .growthBoxContainer {}

.growthPlatformsContainer .growthBoxContainer .item {
  border: 1px solid #25408F;
  padding: 30px;
  margin: 0 0 20px 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 30px;
  color: #25408F;
  font-weight: 600;
}

.growthPlatformsContainer .growthBoxContainer .item:nth-child(2) {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.growthPlatformsContainer .growthBoxContainer .item:nth-child(2) span {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 30px;
}

.growthPlatformsContainer .growthBoxContainer .item:nth-child(2) span:nth-child(2) {
  text-align: center;
}

.growthPlatformsContainer .growthBoxContainer .item span {}

.growthPlatformsContainer .growthBoxContainer .item img {}

.growthPlatformsContainer .growthBoxContainer .item i {
  font-style: normal;
}

.growthNumberContainer {
  width: 620px;
}

.growthNumberContainer .item {
  display: flex;
  gap: 30px;
  flex-direction: row;
  align-items: flex-start;
  margin: 0 0 40px 0;
  color: #25408F;
  line-height: 140%;
}

.growthNumberContainer .item i {
  background: #25408F;
  width: 84px;
  height: 84px;
  color: #fff;
  font-size: 30px;
  font-weight: 600;
  display: flex;
  font-style: normal;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
}

.growthNumberContainer .item span {
  display: block;
  width: 500px;
}

.growthNumberContainer .item span strong {
  font-weight: 600;
  display: block;
  padding: 0 0 10px 0;
}

.verticalinvestedContainer {}

.verticalinvestedContent {
  display: flex;
  align-items: flex-start;
  gap: 60px;
}

.verticalinvestedContent .column {}

.verticalinvestedContent .column:nth-child(2) {
  padding: 30px 0;
  border: 1px solid #25408F;
}

.verticalinvestedContent .column .title {
  text-align: center;
  font-weight: 600;
  color: #25408F;
  padding: 0 0 30px 0;
}

.verticalinvestedContent .column .columnFlex {
  display: flex;
  width: 340px;
  padding: 0 30px;
  margin: auto;
  justify-content: center;
  flex-wrap: wrap;
  gap: 60px;
  color: #25408F;
}

.verticalinvestedContent .column .columnFlex span {
  text-align: center;
  display: block;
  width: 140px;
}

.verticalinvestedContent .column .columnFlex span img {}

.verticalinvestedContent .column .columnFlex span i {
  display: block;
  font-style: normal;
  margin: 10px 0 0 0;
}

.downloadCenterContainer {
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
  padding: 10px 0 0 0;
}

.downloadCenterContainer a {
  display: flex;
  align-items: center;
  height: 120px;
  background: #72b0a4;
  border: 1px solid #72b0a4;
  border-radius: 20px;
  padding: 0 70px 0 25px;
  width: calc(50% - 110px);
  position: relative;
  font-size: 20px;
  font-weight: 600;
  color: #fff;
  gap: 25px;
  transition: 0.4s;
  line-height:120%;
}

.downloadCenterContainer a:hover {
  opacity: 0.8;
}

.downloadCenterContainer a:after {
  content: '';
  background: url(/en/Annual-Report-2025/images/icon/icon-download-white.svg);
  width: 40px;
  height: 40px;
  right: 25px;
  position: absolute;
}

.downloadCenterContainer a img {
  height: 40px;
}

.downloadPol a:after {
  background: none;
}

.downloadCenterContainer.downloadPol a {
  background: #7d50b2;
  border: 1px solid #7d50b2;
}
.downloadCenterContainer.downloadKurumsalYonetim a {
  background: #00B5EB;
  border: 1px solid #00B5EB;
}
.downloadCenterContainer.downloadSur a {
  background: #725DE9;
  border: 1px solid #725DE9;
}
.downloadCenterContainer.downloadSunum a {
  background: #CA3538;
  border: 1px solid #CA3538;
}
.downloadCenterContainer.downloadDenetci a {
  background: #031789;
  border: 1px solid #031789;
}
.downloadCenterContainer.downloadInfo a {
  background: #FF3E8E;
  border: 1px solid #FF3E8E;
}
.downloadCenterContainer.downloadPol a:hover {
  opacity: 0.8;
}

.relatedTopicsPageContainer {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  text-align: center;
  justify-content: center;
}

.relatedTopicsPageContainer a {
  color: #000;
}

.relatedTopicsPageContainer a:hover {
  color: #fff;
}

.materialityMatrixContainer {
  display: flex;
  align-items: flex-start;
  gap: 40px;
}

.materialityMatrixContainer .thumb {}

.materialityMatrixContainer .thumb img {
  border-radius: 40px;
}

.materialityMatrixContainer .summary {
  line-height: 200%;
  font-size: 16px;
}

.materialityMatrixContainer .summary strong {
  font-weight: 700;
}

#homePage footer {}

footer {
  padding: 0;
}

#footerMenuContainer {
  background: #CFCFC4;
  padding: 60px 0;
  display: none;
}

.footerMenuBtnContainer {
  font-size: 30px;
  font-weight: 500;
  display: flex;
  align-items: flex-end;
}

.footerMenuBtnContainer span {
  line-height: 100%;
  display: flex;
  align-items: flex-end;
  gap: 40px;
}

.footerMenuBtnContainer span:after {
  content: "";
  width: 1200px;
  height: 4px;
  background: #000;
  display: block;
  margin: 0 0 5px 0;
}

.footerMenuBtnContainer i {
  font-style: normal;
  margin: 0 0 -8px 20px;
  cursor: pointer;
}

.footerMenuBtnContainer i:after {
  content: '+';
}

.footerMenuBtnContainer i.mobileMenuClose:after {
  content: '-';
}

.footerMenu {
  display: none;
  flex-wrap: wrap;
  gap: 40px;
  align-items: flex-start;
  padding: 60px 0 0 0;
}

.footerMenu .item {
  width: calc(33% - 40px);
  display: flex;
  flex-direction: column;
  font-size: 14px;
}

.footerMenu .item a {
  color: #000;
}

.footerMenu .item strong {
  display: block;
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 20px 0;
  line-height: 100%;
}

.footerMenu .item ul {}

.footerMenu .item ul li {
  padding: 0 0 10px 0;
  list-style-position: inside;
  display: flex;
}

.footerMenu .item ul li:before {
  content: '•';
  margin: 0 10px 0 0;
}

.footerMenu .item ul li a {
  color: #000;
}


#section-vision {
  text-align: center;
  position: relative;
  margin-top: 110px;
  padding: 15px 0 0 0;
}

footer {
  overflow: hidden;
}

.vision-title {
  font-size: 34px;
  font-weight: 700;
  margin-bottom: 20px;
  line-height: 140%;
}

.vision-text {
  max-width: 1117px;
  margin: 0 auto 60px;
  font-size: 18px;
  line-height: 140%;
}

.vision-image-wrapper {
  position: absolute;
  top: 70px;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  width: 100%;
  max-width: 600px;
}

#footerCopyContainer {
  text-align: center;
}

.footerCopyContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 0 0 40px 0;
}

.footerCopyContainer .footerCopyLogo {
  color: #000;
  font-size: 14px;
  border-radius: 70px;
  font-weight: 400;
  background: #D9D9D9;
  padding: 30px 70px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: calc(100% - 140px);
}

.footerCopyContainer .footerCopyLogo a {
  display: flex;
  align-items: center;
  gap: 20px;
  color: #000;
}

.footerCopyContainer .footerCopyLogo i {
  font-style: normal;
  border-left: 1px solid #000;
  padding: 10px 0 10px 20px;
}

.footerCopyContainer .footerCopyLogoSummary {
  color: #031789;
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
  text-align: right;
}

.footerCopyContainer .footerCopyMenu {
  font-size: 12px;
  font-weight: 400;
  padding: 40px 0 0 0;
  display: flex;
  gap: 20px;
}

.footerCopyContainer .footerCopyMenu a {
  color: rgba(255, 255, 255, 0.4);
}

.footerCopyContainer .goTopBtn {
  position: absolute;
  right: 0;
  bottom: -10px;
  z-index: 99;
  cursor: pointer;
  line-height: 0;
  transition: 0.2s;
}

.footerCopyContainer .goTopBtn:hover {
  bottom: 0;
  transition: 0.4s;
}


/*tksn*/
#toggle-button {
  display: none;
}

.menu-wrapper {
  margin: 120px 70px 70px 70px;
  position: relative;
}

.border-bottom {
  border-bottom: 1px solid #000;
  padding-bottom: 25px;
}

.header-menu-top {
  display: flex;
  flex-wrap: wrap;
  gap: 60px;
}

.header-menu-top .item-left {
  width: 70%;
}

.header-menu-top .item-right {
  width: 30%;
  display: flex;
  align-items: end;
  gap: 40px;
  flex-direction: column;
}

.download-pdf {
  background: linear-gradient(90deg, #00c6ff, #0072ff);
  color: white;
  padding: 14px 32px;
  font-size: 16px;
  border: none;
  border-radius: 30px;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 10px rgba(0, 114, 255, 0.4);
}

.download-pdf a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  color: #fff;
}

.download-pdf:hover {
  transform: scale(1.05);
  box-shadow: 0 6px 14px rgba(0, 114, 255, 0.6);
}

.header-menu-bottom {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: flex-end;
}

.subMenuContainer {
  display: none;
  gap: 20px;
  position: absolute;
  top: 40px;
  right: 80px;
  z-index: 99;
}

.subMenuContainer .item a {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #fff;
}

.subMenuContainerOpen {
  display: flex;
}

.header-menu-bottom .item-right .img {
  width: 75%;
}

.header-menu-bottom .item-right {
  display: flex;
  justify-content: flex-end;
}

.hover {
  position: relative;
}

/*.hover:after {
    padding-left: 20px;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0;
    content: '';
    width: 0;
    height: 3px;
    background: #000;
    margin-top: 5px;
    transition: all 1s ease;
    opacity: 0;
}*/

.hover:hover:after {
  width: 100%;
  opacity: 1;
}

.menu-item.active .hover:after {
  width: 100%;
  opacity: 1;
}

.btn-close {
  display: none;
}

.mobileMenuClose .btn-close {
  display: block;
}

.mobileMenuClose .btn-menu {
  display: none;
}


/*.accordion { cursor: pointer; border: none; outline: none; transition: 0.4s; margin:0 0 20px 0; font-weight:500; padding:30px; border-radius:20px;  }
.accordion:before { content: '\002B'; margin:0 10px 0 0;}
.accordion.open:before { content: "\2212";}*/
.panel {
  padding: 10px 20px;
  display: none;
  overflow: hidden;
}

.panel .accordion {
  margin: 0 0 10px 0;
  padding: 20px 30px;
}

.panel .accordion .panel {
  padding: 20px;
}

.panel.green .accordion {
  background: #b9e5fa;
}

.panel.purple .accordion {
  background: #BBA2C7;
}

.panel.blue .accordion {
  background: #d4effc;
}

.panel .accordion:after {
  content: '\002B';
  float: right;
}

.panel .accordion.open:after {
  content: "\2212";
}

.panel .accordion:before {
  content: "";
}

.panel .accordion.open:before {
  content: "";
}

.tagSearchListContainer {}

.related-topics-tag {
  background: #ccc;
  text-align: center;
  color: #0C0BD8;
  width: 800px;
  margin: 40px auto 0;
  padding: 50px;
  border-bottom: 8px solid #0C0BD8;
  border-radius: 40px;
}

.related-topics-tag .tagTitle {
  font-size: 30px;
  line-height: 100%;
  margin-block-start: 0;
  margin: 0 0 30px 0;
}

.related-topics-tag a {
  color: #0C0BD8;
  margin: 0 0 15px 0;
  display: block;
  text-decoration: none;
  font-size: 18px;
  transition: 0.5s;
}

.related-topics-tag .grid {
  display: flex;
  flex-direction: column;
  height: auto !important;
}

.related-topics-tag .grid>div {
  width: 100%;
}

.related-topics-tag .grid .element-item {
  font-size: 20px;
  position: relative !important;
  top: auto !important;
  left: auto !important;
}

.related-topics-text .button {
  padding: 5px;
  display: inline-flex;
  cursor: pointer;
  transition: 0.5s;
}

.related-topics-text .button:hover {
  color: #00B5EB;
}

.related-topics-tag a:hover {
  color: #00AEEF;
}

.related-topics-text {}

.directorsListContainer {}

.directorsListContainer .summary {}

.directorsListContainer .summary ul {
  display: flex;
  gap: 80px;
  flex-wrap: wrap;
  align-items: start;
  width: 790px;
  margin: 0 auto;
  padding: 0 0 40px 0;
  justify-content: center;
}

.directorsListContainer .summary ul li {
  display: flex;
  flex-direction: column;
  gap: 10px;
  text-align: center;
  justify-content: center;
  width: 210px;
  text-align: center;
}

.directorsListContainer .summary ul li a {
  color: #000;
  text-decoration: none;
  line-height: 100%;
}

.directorsListContainer .summary ul li img {
  margin: 0 0 5px 0;
}

.directorsListContainer .summary ul li span {
  font-size: 14px;
}

.directorsListContainer .summary ul li span i {
  display: block;
  font-style: normal;
  font-size: 16px;
  font-weight: 500;
  color: #001E7B;
}

.w-300 {
  width: 300px;
}

.borderBottom {
  border-bottom: 3px solid #00E4FE;
}

.directorsListContainer.fourColumnContainer {}

.directorsListContainer.fourColumnContainer .summary ul {
  gap: 40px;
  width: 850px;
}

.directorsListContainer.fourColumnContainer .summary ul li {
  width: 180px;
}



#page-info-section {
  width: 100%;
  padding: 40px 0;
  display: flex;
  justify-content: center;
}

#page-info-section .container {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 50px;
}

/* Left Card Styles */
#page-info-section .download-card {
  width: 295px;
  height: 150px;
  position: relative;
  flex-shrink: 0;
  /* Creating the gradient border with rounded corners */
  background:
    linear-gradient(#fff, #fff) padding-box,
    linear-gradient(135deg, #b000b0 0%, #0000ff 100%) border-box;
  border: 2px solid transparent;
  border-radius: 8px 8px 40px 8px;
  /* Approximating the shape from image */
  display: flex;
  flex-direction: column;
  transition: 0.8s;
}

#page-info-section .download-card::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 2px;
  border-radius: inherit;
  background: linear-gradient(90deg,
      #A50DC4,
      #1033F4,
      #A50DC4);
  background-size: 200% 100%;
  animation: borderFlow 2s linear infinite;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  z-index: -1;
}

@keyframes borderFlow {
  from {
    background-position: 0% 0;
  }

  to {
    background-position: 200% 0;
  }
}

#page-info-section a.download-card:hover {
  background: #A50DC4;
  color: #fff;
  transition: 0.4s;
  border-radius: 40px 8px 8px 8px;
}

#page-info-section a.download-card:hover img {
  margin: 5px 0 -5px 0;
  transition: 0.4s;
}

#page-info-section a.download-card:hover .download-text {
  color: #fff;
  transition: 0.4s;
}

#page-info-section .card-content {
  padding: 23px 28px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: 0.4s;
}

#page-info-section .download-icon {
  width: 36px;
  height: 36px;
  margin: 0 0 40px 0;
  transition: 0.4s;
}

#page-info-section .download-text {
  margin: 0;
  padding: 0;
  color: #031789;
  font-size: 16px;
  transition: 0.4s;
  font-style:normal;
}

/* Right List Styles */
#page-info-section .links-wrapper {
  flex-grow: 1;
}

#page-info-section .section-title {
  margin: 0 0 9px 0;
  color: #031789;
  font-size: 18px;
}

#page-info-section .separator-line {
  width: 100%;
  height: 1px;
  background-color: #0c0bd8;
  margin-bottom: 19px;
}

#page-info-section .links-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

#page-info-section .link-item {
  display: flex;
  align-items: center;
  padding: 4px 0;
  transition: opacity 0.2s;
}

#page-info-section .link-item:hover {
  opacity: 0.8;
}

#page-info-section .link-icon {
  width: 13px;
  height: 13px;
  margin-right: 14px;
  flex-shrink: 0;
}

#page-info-section .link-text {
  color: #031789;
  font-size: 16px;
  line-height: 100%;
}

/* Responsive Design */
@media (max-width: 900px) {
  #page-info-section .container {
    flex-direction: column;
    align-items: center;
    gap: 40px;
  }

  #page-info-section .download-card {
    width: 100%;
    max-width: 350px;
  }

  #page-info-section .links-wrapper {
    width: 100%;
  }
}




.section-spacing {
  padding: 40px 0;
}

.text-center {
  text-align: center;
}

.small-text {
  font-size: 0.85rem;
  color: #333;
  margin-top: 1rem;
  line-height: 1.4;
}

.main-title {
  font-size: 26px;
  font-weight: 400;
  margin: 0;
  padding: 0 0 30px 0;
}

.content-text {
  font-size: 1rem;
  line-height: 1.6;
}

h2.section-title {
  color: #0C0BD8;
}

.image-wrapper {
  display: flex;
  justify-content: center;
  margin: 0 0 30px 0;
}

.intro-text {
  font-size: 1.1rem;
  margin-bottom: 30px;
}

.discipline-block {
  margin-top: 50px;
}

.pillar-bars {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}


.accordion {}

.accordion-item {
  margin-bottom: 10px;
  overflow: hidden;
}

.accordion-header {
  padding: 20px 30px;
  cursor: pointer;
  position: relative;
  font-size: 26px;
  background: #C1E5EF;
  transition: 0.3s;
  color: #0C0BD8;
  border-radius: 10px;
}

.accordion-header i {
  display: block;
  color: #000;
  font-size: 18px;
  font-style: normal;
  margin: 5px 0 0 0;
}

.accordion-header:hover {
  background: #f0f3f8;
}

.accordion-header .icon {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px;
  color: #000;
}

.accordion-content {
  display: none;
  padding: 30px;
}


.section-title-bar {
  background-color: #0c0bd8;
  color: #fff;
  text-align: center;
  padding: 15px;
  font-size: 26px;
  text-transform: uppercase;
  border-radius: 6px;
  margin-bottom: 40px;
}

.grid-2-col-container {
  margin: 40px 0 0 0;
}

.grid-2-col {
  display: grid;
  grid-template-columns: 1fr;
  gap: 40px;
}

.grid-2-col-container h3 {
  font-size: 24px;
  color: #0C0BD8;
  padding: 0 0 10px 0;
}

.grid-2-col-container .grid-2-col .capital-item {
  margin-bottom: 30px;
}

.info-box {
  background-color: #c1e5ef;
  border-radius: 10px;
  padding: 20px 40px;
  margin-bottom: 20px;
  line-height: 140%;
  display: table;
}

.info-box span {
  font-size: 26px;
}

@media (min-width: 768px) {
  .grid-2-col {
    grid-template-columns: 1fr 1fr;
  }
}

.action-item {
  display: flex;
  gap: 1.5rem;
  margin-bottom: 10px;
}

.blue-bar {
  width: 12px;
  height: 75px;
  background-color: #0c0bd8;
  flex-shrink: 0;
  /* The height will automatically stretch to match the text content due to flexbox default align-items: stretch */
}


.yearsOfValueCreation {
  margin: 0 0 60px 0;
}

.yearsOfValueCreation .years {
  border-radius: 90px;
  color: #fff;
  padding: 20px 30px;
  display: table;
  font-size: 26px;
  font-style: italic;
}

.yearsOfValueCreation .title {
  display: block;
  font-size: 36px;
  padding: 40px 0 20px 0;
}

.yearsOfValueCreation .subTitle {
  display: block;
  font-size: 26px;
  line-height: 120%;
}

.yearsOfValueCreation .summary {
  display: block;
  margin: 30px 0;
  padding: 0 0 0 10px;
  width: 70%;
  line-height: 140%;
}

.yearsOfValueCreation p {}

.yearsOfValueCreation .accordion-header {
  background: none;
  border-bottom: 1px solid #CFCFCF;
  border-radius: 0;
  padding: 20px 0;
}

.yearsOfValueCreation:nth-child(1) .years {
  background: #00B5EB;
}

.yearsOfValueCreation:nth-child(1) .subTitle {
  color: #00B5EB;
}

.yearsOfValueCreation:nth-child(1) .summary {
  border-left: 1px solid #00B5EB;
}

.yearsOfValueCreation:nth-child(1) .accordion-header {
  color: #00B5EB;
}

.yearsOfValueCreation:nth-child(2) .years {
  background: #725DE9;
}

.yearsOfValueCreation:nth-child(2) .subTitle {
  color: #725DE9;
}

.yearsOfValueCreation:nth-child(2) .summary {
  border-left: 1px solid #725DE9;
}

.yearsOfValueCreation:nth-child(2) .accordion-header {
  color: #725DE9;
}

.yearsOfValueCreation:nth-child(3) .years {
  background: #CA3538;
}

.yearsOfValueCreation:nth-child(3) .subTitle {
  color: #CA3538;
}

.yearsOfValueCreation:nth-child(3) .summary {
  border-left: 1px solid #CA3538;
}

.yearsOfValueCreation:nth-child(3) .accordion-header {
  color: #CA3538;
}

.yearsOfValueCreation:nth-child(4) .years {
  background: #35CA9B;
}

.yearsOfValueCreation:nth-child(4) .subTitle {
  color: #35CA9B;
}

.yearsOfValueCreation:nth-child(4) .summary {
  border-left: 1px solid #35CA9B;
}

.yearsOfValueCreation:nth-child(4) .accordion-header {
  color: #35CA9B;
}

.yearsOfValueCreation:nth-child(5) .years {
  background: #7A53A2;
}

.yearsOfValueCreation:nth-child(5) .subTitle {
  color: #7A53A2;
}

.yearsOfValueCreation:nth-child(5) .summary {
  border-left: 1px solid #7A53A2;
}

.yearsOfValueCreation:nth-child(5) .accordion-header {
  color: #7A53A2;
}

.yearsOfValueCreation:nth-child(6) .years {
  background: #c29ce0;
}

.yearsOfValueCreation:nth-child(6) .subTitle {
  color: #c29ce0;
}

.yearsOfValueCreation:nth-child(6) .summary {
  border-left: 1px solid #c29ce0;
}

.yearsOfValueCreation:nth-child(6) .accordion-header {
  color: #c29ce0;
}

#middle-content {
  margin: 40px 0;
}

.content-card {
  background-color: #f4fafd;
  border-radius: 30px;
  padding: 60px 40px 40px 40px;
  position: relative;
  margin-top: 20px;
  display: block;
  color:#000;
  font-size:16px;
  /* Space for the pill overlap */
}

.card-pill {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #ffffff;
  color: #25408F;
  padding: 12px 32px;
  border-radius: 50px;
  font-weight: 500;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
  white-space: nowrap;
  text-align: center;
  z-index: 10;
  max-width: 90%;
  line-height: 120%;
}

.section-intro {
  text-align: center;
  color: #000;
  margin-bottom: 10px;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  min-height:45px;
}

.grid-2-col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}

.item-title {
  color: #25408F;
  font-weight: 500;
  margin-bottom: 5px;
  display: block;
}

.item-text {
  line-height: 140%;
}

@media (max-width: 768px) {
  .grid-2-col {
    grid-template-columns: 1fr;
  }

  .content-card {
    padding: 50px 20px 30px 20px;
  }

  .card-pill {
    padding: 10px 20px;
    white-space: normal;
  }
}

.strength-item {
  display: flex;
  gap: 10px;
  margin-bottom: 20px;
}

.bullet {
  color: #25408F;
  font-weight: bold;
  font-size: 18px;
  line-height: 1;
}

.split-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.megatrend-item {
  margin-bottom: 20px;
}

.content-card .custom-list {
  list-style: none;
  padding: 0;
}

.content-card .custom-list li {
  position: relative;
  padding: 0 0 0 15px;
  margin-bottom: 8px;
}

.content-card .custom-list li::before {
  content: '•';
  color: #25408F;
  position: absolute;
  left: 0;
  font-weight: bold;
  font-size: 18px;
}

@media (max-width: 768px) {
  .split-layout {
    grid-template-columns: 1fr;
  }
}

.governance-intro p {
  margin-bottom: 15px;
}

.statCard {
  background: #daeef6;
  border-radius: 16px;
  padding: 36px 44px;
  max-width: 860px;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px 60px;
}

.stat-item {}

.stat-headline {
  display: flex;
  align-items: baseline;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 4px;
}

.stat-value {
  font-size: 24px;
  color: #2a9cc8;
}

.stat-label {
  font-size: 16px;
  font-weight: 400;
  color: #000;
}

.stat-sub {
  font-size: 14px;
  color: #25408F;
  font-weight: 500;
}

.stat-label.plain {
  margin-bottom: 3px;
}

.jointVenturesContainer {
  display: flex;
  gap: 10px;
}


.strategicListBoxContainer {
  margin-top: 100px;
}

.strategicList {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
  margin-top: 45px;
}

.strategicList .item {
  border-radius: 20px 20px 80px 20px;
  background: linear-gradient(130deg, #0C0BD8 39.4%, #8D01AA 106.43%);
  width: calc(25% - 24px);
  height: 260px;
  padding: 40px;
  box-sizing: border-box;
  transition: 0.5s;
}

.strategicList .item a {
  width: 100%;
  display: block;
  height: 100%;
}

.strategicList .item .flex-list {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.strategicList .item .strategic-title {
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  color: #fff;
  line-height: normal;
}

.strategicList .item:hover {
  border-radius: 20px 130px 20px 20px;
}

.font-34 {
  font-size: 34px;
  line-height: normal;
}

#homeAboutContainer {
  margin-top: 170px;
}

#homeAboutContainer .homeAboutText {
  width: 1107px;
  margin: 0 auto;
  margin-top: 50px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 150px;
}

#homeAboutContainer .homeAboutText p {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 20px;
}

#homeAboutContainer .title-3:before {
  content: '';
  background: url(/en/Annual-Report-2025/images/common/section-cta-bg.png) no-repeat top;
  width: 596px;
  height: 560px;
  position: absolute;
  background-size: 100%;
  display: flex;
  top: -200px;
  z-index: -1;
}

.home-body-bg {
  aspect-ratio: 16 / 9;
  background: url(/en/Annual-Report-2025/images/common/sabanci-holding-bg-2.png) lightgray 50% / cover no-repeat;
}

.sabanci-holding-bg-center {
  display: flex;
  align-items: center;
  justify-content: center;
}


#guidance-esg .grid-layout {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

@media (max-width: 768px) {
  #guidance-esg .grid-layout {
    grid-template-columns: 1fr;
  }
}

.info-card {
  margin-bottom: 30px;
}

.info-card h3 {
  color: #00B5EB;
  padding: 0 0 5px 0;
}

.info-card p {
  padding: 0 0 5px 0;
}


.financialPerformanceBox {}

.financialPerformanceBoxSectionTitle {
  text-align: center;
  color: #00B5EB;
  margin-bottom: 36px;
  letter-spacing: 0.01em;
}

.financialPerformanceBoxGrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  margin-bottom: 30px;
}

.financialPerformanceBoxCard {
  background: #f7fbfe;
  border-radius: 18px;
  padding: 0 24px 28px;
  position: relative;
}

.financialPerformanceBoxCard p {
  padding: 0;
}

.financialPerformanceBoxCardLabel {
  display: block;
  background: #ffffff;
  border-radius: 30px;
  padding: 8px 24px;
  font-size: 18px;
  font-weight: 500;
  color: #00B5EB;
  position: relative;
  top: -16px;
  text-align: center;
  width: fit-content;
  margin: 0 auto;
}

.financialPerformanceBoxCardBody {
  margin-top: -4px;
}

.financialPerformanceBoxCardDesc {
  font-weight: 500;
  color: #1a2a3a;
  line-height: 1.5;
  margin-bottom: 18px;
}

.financialPerformanceBoxMetric {
  color: #1a2a3a;
  margin-bottom: 10px;
}

.financialPerformanceBoxMetric strong {
  color: #00B5EB !important;
  font-weight: 500 !important;
}

.financialPerformanceBoxMetric em {
  font-style: italic;
  color: #666;
}

.financialPerformanceBoxGuidanceTitle {
  text-align: center;
  font-weight: 500;
  color: #00B5EB;
  margin-top: 12px;
  margin-bottom: 24px;
}

.financialPerformanceBoxGuidanceCard {
  background: #f7fbfe;
  border-radius: 18px;
  padding: 28px 40px 32px;
}

.financialPerformanceBoxGuidanceHeadline {
  text-align: center;
  font-weight: 500;
  color: #1a2a3a;
  margin-bottom: 22px;
}

.financialPerformanceBoxGuidanceMetrics {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px 40px;
}

.financialPerformanceBoxGuidanceMetric {
  color: #1a2a3a;
  text-align: center;
}

.financialPerformanceBoxGuidanceMetric strong {
  color: #00B5EB;
  font-weight: 500;
}

.financialPerformanceBoxGuidanceCapex {
  grid-column: 1 / -1;
  text-align: center;
  color: #1a2a3a;
}

.financialPerformanceBoxGuidanceCapex strong {
  color: #00B5EB;
  font-weight: 500;
}

@media (max-width: 640px) {

  .financialPerformanceBoxSectionTitle {
    font-size: 1.5rem;
  }

  .financialPerformanceBoxGuidanceTitle {
    font-size: 1.4rem;
  }

  .financialPerformanceBoxGrid {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .financialPerformanceBoxGuidanceMetrics {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .financialPerformanceBoxGuidanceCapex {
    grid-column: 1;
  }

  .financialPerformanceBoxGuidanceCard {
    padding: 24px 20px 28px;
  }

  .financialPerformanceBoxCardLabel {
    font-size: 0.78rem;
    padding: 5px 14px;
  }
}


.dashboardSabanci {
  max-width: 1034px;
  margin: 0 auto;
  color: #000000;
  margin-top: 150px;
}

.dashboardSabanci .grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
}

.dashboardSabanci .card-item {
  border-radius: 40px;
  padding: 50px 35px 26px 35px;
  position: relative;
  min-height: 230px;
  border: 1px solid #F2FBFE;
  color:#fff;
}

.dashboardSabanci .card-title {
  position: absolute;
  top: -18px;
  background: #0C0BD8;
  color: #fff;
  padding: 8px 18px;
  border-radius: 999px;
  font-weight: 400;
  font-size: 16px;
  box-shadow: 0 6px 18px rgba(0, 123, 255, 0.4);
  transform: translateX(-50%);
  left: 50%;
  width: max-content;
}

.dashboardSabanci .card-item p {
  font-size: 17px;
  line-height: normal;
  margin-bottom: 14px;
  font-weight: 600;
}

.dashboardSabanci .card-item ul {
  list-style: none;
  font-size: 16px;
  line-height: 1.7;
  margin-top: 30px;
}

.dashboardSabanci .card-item li {
  margin-bottom: 15px;
  font-weight: 300;
}

.dashboardSabanci .highlight {
  color: #00B5EB;
  font-weight: 500;
}

.dashboardSabanci .small {
  min-height: 100px;
}

.dashboardSabanci .card-item li i {
  margin-top: 8px;
  display: block;
}

.sabanciESGList {
  display: flex;
  flex-wrap: wrap;
  gap: 55px;
  align-items: center;
  width: 1024px;
  margin: 30px auto 0;
  flex-direction:column;
}

.sabanciESG {
  margin-top: 80px;
}

.sabanciESGList .item-right {
 /* width: calc(55% - 10px);*/
 width:100%;
}
.sabanciESGList .item-right img { width:100%;}

.sabanciESGList .item-left {
/*  width: calc(45% - 45px);*/
text-align:center;
}

.sabanciESGList .item-left p {
  font-size: 18px;
  line-height: 160%;
  margin-bottom: 20px;
}


.homeReportCoverContainer {
  position: relative;
  margin-top: 140px;
  margin-bottom: 140px;
}

.homeReportCoverContainer .reportCover-bar {
  background: linear-gradient(90deg, #01014B 0%, #01017E 59%, rgba(2, 2, 177, 0.2) 100%);
  height: 149px;
  width: 100%;
  max-width: 1273px;
  margin-left: auto;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-right: 100px;
  box-sizing: border-box;
  gap: 60px;
  padding-left: 380px;
}

.homeReportCoverContainer .reportCover-item {
  display: flex;
  align-items: center;
  gap: 15px;
}

.homeReportCoverContainer .reportCover-text {
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
}

.homeReportCoverContainer .reportCover-icon {
  width: 30px;
  height: 30px;
}

/* Report Covers Stack */
.homeReportCoverContainer .report-covers {
  position: absolute;
  top: -50px;
  left: -120px;
  width: 480px;
  z-index: 10;
  pointer-events: none;
}

.homeReportCoverContainer .cover-img {
  position: absolute;
}

.homeReportCoverContainer .cover-1 {
  width: 582px;
  top: 0;
  left: 50px;
  z-index: 1;
}

.homeReportCoverContainer .cover-2 {
  width: 370px;
  top: 1px;
  left: 155px;
  z-index: 2;
}

.homeReportCoverContainer .cover-3 {
  width: 300px;
  top: -50px;
  left: 130px;
  z-index: 3;
}