﻿header {
    position: relative;
    top: auto;
    padding: 20px 0;
    background: #000;
}

header .headerContainer {
    align-items: flex-start;
}

header .headerContainer .logo {
    font-size: 12px;
}

header .headerContainer .logo a {
    gap: 10px;
}

.homeSlider .homeSliderCaption .summary, .homeValueCreationContainer .sectionSummayInner {
    width: auto;
}

.homeSlider .homeSliderCaption .summary {
    padding: 10px 0 0 0;
    font-size: 14px;
}

.btnDownload img {
    margin: 0 10px 0 0;
}

.footerMenuBtnContainer span::after {
    width: 380px;
}

.footerCopyContainer .footerCopyMenu a {
    padding: 0 5px;
}

.btnBottomBorder {
    font-size: 12px;
}

#homeIconMenuContainer {
    padding: 30px 0;
    font-size: 14px;
}

.homeIconMenuContainer a {
    gap: 10px;
    width: 20%;
}

.homeIconMenuContainer a img {
    height: 25px;
}

#homeValueCreationContainer, #homeSocialAgenda, #homeBoxSustainabilityContainer, #homeGovernanceContainer, #homeBoxBusinessAreasContainer, #homeOurPortfolioContainer, #homeNatureAgenda {
    padding: 30px 0;
}

.sectionTitle {
    font-size: 22px !important;
}

.sectionSubTitle {
    font-size: 18px !important;
}

.homeSustainabilityContainer .sectionSummary .item span {
    font-size: 30px;
}

.homeSustainabilityContainer .sectionSummary .item {
    width: 100%;
}

.homeSustainabilityContainer .sectionSummary .item p br {
    display: none;
}

.footerCopyContainer .footerCopyMenu {
    text-align: center;
    flex-direction: column;
    padding: 0;
}

.footerCopyContainer .footerCopyMenu a {
    padding: 5px 0;
    display: block;
}

.footerMenuBtnContainer {
    font-size: 24px;
}

.footerMenuBtnContainer span::after {
    width: 220px;
}

.footerCopyContainer .footerCopyLogo {
    font-size: 12px;
}

.footerCopyContainer .footerCopyLogo a {
    gap: 10px;
    flex-direction: column;
}

.managementThumbContainer .item span strong {
    font-size: 13px;
}

.tableHeader {
    width: 420px;
}

.mobil-br {
    display: block;
}

.esgPerfContent .item {
    text-align: center;
    width: 100%;
}

.btnDownload {
    text-align: center;
}

.topMenu>.menu-item>a {
    width: 80%;
}

.homeSlider .homeSliderCaption .title {
    font-size: 24px;
}


.btnReadMore, .btnDownload {
    font-size: 12px;
    padding: 8px 16px;
}

.navigation-card-inner .sectionBtnContainer {
    flex-direction: column;
}

.navigation-card-inner {
    padding: 20px 120px 20px 80px;
}

#homeOurGovernance {
    padding: 40px 0;
}

#homePage section {
    height: auto !important;
    padding: 40px 0;
}

.subMenuContainer {
    width: 100%;
    right: auto;
}

.detailHeaderContentContainer .title {
    font-size: 22px;
}

.detailHeaderContentContainer .hashTag {
    font-size: 12px;
}

.detailHeaderContentContainer .summary h1 {
    font-size: 18px;
}

.columnContent .subTitle {
    font-size: 18px;
}

#main {
    overflow: hidden;
}

.strategicList {
    gap: 15px;
}

.strategicList .item {
    width: calc(50% - 8px) !important;
}