body {
    font-size: 16px;
}

.homeSlider .homeSliderCaption {
    align-items: flex-end;
    margin: -20px 0 0 0;
}

.homeSlider .homeSliderCaption .summary {
    font-size: 14px;
}

.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 {
    background: none;
}

.columnContent .subTitle {
    line-height: 100%;
}

.more-content {
    display: none;
    transition: max-height 0.5s ease-out;
    background: #25408F;
    padding: 40px 5px 0 5px;
    border-radius: 40px;
}

#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;
}

.detailContent {
    padding: 40px;
}

#detailContentContainer {
    margin: -20px 0 0 0;
}

.detailHeaderContentContainer {
    position: relative;
    margin: -300px 0 40px 0;
    top: auto;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0px, #000 100px);
}

.detailHeaderContentContainer .title {
    font-size: 40px;
    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;
}

#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;
}

.title-2 {
    font-size: 40px;
    line-height: 120%;
}

.font-40 {
    font-size: 30px;
}

.dashboardSabanci .card-title {
    top: -30px;
    width: 75%;
    text-align: center;
    padding: 15px 0;
}

.title-4 {
    font-size: 30px;
}

.sabanciESGList .item-left, .sabanciESGList .item-right {
    width: 100%;
}


.homeReportCoverContainer .cover-1 {
    width: 350px;
    top: -30px;
}

.homeReportCoverContainer .cover-3 {
    width: 240px;
    top: 49px;
}

.homeReportCoverContainer .reportCover-bar {
    padding-left: 270px;
}

.homeReportCoverContainer .reportCover-text {
    font-size: 14px;
}

.strategicList .item {
    border-radius: 20px 20px 50px 20px;
    width: calc(33.33% - 22px);
    height: auto;
    padding: 25px;
}

.strategicList .item .flex-list {
    gap: 25px;
}

.strategicList .item .strategic-title {
    font-size: 18px;
}

.footerCopyContainer .footerCopyLogoSummary {
    font-size: 15px;
}

.footerCopyContainer .footerCopyLogo img {
    width: 80px;
}

.footerCopyContainer .footerCopyLogo i {
    width: 110px;
    line-height: 125%;
}

.title-4 {
    font-size: 30px;
}

.yearsOfValueCreation .subTitle {
    line-height: 120%;
}

.yearsOfValueCreation .years {
    padding: 13px 18px;
    font-size: 18px;
}

.yearsOfValueCreation .title {
    font-size: 30px;
}

.statCard {
    grid-template-columns: 1fr;
    box-sizing: border-box;
}

.cardGroup {
    top: 50px;
}

.contentLayer {
    width: 485px;
    right: 0;
    border-radius: 88px 88px 88px 180px;
}

.contentLayer .authorImg::before {
    width: 35px;
    left: -10px;
}

.accordion-header {
    font-size: 20px;
}

.directorsListContainer.fourColumnContainer .summary ul {
    width: 100%;
}

.directorsListContainer.fourColumnContainer .summary ul li {
    width: calc(33.333% - 27px);
}

.topMenuContainer {
    width: 100%;
    right: 0;
    border-radius: 0;
}

.topMenu>.menu-item>a {
    padding: 10px 40px 5px 0;
}

.menu-wrapper {
    height: calc(100vh - 200px);
    overflow-y: auto;
}

.menu-wrapper {
    margin: 120px 0 30px 30px;
}

.header-menu-top {
    padding-right: 30px;
}

.columnBoxes:before {
    display: none;
}