body { font-size:16px;}
.homeSlider .homeSliderCaption { align-items:flex-end; margin:-20px 0 0 0;}
.homeSlider .homeSliderCaption .summary { font-size:14px; padding:10px 0 0 40px;}
.homeSlider .homeSliderCaption .title { font-size:40px;}
.homeSlider .homeSliderCaption .title i { padding:0 0 0 40px;}
.navigation-card { width:90%;}
.navigation-card-inner {width:calc(90% - 140px);}
.navigation-card-inner .sectionBtnContainer { flex-direction:row;}
.btnBottomBorder { font-size:14px;}
.homeSustainabilityContainer .sectionSummary { flex-wrap:wrap;}
.homeSustainabilityContainer .sectionSummary .item { width:calc(100% - 20px);}
.btnContainer { margin:10px 0 0 0;}
.btnReadMore, .btnDownload { font-size:14px;}
.subMenuContainer {top:80px;}
.footerMenuBtnContainer span::after { width:500px;}
.summaryInLeftBoxContainer .summary {width: 100%;}
.summaryInLeftBoxContainer .summary.globalPresenceList .item i {font-size: 35px;}
.summaryInLeftBoxContainer .summary.globalPresenceList .item i em {font-size: 20px;}
.summaryInLeftBoxContainer {margin-bottom: 40px;}
.summaryInLeftBoxContainer .summary.globalPresenceList .item img {width: 50px;}
.downloadCenterContainer a {font-size: 18px;line-height: 120%;}
.summaryInLeftBigBoxContainer {flex-wrap: wrap; gap: 20px;}
.summaryInLeftBigBoxContainer .summary {width: 100%;}
.summaryInLeftBigBoxContainer .thumb {width: 100%;}
.tableContainer {width: 100%;}
.humanRightsContainer .column .title {height: auto;min-height: 150px;display: flex;align-items: center;}
.humanCapitalStrategyContainer .item {width: calc(33.3% - 86px);}
.humanChartContainer .chartContainer {width: 100%;}
.totalTrainingContainer .chartContainer {width: 100%;}
.transSlogan {width: 100%;}
.listDecarbonizationLeversContainer .listDecarbonizationLeversItems .item {width: calc(100% / 4 - 30px);}
.detailContent h2 {font-size: 25px;}
.boxContainer .item {padding: 20px;}
.growthPlatformsContainer {flex-wrap: wrap;}
.growthPlatformsContainer .column.growthBoxContainer {width: 30%;}
.growthPlatformsContainer .growthBoxContainer .item {flex-direction: column !important;text-align: center;}
.growthPlatformsContainer .growthBoxContainer .item:nth-child(2) span {flex-direction: column;text-align: center;}
.growthNumberContainer {width: calc(70% - 50px);}
.menu-wrapper {margin-top: 120px !important;}
.header-menu-top .item-left {width: 100%;}
.header-menu-top .item-right {width: 100%;justify-content: flex-start; margin-top: 20px;}
.header-menu-bottom .item-right {width: 100%; position: absolute; bottom: 0; opacity: 0.2;}
.atGlance {flex-wrap: wrap;}
.approachToSustContainer .content .summary .schemaContainer .schema span:nth-child(1) {margin: 0 70px 0 0;}
.approachToSustContainer .content .summary .schemaContainer .schema span:nth-child(2) {margin: 0 60px 0 0;}
.approachToSustContainer .content .summary .schemaContainer .schema span:nth-child(3) {margin: 0 80px 0 0;}
.approachToSustContainer .content .summary .schemaContainer .schema span:nth-child(4) {margin: 0 100px 0 0;}
.approachToSustContainer .content .summary .schemaContainer .schemaItems span:nth-child(1) {width: 100px;}
.approachToSustContainer .content .summary .schemaContainer .schemaItems span:nth-child(2) {width: 80px;}
.approachToSustContainer .content .summary .schemaContainer .schemaItems span:nth-child(3) {width: 90px;}
.approachToSustContainer .content .summary .schemaContainer .schemaItems span:nth-child(4) {width: 95px;}
.approachToSustContainer .content .summary .schemaContainer .schemaItems span:nth-child(5) {width: 95px;}
.columnBigBoxes .item {font-size: 14px;}
.strategicBusinessUnitContainer {width: 659px;}
.atGlance {gap: 15px;flex-wrap: wrap;}
.atGlance .column {flex: none; width: calc(16.66% - 13px);}
.atGlance .column .item i {font-size: 13px;}
.natureAgendaSchema .row .column.itemTitle {margin: 0 15px 0 0;}
.columnBoxes .itemContainer .item {font-size: 14px;}
.columnContent .subTitle {line-height: 100%;}
.more-content {display: none;transition: max-height 0.5s ease-out;}
#toggle-button {display: block;margin-top: 30px !important;margin: 0 auto;background: #000;border: none;color: #fff;padding: 15px 20px;}
.layerContent {flex-direction: column;height: 500px; overflow: scroll; padding:0;}
.closeLayer {right: 20px;top: 20px;}
.layerContent .column { width:100%;}
.layerContent .column .summary.icon {transform: rotate(0deg);}
.layerContent .column .icon {transform: rotate(90deg);}
.layerContent .column .columnSchema { padding:20px 0;}
.layerTitle {line-height: 100%;}
.valueLayerContentContainer {padding: 20px;}
.atGlance .column .icon { font-size:14px;}
.related-topics-tag { width:auto;}
.layerContent .column .icon { display:none;}
.layerContent .column .icon.mobile { display:block;}
.sectionBtnContainer { flex-direction:column; gap:20px;}
.esgPerfContent { flex-wrap:wrap;}
.esgPerfContent .item {flex:auto;}
.esgPerfContent .item:last-of-type { flex:auto;}
.esgPerfContent span img { width:100%;}
.homeValueCreationContainer .sectionSummayInner, .homeSocialAgendaContainer .sectionSummayInner { width:auto;}

.header-menu-bottom .item-left{top: -25px;}

.detailHeaderContentContainer { position:relative; margin:-120px 0 40px 0; top:auto; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0px, #000 100px);}
.detailHeaderContentContainer .title { padding:50px 0 0 0; width:auto;}
.detailHeaderContentContainer .summary { padding:20px 0;}

.homeSocialAgendaContainer { margin:0; width:auto;}
.sectionBtnContainer span a { width:auto;}
#homeValueCreationContainer, #homeSustainabilityContainer, #homeSustainabilityContainer, #homeNatureAgenda, #homeSocialAgenda, #homeSectionBoxContainer, #homeIntegratedSus, #homeOurGovernance, #homeOurHumanCapital {background-size:cover;}
.homeSlider:after, #homeValueCreationContainer:after, #homeSustainabilityContainer:after, #homeSustainabilityContainer:after, #homeNatureAgenda:after, #homeSocialAgenda:after, #homeSectionBoxContainer:after, #homeIntegratedSus:after, #homeOurGovernance:after, #homeOurHumanCapital:after { background: #000; opacity: 0.2; position: absolute; width: 100%; height: 100%; content: ""; z-index: 9; }

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