﻿.wrapper {
    width: 95%;
}

.wrapperInner {
    width: 95%;
}

.wrapperOuter {
    width: 95%;
}

.homeSustainabilityContainer {
    gap: 80px;
}

.homeSustainabilityContainer .sectionSummary {
    gap: 40px;
}

.homeSustainabilityContainer .sectionSummary .item {
    width: calc(25% - 20px);
}

footer {
    background-position: right 25% top;
}

.footerMenuBtnContainer span::after {
    width: 1140px;
}

.homeSustainabilityContainer .sectionTitle, .homeNatureAgenda .sectionTitle, .homeSocialAgenda .sectionTitle {
    flex: 1
}

.homeSustainabilityContainer .sectionSummary, .homeNatureAgenda .sectionSummary, .homeSocialAgenda .sectionSummary {
    flex: 3;
}

.homeBoxSustainabilityContainer, .homeGovernanceContainer {
    width: 90%;
}

.homeBoxBusinessAreasContainer, .homeOurPortfolioContainer {
    width: 90%;
}


.columnBigBoxesArrow {
    height: auto;
}

.columnBigBoxesArrow img {
    transform: rotate(90deg);
}

.approachToSustContainer .content {
    justify-content: center;
}

.homeAnm lottie-player {
    width: 540px;
    height: 540px;
}

.homeAnmContainer .homeAnmTas img {
    width: 65%;
}

.detailHeaderContentContainer {
    top: 200px;
}

.detailHeaderContentContainer .title {
    font-size: 50px;
}

.detailHeaderContentContainer .summary {
    font-size: 16px;
    padding: 20px 0 0 0;
}

.detailHeaderContentContainer .summary h1 {
    font-size: 30px;
}

.detailHeaderContentContainer .summary h1 br {
    display: none;
}

.detailHeaderContentContainer .hashTag {
    padding: 10px 0 0 0;
    width: auto;
}

.detailHeaderContentContainer .summary {}

.homeAtGlanceSlider .owl-nav {
    display: flex;
    gap: 20px;
    justify-content: center;
    margin-top: 35px;
}

.homeAtGlanceSlider .owl-prev {
    position: relative;
    left: auto;
    top: 30%;
}

.homeAtGlanceSlider .owl-next {
    position: relative;
    right: auto;
    top: 30%;
}

.detailContent {
    box-sizing: border-box;
}

header .headerContainer .btnMenu {
    right: 30px;
    position: relative;
}

.detailContent {
    padding: 70px 85px 80px 70px;
}

#detailContentContainer {
    margin: -325px 0 0 0;
}

.futureDefiningContainer {
    background: #fff;
}

.futureDefiningContainer:after {
    width: 245px;
    right: -170px;
    z-index: -1;
}

.futureDefiningContainer:before {
    width: 250px;
    left: -170px;
    z-index: -1;
}