body {
  box-sizing: border-box;
  font-family: "Aleo", serif;
  font-size: 16px;
  line-height: 24px;
  color: #4D4D4F;
  margin: 0;
  padding: 0;
  font-weight: 400;
}
h1,
h2,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0px;
    padding: 0px;
}

a {
    text-decoration: none !important;
    font-size: 16px;
}

a:hover {
    text-decoration: none !important;
}

p {
    font-size: 16px;
    line-height: 24px;
}

section {
    padding: 0 0 30px;
}

h1,
h2,
h3,
h4,
h5,
h6,
.page-title,
.section-title,
.small-heading,
.sub-heading {
    font-family: "Montserrat", sans-serif;
    color: #21408f;
}

.page-title {
    font-size: 40px;
    line-height: 45px;
    font-weight: 700;
    letter-spacing: -0.02em;
}

.page-title span {
    display: block;
    font-family: "Aleo", serif;
    font-size: 35px;
}

.section-title {
    font-size: 20px;
    line-height: 26px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.small-heading {
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
}

.pump-journey-page {
    background: #ffffff;
}

.basis-reporting-page {
    background: #ffffff;
}

.about-kbl-page {
    background: #ffffff;
}

.cmd-message-page {
    background: #ffffff;
}

.cmd-message-page .cmd-message-section {
    min-height: 100vh;
    padding: 26px 0 40px;
}

.cmd-message-page .cmd-message-shell {
    min-height: calc(100vh - 66px);
    padding: 0;
    background: transparent;
}

.cmd-message-page .cmd-banner {
    padding: 0 0 26px;
}

.cmd-message-page .cmd-message-title {
    margin: 0;
    color: #21408f;
    font-size: 40px;
    line-height: 45px;
}

.cmd-message-page .cmd-quote-block {
    position: relative;
    padding: 20px 0 0 10px;
}

.cmd-message-page .cmd-quote-mark {
    font-family: "Montserrat", sans-serif;
    font-size: 72px;
    line-height: 0.8;
    font-weight: 700;
    color: #1e2d7a;
}

.cmd-message-page .cmd-quote-text {
    margin: -10px 0 0 16px;
    font-family: "Montserrat", sans-serif;
    font-size: 22px;
    line-height: 1.35;
    font-weight: 700;
    color: #1e2d7a;
}

.cmd-message-page .cmd-quote-mark-bottom {
    text-align: right;
    margin-top: -8px;
}

.cmd-message-page .cmd-image-placeholder {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.cmd-message-page .cmd-image-placeholder img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}

.cmd-message-page .cmd-letter {
    margin-top: 30px;
}

.cmd-message-page .cmd-letter-title {
    margin: 0;
    font-family: "Aleo", sans-serif;
    font-size: 30px;
    line-height: 45px;
    font-weight: 500;
    color: #111111;
}

.cmd-message-page .cmd-letter-copy {
    margin-top: 18px;
}

.cmd-message-page .cmd-letter-copy p {
    margin: 0;
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: 1.55;
    font-weight: 400;
    
}

.cmd-message-page .cmd-letter-copy p + p {
    margin-top: 22px;
}

.cmd-message-page .cmd-latest-highlight {
    position: relative;
    width: 100%;
    margin-top: 30px;
    padding: 18px 22px 18px 104px;
    color: #21408f;
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    line-height: 1.4;
    font-weight: 700;
}

.cmd-message-page .cmd-latest-highlight::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 72px;
    background: url("../images/message/message-design.svg") center center / cover no-repeat;
}

.cmd-message-page .cmd-latest-highlight p {
    margin: 0;
    font-size: 20px;
    line-height: 25px;
}

.cmd-message-page .cmd-latest-copy {
    width: 100%;
    margin-top: 24px;
    color: #505050;
    font-family: "Aleo", serif;
    font-size: 20px;
    line-height: 1.42;
}

.cmd-message-page .cmd-latest-copy p {
    margin: 0;
}

.cmd-message-page .cmd-latest-copy p + p {
    margin-top: 22px;
}

.cmd-message-page .cmd-signature {
    width: 100%;
    margin-top: 26px;
    padding-top: 14px;
}

.cmd-message-page .cmd-signature-name {
    color: #21408f;
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 700;
}

.cmd-message-page .cmd-signature-title,
.cmd-message-page .cmd-signature-company {
    color: #505050;
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: 1.35;
}

.cmd-message-page .cmd-signature-title {
    margin-top: 4px;
}

/* JMD Message mirror styles */
.jmd-message-page {
    background: #ffffff;
}

.jmd-message-page .jmd-message-section {
    min-height: 100vh;
    padding: 26px 0 40px;
}

.jmd-message-page .jmd-message-shell {
    min-height: calc(100vh - 66px);
    padding: 0;
    background: transparent;
}

.jmd-message-page .jmd-banner {
    padding: 0 0 26px;
}

.jmd-message-page .jmd-message-title {
    margin: 0;
    color: #21408f;
    font-family: "Montserrat", sans-serif;
    font-size: 40px;
    line-height: 45px;
    font-weight: 700;
}

.jmd-message-page .jmd-quote-block {
    position: relative;
    padding: 8px 0 0 0;
}

.jmd-message-page .jmd-quote-text {
    position: relative;
    margin: 0;
    padding: 0px 0px 34px 38px;
    color: #21408f;
    font-family: "Montserrat", sans-serif;
    font-size: 22px;
    line-height: 1.38;
    font-weight: 700;
}

.jmd-message-page .jmd-quote-text::before,
.jmd-message-page .jmd-quote-text::after {
    position: absolute;
    font-family: "Montserrat", sans-serif;
    color: #21408f;
    font-size: 72px;
    line-height: 0.8;
    font-weight: 700;
}

.jmd-message-page .jmd-quote-text::before {
    content: "“";
    left: 0;
    top: 0;
}

.jmd-message-page .jmd-quote-text::after {
    content: "”";
    right: 10%;
    bottom: 0;
}

.jmd-message-page .jmd-image-placeholder {
    position: relative;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.jmd-message-page .jmd-image-placeholder::before {
    content: "";
    width: 72%;
    height: 88%;
    border-radius: 24px;
    background: linear-gradient(180deg, rgba(13, 84, 170, 0.95) 0%, rgba(27, 144, 220, 0.9) 100%);
    opacity: 0.25;
}

.jmd-message-page .jmd-image-placeholder-label {
    position: absolute;
    bottom: 22px;
    left: 0;
    right: 0;
    text-align: center;
    font-family: "Montserrat", sans-serif;
    font-size: 15px;
    line-height: 20px;
    font-weight: 700;
    color: #21408f;
}

.jmd-message-page .jmd-letter {
    margin-top: 30px;
}

.jmd-message-page .jmd-letter-title {
    margin: 0;
    color: #111;
    font-family: "Aleo", sans-serif;
    font-size: 30px;
    line-height: 45px;
    font-weight: 500;
}

.jmd-message-page .jmd-letter-copy {
    margin-top: 12px;
}

.jmd-message-page .jmd-letter-copy p {
    margin: 0;
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: 1.55;
    color: #505050;
}

.jmd-message-page .jmd-letter-copy p + p {
    margin-top: 22px;
}

.jmd-message-page .jmd-latest-highlight {
    position: relative;
    width: 100%;
    margin-top: 30px;
    padding: 18px 22px 18px 104px;
    color: #21408f;
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    line-height: 1.4;
    font-weight: 700;
}

.jmd-message-page .jmd-latest-highlight::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 72px;
    background:
        radial-gradient(circle at 75% 38%, rgba(54, 180, 228, 0.72) 0, rgba(54, 180, 228, 0.72) 16%, rgba(54, 180, 228, 0.12) 46%, rgba(255, 255, 255, 0) 70%),
        linear-gradient(180deg, #1f3b9a 0%, #2a55b7 100%);
}

.jmd-message-page .jmd-latest-highlight p {
    margin: 0;
}

.jmd-message-page .jmd-latest-copy {
    width: 100%;
    margin-top: 24px;
    color: #505050;
    font-family: "Aleo", serif;
    font-size: 20px;
    line-height: 1.42;
}

.jmd-message-page .jmd-latest-copy p {
    margin: 0;
}

.jmd-message-page .jmd-latest-copy p + p {
    margin-top: 22px;
}

.jmd-message-page .jmd-signature {
    width: 100%;
    margin-top: 26px;
    padding-top: 14px;
}

.jmd-message-page .jmd-signature-name {
    color: #21408f;
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 700;
}

.jmd-message-page .jmd-signature-title,
.jmd-message-page .jmd-signature-company {
    color: #505050;
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: 1.35;
}

.jmd-message-page .jmd-signature-title {
    margin-top: 4px;
}

.jmd-message-page .jmd-notes {
    width: 100%;
    margin-top: 28px;
    color: #505050;
    font-family: "Aleo", serif;
    font-size: 18px;
    line-height: 1.42;
}

.jmd-message-page .jmd-notes p {
    margin: 0;
}

.jmd-message-page .jmd-notes p + p {
    margin-top: 22px;
}

.jmd-message-page .jmd-innovation-highlight {
    position: relative;
    width: 100%;
    margin-top: 30px;
    padding: 18px 22px 18px 104px;
    color: #21408f;
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    line-height: 1.4;
    font-weight: 700;
    overflow: hidden;
}

.jmd-message-page .jmd-innovation-highlight .jmd-innovation-art {
    position: absolute;
    inset: 0 auto 0 0;
    width: 72px;
        background: url(../images/message/message-design.svg) center center / cover no-repeat;
}

.jmd-message-page .jmd-innovation-highlight p {
    margin: 0;
    font-size: 20px;
    line-height: 1.4;
}

.jmd-message-page .jmd-closing-copy {
    width: 100%;
    margin-top: 28px;
    color: #505050;
    font-family: "Aleo", serif;
    font-size: 18px;
    line-height: 1.42;
}

.jmd-message-page .jmd-closing-copy p {
    margin: 0;
}

.jmd-message-page .jmd-closing-copy p + p {
    margin-top: 22px;
}

@media (max-width: 991px) {
    .jmd-message-page .jmd-notes,
    .jmd-message-page .jmd-closing-copy {
        font-size: 16px;
    }

    .jmd-message-page .jmd-innovation-highlight {
        padding: 18px 18px 18px 96px;
        font-size: 16px;
    }

    .jmd-message-page .jmd-innovation-highlight p {
        font-size: 20px;
    }

    .jmd-message-page .jmd-innovation-highlight .jmd-innovation-art {
        width: 64px;
    }
}

@media (max-width: 991px) {
    .jmd-message-page .jmd-message-shell {
        min-height: auto;
        padding-bottom: 10px;
    }

    .jmd-message-page .jmd-quote-block {
        max-width: 100%;
    }

    .jmd-message-page .jmd-quote-text {
        padding: 28px 30px 28px 33px;
        font-size: 20px;
    }

    .jmd-message-page .jmd-quote-text::before,
    .jmd-message-page .jmd-quote-text::after {
        font-size: 54px;
    }
.jmd-message-page .jmd-quote-text::after {
    right: 64%;
}
    .jmd-message-page .jmd-image-placeholder {
        margin-top: 20px;
    }
    .jmd-message-page .jmd-quote-text::before{
        top: 25px;
    }
}

/* Director Message mirror styles */
.director-message-page {
    background: #ffffff;
}

.director-message-page .director-message-section {
    min-height: 100vh;
    padding: 26px 0 40px;
}

.director-message-page .director-message-shell {
    min-height: calc(100vh - 66px);
    padding: 0;
    background: transparent;
}

.director-message-page .director-banner {
    padding: 0 0 26px;
}

.director-message-page .director-message-title {
    margin: 0;
    color: #21408f;
    font-family: "Montserrat", sans-serif;
    font-size: 40px;
    line-height: 45px;
    font-weight: 700;
}

.director-message-page .director-quote-block {
    position: relative;
    padding: 8px 0 0 0;
}

.director-message-page .director-quote-text {
    position: relative;
    margin: 0;
    padding: 15px 0 0 38px;
    color: #21408f;
    font-family: "Montserrat", sans-serif;
    font-size: 22px;
    line-height: 1.38;
    font-weight: 700;
}

.director-message-page .director-quote-text::before,
.director-message-page .director-quote-text::after {
    position: absolute;
    font-family: "Montserrat", sans-serif;
    color: #21408f;
    font-size: 72px;
    line-height: 0.8;
    font-weight: 700;
}

.director-message-page .director-quote-text::before {
    content: "“";
    left: 0;
    top: 0;
}

.director-message-page .director-quote-text::after {
    content: "”";
       right: 64%;
    bottom: -34px;
}

.director-message-page .director-image-placeholder {
    position: relative;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}


.director-message-page .director-letter {
    margin-top: 30px;
}

.director-message-page .director-letter-title {
    margin: 0;
    color: #111;
    font-family: "Aleo", sans-serif;
    font-size: 30px;
    line-height: 45px;
    font-weight: 400;
}

.director-message-page .director-letter-copy {
    margin-top: 22px;
}

.director-message-page .director-letter-copy p {
    margin: 0;
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: 1.55;
    color: #505050;
        padding-bottom: 20px;
}

.director-message-page .director-latest-highlight {
    position: relative;
    width: 100%;
    margin-top: 30px;
    padding: 18px 22px 18px 104px;
    color: #21408f;
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    line-height: 1.4;
    font-weight: 700;
    overflow: hidden;
}

.director-message-page .director-latest-highlight .director-image-placeholder {
    position: absolute;
    inset: 0 auto 0 0;
    width: 72px;
    min-height: 100%;
    border-radius: 0;
    overflow: hidden;
    margin: 0;
    display: block;
}


.director-message-page .director-latest-highlight p {
    margin: 0;
    font-size: 20px;
    line-height: 1.4;
}

.director-message-page .director-latest-copy {
    width: 100%;
    margin-top: 24px;
    color: #505050;
    font-family: "Aleo", serif;
    font-size: 18px;
    line-height: 1.42;
}

.director-message-page .director-latest-copy p {
    margin: 0;
}

.director-message-page .director-latest-copy p + p {
    margin-top: 22px;
}

.director-message-page .director-signature {
    width: 100%;
    margin-top: 26px;
    padding-top: 14px;
}

.director-message-page .director-signature-name {
    color: #21408f;
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 700;
}

.director-message-page .director-signature-title,
.director-message-page .director-signature-company {
    color: #505050;
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: 1.35;
}

.director-message-page .director-signature-title {
    margin-top: 4px;
}

@media (max-width: 991px) {
    .director-message-page .director-message-shell {
        min-height: auto;
        padding-bottom: 10px;
    }

    .director-message-page .director-quote-block {
        max-width: 100%;
    }

    .director-message-page .director-quote-text {
        padding: 28px 30px 28px 33px;
        font-size: 20px;
    }

    .director-message-page .director-quote-text::before,
    .director-message-page .director-quote-text::after {
        font-size: 54px;
    }
.director-message-page .director-quote-text::after {
    content: "”";
    right: 27%;
    bottom: 0px;
}
    .director-message-page .director-image-placeholder {
        margin-top: 20px;
    }
.director-message-page .director-quote-text::before{
    top: 21px;
}
    .director-message-page .director-latest-highlight {
        padding: 18px 18px 18px 96px;
        font-size: 16px;
    }

    .director-message-page .director-latest-highlight p {
                line-height: 22px;
        font-size: 20px;
    }

    .director-message-page .director-latest-highlight .director-image-placeholder {
        width: 64px;
    }

    .director-message-page .director-latest-copy {
        font-size: 16px;
    }
}

/* Risk Management page */
.risk-management-page {
    background: #ffffff;
}

.risk-management-page .risk-management-section {
    padding: 40px 0;
}

.risk-management-page .risk-management-shell {
    min-height: 0;
    padding: 0;
    background: transparent;
}

.risk-management-page .risk-management-kicker {
    margin-bottom: 14px;
    color: #111111;
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    letter-spacing: 0.22em;
    text-transform: uppercase;
}

.risk-management-page .risk-management-title {
    margin: 0;
    color: #21408f;
    font-family: "Montserrat", sans-serif;
    font-size: 40px;
    line-height: 45px;
    font-weight: 700;
    padding-bottom: 14px;
}

.risk-management-page .risk-management-copy {
    color: #21408f;
    font-family: "Aleo", serif;
    font-size: 20px;
    line-height: 1.45;
}

.risk-management-page .risk-management-body-copy {
    margin-top: 28px;
    color: #505050;
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: 1.45;
}

.risk-management-page .risk-management-body-copy p {
    margin: 0;
}

/* Double Materiality page */
.double-materiality-page {
    background: #ffffff;
}

.double-materiality-page .double-materiality-section {
    padding: 40px 0 40px;
}

.double-materiality-page .double-materiality-shell {
    min-height: 0;
    padding: 0;
    background: transparent;
}

.double-materiality-page .double-materiality-kicker {
    margin-bottom: 14px;
    color: #111111;
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    letter-spacing: 0.22em;
    text-transform: uppercase;
}

.double-materiality-page .double-materiality-title {
    margin: 0;
    color: #21408f;
    font-family: "Montserrat", sans-serif;
    font-size: 40px;
    line-height: 45px;
    font-weight: 700;
}

.double-materiality-page .double-materiality-copy {
    margin: 20px 0 0;
    color: #21408f;
    font-family: "Aleo", serif;
    font-size: 20px;
    line-height: 1.4;
}

.double-materiality-page .double-materiality-body-copy {
    margin-top: 15px;
    color: #505050;
    font-family: "Aleo", serif;
    font-size: 20px;
    line-height: 1.42;
}

.double-materiality-page .double-materiality-body-copy p {
    margin: 0;
}

.double-materiality-page .double-materiality-body-copy p + p {
    margin-top: 22px;
}

.double-materiality-page .double-materiality-section-block {
    margin-top: 34px;
}

.double-materiality-page .double-materiality-section-title {
    color: #21408f;
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 700;
}

.double-materiality-page .double-materiality-matrix-intro {
    margin: 0 0 20px;
    color: #505050;
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: 1.42;
}

.double-materiality-page .double-materiality-matrix-placeholder {
    position: relative;
    min-height: 420px;
}


.double-materiality-page .double-materiality-matrix-placeholder img {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: auto;
}

.double-materiality-page .double-materiality-matrix-placeholder-label {
    position: absolute;
    inset: 50% 0 auto 0;
    transform: translateY(-50%);
    text-align: center;
    color: #21408f;
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.stakeholder-engagement-page {
    background: #ffffff;
}

.stakeholder-engagement-page .stakeholder-engagement-section {
    padding: 40px 0 40px;
}

.stakeholder-engagement-page .stakeholder-engagement-shell {
    min-height: 0;
    padding: 0;
    background: transparent;
}

.stakeholder-engagement-page .stakeholder-engagement-kicker {
    margin-bottom: 14px;
    color: #111111;
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    letter-spacing: 0.22em;
    text-transform: uppercase;
}

.stakeholder-engagement-page .stakeholder-engagement-title {
    margin: 0;
    color: #21408f;
    font-family: "Montserrat", sans-serif;
    font-size: 40px;
    line-height: 45px;
    font-weight: 700;
}

.stakeholder-engagement-page .stakeholder-engagement-copy {
    margin: 24px 0 0;
    color: #21408f;
    font-family: "Aleo", serif;
    font-size: 20px;
    line-height: 1.4;
    width: 100%;
    max-width: none;
}

.stakeholder-engagement-page .stakeholder-engagement-intro {
    margin-bottom: 34px;
}

.stakeholder-engagement-page .stakeholder-engagement-panel + .stakeholder-engagement-panel {
    margin-top: 34px;
}

.stakeholder-engagement-page .stakeholder-engagement-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0px;
}

.stakeholder-engagement-page .stakeholder-engagement-top-left {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    flex: 1 1 auto;
    min-width: 0;
}

.stakeholder-engagement-page .stakeholder-engagement-top-left::after {
    content: "";
    flex: 1 1 auto;
    align-self: start;
    border-top: 2px solid #42bfee;
    min-width: 0px;
    margin-top: 40px;
}

.stakeholder-engagement-page .stakeholder-engagement-main-icon {
    flex: 0 0 83px;
    width: 116px;
    height: 116px;
    position: relative;
    
}

.stakeholder-engagement-page .stakeholder-engagement-main-icon svg {
    display: none;
}

.stakeholder-engagement-page .stakeholder-engagement-main-icon::before {
    content: none;
}

.stakeholder-engagement-page .stakeholder-engagement-main-icon img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.stakeholder-engagement-page .stakeholder-engagement-main-title {
    margin: 23px 0 0;
    color: #21408f;
    font-family: "Montserrat", sans-serif;
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
}

.stakeholder-engagement-page .stakeholder-engagement-capitals {
    flex: 1;
    max-width: 580px;
    border: 2px solid #42bfee;
    padding: 12px 18px 11px;
    display: flex;
    align-items: center;
    gap: 18px;
    min-width: 0;
}

.stakeholder-engagement-page .stakeholder-engagement-capitals-title {
    flex: 0 0 126px;
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    line-height: 1.22;
    font-weight: 700;
    
}

.stakeholder-engagement-page .stakeholder-engagement-capitals-icons {
    flex: 1;
    
}

.stakeholder-engagement-page .stakeholder-engagement-capital-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #21408f;
}

.stakeholder-engagement-page .stakeholder-engagement-capital-icon svg {
    display: block;
    width: 46px;
    height: 46px;
}

.stakeholder-engagement-page .stakeholder-engagement-body {
    margin-top: 0;
    padding: 12px 0 26px 18px;
    border-left: 1px solid rgba(33, 64, 143, 0.72);
    border-bottom: 1px solid rgba(33, 64, 143, 0.72);
    display: grid;
    grid-template-columns: 220px minmax(0, 1.35fr) minmax(0, 1fr);
    gap: 26px;
    margin-top: -10px;
}

.stakeholder-engagement-page .stakeholder-engagement-column {
    min-width: 0;
}

.stakeholder-engagement-page .stakeholder-engagement-section-title,
.stakeholder-engagement-page .stakeholder-engagement-subsection-title {
    margin: 0 0 10px;
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    line-height: 26px;
    font-weight: 700;
    
}

.stakeholder-engagement-page .stakeholder-engagement-subsection-title {
    margin-top: 24px;
}

.stakeholder-engagement-page .stakeholder-engagement-risk-grid {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 24px 26px;
    margin-bottom: 34px;
}

.stakeholder-engagement-page .stakeholder-engagement-risk-triangle {
    position: relative;
    width: 64px;
    height: 58px;
    flex: 0 0 64px;
}

.stakeholder-engagement-page .stakeholder-engagement-risk-triangle::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    border-left: 32px solid transparent;
    border-right: 32px solid transparent;
    border-bottom: 58px solid #a8d9f2;
    border-radius: 6px;
}

.stakeholder-engagement-page .stakeholder-engagement-risk-triangle span {
    position: absolute;
    left: 50%;
    bottom: 11px;
    transform: translateX(-50%);
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    line-height: 1;
    font-weight: 700;
    color: #21408f;
}

.stakeholder-engagement-page .stakeholder-engagement-material-title {
    margin-top: 0;
}

.stakeholder-engagement-page .stakeholder-engagement-material-grid {
    display: grid;
    grid-template-columns: repeat(3, max-content);
    gap: 18px 12px;
}

.stakeholder-engagement-page .stakeholder-engagement-material-badge {
    width: 58px;
    height: 28px;
    border: 1px solid #9b9b9b;
    background: #ffffff;
    display: flex;
    overflow: hidden;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    line-height: 1;
    font-weight: 700;
}

.stakeholder-engagement-page .stakeholder-engagement-material-m {
    width: 28px;
    background: #8e8e8e;
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.stakeholder-engagement-page .stakeholder-engagement-material-num {
    flex: 1;
    
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.stakeholder-engagement-page .stakeholder-engagement-bullet-list {
    margin: 0;
    padding-left: 18px;
    
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: 1.45;
}

.stakeholder-engagement-page .stakeholder-engagement-bullet-list li + li {
    margin-top: 6px;
}

.stakeholder-engagement-page .stakeholder-engagement-score {
    margin: 8px 0 0;
    
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: 1.45;
}

.business-model-page {
    background: #ffffff;
}

.business-model-page .business-model-section {
    padding: 40px 0 40px;
}

.business-model-page .business-model-shell {
    padding: 0;
    background: transparent;
}

.business-model-page .business-model-title {
    margin: 0 0 26px;
    color: #21408f;
    font-family: "Montserrat", sans-serif;
    font-size: 40px;
    line-height: 45px;
    font-weight: 700;
}

.business-model-page .business-model-tabs {
    display: flex;
    align-items: center;
    gap: 36px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.business-model-page .business-model-tabs .nav-item {
    flex: 0 0 auto;
}

.business-model-page .business-model-tabs .nav-link {
    padding: 14px 28px;
    border: 1px solid #7f7f7f;
    border-radius: 999px;
    background: #ffffff;
    color: #21408f;
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    line-height: 1.1;
    font-weight: 700;
    text-transform: none;
    box-shadow: none;
}

.business-model-page .business-model-tabs .nav-link.active {
    background: #001390;
    border-color: #001390;
    color: #ffffff;
}

.business-model-page .business-model-content {
    margin-top: 28px;
}

.business-model-page .business-model-mobile-tabs {
    margin-top: 18px;
    width: 100%;
}

.business-model-page .business-model-mobile-tab-select {
    width: 100%;
    min-height: 58px;
    border-color: #7f7f7f;
    border-radius: 16px;
    background-color: #ffffff;
    color: #21408f;
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    font-weight: 700;
    box-shadow: none;
}

.business-model-page .business-model-copy {
    margin: 0;
    
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: 1.55;
}

.business-model-page .business-model-placeholder-stack {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.business-model-page .business-model-svg-placeholder {
    min-height: 180px;
    border: 1px dashed rgba(33, 64, 143, 0.22);
    border-radius: 12px;
    padding: 18px;
    background: #001390;
    position: relative;
    overflow: hidden;
}
.business-model-svg-placeholder img{
    margin: auto;
}
.business-model-page .business-model-svg-placeholder svg {
    display: block;
    width: 100%;
    height: 180px;
    opacity: 0;
}

.business-model-page .business-model-svg-placeholder::before {
    content: "SVG Placeholder";
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: rgba(33, 64, 143, 0.38);
    text-transform: uppercase;
}

.business-model-page .business-model-strength-block {
    padding-bottom: 10px;
    border-left: 2px solid #42bfee;
    border-bottom: 2px solid #42bfee;
    margin-bottom: 40px;
}

.business-model-page .business-model-strength-block + .business-model-strength-block {
    margin-top: 24px;
}

.business-model-page .business-model-strength-title {
    margin: 0 0 10px;
    color: #21408f;
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    text-transform: uppercase;
}

.business-model-page .business-model-strength-list {
    margin: 0;
    padding-left: 22px;
    
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: 1.45;
}

.business-model-page .business-model-strength-list li + li {
      margin-top: 6px;
  }

.business-model-page .business-model-value-stack {
      display: flex;
      flex-direction: column;
      gap: 28px;
  }

.business-model-page .business-model-value-entry {
      display: flex;
      flex-direction: column;
      gap: 10px;
  }

.business-model-page .business-model-value-header {
      display: flex;
      align-items: center;
      gap: 20px;
  }

.business-model-page .business-model-value-block {
      display: flex;
      align-items: flex-start;
      gap: 18px;
      padding: 0 0 12px 138px;
      border-left: 2px solid #42bfee;
      border-bottom: 2px solid #42bfee;
  }

.business-model-page .business-model-value-icon {
      flex: 0 0 108px;
      width: 108px;
      min-height: 92px;
      display: flex;
      align-items: flex-start;
      justify-content: center;
      padding-top: 4px;
  }

.business-model-page .business-model-value-icon-placeholder {
      width: 90px;
      min-height: 90px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 12px;
      border: 1px dashed rgba(33, 64, 143, 0.22);
      border-radius: 12px;
      background: linear-gradient(135deg, rgba(66, 191, 238, 0.14) 0%, rgba(255, 255, 255, 0.98) 100%);
      color: rgba(33, 64, 143, 0.45);
      font-family: "Montserrat", sans-serif;
      font-size: 12px;
      font-weight: 700;
      letter-spacing: 0.04em;
      text-align: center;
  }

.business-model-page .business-model-value-icon img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: contain;
  }

.business-model-page .business-model-value-content {
      flex: 1 1 auto;
      min-width: 0;
      padding-right: 6px;
  }

.business-model-page .business-model-value-title {
      margin: 0 0 8px;
      color: #21408f;
      font-family: "Montserrat", sans-serif;
      font-size: 18px;
      line-height: 24px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.01em;
  }

.business-model-page .business-model-value-list {
      margin: 0;
      padding-left: 22px;
      
      font-family: "Aleo", serif;
      font-size: 16px;
      line-height: 1.45;
  }

.business-model-page .business-model-value-list li + li {
      margin-top: 6px;
  }

.business-model-page .business-model-value-footnote {
      margin: 0;
      
      font-family: "Aleo", serif;
      font-size: 16px;
      line-height: 1.45;
  }

.strategy-roadmap-page {
      background: #ffffff;
  }

.strategy-roadmap-page .strategy-roadmap-section {
      padding: 40px 0 40px;
  }



.strategy-roadmap-page .strategy-roadmap-hero {
      padding: 0;
  }

.strategy-roadmap-page .strategy-roadmap-copy {
      margin-top: 0;
  }

.strategy-roadmap-page .strategy-roadmap-kicker {
      margin: 0 0 8px;
      color: #111111;
      font-family: "Montserrat", sans-serif;
      font-size: 18px;
      line-height: 24px;
      font-weight: 700;
      letter-spacing: 0.18em;
      text-transform: uppercase;
  }

.strategy-roadmap-page .strategy-roadmap-title {
      margin: 0;
      color: #21408f;
      font-family: "Montserrat", sans-serif;
      font-size: 40px;
      line-height: 1.05;
      font-weight: 700;
  }

.strategy-roadmap-page,
.strategy-roadmap-page .strategy-roadmap-copy p {
        margin: 14px 0 0;
        
        font-family: "Aleo", serif;
        font-size: 16px;
        line-height: 1.32;
    }

.strategy-roadmap-page .strategy-priority-section {
        margin-top: 26px;
    }

.strategy-roadmap-page .strategy-priority-kicker {
        margin: 0 0 14px;
        color: #0aa6d6;
        font-family: "Montserrat", sans-serif;
        font-size: 18px;
        line-height: 24px;
        font-weight: 700;
        text-transform: uppercase;
    }

.strategy-roadmap-page .strategy-priority-head {
        display: flex;
        align-items: stretch;
        justify-content: space-between;
        gap: 18px;
        margin-bottom: 18px;
    }

.strategy-roadmap-page .strategy-priority-label {
        display: flex;
        align-items: center;
        gap: 16px;
        min-width: 0;
    }

.strategy-roadmap-page .strategy-priority-badge {
        width: 48px;
        height: 48px;
        flex: 0 0 48px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: #21408f;
        color: #ffffff;
        font-family: "Montserrat", sans-serif;
        font-size: 24px;
        line-height: 1;
        font-weight: 700;
    }

.strategy-roadmap-page .strategy-priority-title {
        margin: 0;
        color: #21408f;
        font-family: "Montserrat", sans-serif;
        font-size: 22px;
        line-height: 1.03;
        font-weight: 700;
    }

.strategy-roadmap-page .strategy-priority-capitals {
        flex: 0 0 480px;
        border: 2px solid #42bfee;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 18px;
        padding: 12px 16px;
        background: rgba(255, 255, 255, 0.45);
    }

.strategy-roadmap-page .strategy-priority-capitals-end {
        margin-top: 18px;
        width: 100%;
        max-width: 480px;
    }

.strategy-roadmap-page .strategy-priority-capitals-title {
        flex: 0 0 96px;
        
        font-family: "Montserrat", sans-serif;
        font-size: 18px;
        line-height: 1.15;
        font-weight: 700;
    }

.strategy-roadmap-page .strategy-priority-capitals-icons {
        flex: 1;
        align-items: center;
        max-width: 280px;
    }

.strategy-roadmap-page .strategy-priority-capital-icon {
        height: 40px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: rgba(33, 64, 143, 0.44);
        font-family: "Montserrat", sans-serif;
        font-size: 12px;
        font-weight: 700;
        border: 1px dashed rgba(33, 64, 143, 0.18);
        border-radius: 8px;
        background: linear-gradient(135deg, rgba(66, 191, 238, 0.12) 0%, rgba(255, 255, 255, 0.92) 100%);
    }

.strategy-roadmap-page .strategy-priority-body {
        border-left: 2px solid #42bfee;
        border-top: 2px solid #42bfee;
    }

.strategy-roadmap-page .strategy-priority-content {
        padding: 22px 22px 0 26px;
        
        font-family: "Aleo", serif;
        font-size: 16px;
        line-height: 1.45;
    }

.strategy-roadmap-page .strategy-priority-subtitle {
        margin: 0 0 6px;
        
        font-family: "Montserrat", sans-serif;
        font-size: 18px;
        line-height: 24px;
        font-weight: 700;
        color: #4D4D4F;
    }

.strategy-roadmap-page .strategy-priority-list {
        margin: 0 0 10px;
        padding-left: 20px;
        
        font-family: "Aleo", serif;
        font-size: 16px;
        line-height: 1.45;
    }

.strategy-roadmap-page .strategy-priority-list li + li {
        margin-top: 6px;
    }

.page-breadcrumb-section {
        padding: 16px 0 0;
    }

.page-breadcrumb {
        margin: 0;
    }

.page-breadcrumb-list {
        margin: 0;
        padding: 0;
        list-style: none;
        display: flex;
        align-items: center;
        gap: 5px;
        flex-wrap: wrap;
        
        font-family: "Aleo", serif;
        font-size: 14px;
        line-height: 1.4;
    }

.page-breadcrumb-list li {
        display: inline-flex;
        align-items: center;
        gap: 5px;
    }

.page-breadcrumb-list li + li::before {
        content: "/";
        color: #0aa6d6;
        font-family: "Montserrat", sans-serif;
        font-weight: 700;
    }

.page-breadcrumb-list a {
        color: #21408f;
        text-decoration: none;
        font-weight: 700;
            font-size: 14px;
    }

.page-breadcrumb-list a:hover {
        text-decoration: underline;
    }

.page-hero-section {
        padding-top: 110px !important;
    }

.operating-environment-page {
        background: #ffffff;
    }

.operating-environment-page .operating-environment-section {
        padding: 40px 0 30px;
    }

.operating-environment-page .operating-environment-shell {
        padding: 0;
        background: transparent;
    }

.operating-environment-page .operating-environment-kicker {
        margin: 0 0 8px;
        color: #111111;
        font-family: "Montserrat", sans-serif;
        font-size: 18px;
        line-height: 24px;
        font-weight: 700;
        letter-spacing: 0.18em;
        text-transform: uppercase;
    }

.operating-environment-page .operating-environment-title {
        margin: 0;
        color: #21408f;
        font-family: "Montserrat", sans-serif;
        font-size: 40px;
        line-height: 1.08;
        font-weight: 700;
    }

.operating-environment-page .operating-environment-copy {
        margin: 14px 0 0;
        color: #21408f;
        font-family: "Aleo", serif;
        font-size: 20px;
        line-height: 1.35;
    }

.operating-environment-page .operating-environment-body-section {
        padding: 0 0 40px;
    }

.operating-environment-page .operating-environment-body-copy {
        
        font-family: "Aleo", serif;
        font-size: 16px;
        line-height: 1.55;
    }

.operating-environment-page .operating-environment-body-copy p {
        margin: 0;
    }

.operating-environment-page .operating-environment-body-copy p + p {
        margin-top: 22px;
    }

.operating-environment-page .operating-climate-section {
        padding: 0 0 40px;
    }

.operating-environment-page .operating-climate-shell {
        padding-top: 6px;
    }

.operating-environment-page .operating-climate-top {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        gap: 18px;
        margin-bottom: 0;
    }

.operating-environment-page .operating-climate-title-wrap {
        display: flex;
        align-items: center;
        gap: 16px;
        min-width: 0;
    }

.operating-environment-page .operating-climate-icon {
        flex: 0 0 92px;
        width: 92px;
        height: 92px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

.operating-environment-page .operating-climate-icon img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

.operating-environment-page .operating-climate-icon-placeholder {
        width: 92px;
        height: 92px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px dashed rgba(33, 64, 143, 0.18);
        border-radius: 12px;
        background: linear-gradient(135deg, rgba(66, 191, 238, 0.10) 0%, rgba(255, 255, 255, 0.94) 100%);
        color: rgba(33, 64, 143, 0.45);
        font-family: "Montserrat", sans-serif;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.04em;
    }

.operating-environment-page .operating-climate-title {
        margin: 0;
        color: #21408f;
        font-family: "Montserrat", sans-serif;
        font-size: 20px;
        line-height: 1.15;
        font-weight: 700;
    }

.operating-environment-page .operating-sdgs-box {
        flex: 0 0 520px;
        border: 1px solid #42bfee;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 18px;
        padding: 10px 14px;
        background: rgba(255, 255, 255, 0.55);
    }

.operating-environment-page .operating-sdgs-title {
        flex: 0 0 84px;
        
        font-family: "Montserrat", sans-serif;
        font-size: 20px;
        line-height: 1.15;
        font-weight: 700;
    }

.operating-environment-page .operating-sdgs-icons {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 10px;
        min-width: 0;
    }

.operating-environment-page .operating-sdgs-icons img {
        display: block;
        width: auto;
        height: 64px;
        max-width: 100%;
        object-fit: contain;
    }

.operating-environment-page .operating-sdgs-placeholder {
        height: 64px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: rgba(33, 64, 143, 0.45);
        font-family: "Montserrat", sans-serif;
        font-size: 12px;
        line-height: 1;
        font-weight: 700;
        border: 1px dashed rgba(33, 64, 143, 0.18);
        border-radius: 10px;
        background: linear-gradient(135deg, rgba(66, 191, 238, 0.10) 0%, rgba(255, 255, 255, 0.94) 100%);
    }

.operating-environment-page .operating-climate-body {
        margin-top: -1px;
        padding: 24px 24px 0;
        border-left: 2px solid #42bfee;
        border-top: 2px solid #42bfee;

        font-family: "Aleo", serif;
        font-size: 16px;
        line-height: 1.35;
    }

.operating-environment-page .operating-climate-col h3 {
        margin: 0 0 8px;
        
        font-family: "Montserrat", sans-serif;
        font-size: 18px;
        line-height: 24px;
        font-weight: 700;
        color: #4D4D4F
    }

.operating-environment-page .operating-climate-col p {
        margin: 0;
        padding-bottom: 17px;
    }

.operating-environment-page .operating-climate-col ul {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 32px;
        row-gap: 6px;
        margin: 0;
        padding-left: 20px;
    }

.operating-environment-page .operating-climate-col li + li {
        margin-top: 0;
    }

@media (max-width: 991px) {
    .operating-environment-page .operating-environment-title {
        font-size: 34px;
        line-height: 1.08;
    }

    .operating-environment-page .operating-environment-copy {
        font-size: 20px;
    }

    .operating-environment-page .operating-environment-body-copy {
        font-size: 16px;
    }

    .operating-environment-page .operating-climate-top {
        flex-direction: column;
        align-items: flex-start;
    }

    .operating-environment-page .operating-sdgs-box {
        width: 100%;
        flex-basis: auto;
    }

    .operating-environment-page .operating-climate-body {
        grid-template-columns: 1fr;
        gap: 20px;
        padding: 20px 16px 0;
    }

    .operating-environment-page .operating-climate-col ul {
        grid-template-columns: 1fr;
    }
}
  .double-materiality-page .double-materiality-category-grid {
        border-top: 1px solid #d2d2e7;
        border-bottom: 2px solid #21408f;
    }

.double-materiality-page .double-materiality-category-head,
.double-materiality-page .double-materiality-category-item {
    padding: 10px 0;
    border-bottom: 1px solid #d2d2e7;
}

.double-materiality-page .double-materiality-category-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
}

.double-materiality-page .double-materiality-category-col {
    min-width: 0;
}

.double-materiality-page .double-materiality-category-head {
    background: #dadbed;
    color: #505050;
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    line-height: 1.3;
    font-weight: 700;
    padding: 12px 8px;
}

.double-materiality-page .double-materiality-category-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    color: #505050;
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: 1.35;
    padding: 12px 8px;
}

.double-materiality-page .double-materiality-category-tag {
    display: inline-flex;
    align-items: start;
    border: 1px solid #9b9ba8;
    font-family: "Montserrat", sans-serif;
    font-size: 15px;
    line-height: 1;
    font-weight: 700;
    color: #ffffff;
    flex: 0 0 auto;
    overflow: hidden;
        height: 23px;
}

.double-materiality-page .double-materiality-category-tag span:first-child {
    background: #8e8e95;
    padding: 3px 5px 4px;
}

.double-materiality-page .double-materiality-category-tag span:last-child {
    color: #505050;
    background: #ffffff;
    padding: 3px 8px 4px;
}

.double-materiality-page .double-materiality-category-note {
    margin: 16px 0 0;
    color: #505050;
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: 1.4;
    font-style: italic;
}

.double-materiality-page .double-materiality-monitor-grid {
    position: relative;
    min-height: 480px;
    margin-top: 16px;
}

.double-materiality-page .double-materiality-monitor-label {
    margin-bottom: 18px;
    color: #505050;
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: 1.35;
}


.double-materiality-page .double-materiality-monitor-figure img {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.double-materiality-page .double-materiality-monitor-ring {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    border: 1px solid rgba(33, 64, 143, 0.05);
}

.double-materiality-page .double-materiality-monitor-ring-1 {
    inset: 20px;
    border-color: rgba(19,168,215,0.25);
}

.double-materiality-page .double-materiality-monitor-ring-2 {
    inset: 70px;
    border-color: rgba(19,168,215,0.18);
}

.double-materiality-page .double-materiality-monitor-ring-3 {
    inset: 118px;
    border-color: rgba(19,168,215,0.22);
}

.double-materiality-page .double-materiality-monitor-note {
    position: absolute;
    color: #505050;
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: 1.35;
    max-width: 260px;
}

.double-materiality-page .double-materiality-monitor-note-top {
    top: 56px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    max-width: 220px;
}

.double-materiality-page .double-materiality-monitor-note-left-top {
    left: 0;
    top: 130px;
    max-width: 240px;
}

.double-materiality-page .double-materiality-monitor-note-left-bottom {
    left: 0;
    top: 300px;
    max-width: 220px;
}

.double-materiality-page .double-materiality-monitor-note-bottom-left {
    left: 66px;
    bottom: 8px;
    max-width: 220px;
    text-align: center;
}

.double-materiality-page .double-materiality-monitor-note-right-top {
    right: 0;
    top: 132px;
    max-width: 260px;
}

.double-materiality-page .double-materiality-monitor-note-right-middle {
    right: 0;
    top: 214px;
    max-width: 220px;
}

.double-materiality-page .double-materiality-monitor-note-right-bottom {
    right: 0;
    bottom: 24px;
    max-width: 260px;
}

.double-materiality-page .double-materiality-improvement-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 24px;
    margin: 24px 0 28px;
}

.double-materiality-page .double-materiality-improvement-card {
    min-height: 180px;
    padding: 16px 14px;
    border-top: 2px solid #3db6e4;
    border-left: 2px solid #3db6e4;
    color: #505050;
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: 1.35;
}

@media (max-width: 991px) {
    .double-materiality-page .double-materiality-kicker {
        font-size: 16px;
        line-height: 22px;
    }

    .double-materiality-page .double-materiality-title {
        font-size: 34px;
        line-height: 40px;
    }

    .double-materiality-page .double-materiality-copy {
        margin-top: 28px;
        font-size: 18px;
    }

    .double-materiality-page .double-materiality-body-copy {
        margin-top: 22px;
        font-size: 16px;
    }

    .double-materiality-page .double-materiality-section-block {
        margin-top: 28px;
    }

    .double-materiality-page .double-materiality-section-title {
        font-size: 20px;
    }

    .double-materiality-page .double-materiality-matrix-intro {
        font-size: 16px;
    }

    .double-materiality-page .double-materiality-matrix-placeholder {
        min-height: 300px;
    }

    .double-materiality-page .double-materiality-matrix-placeholder-label {
        font-size: 16px;
    }

    .double-materiality-page .double-materiality-category-grid {
        grid-template-columns: 1fr;
    }

    .double-materiality-page .double-materiality-monitor-grid {
        min-height: 0;
    }

    .double-materiality-page .double-materiality-monitor-note {
        position: static;
        transform: none;
        max-width: none;
        margin: 12px 0;
        text-align: left;
    }

    .double-materiality-page .double-materiality-improvement-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .double-materiality-page .double-materiality-improvement-card {
        min-height: 0;
    }

    .stakeholder-engagement-page .stakeholder-engagement-kicker {
        font-size: 16px;
        line-height: 22px;
    }

    .stakeholder-engagement-page .stakeholder-engagement-title {
        font-size: 34px;
        line-height: 40px;
    }

    .stakeholder-engagement-page .stakeholder-engagement-copy {
        font-size: 20px;
    }

    .stakeholder-engagement-page .stakeholder-engagement-intro {
        margin-bottom: 28px;
    }

    .stakeholder-engagement-page .stakeholder-engagement-top {
        flex-direction: column;
    }

    .stakeholder-engagement-page .stakeholder-engagement-main-icon {
        flex-basis: 88px;
        width: 88px;
        height: 88px;
    }

    .stakeholder-engagement-page .stakeholder-engagement-main-icon::before {
        font-size: 11px;
    }

    .stakeholder-engagement-page .stakeholder-engagement-main-title {
        font-size: 28px;
        line-height: 32px;
    }
.stakeholder-engagement-page .stakeholder-engagement-main-icon img{
    padding-bottom: 8px;
}
    .stakeholder-engagement-page .stakeholder-engagement-top-left::after {
        display: none;
    }

    .stakeholder-engagement-page .stakeholder-engagement-capitals {
        width: 100%;
        max-width: none;
        flex-direction: column;
        align-items: flex-start;
        gap: 14px;
    }

    .stakeholder-engagement-page .stakeholder-engagement-capitals-title {
        flex-basis: auto;
        font-size: 18px;
        line-height: 24px;
    }

    .stakeholder-engagement-page .stakeholder-engagement-capitals-icons {
        width: 100%;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px;
    }

    .stakeholder-engagement-page .stakeholder-engagement-capital-icon svg {
        width: 40px;
        height: 40px;
    }

    .stakeholder-engagement-page .stakeholder-engagement-body {
        grid-template-columns: 1fr;
        gap: 22px;
        padding-left: 12px;
        padding-top: 12px;
    }

    .stakeholder-engagement-page .stakeholder-engagement-risk-grid {
        margin-bottom: 24px;
    }

    .stakeholder-engagement-page .stakeholder-engagement-section-title,
    .stakeholder-engagement-page .stakeholder-engagement-subsection-title {
        font-size: 18px;
        line-height: 24px;
    }

    .stakeholder-engagement-page .stakeholder-engagement-bullet-list,
    .stakeholder-engagement-page .stakeholder-engagement-score {
        font-size: 16px;
    }

    .business-model-page .business-model-title {
        font-size: 34px;
        line-height: 40px;
    }

    .business-model-page .business-model-tabs {
        gap: 14px;
        flex-direction: column;
        align-items: stretch;
    }

    .business-model-page .business-model-tabs .nav-link {
        width: 100%;
        min-width: 0;
        min-height: 64px;
        font-size: 18px;
    }

    .business-model-page .business-model-panel {
        min-height: 180px;
        padding: 20px;
    }

    .business-model-page .business-model-svg-placeholder {
        min-height: 140px;
    }

    .business-model-page .business-model-svg-placeholder svg {
        height: 140px;
    }

    .business-model-page .business-model-strength-block {
        padding: 10px 0 10px 12px;
    }

    .business-model-page .business-model-strength-title {
        font-size: 18px;
        line-height: 24px;
    }

    .business-model-page .business-model-value-block {
        padding-left: 0;
    }

    .business-model-page .business-model-value-header {
        gap: 14px;
    }

    .business-model-page .business-model-value-icon {
        flex-basis: auto;
        width: 86px;
        min-height: 72px;
        padding-top: 0;
    }

    .business-model-page .business-model-value-icon-placeholder {
        width: 72px;
        min-height: 72px;
        font-size: 11px;
    }

    .strategy-roadmap-page .strategy-roadmap-hero,
    .strategy-roadmap-page .strategy-roadmap-copy {
        padding-left: 16px;
        padding-right: 16px;
    }

    .strategy-roadmap-page .strategy-roadmap-title {
        font-size: 34px;
        line-height: 1.08;
    }

    .strategy-roadmap-page .strategy-roadmap-intro,
    .strategy-roadmap-page .strategy-roadmap-copy p {
        font-size: 16px;
    }

    .strategy-roadmap-page .strategy-priority-head {
        flex-direction: column;
    }

    .strategy-roadmap-page .strategy-priority-capitals {
        width: 100%;
        flex-basis: auto;
    }

    .strategy-roadmap-page .strategy-priority-capitals-end {
        max-width: none;
    }

    .strategy-roadmap-page .strategy-priority-title {
        font-size: 28px;
        line-height: 32px;
    }

    .strategy-roadmap-page .strategy-priority-content {
        padding: 18px 16px 0 16px;
    }
  }

.risk-management-page .risk-key-section {
    margin-top: 34px;
}

.risk-management-page .risk-key-kicker {
    margin-bottom: 18px;
    color: #21408f;
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    line-height: 26px;
    font-weight: 700;
}

.risk-management-page .risk-key-card + .risk-key-card {
    margin-top: 34px;
}

.risk-management-page .risk-key-icon {
    flex: 0 0 72px;
    width: 72px;
    height: 72px;
    position: relative;
    margin-top: 4px;
}

.risk-management-page .risk-key-icon::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 4px;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-bottom: 52px solid #0aa6d6;
}

.risk-management-page .risk-key-icon-badge {
    position: absolute;
    left: 50%;
    top: 27px;
    transform: translateX(-50%);
    color: #ffffff;
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    line-height: 1;
    font-weight: 700;
}

.risk-management-page .risk-key-content {
    flex: 1;
    min-width: 0;
}

.risk-management-page .risk-key-title {
    margin: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(33, 64, 143, 0.95);
    color: #21408f;
    font-family: "Montserrat", sans-serif;
    font-size: 22px;
    line-height: 1.2;
    font-weight: 700;
}

.risk-management-page .risk-key-group {
    margin-top: 14px;
}

.risk-management-page .risk-key-heading {
    margin: 0 0 6px;
    color: #21408f;
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    line-height: 26px;
    font-weight: 700;
}

.risk-management-page .risk-key-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 32px;
    row-gap: 4px;
    margin: 0;
    padding-left: 16px;
    color: #505050;
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: 1.35;
}

.risk-management-page .risk-key-list li + li {
    margin-top: 0;
}

@media (max-width: 991px) {
    .risk-management-page .risk-management-shell {
        min-height: auto;
        padding: 22px 0 28px;
    }

    .risk-management-page .risk-management-kicker {
        font-size: 16px;
        line-height: 22px;
    }

    .risk-management-page .risk-management-title {
        font-size: 34px;
        line-height: 40px;
    }

    .risk-management-page .risk-management-copy {
        margin-top: 28px;
    }

    .risk-management-page .risk-management-body-copy {
        margin-top: 22px;
    }

    .risk-management-page .risk-key-section {
        margin-top: 28px;
    }

    .risk-management-page .risk-key-card {
        gap: 14px;
    }

    .risk-management-page .risk-key-icon {
        flex-basis: 58px;
        width: 58px;
        height: 58px;
    }

    .risk-management-page .risk-key-icon::before {
        border-left-width: 24px;
        border-right-width: 24px;
        border-bottom-width: 42px;
    }

    .risk-management-page .risk-key-icon-badge {
        top: 21px;
        font-size: 16px;
    }

    .risk-management-page .risk-key-title {
        font-size: 20px;
    }

    .risk-management-page .risk-key-list {
        grid-template-columns: 1fr;
    }
}

.pump-hero {
    background: transparent;
    border-bottom: 0;
    padding-top: 110px;
}

.basis-hero {
    background: transparent;
    border-bottom: 0;
    padding-top: 26px;
    padding-bottom: 10px;
}


.basis-hero-copy {
    max-width: 720px;
}

.about-hero {
    padding-top: 26px;
    padding-bottom: 22px;
    position: relative;
    overflow: hidden;
}

.cmd-message-section {
    min-height: 100vh;
    padding: 26px 0 40px;
    overflow: hidden;
}

.cmd-message-shell {
    position: relative;
    min-height: calc(100vh - 66px);
    padding: 0;
}

.cmd-message-title {
    margin-bottom: 22px;
    color: #21408f;
    font-size: 40px;
    line-height: 45px;
}

.cmd-copy {
    position: relative;
    max-width: none;
    padding: 40px 0 0;
}

.cmd-message-text {
    position: relative;
    margin: 0;
    padding: 16px 0px 0 25px;
    max-width: 100%;
    font-family: "Montserrat", sans-serif;
    font-size: 22px;
    line-height: 1.45;
    font-weight: 700;
    color: #21408f;
}

.cmd-message-text::before,
.cmd-message-text::after {
    position: absolute;
    font-family: "Montserrat", sans-serif;
    font-size: 72px;
    line-height: 0.8;
    font-weight: 700;
    color: #21408f;
}

.cmd-message-text::before {
    content: "“";
    left: -6px;
    top: -2px;
}

.cmd-message-text::after {
    content: "”";
       left: 35%;
    bottom: -38px;
}


/* CMD Message overrides for the letter layout */
.cmd-banner {
    padding: 0 0 26px;
}

.cmd-letter {
    position: relative;
    max-width: none;
}

.cmd-letter-title {
    margin: 0;
    font-family: "Montserrat", sans-serif;
    font-size: 40px;
    line-height: 45px;
    font-weight: 700;
    color: #111111;
}

.cmd-letter-copy {
    margin-top: 22px;
}

.cmd-letter-copy p {
    margin: 0;
    max-width: none;
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: 1.55;
    font-weight: 400;
    
}

.cmd-letter-copy p + p {
    margin-top: 22px;
}


.cmd-image-placeholder-label {
    font-size: 15px;
    line-height: 20px;
}

.cmd-letter {
    position: relative;
    max-width: none;
}

.cmd-letter-title {
    margin: 0;
    font-family: "Montserrat", sans-serif;
    font-size: 40px;
    line-height: 45px;
    font-weight: 700;
    color: #111111;
}

.cmd-letter-copy {
    margin-top: 22px;
}

.cmd-letter-copy p {
    margin: 0;
    max-width: none;
    font-family: "Aleo", serif;
    font-size: 22px;
    line-height: 1.4;
    font-weight: 400;
    
}

.cmd-letter-copy p + p {
    margin-top: 22px;
}

.cmd-image-placeholder-label {
    font-size: 15px;
    line-height: 20px;
}

.about-hero-copy {
    position: relative;
    z-index: 1;
}

.about-kicker {
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0.18em;
    font-weight: 700;
    color: #111111;
}

.about-title {
    max-width: 1200px;
}

.about-lead {
    max-width: 1280px;
    font-size: 20px;
    line-height: 1.4;
    color: #21408f;
    font-weight: 700;
}

.about-body {
    max-width: 1260px;
    font-size: 16px;
    line-height: 1.28;
    
}

.about-achievement {
    position: relative;
    padding-top: 0;
}

.achievement-shell {
    position: relative;
    min-height: 160px;
    padding: 30px 24px 18px 0px;
    overflow: hidden;
}

.achievement-bubbles {
	position: absolute;
	display: block;
	left: 0;
	top: 1px;
	width: 214px;
	height: auto;
}

.achievement-title {
    position: relative;
    z-index: 1;
    max-width: 290px;
    margin: 86px 0 0 0;
    font-family: "Montserrat", sans-serif;
    font-size: 24px;
    line-height: 1.02;
    font-weight: 700;
    color: #21408f;
    text-transform: uppercase;
}

.achievement-list {
    margin-top: 24px;
}

.achievement-item {
    position: relative;
}

.achievement-mark {
    position: absolute;
    left: 0;
    top: -5px;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: rgba(0, 172, 238, 0.28);
}

.achievement-copy {
    padding-left: 8px;
}

.achievement-item-title {
    margin: 0 0 8px 0;
    color: #0098d4;
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 700;
}

.achievement-item-text {
    margin: 0;
    
    font-size: 17px;
    line-height: 1.35;
}

.achievement-divider {
    height: 1px;
    background: rgba(0, 152, 212, 0.9);
    margin: 24px 0 28px;
}

.about-quickfacts {
    background: linear-gradient(180deg, #0a4d83 0%, #0a4d83 100%);
    padding: 40px 0 40px;
    margin-bottom: 20px;
}

.quickfacts-shell {
    background: #ffffff;
    border-radius: 10px;
    padding: 40px 42px 42px;
    box-shadow: 0 0 0 1px rgba(33, 64, 143, 0.08), 0 16px 32px rgba(7, 47, 84, 0.14);
    color: #21408f;
}

.quickfacts-head {
    display: flex;
    flex-direction: column;
    gap: 18px;
    margin-bottom: 10px;
}

.quickfacts-title {
    margin: 0;
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    color: #21408f;
    text-transform: uppercase;
}

.quickfacts-subtitle {
    margin: 0 0 8px;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    color: #21408f;
}

.quickfacts-divider {
    height: 1px;
    background: rgba(33, 64, 143, 0.18);
    margin: 18px 0 26px;
}

.quickfacts-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    min-height: 26px;
    padding: 4px 12px;
    margin: 8px 0 18px;
    background: #13a8d7;
    color: #ffffff;
    font-family: "Montserrat", sans-serif;
    font-size: 13px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.quickfacts-grid {
    display: grid;
    gap: 28px 32px;
}

.quickfacts-grid-top,
.quickfacts-grid-pumps,
.quickfacts-grid-pumps-bottom,
.quickfacts-grid-valves,
.quickfacts-grid-pat {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.quickfact-item {
    min-width: 0;
}

.quickfact-value {
    font-family: "Aleo", serif;
    font-size: 40px;
    line-height: 0.95;
    font-weight: 700;
    color: #21408f;
    letter-spacing: -0.03em;
    word-break: break-word;
}

.quickfact-label,
.quickfact-note,
.quickfact-meta {
    font-family: "Aleo", serif;
    color: #21408f;
}

.quickfact-label {
    margin-top: 2px;
    font-size: 17px;
    line-height: 1.12;
    font-weight: 700;
}

.quickfact-note {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 1.15;
    font-weight: 700;
}

.quickfact-meta {
    margin-top: 1px;
    font-size: 15px;
    line-height: 1.08;
    font-weight: 700;
}

.quickfact-center .quickfact-value,
.quickfact-right .quickfact-value {
    max-width: 100%;
}

.quickfacts-grid-pumps-bottom {
    margin-top: 18px;
}

.quickfacts-grid-valves {
    gap: 22px 32px;
}

.quickfacts-grid-pat {
    margin-top: 6px;
}

.quickfacts-grid-pat .quickfact-note {
    margin-bottom: 1px;
}

.quickfact-value sup {
    font-size: 0.55em;
    line-height: 0;
    vertical-align: super;
}

.quickfact-item .quickfact-label sup,
.quickfact-item .quickfact-meta sup {
    font-size: 0.7em;
}

.about-segments {
    background: #ffffff;
}

.segments-shell,
.orderbook-shell,
.guided-shell {
    position: relative;
}

.segments-shell {
    padding: 18px 0 8px;
}

.segments-title,
.guided-title {
    margin: 0 0 34px;
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    line-height: 26px;
    font-weight: 700;
    color: #21408f;
    text-transform: uppercase;
}

.segments-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px 64px;
}

.segments-column {
    display: flex;
    flex-direction: column;
    gap: 28px;
}

.segment-item {
    display: flex;
    align-items: center;
    gap: 0;
    color: #4d4d4f;
    font-size: 18px;
    line-height: 1.2;
}

.segment-dot {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: rgba(0, 172, 238, 0.3);
    flex: 0 0 42px;
    margin-right: -14px;
}

.segment-text {
    position: relative;
    z-index: 1;
}

.orderbook-shell {
    display: grid;
    grid-template-columns: minmax(280px, 1.15fr) minmax(280px, 1fr);
    gap: 24px 42px;
    align-items: center;
    padding: 36px 0 10px;
}

.orderbook-chart-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
}

.orderbook-chart-image {
    max-width: 100%;
    height: auto;
    display: block;
}

.orderbook-chart {
    position: relative;
    width: 320px;
    height: 320px;
    border-radius: 50%;
    background: conic-gradient(#19a8df 0 38%, #21408f 38% 100%);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.18);
}

.orderbook-chart::before,
.orderbook-chart::after,
.orderbook-chart-inner::before,
.orderbook-chart-inner::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: transparent;
    pointer-events: none;
}

.orderbook-chart::before {
    box-shadow:
        inset 0 0 0 18px rgba(255, 255, 255, 0.12),
        inset 0 0 0 36px rgba(255, 255, 255, 0.12),
        inset 0 0 0 54px rgba(255, 255, 255, 0.12),
        inset 0 0 0 72px rgba(255, 255, 255, 0.12),
        inset 0 0 0 90px rgba(255, 255, 255, 0.12),
        inset 0 0 0 108px rgba(255, 255, 255, 0.12),
        inset 0 0 0 126px rgba(255, 255, 255, 0.12);
}

.orderbook-chart-inner {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background:
        radial-gradient(circle at center, rgba(255, 255, 255, 0) 0 18%, rgba(33, 64, 143, 0.14) 18.4% 19.2%, rgba(255, 255, 255, 0) 19.5% 28.5%, rgba(33, 64, 143, 0.14) 28.8% 29.6%, rgba(255, 255, 255, 0) 30% 40%, rgba(33, 64, 143, 0.14) 40.3% 41.2%, rgba(255, 255, 255, 0) 41.6% 52%, rgba(33, 64, 143, 0.14) 52.4% 53.3%, rgba(255, 255, 255, 0) 53.7% 64%, rgba(33, 64, 143, 0.14) 64.4% 65.3%, rgba(255, 255, 255, 0) 65.7% 100%);
    mix-blend-mode: screen;
}

.orderbook-copy {
    align-self: center;
}

.orderbook-title {
    margin: 0;
    font-family: "Montserrat", sans-serif;
    font-size: 25px;
    line-height: 1.05;
    font-weight: 700;
    color: #21408f;
}

.orderbook-value {
    margin-top: 16px;
    font-family: "Aleo", serif;
    font-size: 40px;
    line-height: 1;
    font-weight: 700;
    color: #21408f;
    letter-spacing: -0.03em;
}

.orderbook-note {
    margin-top: 8px;
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: 1.2;
    color: #111111;
}

.orderbook-divider {
    width: 230px;
    height: 2px;
    margin-top: 24px;
    background: rgba(33, 64, 143, 0.35);
}

.orderbook-legend {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px 70px;
    margin-top: 18px;
    max-width: 750px;
}

.orderbook-legend-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    color: #111111;
}

.orderbook-legend-dot {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin-bottom: 10px;
}

.orderbook-legend-domestic {
    background: #21408f;
}

.orderbook-legend-overseas {
    background: #19a8df;
}

.orderbook-legend-value {
    font-family: "Aleo", serif;
    font-size: 25px;
    line-height: 1;
    font-weight: 700;
    color: #111111;
}

.orderbook-legend-label {
    font-size: 21px;
    line-height: 1.15;
    color: #111111;
}

.guided-shell {
    padding: 26px 0 0;
}

.guided-title {
    margin-bottom: 32px;
}

.guided-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 34px 52px;
}

.guided-card {
    min-width: 0;
    padding-bottom: 6px;
}

.guided-card-wide {
    grid-column: 1 / -1;
    max-width: 520px;
}

.guided-head {
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(33, 64, 143, 0.36);
}

.guided-name {
    margin: 0;
    font-family: "Aleo", serif;
    font-size: 25px;
    line-height: 26px;
    font-weight: 700;
    color: #21408f;
}

.guided-footer {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    margin-top: 10px;
}

.guided-mark {
    position: relative;
    width: 28px;
    height: 28px;
    border-radius: 6px;
    background: rgba(33, 64, 143, 0.18);
    flex: 0 0 28px;
}

.guided-mark::after {
    content: "+";
    position: absolute;
    right: -9px;
    bottom: -10px;
    color: rgba(33, 64, 143, 0.28);
    font-family: "Montserrat", sans-serif;
    font-size: 30px;
    line-height: 1;
    font-weight: 700;
}

.guided-page-block {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.guided-page {
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    line-height: 1.15;
    font-weight: 700;
    color: #4d4d4f;
}

.guided-read {
    font-size: 20px;
    line-height: 1.15;
    color: #5a5a5a;
}

.guided-read:hover {
    color: #21408f;
}

.global-presence-page {
    background: #ffffff;
}

.global-presence-hero {
    padding-top: 26px;
}

.global-presence-copy {
    padding: 0 0 8px;
}

.global-presence-title {
    margin-bottom: 10px;
}

.global-presence-subtitle {
    margin: 0 0 14px;
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    line-height: 26px;
    font-weight: 700;
    color: #13a8d7;
}


.presence-item-hero {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 18px 0 12px 18px;
    margin-left: 8px;
    border-top: 1px solid rgba(33, 64, 143, 0.75);
    border-left: 1px solid rgba(33, 64, 143, 0.75);
    margin-bottom: 30px;
}

.presence-number {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    flex: 0 0 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #1e3b8f;
    color: #ffffff;
    font-family: "Aleo", serif;
    font-size: 18px;
    line-height: 1;
    font-weight: 700;
}

.presence-item-hero .presence-number {
    background: #13a8d7;
}

.presence-heading {
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
    color: #21408f;
}

.presence-group {
        padding: 18px 0 12px 18px;
    margin-left: 8px;
    border-top: 1px solid rgba(33, 64, 143, 0.75);
    border-left: 1px solid rgba(33, 64, 143, 0.75);
}

.presence-group-title {
    margin: 0 0 12px;
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    line-height: 26px;
    font-weight: 700;
    color: #13a8d7;
}

.presence-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px 36px;
}

.presence-card {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 3px;
    align-items: start;
    padding: 6px 0 0;
}

.presence-content {
    min-width: 0;
}

.presence-name {
    margin-bottom: 10px;
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
    color: #21408f;
}

.presence-meta {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 12px;
    align-items: start;
}

.presence-meta + .presence-meta {
    margin-top: 12px;
}


.presence-icon img {
    width: 70%;
    height: 70%;
    object-fit: contain;
    display: block;
}

.presence-text {
    font-size: 16px;
    line-height: 24px;
    
}

.presence-legend {
    display: flex;
    align-items: center;
    gap: 34px;
    margin-top: 18px;
    padding-top: 16px;
}

.presence-legend-item {
    display: flex;
    align-items: center;
    gap: 10px;
}

.presence-legend-text {
    font-size: 20px;
    line-height: 26px;
    
}

.presence-svg-row {
    margin-top: 22px;
}
.presence-svg-placeholder {
    max-width: 800px;
    margin: auto;
}
.presence-svg-placeholder svg {
    display: block;
    width: 100%;
    height: auto;
}

.presence-svg-placeholder img {
    display: block;
    width: 100%;
    height: auto;
}

.presence-placeholder-row {
    margin-top: 24px;
}

.presence-placeholder-box {
    min-height: 220px;
    border: 1px dashed rgba(33, 64, 143, 0.24);
    border-radius: 10px;
    background: linear-gradient(135deg, rgba(19, 168, 215, 0.04) 0%, rgba(33, 64, 143, 0.03) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
    margin-bottom: 20px;
}

.presence-placeholder-text {
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: #21408f;
    opacity: 0.5;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.presence-overseas-shell {
    margin-top: 26px;
    margin-bottom: 20px;
}

.presence-overseas-grid {
    margin-top: 10px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px 24px;
    padding-left: 14px;
    border-left: 1px solid rgba(33, 64, 143, 0.72);
    border-top: 1px solid rgba(33, 64, 143, 0.72);
    padding-top: 14px;
}

.presence-overseas-item {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 3px;
    align-items: center;
}

.presence-overseas-text {
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    color: #21408f;
}

.presence-sectors-shell {
    margin-top: 26px;
}

.presence-sectors-grid {
    margin-top: 10px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px 34px;
    padding-left: 14px;
    border-left: 1px solid rgba(33, 64, 143, 0.72);
    border-top: 1px solid rgba(33, 64, 143, 0.72);
    padding-top: 14px;
}

.presence-sector-item {
    display: flex;
    align-items: center;
    gap: 0px;
    min-width: 0;
}

.presence-sector-icon {
    width: 64px;
    height: 64px;
   
}

.presence-sector-icon img {
    width: 72%;
    height: 72%;
    object-fit: contain;
    display: block;
}

.presence-sector-text {
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
    
}

.presence-locations-shell {
    margin-top: 24px;
    background: transparent;
    border-radius: 0;
    padding: 0;
}

.presence-locations-head {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr);
    gap: 24px 36px;
    margin-bottom: 8px;
}

.presence-locations-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr);
    gap: 24px 36px;
}

.presence-section-block {
    min-width: 0;
}

.presence-section-block-large {
    border-left: 1px solid rgba(33, 64, 143, 0.72);
    border-top: 1px solid rgba(33, 64, 143, 0.72);
    padding: 10px 0 0 16px;
}

.presence-section-block-small {
    border-left: 1px solid rgba(33, 64, 143, 0.72);
    border-top: 1px solid rgba(33, 64, 143, 0.72);
    padding: 10px 0 0 16px;
}

.presence-block-title {
    margin: 0;
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    line-height: 26px;
    font-weight: 700;
    color: #13a8d7;
}

.presence-block-list {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.presence-list-item {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 3px;
    align-items: start;
}

.presence-list-heading {
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    color: #21408f;
    margin-bottom: 8px;
}

.presence-list-text {
    font-size: 16px;
    line-height: 24px;
    
}

.presence-region-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px 28px;
    padding-top: 4px;
}

.presence-region-item {
    display: flex;
    align-items: center;
    gap: 14px;
}

.presence-region-text {
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    color: #21408f;
}

.about-values-shell {
    padding: 22px 0 0;
}

.about-section-head {
    margin-bottom: 14px;
}

.about-section-title {
    margin: 0;
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    line-height: 26px;
    font-weight: 700;
    color: #21408f;
    text-transform: uppercase;
}

.about-bullet-list {
    margin: 0;
    padding-left: 17px;
    
    font-size: 16px;
    line-height: 24px;
}

.about-bullet-list li + li {
    margin-top: 14px;
}

.value-system {
    margin-top: 34px;
}

.value-system-grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 28px;
}

.value-item {
    padding-bottom: 4px;
}

.value-item-title {
    margin: 0 0 8px;
    font-family: "Aleo", sans-serif;
    font-size: 22px;
    line-height: 28px;
    font-weight: 700;
    color: #524EA0;
    border-bottom: 1px solid #48b2e5;
    padding-bottom: 10px;
}

.value-item-text {
    margin: 0;
    
    font-size: 16px;
    line-height: 24px;
}

.core-values {
    margin-top: 30px;
}

.core-values-list {
    margin-top: 6px;
}

.about-structure-shell {
    padding: 32px 0 0;
}

.structure-placeholder {
    margin-top: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.structure-placeholder img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.structure-notes {
    color: #4d4d4f;
    font-size: 16px;
    line-height: 1.35;
    font-style: italic;
}

.structure-footnotes p {
    margin: 0;
    font-size: inherit;
    line-height: inherit;
}

.structure-footnotes p + p {
    margin-top: 2px;
}

.structure-legend {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin: 7px 0 0;
    padding: 0;
    list-style: none;
}

.structure-legend li {
    display: flex;
    align-items: center;
    gap: 15px;
}

.structure-legend-line {
    width: 36px;
    height: 4px;
    flex: 0 0 36px;
}

.structure-legend-line-domestic {
    background-color: #54badb;
}

.structure-legend-line-joint {
    background-color: #8e86c5;
}

.structure-legend-line-international {
    background-color: #66686a;
}

.structure-placeholder-label {
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #21408f;
    opacity: 0.55;
}

.brand-portfolio-shell {
    padding: 40px 0 0;
}

.brand-portfolio-grid {
    margin-top: 28px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.brand-card {
    min-height: 178px;
    padding: 28px 24px 22px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
    border-right: 1px solid rgba(33, 64, 143, 0.22);
    border-bottom: 1px solid rgba(33, 64, 143, 0.22);
}

.brand-card::after {
    content: "";
    position: absolute;
   right: -10px;
    bottom: -10px;
    width: 20px;
    height: 20px;
    background: #fff;
    z-index: 9;
}

.brand-card:nth-child(3n)::after {
    display: none;
}

.brand-card:nth-child(3n) {
    border-right: 0;
}

.brand-card:nth-last-child(-n + 3) {
    border-bottom: 0;
}

.brand-logo-placeholder {
    width: 240px;
   
}

.brand-logo-wide {
    width: 170px;
}

.brand-name {
    display: none;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    color: #111111;
    text-transform: uppercase;
}

.brand-country {
    display: none;
    margin-top: 2px;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color: #111111;
}

@media (max-width: 991px) {
    .brand-portfolio-grid {
        grid-template-columns: 1fr;
    }

    .brand-card {
        border-right: 0;
    }

    .brand-card:not(:last-child) {
        border-bottom: 1px solid rgba(33, 64, 143, 0.22);
    }

    .brand-card::after {
        right: 12px;
        bottom: 12px;
    }
}

.hero-lead,
.story-copy p,
.section-note {
    color: #21408f;
}

.table-footnote p
{
    color: #222;
}
.hero-lead {
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
}

.story-copy {
    font-size: 16px;
    line-height: 26px;
    color: #21408f;
}

.basis-copy {
    
    font-size: 16px;
    line-height: 1.45;
}

.basis-block .section-title {
    margin-bottom: 8px;
}

.basis-block + .basis-block {
    margin-top: 0;
}

.capitals-section .section-title {
    margin-bottom: 0;
    
}

.capital-card {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 18px;
    padding: 0 0 10px;
}

.capital-head {
    display: flex;
    align-items: end;
    gap: 16px;
}

.capital-icon {
    width: 64px;
    height: 64px;
    flex: 0 0 64px;
}

.capital-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.capital-title {
    margin: 0;
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    line-height: 26px;
    font-weight: 700;
    color: #21408f;
}

.capital-footer {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-top: 12px;
    border-top: 1px solid rgba(33, 64, 143, 0.55);
    color: #5a5a5a;
    font-size: 18px;
    line-height: 24px;
}

.capital-page {
    color: #21408f;
    font-weight: 700;
}

.capital-read,
.strategy-more-footer .stake-read,
.material-more-footer .stake-read {
    color: inherit;
    font-size: inherit;
}

.capital-read:hover,
.strategy-more-footer .stake-read:hover,
.material-more-footer .stake-read:hover {
    color: #21408f;
}

.stakeholder-section .section-title {
    margin-bottom: 0;
    
}

.stake-card {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 5px;
    padding: 0 0 10px;
}

.stake-icon {
    width: 88px;
    height: 88px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #21408f;
    font-size: 44px;
    line-height: 1;
}

.stake-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.stake-title {
    margin: 0;
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    line-height: 30px;
    font-weight: 700;
    color: #21408f;
}

.stake-footer {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding-top: 12px;
    border-top: 1px solid rgba(33, 64, 143, 0.4);
    color: #5a5a5a;
    font-size: 18px;
    line-height: 24px;
    flex-wrap: wrap;
}

.stake-page {
    color: #21408f;
    font-weight: 700;
}


.stake-more {
    margin-top: 28px;
}

.stake-footer-line {
    height: 1px;
    background: rgba(33, 64, 143, 0.4);
    margin-bottom: 18px;
}

.stake-more-row {
    display: flex;
    align-items: flex-start;
    gap: 14px;
}

.stake-footer-mark {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.stake-footer-mark img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.stake-more-copy {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.stake-more-copy .stake-read {
    width: auto;
    margin-left: 0;
    color: inherit;
    text-decoration: none;
}

.stake-more-copy .stake-read:hover {
    color: #21408f;
}

.strategic-section .section-title {
    margin-bottom: 0;
    
}

.strategy-item {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 16px;
}

.strategy-badge {
    width: 64px;
    height: 43px;
    flex: 0 0 64px;
    background: #21408f;
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    line-height: 1;
    font-weight: 700;
}

.strategy-text {
    
    font-size: 18px;
    line-height: 1.15;
    font-weight: 500;
    padding-top: 8px;
}

.strategy-more {
    margin-top: 28px;
}

.strategy-more-line {
    height: 1px;
    background: rgba(33, 64, 143, 0.4);
    margin-bottom: 18px;
}

.strategy-more-footer {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
}

.strategy-more-footer .stake-read {
    width: auto;
    margin-left: 0;
}

.material-section .section-title {
    margin-bottom: 0;
    
}

.material-item {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    min-height: 84px;
}

.material-badge {
    width: 64px;
    height: 34px;
    flex: 0 0 64px;
    background: #ffffff;
    border: 1px solid #8e8e8e;
    color: #4d4d4f;
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    font-family: "Montserrat", sans-serif;
    font-size: 22px;
    line-height: 1;
    font-weight: 700;
    overflow: hidden;
}

.material-m {
    width: 31px;
    background: #8e8e8e;
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.material-num {
    width: 31px;
    background: #ffffff;
    
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.material-text {
    
    font-size: 18px;
    line-height: 1.2;
    font-weight: 400;
    padding-top: 1px;
}

.material-more {
    margin-top: 28px;
}

.material-more-line {
    height: 1px;
    background: rgba(33, 64, 143, 0.4);
    margin-bottom: 18px;
}

.material-more-footer {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
}

.material-more-footer .stake-read {
    width: auto;
    margin-left: 0;
}


.table-wrap {
    padding: 0;
    border-radius: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
}

.decade-table {
    margin-bottom: 0;
    color: #21408f;
    font-size: 15px;
    line-height: 22px;
    width: 100%;
    border-collapse: collapse;
}

.decade-table thead th {
    background: #c6e2ea;
    color: #21408f;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    border-bottom: 2px solid #2aa9c8;
    border-top: 0;
    white-space: nowrap;
    text-align: center;
}

.decade-table thead tr:first-child th {
    font-size: 18px;
    line-height: 24px;
}

.decade-table thead tr:last-child th {
    font-size: 15px;
    line-height: 20px;
}

.decade-table td,
.decade-table th {
    border-color: rgba(33, 64, 143, 0.2);
    vertical-align: middle;
}

.decade-table tbody td:first-child,
.decade-table thead .particulars-cell {
    font-weight: 700;
}

.decade-table thead .particulars-cell {
    text-align: left;
}

.decade-table thead tr:last-child th:first-child {
    background: #ffffff;
}

.decade-table tbody td:first-child {
    background: #d8ecec;
}

.decade-table tbody td:nth-child(2) {
    background: #ffffff;
}

.decade-table tbody td {
    background: #cfe9ea;
    border-top: 1px solid rgba(33, 64, 143, 0.18);
}

.table-subtext {
    font-size: 14px;
    line-height: 20px;
}

.table-footnote {
    margin-top: 16px;
    color: #222;
    font-size: 16px;
    line-height: 24px;
}

.next-prev-section {
    margin: 30px 0 0;
}

.next-prev-card {
    border: 0;
    color: #21408f;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 12px 22px;
    transition: transform 0.25s ease, background-color 0.25s ease, color 0.25s ease, box-shadow 0.25s ease;
    background: #f7f9ff;
    box-shadow: inset 0 0 0 1px rgba(33, 64, 143, 0.18);
    position: relative;
    overflow: hidden;
}

.next-prev-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 6px;
    background: #21408f;
    opacity: 0.85;
}

.prev-card {
    flex-direction: row;
}

.prev-card .next-prev-arrow {
    order: 0;
}

.prev-card .next-prev-content {
    order: 1;
    text-align: left;
}

.next-prev-card:hover {
    background: #21408f;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 18px 30px rgba(33, 64, 143, 0.14);
}

.next-prev-content {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1;
}

.next-prev-kicker {
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #6e83c6;
    display: none;
}

.next-prev-title {
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    line-height: 26px;
    font-weight: 700;
    max-width: 24rem;
}

.next-prev-arrow {
    font-family: "Montserrat", sans-serif;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    color: #21408f;
    font-size: 34px;
    line-height: 1;
    font-weight: 400;
    flex: 0 0 auto;
    box-shadow: 0 10px 22px rgba(33, 64, 143, 0.12);
    transition: all 0.25s ease;
}

.next-prev-card:hover .next-prev-title,
.next-prev-card:hover .next-prev-arrow {
    color: #ffffff;
}

.next-prev-card:hover .next-prev-kicker {
    color: rgba(255, 255, 255, 0.78);
}

.next-prev-card:hover .next-prev-arrow {
    background: rgba(255, 255, 255, 0.14);
    box-shadow: none;
}

.my-sidenav {
    display: none;
}
/*-----------Header Css End-------------*/

/*===================================================
  KBL — Typography
===================================================*/
body {
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: 18px;
    color: #4D4D4F;
}

p {
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: 18px;
}

/*===================================================
  KBL — Header
===================================================*/
#header {
    width: 100%;
    display: flex;
    padding: 0px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    height: 83px;
    align-items: center;
    justify-content: center;
    background: #fff;
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.08);
    transition: all .3s ease-in-out;
}
#header.sticky {
    height: 70px;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
}
#header.header-hide {
    transform: translateY(-100%);
}
.header-wrap {
    display: flex;
    justify-content: space-between;
    height: 70px;
    align-items: center;
}
/* Logo + company name lockup */
.kirloshLogo {
    display: flex;
    gap: 25px;
    align-items: center;
}
.kirloshLogo .logo {
    height:auto;
    width: auto;
    transition: all .3s ease-in-out;
}
#header.sticky .kirloshLogo .logo {
    height: 44px;
}
.kirloshLogo h4 {
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    color: #2B2E34;
    margin: 0;
}
.kirloshLogo h4 span {
    display: block;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #2B2E34;
}
.header-right {
    padding-right: 0px;
    display: flex;
    align-items: center;
    position: relative;
}
.header-right ul {
    margin-bottom: 0px;
    padding-left: 0px;
    display: flex;
}
.header-right ul li {
    list-style: none;
    float: left;
}
.header-right ul li a {
    color: #1b3281;
    font-weight: 700;
    padding-right: 40px;
    font-size: 16px;
    line-height: 22px;
    cursor: pointer;
    transition: color .2s ease-in-out;
}
.header-right ul li a:hover {
    color: #f38828;
}
.ar-btn a {
    display: inline-flex;
    align-items: center;
    color: #1b3281;
    border: 1px solid #1b3281;
    padding: 8px 12px;
    font-weight: 700;
    transition: all .2s ease-in-out;
}
.ar-btn a .d-text {
    font-size: 14px;
    line-height: 18px;
}
.ar-btn a i {
    padding-left: 10px;
    margin-left: 10px;
    border-left: 1px solid #1b3281;
    font-size: 16px;
}
.ar-btn a:hover {
    background-color: #1b3281;
    color: #fff;
}
.ar-btn a:hover i {
    border-left: 1px solid #fff;
    color: #fff;
}
.ham-icon1 {
    display: none;
    color: #1b3281;
    font-size: 26px;
    margin-left: 20px;
}

/* Mega-menu dropdowns */
.newnavv {
    background: #1b3281;
    position: absolute;
    z-index: 999;
    width: 100%;
    top: 58px;
    left: 0;
    display: none;
    border-radius: 16px;
}
.hdrnavigation {
    padding: 30px 20px;
    display: flex;
    margin: 0;
}
.hdrnavigation .menu-head {
    display: block;
    color: #03BDD5;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    min-height: 36px;
    text-transform: uppercase;
    letter-spacing: .5px;
    padding-bottom: 8px;
    margin-bottom: 6px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
.hdrnavigation a {
    color: #fff;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 9px 0;
    font-size: 14px;
    line-height: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    transition: color .2s ease-in-out;
}
.hdrnavigation a:hover {
    color: #03BDD5;
}
.hdrnavigation a i {
    color: #03BDD5;
    font-size: 14px;
}
.newnavv:after {
    width: 0;
    height: 0;
    position: absolute;
    display: block;
    content: "";
    border-right: 14px solid transparent;
    border-bottom: 14px solid #1b3281;
    border-left: 14px solid transparent;
    top: -13px;
    transition: all ease .4s;
}
.newnavv.nv1:after { left: 4%; }
.newnavv.nv2:after { left: 27%; }
.newnavv.nv3:after { left: 50%; }

/*===================================================
  KBL — Banner
===================================================*/
.banner-sec {
    position: relative;
    height: 100vh;
    min-height: 620px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: #0d1f52;
}
.banner-sec .banner-video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
    object-fit: cover;
    z-index: 1;
}
.banner-sec .banner-video-desktop {
    display: block;
}
.banner-sec .banner-video-mobile {
    display: none;
}
.banner-sec .banner-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(13, 31, 82, 0.55) 0%, rgba(13, 31, 82, 0.35) 50%, rgba(13, 31, 82, 0.65) 100%);
    z-index: 2;
}
.banner-sec .container {
    position: relative;
    z-index: 3;
    width: 100%;
}
.bannerText {
    text-align: left;
    padding-top: 15%;
}
.banner-100 {
    margin-bottom: 28px;
}
.banner-100 img {
    max-width: 190px;
    width: 100%;
    height: auto;
}
.bannerText h1 {
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 54px;
    line-height: 1.15;
    margin-bottom: 6px;
}
.bannerText h2 {
    color: #fff;
    font-weight: 400;
    font-size: 30px;
    line-height: 1.3;
    color: #ffffff;
    margin-bottom: 25px;
    font-family: "Aleo", serif;
}
.bannerText p {
    font-family: "Aleo", serif;
    font-size: 18px;
    line-height: 21px;
    color: #fff;
    margin-bottom: 32px;
}
.allBtns a {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 22px;
    background-color: #1b3281;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
    width: fit-content;
    transition: all .3s ease-in-out;
    border-radius: 25px;
}
.allBtns a i {
    font-size: 13px;
}
.allBtns a:hover {
    background-color:#f38828;
}

/*===================================================
  KBL — About KBL + Quick Facts
===================================================*/
.aboutKbl {
    background:
        linear-gradient(rgba(13, 31, 82, 0.52), rgba(13, 31, 82, 0.52)),
        url(../images/home/About%20KBL.jpg) no-repeat center center;
    background-size: cover;
    padding: 60px 0;
    margin-bottom: 80px;
}
.aboutKblCard {
    background: #ffffff;
    border-radius: 24px;
    padding:40px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.18);
}
.sectionEyebrow {
    display: inline-block;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #03BDD5;
    margin-bottom: 10px;
}
.aboutKblText {
    max-width: 920px;
    margin: 0px auto 30px;
    text-align: center;
}
.aboutKblText h2 {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 1.2;
    color: #ffffff;
    margin-bottom: 22px;
}
.aboutKblText p {
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: 24px;
    color:#ffffff;
    max-width:100%;
    padding-bottom: 25px;
}

/* Quick Facts */

.quickFactsHead {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 28px;
    line-height: 1.2;
    color: #1b3281;
    margin-bottom: 25px;
}
.factGroup {
    padding: 6px 2px;
}
.factGroupHead {
    font-weight: 700;
    font-size: 20px;
    line-height: 1.2;
    color: #1b3281;
    margin-bottom: 28px;
    font-family: "Montserrat", sans-serif;
}
.factGroupHead.badgeHead {
    display: inline-block;
    background: #03BDD5;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 15px;
    padding: 8px 18px;
    border-radius: 4px;
}
.factList {
    display: flex;
    flex-wrap: wrap;
    gap: 30px 0;
}
.factBox {
    flex: 0 0 33.333%;
    max-width: 33.333%;
    padding-right: 25px;
}
.factBox .factTop {
    display: block;
    font-family: "Aleo", serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #1b3281;
    margin-bottom: 6px;
}
.factBox h3 {
    font-family: "Aleo", serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 1.1;
    color: #1b3281;
    margin-bottom: 6px;
}
.factBox h3 span
{
    display: block;
}
.factBox p {
    font-family: "Aleo", serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: #1b3281;
}

/* Owl nav / dots for the slider */
.quickFactsSlider .owl-nav {
    position: static;
    margin-top: 35px;
    text-align: right;
    min-height: 42px;
}
.quickFactsSlider .owl-nav button.owl-prev,
.quickFactsSlider .owl-nav button.owl-next {
    width: 42px;
    height: 42px;
    border: 1px solid #1b3281 !important;
    border-radius: 50%;
    color: #1b3281 !important;
    font-size: 20px !important;
    margin-left: 10px;
    transition: all .25s ease-in-out;
}
.quickFactsSlider .owl-nav button.owl-prev:hover,
.quickFactsSlider .owl-nav button.owl-next:hover {
    background: #1b3281 !important;
    color: #ffffff !important;
}
.quickFactsSlider .owl-dots {
    margin-top: -42px;
    line-height: 42px;
    text-align: left;
}
.quickFactsSlider .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    background: #cfd6e6;
}
.quickFactsSlider .owl-dots .owl-dot.active span {
    background: #03BDD5;
    width: 26px;
    border-radius: 6px;
}

/*===================================================
  KBL — CMD's Message
===================================================*/
.cmdMessage {
    padding-bottom:80px;
    background: #ffffff;
}
.cmdWrap {
    position: relative;
    display: flex;
    align-items: center;
}
.cmdImg {
    flex: 0 0 50%;
    max-width: 50%;
    position: relative;
    z-index: 1;
}
.cmdImg img {
    width: 100%;
    height: auto;
    display: block;
    /* placeholder sizing so the box shows before the real image is added */
    min-height: 450px;
    object-fit: cover;
    background: #dfe3ea;
}
.cmdCard {
    flex: 0 0 55%;
    max-width: 55%;
    margin-left: -5%;
    position: relative;
    z-index: 2;
    background: #ffffff;
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.14);
    padding: 30px;
}
/* Reverse variant — image right, card left (JMD, etc.) */
.cmdMessage.reverse .cmdWrap {
    flex-direction: row-reverse;
}
.cmdMessage.reverse .cmdCard {
    margin-left: 0;
    margin-right: -5%;
}
.cmdCard h2 {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 1.2;
    color: #1b3281;
    margin-bottom: 14px;
    padding-bottom: 30px;
}
.cmdCard .cmdName {
    font-weight: 700;
    font-size: 18px;
    line-height: 1.2;
    color: #1b3281;
    margin-bottom: 4px;
}
.cmdCard .cmdDesig {
    display: block;
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: 20px;
    color: #1b3281;
    margin-bottom: 22px;
}
.cmdCard .cmdText {
    position: relative;
    font-family: "Aleo", serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    color: #1b3281;
    margin-bottom: 30px;
}
.cmdCard .cmdText::before {
    content: "\201C";
    position: absolute;
    top: 10px;
    left: 0;
    font-family: "Aleo", serif;
    font-weight: 700;
    font-size: 72px;
    line-height: 0;
    color: #1b3281;
}
.cmdCard .cmdText .quoteClose {
    font-weight: 700;
    font-size: 30px;
    line-height: 0;
    color: #1b3281;
    vertical-align: -8px;
    margin-left: 2px;
}
/* Orange CTA with circular arrow (screenshot style) */
.msgBtn a {
    background-color: #f38828;
    padding: 8px 22px 8px 8px;
    gap: 14px;
    border-radius: 40px;
}
.msgBtn a:hover {
    background-color: #1b3281;
}
.msgBtn .btnArrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #ffffff;
    color: #f38828;
    font-size: 15px;
    transition: color .3s ease-in-out;
}
.msgBtn a:hover .btnArrow {
    color: #1b3281;
}

/*===================================================
  KBL — Value Creation Model (Six Pillars)
===================================================*/
.valueCreation {
    background-color: #f3fafa;
    padding: 60px 0;
}
.vcHeading {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 1.2;
    color: #1b3281;
}
.vcHeading span {
    display: block;
}

/* --- Capital tabs --- */
.l-tab-mbl {
    display: none;
    width: 100%;
    padding: 14px 18px;
    margin: 25px 0 0;
    border: 1px solid #1b3281;
    border-radius: 8px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 15px;
    color: #1b3281;
    background: #fff;
}
.vcTabs {
    margin-top: 40px;
}
#vc-tab {
    border-bottom: none;
    position: relative;
    justify-content: space-between;
    padding: 0;
}
.vcTabs .nav-item {
    position: relative;
    z-index: 1;
}
.vcTabs .nav-link {
    display: block;
    white-space: nowrap;
    padding: 12px 12px;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #1b3281 !important;
    background-color: transparent;
    border: none !important;
    border-radius: 0;
    position: relative;
    z-index: 1;
}
.vcTabs .nav-tabs .nav-item.show .nav-link,
.vcTabs .nav-tabs .nav-link.active {
    color: #ffffff !important;
    background-color: transparent !important;
    border-color: transparent !important;
}

/* Sliding indicator with curved side swooshes */
.tab-indicator {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 0;
    transition: transform 0.6s cubic-bezier(.77,0,.18,1),
                width 0.6s cubic-bezier(.77,0,.18,1);
}
.tab-indicator svg { display: none; }
.tab-indicator[class*="tabButton_"] {
    background-color: #1b3281;
    border-radius:0px;
}
#vc-tab-1 { padding-left: 14px; }
#vc-tab-6 { padding-right: 14px; }

/* Tab content panels */
.vc-tabcontent { border-radius: 30px; }
.vc-tabcontent .tab-pane {
    min-height: 420px;
    border-radius:0px;
    background-color: #1b3281;
}
#vc-tab-a { border-radius: 0px; }
#vc-tab-f { border-top-right-radius: 0; }
.stakeTabBody {
    padding: 45px 30px 30px 30px;
}
.cap-icnwrap {
    display: flex;
    gap: 12px;
    align-items: flex-end;
}
.cap-icnwrap img {
    width: 48px;
    height: 48px;
    object-fit: contain;
    filter: brightness(0) invert(1);
}
.cap-icnwrap h3 {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    color: #ffffff;
    font-family: "Montserrat", sans-serif;
}
.vc-tabcontent p {
    color: #ffffff;
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: 24px;
    padding-top: 20px;
    padding-bottom: 34px;
}
.vc-tabcontent h4 {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: #ffffff;
    padding-bottom: 20px;
    font-family: "Montserrat", sans-serif;
}
.cap-num {
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    margin-bottom: 30px;
    padding-right: 15px;
}
.cap-num.bd-none { border-right: none; }
.cap-num h5 {
    font-family: "Aleo", serif;
    font-weight: 700;
    font-size: 34px;
    line-height:20px;
    color: #ffffff;
    margin-bottom: 10px;
}
.cap-num h5 span { font-size: 18px; }
.cap-num h5 span.rupe { font-size: 30px; }
.cap-num p {
    color: #ffffff;
    font-size: 16px;
    line-height: 22px;
    padding: 0;
}

/* Explore button (white pill) */
.explore-btn a {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: #ffffff;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 15px;
    transition: all .3s ease-in-out;
}
.explore-btn a span {
    background-color: #ffffff;
    color: #1b3281;
    padding: 11px 22px;
    border-radius: 100px;
}
.explore-btn a i {
    color: #ffffff;
    transition: transform .3s ease-in-out;
}
.explore-btn a:hover i { transform: rotate(-45deg); }
.cap-img {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cap-img img {
    min-height: 300px;
    width: 100%;
    object-fit: cover;
    background: rgba(255, 255, 255, 0.08);
}
/* Read More button on the navy capital panel — white pill (visible), banner shape */
.vc-tabcontent .allBtns a {
    background-color: #ffffff;
    color: #1b3281;
}
.vc-tabcontent .allBtns a i {
    color: #1b3281;
}
.vc-tabcontent .allBtns a:hover {
    background-color: #f38828;
    color: #ffffff;
}
.vc-tabcontent .allBtns a:hover i {
    color: #ffffff;
}

/*===================================================
  KBL — Global Presence
===================================================*/
.globalPresence {
    padding-top:60px;
    background-image: url(../images/home/map-img-bg.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding-bottom: 0px;
}
.gpHead {
    text-align:left;
}
.gpHeading {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 1.2;
    color: #1b3281;
    margin-bottom: 22px;
}
.gpBtn {
    display: flex;
    justify-content:flex-start;
}
.worldMap {
    position: relative;
    min-height: 460px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    overflow: hidden;
}
.worldMap img {
    width: 100%;
    height: auto;
    display: block;
}
.worldMapNote {
    position: absolute;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 15px;
    letter-spacing: .5px;
    color: #8aa4ab;
    text-transform: uppercase;
    pointer-events: none;
}

/*===================================================
  KBL — Integrated Reporting (Download Center)
===================================================*/
.integratedReporting {
    padding: 60px 0;
}
.irHeading {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 1.2;
    color: #1b3281;
    text-align: center;
    margin-bottom: 40px;
}
/* Blue accent bars behind the card */
.irCardWrap {
    position: relative;
    padding: 14px 0;
}
.irCardWrap::before,
.irCardWrap::after {
    content: "";
    position: absolute;
    left: -14px;
    right: -14px;
    height: 14px;
    background: #1b3281;
}
.irCardWrap::before { top: 0; }
.irCardWrap::after { bottom: 0; }
.irCard {
    position: relative;
    z-index: 1;
    display: flex;
    background: #ffffff;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.10);
}
/* Left: cover + green download strip */
.irLeft {
    flex: 0 0 auto;
    display: flex;
    padding: 30px 0 30px 30px;
}
.irCover {
    text-align: center;
}
.irCover img {
    width: 210px;
    height: auto;
    min-height: 280px;
    object-fit: cover;
    background: #e6eef2;
    display: block;
}
.irCoverCaption {
    display: block;
    margin-top: 12px;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 13px;
    color: #1b3281;
}
.irStrip {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #6cb33f;
    width: 46px;
    margin-left: 4px;
    min-height: 280px;
}
.irStrip span {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: #ffffff;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 15px;
    letter-spacing: .5px;
}
.irStrip span img {
    width: 16px;
    filter: brightness(0) invert(1);
    transform: rotate(90deg);
}
/* Right: 2-column grid */
.irGrid {
    flex: 1;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-content: center;
    padding: 20px 40px;
}
.irItem {
    display: block;
    padding: 26px 30px;
    border-bottom: 1px solid #e5e9ee;
    border-right: 1px solid #e5e9ee;
    transition: background .2s ease-in-out;
}
.irItem:nth-child(2n) { border-right: none; }
.irItem:nth-last-child(-n+2) { border-bottom: none; }
.irItem:hover { background: #f6fbfc; }
.irItem h4 {
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: #2b2e34;
    margin-bottom: 10px;
    font-family: "Montserrat", sans-serif;
}
.irDownload {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    font-size: 14px;
    color: #1b3281;
}
.irDownload img {
    width: 16px;
    height: auto;
}

/*===================================================
  KBL — Footer
===================================================*/
footer {
    background-color: #1b3281;
    padding-top: 55px;
}
.kirloshkarLinks {
    margin-bottom: 38px;
}
.downLoadReport a {
    display: flex;
    gap: 20px;
    align-items: center;
    color: #ffffff;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
    border-bottom: 2px solid #03BDD5;
    padding-bottom: 15px;
    margin-bottom: 15px;
    max-width: 350px;
    width: 100%;
}
.downLoadReport a img {
    width: 30px;
    height: auto;
    filter: brightness(0) invert(1);
}
.siteLinks {
    max-width: 400px;
    width: 100%;
}
.siteLinks a {
    display: inline-block;
    padding-left: 54px;
    color: #ffffff;
    font-family: "Aleo", serif;
    font-size: 15px;
    transition: color .2s ease-in-out;
}
.siteLinks a:hover {
    color: #03BDD5;
}
.quickLinks {
    margin-bottom: 38px;
}
.quickLinks ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 32px 60px;
}
.quickLinks ul li {
    width: calc(50% - 30px);
}
.quickLinks ul li a {
    color: #ffffff;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    transition: color .2s ease-in-out;
}
.quickLinks ul li a:hover {
    color: #03BDD5;
}
.copyRight {
    background-color: rgba(0, 0, 0, 0.28);
    padding: 14px 0;
}
.copyRight .row {
    align-items: center;
}
.copyRight p {
    color: #ffffff;
    font-family: "Aleo", serif;
    font-size: 12px;
    line-height: 18px;
}
.copyRight p a {
    color: #ffffff;
    font-size: 12px;
    transition: color .2s ease-in-out;
}
.copyRight p a:hover {
    color: #03BDD5;
}
.devRdx p {
    text-align: right;
}
@media (max-width: 991px) {
    .page-title {
        font-size: 34px;
        line-height: 40px;
    }

    .hero-lead {
        font-size: 17px;
        line-height: 26px;
        padding-bottom: 20px;
    }

    .cmd-message-shell {
        min-height: auto;
        padding-bottom: 10px;
    }

    .cmd-copy {
        max-width: none;
        padding: 10px 0 0;
        margin-bottom: 20px;
    }

    .cmd-message-text {
        max-width: 100%;
        padding: 12px 34px 0 12px;
        font-size: 22px;
    }

    .cmd-message-text::before,
    .cmd-message-text::after {
        font-size: 56px;
    }

    .cmd-portrait {
        min-height: 440px;
    }

    .cmd-portrait-figure {
        width: 300px;
        height: 420px;
    }

    .cmd-face {
        left: 96px;
        top: 34px;
        width: 112px;
        height: 122px;
    }

    .cmd-hair {
        left: 84px;
        top: 18px;
        width: 138px;
        height: 108px;
    }

    .cmd-suit {
        left: 26px;
        width: 248px;
        height: 220px;
    }

    .cmd-shirt {
        left: 118px;
        top: 156px;
        width: 62px;
        height: 154px;
    }

    .cmd-tie {
        left: 140px;
        top: 170px;
        width: 16px;
        height: 132px;
    }

    .cmd-letter-title {
        font-size: 34px;
        line-height: 40px;
    }

    .cmd-letter-copy p {
        font-size: 18px;
        line-height: 1.45;
    }

  

}

@media (max-width: 767px) {
    .page-title {
        font-size: 30px;
        line-height: 36px;
    }

    .section-title {
        font-size: 18px;
        line-height: 24px;
    }

    .next-prev-card {
        min-height: 96px;
        padding: 18px 18px 18px 16px;
        gap: 14px;
    }

    .next-prev-title {
        font-size: 18px;
        line-height: 24px;
    }

    .next-prev-arrow {
        width: 48px;
        height: 48px;
        font-size: 28px;
    }

    .strategy-item {
        gap: 12px;
    }

    .strategy-badge {
        width: 56px;
        height: 56px;
        flex-basis: 56px;
        font-size: 22px;
    }

    .strategy-text {
        font-size: 17px;
    }

    .material-item {
        gap: 10px;
        min-height: 72px;
    }

    .material-badge {
        width: 58px;
        flex-basis: 58px;
        font-size: 20px;
    }

    .material-m,
    .material-num {
        width: 29px;
    }

    .material-text {
        font-size: 17px;
    }

    .about-kicker {
        font-size: 14px;
        letter-spacing: 0.22em;
    }

    .about-title {
        margin-bottom: 18px;
    }

    .about-lead {
        font-size: 17px;
    }

    .achievement-shell {
        min-height: 128px;
        padding: 18px 16px 26px;
    }

	.achievement-bubbles {
		left: 8px;
		width: 162px;
	}

    .achievement-title {
        margin-top: 66px;
        max-width: 220px;
        font-size: 20px;
    }

    .achievement-list {
        padding-left: 0;
    }

    .achievement-item-title {
        font-size: 17px;
    }

    .achievement-item-text {
        font-size: 16px;
    }

    .quickfacts-shell {
        padding: 26px 18px 30px;
    }

    .quickfacts-grid-top,
    .quickfacts-grid-pumps,
    .quickfacts-grid-pumps-bottom,
    .quickfacts-grid-valves,
    .quickfacts-grid-pat {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .quickfact-value {
        font-size: 38px;
    }

    .quickfact-label {
        font-size: 16px;
    }

    .quickfact-note {
        font-size: 15px;
    }

    .quickfact-meta {
        font-size: 14px;
    }

    .segments-title,
    .guided-title {
        font-size: 22px;
        margin-bottom: 24px;
    }

    .segments-grid {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .segments-column {
        gap: 18px;
    }

    .segment-item {
        font-size: 17px;
    }

    .segment-dot {
        width: 34px;
        height: 34px;
        flex-basis: 34px;
    }

    .orderbook-shell {
        grid-template-columns: 1fr;
        justify-items: center;
        gap: 18px;
        padding-top: 18px;
    }

    .orderbook-chart {
        width: 240px;
        height: 240px;
    }

    .orderbook-title {
        font-size: 24px;
    }

    .orderbook-value {
        font-size: 36px;
    }

    .orderbook-note {
        font-size: 17px;
    }

    .orderbook-divider {
        width: 100%;
        max-width: 220px;
    }

    .orderbook-legend {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .orderbook-legend-value {
        font-size: 28px;
    }

    .orderbook-legend-label {
        font-size: 17px;
    }

    .guided-grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .guided-card-wide {
        max-width: none;
    }

    .guided-name {
        font-size: 22px;
    }

    .guided-read {
        font-size: 17px;
    }

    .global-presence-title {
        font-size: 34px;
        line-height: 40px;
    }

    .global-presence-subtitle {
        font-size: 18px;
        line-height: 24px;
    }

    .presence-panel {
        padding: 16px 14px 18px 0;
    }

    .presence-item-hero {
        gap: 12px;
    }

    .presence-heading {
        font-size: 20px;
        line-height: 26px;
    }

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

    .presence-card {
        grid-template-columns: 38px minmax(0, 1fr);
        gap: 12px;
    }

    .presence-name {
        font-size: 20px;
        line-height: 26px;
    }

    .presence-meta {
        grid-template-columns: 36px minmax(0, 1fr);
        gap: 10px;
    }

    .presence-icon {
        width: 36px;
        height: 36px;
        font-size: 14px;
        border-radius: 8px;
    }

    .presence-legend {
        flex-wrap: wrap;
        gap: 16px 24px;
    }

    .presence-legend-text {
        font-size: 16px;
        line-height: 24px;
    }

    .presence-svg-row {
        margin-top: 16px;
    }

    .presence-placeholder-row {
        margin-top: 16px;
    }

    .presence-placeholder-box {
        min-height: 160px;
    }

    .presence-overseas-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .presence-overseas-item {
        grid-template-columns: 38px minmax(0, 1fr);
        gap: 12px;
    }

    .presence-overseas-text {
        font-size: 18px;
        line-height: 24px;
    }

    .presence-sectors-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .presence-sector-icon {
        width: 52px;
        height: 52px;
        flex-basis: 52px;
        font-size: 20px;
    }

    .presence-sector-text {
        font-size: 18px;
        line-height: 24px;
    }

    .presence-locations-shell {
        padding: 18px 14px 16px 0;
    }

    .presence-locations-grid {
        grid-template-columns: 1fr;
    }

    .presence-locations-head {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .presence-section-block-large,
    .presence-section-block-small {
        padding-left: 12px;
    }

    .presence-list-item {
        grid-template-columns: 38px minmax(0, 1fr);
        gap: 12px;
    }

    .presence-list-heading,
    .presence-region-text {
        font-size: 18px;
        line-height: 24px;
    }

    .presence-region-grid {
        grid-template-columns: 1fr;
    }

    .about-section-title {
        font-size: 18px;
        line-height: 24px;
    }

    .about-bullet-list,
    .value-item-text {
        font-size: 17px;
    }

    .value-item-title {
        font-size: 22px;
        line-height: 28px;
    }

    .structure-placeholder {
        min-height: 320px;
        padding: 18px;
    }

    .structure-notes {
        padding: 14px 18px 0;
        font-size: 15px;
        line-height: 1.45;
    }

    .structure-legend {
        gap: 8px;
        margin-top: 10px;
    }

    .structure-legend li {
        align-items: flex-start;
        gap: 11px;
    }

    .structure-legend-line {
        width: 28px;
        flex-basis: 28px;
        margin-top: 9px;
    }

    .brand-portfolio-grid {
        grid-template-columns: 1fr;
    }

    .brand-card {
        border-right: 0;
    }

    .brand-card:last-child {
        border-bottom: 0;
    }

    .brand-name {
        font-size: 15px;
        line-height: 21px;
    }

}

/* CMD Message reset: banner only */
.cmd-message-section {
    min-height: auto;
    padding: 0 0 40px;
    overflow: visible;
}

.cmd-message-shell {
    min-height: auto;
    padding: 0;
    background: transparent;
}

.cmd-message-title {
    margin: 0;
    color: #21408f;
}

/* CMD Message two-column layout override */
.cmd-message-section {
    min-height: 100vh;
    padding: 26px 0 40px;
    overflow: hidden;
}

.cmd-message-shell {
    min-height: calc(100vh - 66px);
    padding: 0;
    background: transparent;
    position: relative;
}

.cmd-banner {
    padding: 0 0 26px;
}

.cmd-message-title {
    font-size: 40px;
    line-height: 45px;
    color: #21408f;
}

.cmd-letter-title {
    margin: 0;
    font-family: "Montserrat", sans-serif;
    font-size: 40px;
    line-height: 45px;
    font-weight: 700;
    color: #111111;
}

.cmd-letter-copy {
    margin-top: 22px;
}

.cmd-letter-copy p {
    margin: 0;
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: 1.55;
    font-weight: 400;
    
}

.cmd-letter-copy p + p {
    margin-top: 22px;
}


.cmd-image-placeholder img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}

@media (max-width: 991px) {
    .cmd-message-shell {
        min-height: auto;
        padding-bottom: 10px;
    }

    .cmd-letter-title {
        font-size: 34px;
        line-height: 40px;
    }

    .cmd-letter-copy p {
        font-size: 16px;
    }

    .cmd-image-placeholder {
        margin-top: 20px;
    }
}

/* CMD Message quote marks via pseudo elements */
.cmd-message-page .cmd-quote-block {
    position: relative;
    padding: 8px 0 0 0;
}

.cmd-message-page .cmd-quote-text {
    position: relative;
    margin: 0;
    padding: 32px 0px 0px 38px;
    color: #21408f;
    font-family: "Montserrat", sans-serif;
    font-size: 22px;
    line-height: 1.38;
    font-weight: 700;
}

.cmd-message-page .cmd-quote-text::before,
.cmd-message-page .cmd-quote-text::after {
    position: absolute;
    font-family: "Montserrat", sans-serif;
    color: #21408f;
    font-size: 72px;
    line-height: 0.8;
    font-weight: 700;
}

.cmd-message-page .cmd-quote-text::before {
    content: "“";
    left: 0;
    top: 24px;
}

.cmd-message-page .cmd-quote-text::after {
    content: "”";
       right: 57%;
    bottom: -35px;
}

@media (max-width: 991px) {
    .cmd-message-page .cmd-quote-block {
        max-width: 100%;
    }

    .cmd-message-page .cmd-quote-text {
        padding: 28px 30px 28px 33px;
        font-size: 20px;
    }

    .cmd-message-page .cmd-quote-text::before,
    .cmd-message-page .cmd-quote-text::after {
        font-size: 54px;
    }
    .cmd-message-page .cmd-quote-text::after {
    content: "”";
    right: 46%;
    bottom: 0px;
}
}

/* Message banners: use the same quote image for both marks. */
.cmd-message-page .cmd-quote-text::before,
.jmd-message-page .jmd-quote-text::before,
.director-message-page .director-quote-text::before,
.cmd-message-page .cmd-quote-text::after,
.jmd-message-page .jmd-quote-text::after,
.director-message-page .director-quote-text::after {
    content: none;
}

.cmd-message-page .message-quote-open,
.jmd-message-page .message-quote-open,
.director-message-page .message-quote-open {
    position: absolute;
    left: 0;
    display: block;
    width: 34px;
    height: auto;
}

.cmd-message-page .message-quote-open {
    top: 24px;
}

.jmd-message-page .message-quote-open,
.director-message-page .message-quote-open {
    top: 0;
}

.cmd-message-page .message-quote-close,
.jmd-message-page .message-quote-close,
.director-message-page .message-quote-close {
    display: inline-block;
    width: 34px;
    height: auto;
    margin-left: 4px;
    vertical-align: -9px;
    transform: rotate(180deg);
}

@media (max-width: 991px) {
    .jmd-message-page .message-quote-open {
        top: 25px;
    }

    .director-message-page .message-quote-open {
        top: 21px;
    }
}

p.strategy-roadmap-intro{
        color: #21408f;
    font-family: "Aleo", serif;
    font-size: 20px;
    line-height: 1.4;
    padding-top: 10px;
}

/*===================================================
  KBL — Social & Relationship Capital (inner page)
===================================================*/
.social-relationship-page .src-main {
    padding-top: 110px; /* clear the fixed header */
}
.social-relationship-page .src-section {
    padding: 0 0 0px;
}
.social-relationship-page .src-section-last {
    padding-bottom: 70px;
}
.social-relationship-page .page-title {
    color: #21408f;
    margin-bottom: 14px;
}
.social-relationship-page .src-subhead {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
    color: #13a8d7;
    margin-bottom: 14px;
}
.social-relationship-page .src-copy {
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: 24px;
    color: #4D4D4F;
    margin-bottom: 16px;
}
.social-relationship-page .src-bdtext
{
padding-top: 20px;
    padding-left:20px;
    border-top: 2px solid #13a8d7;
    border-left: 2px solid #13a8d7;
}
.social-relationship-page .src-block-title {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    text-transform: uppercase;
    color: #21408f;
    margin-bottom: 22px;
}
.social-relationship-page .src-entity {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    color: #21408f;
    border-bottom: 1px solid #13a8d7;
    padding-bottom: 8px;
    margin-bottom: 22px;
}
.social-relationship-page .src-cat {
    margin-bottom: 24px;
}
.social-relationship-page .src-cat-title {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #13a8d7;
    margin-bottom: 10px;
}
.social-relationship-page .src-bullets {
    padding-left: 18px;
    margin: 0;
}
.social-relationship-page .src-bullets li {
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: 24px;
    color: #4D4D4F;
    margin-bottom: 10px;
    padding-left: 4px;
}
.social-relationship-page .src-bullets li::marker {
    color:  #4D4D4F;
}

/* Hero */
.social-relationship-page .src-hero-head {
    display: flex;
    gap: 26px;
    align-items: flex-start;
    margin-bottom: 34px;
}
.social-relationship-page .src-hero-icon {
    flex: 0 0 auto;
}

/* Meta blocks */
.social-relationship-page .src-block {
    margin-bottom: 34px;
}
.social-relationship-page .src-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding-top: 14px;
    padding-left: 14px;
    border-top: 2px solid #13a8d7;
    border-left: 2px solid #13a8d7;
}
.social-relationship-page .src-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    padding: 8px 12px;
    background: #21408f;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 15px;
}
.social-relationship-page .src-material-list {
    list-style: none;
    padding: 0;
    margin: 0;
    padding-top: 14px;
    padding-left: 14px;
    border-top: 2px solid #13a8d7;
    border-left: 2px solid #13a8d7;
}
.social-relationship-page .src-material-list li {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: 22px;
    color: #4D4D4F;
    padding: 10px 0;
    border-bottom: 1px solid #eef2f6;
}
.social-relationship-page .src-mcode {
    flex: 0 0 auto;
    text-align: center;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 13px;
    color: #808285;
}

.social-relationship-page .src-material-list .src-mcode {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: stretch;
    height: 23px;
    border: 1px solid #9b9c9e;
    background: #ffffff;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 21px;
}

.social-relationship-page .src-material-list .src-mcode-label,
.social-relationship-page .src-material-list .src-mcode-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.social-relationship-page .src-material-list .src-mcode-label {
    width: 23px;
    color: #ffffff;
    background: #808285;
}

.social-relationship-page .src-material-list .src-mcode-number {
    min-width: 28px;
    padding: 0 3px;
    color: #4d4d4f;
}

/* Stats */
.social-relationship-page .src-stats {
    display: flex;
    flex-wrap: wrap;
    gap: 30px 80px;
    padding-top: 20px;
    padding-left: 20px;
    border-top: 2px solid #13a8d7;
    border-left: 2px solid #13a8d7;
}
.social-relationship-page .src-stats-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 34px 40px;
}
.social-relationship-page .src-stats-grid .src-stat {
    flex: none;
    max-width: none;
}

.social-relationship-page .src-stat-num {
    font-family: "Aleo", serif;
    font-weight: 500;
    font-size: 40px;
    line-height: 1.1;
    color: #21408f;
    margin-bottom: 6px;
}
.social-relationship-page .src-stat-num .src-rupee {
    font-size: 32px;
}
.social-relationship-page .src-stat-label {
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: 20px;
    color: #4D4D4F;
}
.social-relationship-page .src-stat-label span 
{
    display: block;
}
/* Two-column text */
.social-relationship-page .src-twocol {
    column-count: 2;
    column-gap: 44px;
}
.social-relationship-page .src-twocol .src-engage {
    break-inside: avoid;
}

/* Image placeholders */
.social-relationship-page .src-imgph {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f3fafa;
    border: 1px dashed #b9d7dd;
    border-radius: 10px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: .5px;
    color: #8aa4ab;
    text-transform: uppercase;
    text-align: center;
}
.social-relationship-page .src-imgph-icon {
    width: 96px;
    height: 96px;
    border-radius: 50%;
}
.social-relationship-page .src-imgph-wide {
    width: 100%;
    min-height: 360px;
}
.social-relationship-page .src-imgph-tall {
    min-height: 360px;
}
.social-relationship-page .src-imgph-sdg {
    width: 100%;
    min-height: 120px;
}
.social-relationship-page .src-img-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-top: 26px;
}
.social-relationship-page .src-figure {
    margin: 26px 0 0;
        padding-bottom: 30px;
}
.social-relationship-page .src-figcaption {
    margin-top: 10px;
    font-family: "Aleo", serif;
    font-size: 14px;
    color: #7a8a90;
    border-left: 3px solid #13a8d7;
    padding-left: 10px;
}

/* Value chain */
.social-relationship-page .src-chain {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}
.social-relationship-page .src-chain-item {
    flex: 1;
    min-width: 150px;
    background: #f3fafa;
    border: 1px solid #cfe6ef;
    border-radius: 8px;
    padding: 18px 16px;
    font-family: "Aleo", serif;
    font-size: 14px;
    line-height: 20px;
    color: #21408f;
}

/* APOEM highlight box */
.social-relationship-page .src-highlight-box {
    background: linear-gradient(to right, #afdedf 0%, #ffffff 32%, #ffffff 68%, #aaddde 100%);
    border-radius: 0px;
    padding: 34px 36px;
}

/* Social & Relationship Capital — banner (cmd-message style) */
.social-relationship-page .src-hero {
    padding-top: 0;
}
.social-relationship-page .src-banner {
    padding-right: 20px;
}
.social-relationship-page .src-banner-icon {
    margin-bottom: 18px;
}
.social-relationship-page .src-banner .page-title {
    margin-bottom: 14px;
}
.social-relationship-page .src-banner-image {
    min-height: 480px;
    display: flex;
    align-items: center;
    justify-content: center;
    background:
        radial-gradient(circle at 78% 72%, rgba(19, 168, 215, 0.28) 0, rgba(19, 168, 215, 0.12) 18%, rgba(255, 255, 255, 0) 36%),
        linear-gradient(180deg, rgba(19, 168, 215, 0.18) 0%, rgba(19, 168, 215, 0.10) 100%);
}
.social-relationship-page .src-banner-image-label {
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: .5px;
    text-transform: uppercase;
    color: #13a8d7;
}

.social-relationship-page .src-banner-intro {
    margin-top: 30px;
    margin-bottom: 0;
    color: #21408f;
    font-size: 20px;
    font-weight: 700;
}
.value-creation-model-page {
    background: #ffffff;
}

.value-creation-model-page .value-creation-model-section {
    padding: 40px 0 40px;
}

.value-creation-model-page .value-creation-model-shell {
    padding: 0;
    background: transparent;
}

.value-creation-model-page .value-creation-model-kicker {
    margin: 0 0 12px;
    color: #111111;
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: 0.32em;
    text-transform: uppercase;
}

.value-creation-model-page .value-creation-model-title {
    margin: 0;
    color: #21408f;
    font-family: "Montserrat", sans-serif;
    font-size: 40px;
    line-height: 45px;
    font-weight: 700;
    letter-spacing: -0.02em;
}

.value-creation-model-page .value-creation-model-copy-section {
    padding: 0 0 40px;
}

.value-creation-model-page .value-creation-model-copy {
    margin: 0;
    color: #21408f;
    font-family: "Aleo", serif;
    font-size: 20px;
    line-height: 1.28;
}

.value-creation-model-page .value-creation-highlights-section {
    padding: 0 0 40px;
}

.value-creation-model-page .value-highlights-shell {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.value-creation-model-page .value-highlights-section-title {
    margin: 0;
    color: #0aa6d6;
    font-family: "Montserrat", sans-serif;
    font-size: 24px;
    line-height: 1.15;
    font-weight: 700;
}

.value-creation-model-page .value-highlight-card {
    padding-bottom: 30px;
}

.value-creation-model-page .value-highlight-head {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 8px;
}

.value-creation-model-page .value-highlight-link {
    color: inherit;
}

.value-creation-model-page .value-highlight-link:hover .value-highlight-title {
    color: #0aa6d6;
}

.value-creation-model-page .value-highlight-icon {
    flex: 0 0 82px;
    width: 82px;
    height: 82px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.value-creation-model-page .value-highlight-icon img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.value-creation-model-page .value-highlight-icon-placeholder {
    width: 82px;
    height: 82px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px dashed rgba(33, 64, 143, 0.28);
    border-radius: 12px;
    color: rgba(33, 64, 143, 0.45);
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    font-weight: 700;
    background: rgba(33, 64, 143, 0.04);
}

.value-creation-model-page .value-highlight-head-copy {
    min-width: 0;
}

.value-creation-model-page .value-highlight-title {
    margin: 0;
    color: #21408f;
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    line-height: 1.15;
    font-weight: 700;
    text-transform: uppercase;
}

.value-creation-model-page .value-highlight-page {
    margin-top: 4px;
    
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: 1.4;
}

.value-creation-model-page .value-highlight-body {
    padding: 10px 22px 18px;
    border-top: 2px solid rgba(33, 64, 143, 0.7);
    border-left: 2px solid rgba(33, 64, 143, 0.7);
}

.value-creation-model-page .value-highlight-lead {
    margin: 0 0 18px;
    
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: 1.45;
}

.value-creation-model-page .value-highlight-metrics {
    display: grid;
    gap: 20px 28px;
}

.value-creation-model-page .value-highlight-metrics.metrics-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.value-creation-model-page .value-highlight-metrics.metrics-4 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.value-creation-model-page .value-metric {
    min-width: 0;
}

.value-creation-model-page .value-metric-number {
    color: #21408f;
    font-family: "Aleo", serif;
    font-size: 40px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: -0.02em;
}

.value-creation-model-page .value-metric-number span {
    font-family: "Aleo", serif;
    font-size: 0.52em;
    font-weight: 400;
}

.value-creation-model-page .value-metric-label {
    margin-top: 6px;
    
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: 1.35;
}

@media (max-width: 991px) {
    .value-creation-model-page .value-creation-model-section {
        padding: 32px 0 32px;
    }

    .value-creation-model-page .value-creation-model-title {
        font-size: 34px;
        line-height: 40px;
    }

    .value-creation-model-page .value-creation-model-copy {
        font-size: 18px;
    }

    .value-creation-model-page .value-highlight-head {
        align-items: flex-start;
    }

    .value-creation-model-page .value-highlight-body {
        padding: 12px 16px 16px;
    }

    .value-creation-model-page .value-highlight-metrics.metrics-3,
    .value-creation-model-page .value-highlight-metrics.metrics-4 {
        grid-template-columns: 1fr;
    }

    .value-creation-model-page .value-metric-number {
        font-size: 34px;
    }
}

.financial-capital-page {
    background: #ffffff;
}

.financial-capital-page .financial-capital-section {
    padding: 40px 0 40px;
}

.financial-capital-page .financial-capital-shell {
    padding: 0;
    background: transparent;
}

.financial-capital-page .financial-capital-icon-block {
    flex: 0 0 168px;
    width: 168px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.financial-capital-page .financial-capital-icon-image {
    display: block;
    width: 100px;
    max-width: 100%;
    height: auto;
}

.financial-capital-page .financial-capital-icon-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    background: linear-gradient(180deg, #173b93 0%, #0f2d78 100%);
    border-radius: 0;
    color: #ffffff;
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.12em;
}

.financial-capital-page .financial-capital-copy-block {
    flex: 1 1 auto;
    min-width: 0;
    padding-top: 4px;
}

.financial-capital-page .financial-capital-title {
    margin: 0 0 18px;
    color: #21408f;
    font-family: "Montserrat", sans-serif;
    font-size: 40px;
    line-height: 45px;
    font-weight: 700;
    letter-spacing: -0.02em;
}

.financial-capital-page .financial-capital-subtitle {
    margin: 0 0 10px;
    color: #0aa6d6;
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    line-height: 26px;
    font-weight: 700;
}

.financial-capital-page .financial-capital-copy {
    margin: 0;
    color: #21408f;
    font-family: "Aleo", serif;
    font-size: 20px;
    line-height: 1.34;
    padding-top: 30px;
}

.financial-capital-page .financial-capital-image-placeholder {
    min-height: 0;
    display: block;
    background: transparent;
    position: relative;
    overflow: hidden;
}

.financial-capital-page .financial-capital-image-placeholder::before {
    display: none;
}

.financial-capital-page .financial-capital-hero-image {
    display: block;
    width: 100%;
    height: auto;
}

.financial-capital-page .financial-capital-image-label {
    position: relative;
    z-index: 1;
    color: #ffffff;
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.manufactured-capital-page {
    background: #ffffff;
}

.manufactured-capital-page .manufactured-capital-section {
    padding: 40px 0 40px;
}

.manufactured-capital-page .manufactured-capital-shell {
    padding: 0;
    background: transparent;
}


.manufactured-capital-page .manufactured-capital-icon-block {
    flex: 0 0 168px;
    width: 168px;
}

.manufactured-capital-page .manufactured-capital-icon-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    border-radius: 0;
    color: #ffffff;
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.12em;
}

.manufactured-capital-page .manufactured-capital-icon-placeholder > img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.manufactured-capital-page .manufactured-capital-copy-block {
    flex: 1 1 auto;
    min-width: 0;
    padding-top: 4px;
}

.manufactured-capital-page .manufactured-capital-title {
    margin: 0 0 18px;
    color: #21408f;
    font-family: "Montserrat", sans-serif;
    font-size: 40px;
    line-height: 45px;
    font-weight: 700;
    letter-spacing: -0.02em;
}

.manufactured-capital-page .manufactured-capital-subtitle {
    margin: 0 0 10px;
    color: #0aa6d6;
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    line-height: 26px;
    font-weight: 700;
}


.social-relationship-page .src-lead-block .src-subhead {
    color: #21408f;
}

/* Key Initiatives — side images column */
.social-relationship-page .src-side-imgs {
    display: flex;
    flex-direction: column;
    gap: 20px;
    height: 100%;
}
.social-relationship-page .src-side-imgs .src-imgph-tall {
    flex: 1;
    min-height: 200px;
}

.social-relationship-page .src-initiatives .page-title {
    font-size: 32px;
    line-height: 1.2;
}
.src-cat-row
{
    margin-bottom: 30px;
}
.social-relationship-page .src-block-title-line {
    border-bottom: 1px solid #13a8d7;
    padding-bottom: 8px;
}

.social-relationship-page .src-rc-title {
    font-size: 32px;
    line-height: 1.2;
    color: #13a8d7;
}

.social-relationship-page .src-rs-head {
    font-size: 18px;
    color: #21408f;
}
.social-relationship-page .src-onecol {
    column-count: 1;
}

.social-relationship-page .src-onecol .src-copy strong {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
}

.social-relationship-page .src-cat-grey {
    color: #4D4D4F;
}
.social-relationship-page .src-cat-blue {
    color: #21408f;
    font-size: 18px;
}

.social-relationship-page .src-imgph-chain {
    width: 100%;
    min-height: 200px;
}

/*===================================================
  KBL — Natural Capital (inner page, new components)
===================================================*/
.natural-capital-page .nc-note {
    font-family: "Aleo", serif;
    font-size: 13px;
    color: #4D4D4F;
    font-style: italic;
    padding-left: 20px;
    display: block;
    text-align: center;
}
.natural-capital-page .nc-mt { margin-top: 30px; align-items:center; }
.natural-capital-page .nc-center { text-align: center; }
.natural-capital-page .nc-center-sub {
    text-align: center;
    font-family: "Aleo", serif;
    font-size: 15px;
    color: #4D4D4F;
    margin-bottom: 24px;
}
.natural-capital-page .nc-shloka-icon {
    width: 150px;
    height: 150px;
    border-radius: 8px;
}
.natural-capital-page .nc-shloka-sanskrit {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 1.3;
    color: #21408f;
    margin-bottom: 10px;
}
.natural-capital-page .nc-shloka-text {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #4D4D4F;
}
.natural-capital-page .nc-mv-row { margin-top: 30px; }
.natural-capital-page .nc-mv {
    position: relative;
    padding-right:40px;
    padding-bottom: 12px;
    margin-bottom: 20px;
}
.natural-capital-page .nc-mv:after 
{
    content: '';
    position: absolute;
    right: 39px;
    top: 25px;
    background-color: #13a8d7;
    height: 115px;
    width: 1px;
}
.natural-capital-page .nc-mv-headrow {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 18px;
}
.natural-capital-page .nc-mv-headrow::after {
    content: "";
    flex: 1;
    height: 1px;
    background: #13a8d7;
}
.natural-capital-page .nc-mv-blob {
    position: absolute;
    top: -14px;
    left: -12px;
    width: 74px;
    height: 74px;
    background: url("../images/natural-capital/bubble.svg") no-repeat center center;
    background-size: contain;
    z-index: 0;
}
.natural-capital-page .nc-mv-titles { flex: 0 0 auto; }
.natural-capital-page .nc-mv-kicker {
    font-family: "Aleo", serif;
    font-size: 16px;
    color: #4D4D4F;
    margin-bottom: 0;
}
.natural-capital-page .nc-mv-title {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 28px;
    color: #13a8d7;
    margin-bottom: 0;
}
.natural-capital-page .nc-mv-text {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #13a8d7;
    margin: 0;
}
.natural-capital-page .nc-award {
    font-family: "Aleo", serif;
    font-size: 22px;
    line-height: 30px;
    color: #21408f;
    margin-bottom: 26px;
}
.natural-capital-page .nc-hl-stats,
.natural-capital-page .nc-3stats,
.natural-capital-page .nc-2stats {
    display: grid;
    gap: 26px 34px;
}
.natural-capital-page .nc-hl-stats { grid-template-columns: repeat(3, 1fr); }
.natural-capital-page .nc-3stats { grid-template-columns: repeat(3, 1fr); }
.natural-capital-page .nc-2stats { grid-template-columns: auto auto; justify-content: start; column-gap: 90px; }
.natural-capital-page .nc-pioneers-box {
    border: 1px solid #13a8d7;
    border-radius: 0px;
    padding: 26px 32px;
}
.natural-capital-page .nc-pioneers-head {
    display: flex;
    align-items: center;
    gap: 22px;
    margin-bottom: 20px;
}
.natural-capital-page .nc-pioneers-title {
    flex: 0 0 auto;
    font-family: "Montserrat", sans-serif;
    font-weight: 700; font-size: 18px; color: #21408f;
    margin: 0;
}
.natural-capital-page .nc-pioneers-line {
    flex: 1;
    height: 1px;
    background: #1b3281;
}
.natural-capital-page .nc-pioneers-logo {
    flex: 0 0 auto;
    width: 70px; height: 58px; border-radius: 6px;
}
.natural-capital-page .nc-pioneers-body {
    display: flex;
    align-items: center;
    gap: 30px;
}
.natural-capital-page .nc-trophy {
    flex: 0 0 140px;
    width: 140px;
    min-height: 200px;
    border-radius: 8px;
}
.natural-capital-page .nc-pioneers {
    flex: 1;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}
.natural-capital-page .nc-pioneer { text-align: center; }
.natural-capital-page .nc-pioneer-img {
    width: 90px; height: 90px; border-radius: 50%;
    margin: 0 auto 12px;
}
.natural-capital-page .nc-pioneer-fy {
    font-family: "Montserrat", sans-serif;
    font-weight: 700; font-size: 15px; color: #21408f;
    margin-bottom: 6px;
}
.natural-capital-page .nc-pioneer-text {
    font-family: "Aleo", serif; font-size: 14px; line-height: 20px; color: #4D4D4F;
}
.natural-capital-page .nc-pillars {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 60px;
}
.natural-capital-page .nc-pillar-ph {
    flex: 0 0 calc(33.333% - 16px);
    max-width: calc(33.333% - 85px);
    min-height: 240px;
    border-radius: 8px;
}
.natural-capital-page .nc-goalhead {
    display: flex;
    align-items: flex-end;
}
.natural-capital-page .nc-seclabel {
    flex: 0 0 auto;
    display: inline-block;
    background: linear-gradient(to right, #cbeaeb 0%, #ffffff 50%, #cbeaeb 100%);
    color: #21408f;
    font-family: "Montserrat", sans-serif;
    font-weight: 700; font-size: 15px;
    text-transform: uppercase; letter-spacing: .5px;
    padding: 13px 24px;
    margin-right: 14px;
}
.natural-capital-page .nc-goalhead-line {
    flex: 1;
    height: 1px;
    background: #13a8d7;
}
.natural-capital-page .nc-goal {
    display: flex;
    align-items: stretch;
    gap: 0;
    border: 1px solid #13a8d7;
    border-top: none;
    border-radius: 0;
    padding: 34px 0;
    margin-bottom: 34px;
    min-height:375px;
}
.natural-capital-page .nc-goal-badge {
    flex: 0 0 200px;
    width: 200px;
    align-self: center;
    display: flex; align-items: center; justify-content: center;
    border-radius: 50%;
    aspect-ratio: 1 / 1;
    background: radial-gradient(circle at 50% 50%,
        #ffffff 0%, #ffffff 20%,
        #dff1f9 20%, #dff1f9 34%,
        #eaf7fc 34%, #eaf7fc 50%,
        #cfeaf6 50%, #cfeaf6 66%,
        #e6f5fb 66%, #e6f5fb 82%,
        #c3e6f3 82%, #c3e6f3 100%);
}
.natural-capital-page .nc-goal-badge span {
    font-family: "Montserrat", sans-serif;
    font-weight: 700; font-size: 46px; color: #1b3281;
}
.natural-capital-page .nc-goal-main {
    flex: 1;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-right: 1px solid #13a8d7;
    padding: 0 30px;
    margin: 0 30px;
}
.natural-capital-page .nc-goal-stmt {
    font-weight: 500; font-size: 18px; line-height: 25px; color: #21408f;
    margin-bottom: 22px;
}
.natural-capital-page .nc-goal-stmt:last-child { margin-bottom: 0; }
.natural-capital-page .nc-goal-stmt strong {
    display: block;
    font-weight: 700;
    font-size: 40px;
    line-height: 1.1;
    margin-bottom: 4px;
}
.natural-capital-page .nc-goal-sub {
    display: block; font-size: 13px; color: #4D4D4F; font-weight: 400;
}
.natural-capital-page .nc-goal-note {
    flex: 0 0 32%;
    max-width: 32%;
    align-self: center;
    padding-right: 30px;
    font-weight: 700; font-size: 16px; line-height: 22px;
    color: #13a8d7;
}
.natural-capital-page .nc-goal-img { display: flex; align-items: center; justify-content: center; }
.natural-capital-page .nc-greenpro { width: 120px; height: 120px; border-radius: 50%; }
.natural-capital-page .nc-callout {
    background: #d9f2f7; border-radius: 10px; padding: 24px 26px; margin-bottom: 24px;
}
.natural-capital-page .nc-callout-title {
    font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 26px; color: #21408f; margin-bottom: 12px;
}
.natural-capital-page .nc-callout-text {
font-weight: 700; font-size: 16px; line-height: 24px; color: #13a8d7; margin: 0;
}
.natural-capital-page .nc-callout-plain { margin-bottom: 24px; }
.natural-capital-page .nc-intensity-label { font-family: "Aleo", serif; font-size: 22px; color: #21408f; margin-bottom: 4px; }
.natural-capital-page .nc-chart {
    width: 100%; min-height: 220px; margin-bottom: 20px; padding: 20px; text-align: center; line-height: 1.6;
}
.natural-capital-page .nc-scope3 { list-style: none; padding: 0; margin: 10px 0 0; }
.natural-capital-page .nc-scope3-heading {
    display: grid;
    grid-template-columns: 90px 1fr;
    max-width: 300px;
    padding: 3px 0;
    border-top: 2px solid #c7c9cc;
    border-bottom: 2px solid #c7c9cc;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    color: #4D4D4F;
}
.natural-capital-page .nc-scope3 li {
    display: flex; gap: 9px; align-items: flex-start;
    font-family: "Aleo", serif; font-size: 14px; line-height: 20px; color: #4D4D4F;
    padding: 6px 0; border-bottom: 1px solid #eef2f6;
}
.natural-capital-page .nc-tablewrap { overflow-x: auto; margin: 20px 0 30px; }
.natural-capital-page .nc-table {
    width: 100%; border-collapse: collapse; min-width: 640px;
    font-family: "Aleo", serif; font-size: 14px; color: #4D4D4F;
}
.natural-capital-page .nc-table thead th {
    background: #eef1f8; color: #4D4D4F;
    font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 16px;
    text-align: right; padding: 14px 14px; border-bottom: 2px solid #c9d3e6;
}
.natural-capital-page .nc-table thead th:first-child { text-align: left; }
.natural-capital-page .nc-table td {
    padding: 12px 14px; text-align: right; border-bottom: 1px solid #e7ebf1; font-size: 16px;
}
.natural-capital-page .nc-table td:first-child { text-align: left; }
.natural-capital-page .nc-table .nc-tr-head td { font-family: "Montserrat", sans-serif; font-weight: 700; color: #4D4D4F; }
.natural-capital-page .nc-table .nc-tr-bold td { font-family: "Montserrat", sans-serif;  color: #4D4D4F; }
.natural-capital-page .nc-table-left td,
.natural-capital-page .nc-table-left th { text-align: left !important; vertical-align: top; }
.natural-capital-page .nc-cell-list { margin: 0; padding-left: 18px; }
.natural-capital-page .nc-cell-list li { margin-bottom: 4px; }
.natural-capital-page .nc-hierarchy { max-width: 900px; margin: 0 auto; }
.natural-capital-page .nc-hier-row { display: flex; align-items: stretch; gap: 16px; margin-bottom: 10px; }
.natural-capital-page .nc-hier-tag {
    flex: 0 0 220px;
    display: flex; align-items: center; justify-content: center;
    color: #fff; font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 16px;
    letter-spacing: 1px; padding: 18px;
    clip-path: polygon(0 0, 100% 0, 88% 50%, 100% 100%, 0 100%);
}
.natural-capital-page .nc-hier-1 { background: #16357e; }
.natural-capital-page .nc-hier-2 { background: #3457a0; }
.natural-capital-page .nc-hier-3 { background: #5a7bbf; }
.natural-capital-page .nc-hier-4 { background: #2ba7d6; }
.natural-capital-page .nc-hier-5 { background: #8fd0e8; }
.natural-capital-page .nc-hier-desc {
    flex: 1; display: flex; align-items: center;
    font-family: "Aleo", serif; font-size: 14px; line-height: 20px; color: #4D4D4F;
    border-left: 1px solid #e0e6ee; padding-left: 16px;
}
.natural-capital-page .nc-hier-legend {
    display: flex; justify-content: space-between;
    font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 11px; color: #13a8d7;
    margin-top: 8px;
}
.natural-capital-page .nc-hier-quote {
    text-align: center; font-family: "Montserrat", sans-serif; font-weight: 700;
    font-size: 16px; color: #21408f; margin-top: 22px;
}
.natural-capital-page .nc-green-box {
    background: #40ad49; padding: 26px 28px; height: 100%;
}
.natural-capital-page .nc-green-box p {
    font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 15px; line-height: 22px; color: #fff; margin-bottom: 14px;
}
.natural-capital-page .nc-collage {
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px;
}
.natural-capital-page .nc-collage .src-imgph { min-height: 130px; }
.nc-shloka
{
    margin-bottom: 60px;
}
.natural-capital-page .nc-pillars-sec .container {
    border-bottom: 1px solid #4D4D4F;
    padding-bottom: 40px;
    margin-bottom: 40px;
}

/* Energy Transition — 8/4 split, top-aligned image & chart */
.natural-capital-page .nc-re-head {
    box-sizing: border-box;
    margin-bottom: 22px;
}
.natural-capital-page .nc-re-charthead { display: block; text-align:center; height: auto;
    margin-top: 10px; }
.natural-capital-page .nc-re-fig { margin: 0; }
.natural-capital-page .nc-re-chart { margin-bottom: 0; min-height: 300px; }

/* Natural page stats: remove L-border, add per-stat bottom border */
.natural-capital-page .src-stats {
    border-top: none;
    border-left: none;
    padding-top: 0;
    padding-left: 0;
}
.natural-capital-page .src-stat {
    border-left: none;
    padding-left: 0;
}
.natural-capital-page .src-figcaption
{
    margin-bottom: 30px;
}
/* Customer Impact callout: no bg + bubble behind heading */
.natural-capital-page .nc-callout-nobg {
    position: relative;
    background: none;
    padding: 0;
}
.natural-capital-page .nc-callout-bubble {
    position: absolute;
    top: -16px;
    left: -14px;
    width: 76px;
    height: 76px;
    background: url("../images/natural-capital/bubble.svg") no-repeat center center;
    background-size: contain;
    z-index: 0;
}
.natural-capital-page .nc-callout-nobg .nc-callout-title,
.natural-capital-page .nc-callout-nobg .nc-callout-text {
    position: relative;
    z-index: 1;
}
.nc-mt .src-figure
{
    margin-top: 0px;
}
.text-normal
{
    text-transform: inherit !important;
}
.nc-re-head .src-stat
{
  border-bottom: 1px solid #13a8d7;
    padding-bottom: 12px;  
}
.natural-capital-page .nc-note-instat
{
text-align: left;
padding-left: 0px;
}
.social-relationship-page .src-stat-num .em
{
font-size: 22px;
}
.natural-capital-page .nc-title-grey { color: #4D4D4F; }

/* GHG — scope graph grid + scope3 4-col */
.natural-capital-page .nc-graph-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-bottom: 34px;
}

.natural-capital-page .nc-graph-card {
    min-width: 0;
    text-align: center;
}

.natural-capital-page .nc-graph-title {
    margin: 0;
    color: #21408f;
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    line-height: 1.15;
    font-weight: 700;
}

.natural-capital-page .nc-graph-unit {
    margin: 4px 0 10px;
    color: #4d4d4f;
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: 1.2;
}
.natural-capital-page .nc-graph {
    min-height: 200px;
    flex-direction: column;
    text-align: center;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    color: #21408f;
}
.natural-capital-page .nc-graph-vals {
    display: block;
    margin-top: 8px;
    font-family: "Aleo", serif;
    font-weight: 400;
    font-size: 12px;
    color: #8aa4ab;
    text-transform: none;
}
.natural-capital-page .nc-scope3-4col {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0 24px;
}

.natural-capital-page .nc-table-fit { min-width: 0; }

.natural-capital-page .nc-hierarchy-ph { width: 100%; min-height: 320px; margin-top: 10px; }

.natural-capital-page .nc-callout-grad { background: linear-gradient(to right, #cbeaeb 0%, #ffffff 50%, #cbeaeb 100%); border-radius:0px; }

/*===================================================
  KBL — Contributing to UNSDGs (inner page)
===================================================*/
.contributing-unsdgs-page .unsdg-lead {
    font-family: "Aleo", serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 27px;
    color: #21408f;
    margin: 14px 0 30px;
}
.contributing-unsdgs-page .unsdg-lead-body {
    column-count: 1;
}
.contributing-unsdgs-page .unsdg-lead-body .src-copy {
    line-height: 24px;
    margin-bottom: 16px;
}
.contributing-unsdgs-page .unsdg-block {
    margin-bottom: 44px;
}
.contributing-unsdgs-page .unsdg-head {
    display: flex;
    align-items: center;
    gap: 16px;
    border-bottom: 1px solid #cfe6ee;
    padding-bottom: 14px;
    margin-bottom: 0;
}
.contributing-unsdgs-page .unsdg-icon {
    flex: 0 0 auto;
    width: 58px;
    height: 58px;
    font-size: 11px;
}
.contributing-unsdgs-page .unsdg-title {
    margin: 0;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: #21408f;
    text-transform: uppercase;
}
.contributing-unsdgs-page .unsdg-box {
    background: linear-gradient(to right, #cbeaeb 0%, #ffffff 100%);
    border-left: 1px solid #13a8d7;
    border-top: 1px solid #13a8d7;
    padding: 26px 30px;
}
.contributing-unsdgs-page .unsdg-intro {
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: 24px;
    color: #4D4D4F;
    margin-bottom: 16px;
}
.contributing-unsdgs-page .unsdg-ki {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: #21408f;
    margin-bottom: 10px;
}
.contributing-unsdgs-page .unsdg-bullets {
    column-count: 2;
    column-gap: 40px;
    padding-left: 18px;
    margin: 0;
}
.contributing-unsdgs-page .unsdg-bullets li {
    font-family: "Aleo", serif;
    font-size: 15px;
    line-height: 22px;
    color: #4D4D4F;
    margin-bottom: 8px;
    padding-left: 4px;
    break-inside: avoid;
}
.contributing-unsdgs-page .unsdg-bullets li::marker {
    color: #4d4d4f;
}
.contributing-unsdgs-page .unsdg-fig {
    margin: 22px 0 0;
}

/*===================================================
  KBL — Governance (inner page)
===================================================*/
.governance-page .gov-lead {
    font-family: "Aleo", serif;
    font-size: 20px;
    line-height: 28px;
    color: #21408f;
    margin: 16px 0 30px;
    font-weight: 700;
}
.governance-page .gov-hero {
    margin: 0;
}
.governance-page .gov-hero .src-imgph-wide {
    min-height: 420px;
}
/* ---- text sections ---- */
.governance-page .gov-textsec {
    margin-bottom: 30px;
    position: relative;
}
.governance-page .gov-textsec .src-block-title {
    margin-bottom: 14px;
}
.governance-page .gov-pullquote {
    padding-top: 14px;
    padding-left: 14px;
    border-top: 2px solid #13a8d7;
    border-left: 2px solid #13a8d7;
    margin: 22px 0 6px;
}
.governance-page .gov-pullquote p {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    color: #21408f;
    margin: 0;

}
/* ---- board diversity two-column ---- */
.governance-page .gov-twocol {
    column-count: 1;
    margin-bottom: 40px;
}
.governance-page .gov-twocol .src-copy {
    margin-bottom: 14px;
}
/* ---- big page titles ---- */
.governance-page .gov-mgmt-title,
.governance-page .gov-board-title {
    margin-bottom: 30px;
    font-size: 32px;
}
/* ---- card grid ---- */
.governance-page .gov-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 26px;
}
.governance-page .gov-card {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.governance-page .gov-photo {
    min-height: 250px;
    border-radius: 0;
    border: none;
    background: #eaf4fa;
    margin-bottom: 10px;
}
.governance-page .gov-cardbody {
    padding: 0;
    background: linear-gradient(to top, #ceebeb 0%, #ffffff 100%);
}
.governance-page .gov-name {
    margin: 0;
    padding: 14px 20px;
    background: #addcef;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #21408f;
}
.governance-page .gov-role {
    margin: 0;
    padding: 14px 20px;
    font-family: "Aleo", serif;
    font-size: 14px;
    line-height: 22px;
    color: #4D4D4F;
    border-bottom: 1px solid #ffffff;
}
.governance-page .gov-field {
    padding: 12px 20px;
    border-bottom: 1px solid #ffffff;
}
.governance-page .gov-field:last-child {
    border-bottom: none;
}
.governance-page .gov-label {
    display: block;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    color: #4d4d4f;
    margin-bottom: 4px;
}
.governance-page .gov-val {
    display: block;
    font-family: "Aleo", serif;
    font-size: 14px;
    line-height: 22px;
    color: #4D4D4F;
}
/* ---- board stats ---- */
.governance-page .gov-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 26px 40px;
    margin-bottom: 40px;
}
.governance-page .gov-stat {
    display: flex;
    flex-direction: column;
    padding-bottom: 14px;
    border-bottom: 1px solid #13a8d7;
}
.governance-page .gov-statnum {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 46px;
    line-height: 1;
    color: #21408f;
    margin-bottom: 12px;
}
.governance-page .gov-statlabel {
    font-family: "Aleo", serif;
    font-size: 15px;
    line-height: 21px;
    color: #4D4D4F;
}
.governance-page .gov-board-intro {
    margin-bottom: 34px;
}
/* ---- subsidiary & JV ---- */
.governance-page .gov-subs-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 26px;
}
.governance-page .gov-sub {
    padding: 22px 24px;
    background: linear-gradient(to right, #cbeaeb 0%, #ffffff 100%);
    border-left: 1px solid #13a8d7;
    border-top: 1px solid #13a8d7;
}
.governance-page .gov-subname {
    margin: 0 0 12px;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #21408f;
}
.governance-page .gov-sublist {
    list-style: none;
    padding: 0;
    margin: 0;
}
.governance-page .gov-sublist li {
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: 21px;
    color: #4D4D4F;
    padding: 5px 0;
    border-top: 1px solid #d5e6ef;
}
.governance-page .gov-sublist li:first-child {
    border-top: none;
}

/* Governance — equal card heights */
.governance-page .gov-card { height: 100%; }
.governance-page .gov-cardbody { flex: 1 1 auto; display: flex; flex-direction: column; }
.governance-page .gov-field:last-child { flex: 1 1 auto; }

/* Governance management profiles: compact cards + reusable detail modal */
.governance-page .gov-mgmt-grid .gov-card,
.governance-page .gov-board-grid .gov-card {
	cursor: pointer;
}

.governance-page .gov-mgmt-grid .gov-photo,
.governance-page .gov-board-grid .gov-photo {
	margin-bottom: 0;
}

.governance-page .gov-mgmt-grid .gov-role,
.governance-page .gov-mgmt-grid .gov-field,
.governance-page .gov-board-grid .gov-role,
.governance-page .gov-board-grid .gov-field {
	display: none;
}

.governance-page .gov-profile-trigger:focus-visible {
    outline: 3px solid #13a8d7;
    outline-offset: 4px;
}

.governance-page .gov-profile-trigger .gov-photo,
.governance-page .gov-profile-trigger .gov-name {
    transition: filter 0.2s ease, background-color 0.2s ease;
}

.governance-page .gov-profile-trigger:hover .gov-photo {
    filter: brightness(0.96);
}

.governance-page .gov-profile-trigger:hover .gov-name {
    background: #9fd4e8;
}

.gov-profile-modal .modal-content {
    overflow: hidden;
    border: 0;
    border-radius: 0;
}

.gov-profile-modal .modal-header {
    padding: 18px 24px;
    border-bottom: 0;
    background: #addcef;
}

.gov-profile-modal .modal-title {
    margin: 0;
    color: #21408f;
    font-family: "Montserrat", sans-serif;
    font-size: 22px;
    line-height: 1.2;
    font-weight: 700;
}

.gov-profile-modal .modal-body {
    padding: 0;
}

.gov-profile-modal .gov-cardbody {
    display: block;
    background: linear-gradient(to top, #ceebeb 0%, #ffffff 100%);
}

.gov-profile-modal .gov-role {
    font-size: 16px;
}

.gov-profile-modal .gov-field {
    padding: 16px 24px;
}

.gov-profile-modal .gov-label,
.gov-profile-modal .gov-val {
    font-size: 16px;
}

.gov-profile-modal .gov-val {
    line-height: 1.4;
}

/*===================================================
  KBL — Corporate Information (inner page)
===================================================*/
.corporate-info-page .ci-row {
    margin-top: 10px;
}
.corporate-info-page .ci-block {
    margin-bottom: 34px;
}
.corporate-info-page .ci-title {
    position: relative;
    margin:15px 0 0px;
    padding-bottom: 10px;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: #21408f;
    text-transform: uppercase;
}

.corporate-info-page .ci-name {
    margin: 0;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #4d4d4f;
}
.corporate-info-page .ci-sub {
    display: block;
    margin-top: 2px;
    font-family: "Aleo", serif;
    font-style: italic;
    font-size: 14px;
    line-height: 20px;
    color: #4D4D4F;
}
.corporate-info-page .ci-single {
    margin: 0;
    border-left: 2px solid #13a8d7;
     border-top: 2px solid #13a8d7;
     padding: 20px 0px 0px 20px;
}
.corporate-info-page .ci-text {
    margin: 4px 0 0;
    font-family: "Aleo", serif;
    font-size: 15px;
    line-height: 24px;
    color: #4D4D4F;
    border-left: 2px solid #13a8d7;
     border-top: 2px solid #13a8d7;
     padding: 20px 0px 0px 20px;
}
/* ---- directors list ---- */
.corporate-info-page .ci-dir-list {
    list-style: none;
    padding: 0;
    margin: 0;
     border-left: 2px solid #13a8d7;
     border-top: 2px solid #13a8d7;
     padding: 20px 0px 0px 20px;
}
.corporate-info-page .ci-dir-list li {
    margin-bottom: 16px;
}
/* ---- simple list (bankers) ---- */
.corporate-info-page .ci-list {
    list-style: none;
    padding: 0;
    margin: 0;
    border-left: 2px solid #13a8d7;
     border-top: 2px solid #13a8d7;
     padding: 20px 0px 0px 20px;
}
.corporate-info-page .ci-list li {
    font-family: "Aleo", serif;
    font-size: 15px;
    line-height: 21px;
    color: #4D4D4F;
    padding-bottom: 7px;
}
.corporate-info-page .ci-list li:first-child {
    border-top: none;
    padding-top: 0;
}
/* ---- AGM ---- */
.corporate-info-page .ci-agm {
    margin-top: 14px;
}
.corporate-info-page .ci-agm-title {
    font-size: 20px;
}
.corporate-info-page .ci-agm-box {
    background: #e7f4fb;
    border: 1px solid #13a8d7;
    padding: 26px 30px;
}
.corporate-info-page .ci-agm-head {
    margin: 0 0 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: #21408f;
}
.corporate-info-page .ci-agm-row {
    display: flex;
    align-items: flex-start;
    margin-bottom: 10px;
    font-family: "Aleo", serif;
    font-size: 15px;
    line-height: 23px;
    color: #4D4D4F;
}
.corporate-info-page .ci-agm-row:last-child {
    margin-bottom: 0;
}
.corporate-info-page .ci-agm-label {
    flex: 0 0 130px;
    max-width: 130px;
}
.corporate-info-page .ci-agm-colon {
    flex: 0 0 18px;
}
.corporate-info-page .ci-agm-val {
    flex: 1;
}
.sa
{
 border-left: 2px solid #13a8d7;
    border-top: 2px solid #13a8d7;
    padding: 20px 0px 0px 20px;   
}
.sa-name 
{
    padding-top: 7px;
}

.manufactured-capital-page .manufactured-capital-copy {
    margin: 0;
    color: #21408f;
    font-family: "Aleo", serif;
    font-size: 20px;
    line-height: 1.34;
    padding-top: 30px;
}

.manufactured-capital-page .manufactured-capital-image-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    background:
        linear-gradient(180deg, rgba(137, 198, 247, 0.92) 0%, rgba(112, 186, 241, 0.92) 50%, rgba(93, 171, 231, 0.96) 100%),
        linear-gradient(180deg, #0d1f52 0%, #21408f 100%);
    position: relative;
    overflow: hidden;
}

.manufactured-capital-page .manufactured-capital-image-placeholder::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 76% 78%, rgba(255, 255, 255, 0.36) 0, rgba(255, 255, 255, 0) 16%),
        radial-gradient(circle at 75% 60%, rgba(255, 190, 90, 0.18) 0, rgba(255, 190, 90, 0.08) 18%, rgba(255, 255, 255, 0) 45%),
        radial-gradient(circle at 28% 88%, rgba(255, 255, 255, 0.12) 0, rgba(255, 255, 255, 0) 26%);
    pointer-events: none;
}

.manufactured-capital-page .manufactured-capital-image-label {
    position: relative;
    z-index: 1;
    color: #ffffff;
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.intellectual-capital-page {
    background: #ffffff;
}

.intellectual-capital-page .intellectual-capital-section {
    padding: 40px 0 40px;
}

.intellectual-capital-page .intellectual-capital-shell {
    padding: 0;
    background: transparent;
}

.intellectual-capital-page .intellectual-capital-icon-block {
    flex: 0 0 168px;
    width: 168px;
}

.intellectual-capital-page .intellectual-capital-icon-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    background: linear-gradient(180deg, #173b93 0%, #0f2d78 100%);
    border-radius: 0;
    color: #ffffff;
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.12em;
}

.intellectual-capital-page .intellectual-capital-icon-placeholder > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.intellectual-capital-page .intellectual-capital-copy-block {
    flex: 1 1 auto;
    min-width: 0;
    padding-top: 4px;
}

.intellectual-capital-page .intellectual-capital-title {
    margin: 0 0 18px;
    color: #21408f;
    font-family: "Montserrat", sans-serif;
    font-size: 40px;
    line-height: 45px;
    font-weight: 700;
    letter-spacing: -0.02em;
}

.intellectual-capital-page .intellectual-capital-subtitle {
    margin: 0 0 10px;
    color: #0aa6d6;
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    line-height: 26px;
    font-weight: 700;
}

.intellectual-capital-page .intellectual-capital-copy {
    margin: 0;
    color: #21408f;
    font-family: "Aleo", serif;
    font-size: 20px;
    line-height: 1.34;
    padding-top: 30px;
}

.intellectual-capital-page .intellectual-capital-image-placeholder {
    min-height: 420px;
    position: relative;
    overflow: hidden;
    background: none;
}

.intellectual-capital-page .intellectual-capital-image-placeholder::before {
    content: none;
}

.intellectual-capital-page .intellectual-capital-image-placeholder > img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.intellectual-capital-page .intellectual-capital-image-label {
    position: relative;
    z-index: 1;
    color: #ffffff;
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.intellectual-capital-page .intellectual-capital-impact-section,
.human-capital-page .intellectual-capital-impact-section {
    padding: 30px 0 40px;
}

.intellectual-capital-page .intellectual-capital-impact-block,
.human-capital-page .intellectual-capital-impact-block {
    min-width: 0;
}

.intellectual-capital-page .intellectual-capital-impact-title,
.human-capital-page .intellectual-capital-impact-title {
    margin: 0 0 12px;
    color: #21408f;
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    line-height: 1.15;
    font-weight: 700;
    text-transform: uppercase;
}

.intellectual-capital-page .intellectual-capital-material-grid,
.human-capital-page .intellectual-capital-material-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
    padding: 10px 12px 0;
    border-top: 2px solid #42bfee;
    border-left: 2px solid #42bfee;
}
.human-capital-page .intellectual-capital-material-grid {
    grid-template-columns: 1fr 1fr;
}
.intellectual-capital-page .intellectual-capital-material-item,
.human-capital-page .intellectual-capital-material-item {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    min-width: 0;
}

.intellectual-capital-page .intellectual-capital-material-tag,
.human-capital-page .intellectual-capital-material-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 56px;
    height: 34px;
    border: 1px solid rgba(85, 85, 85, 0.45);
    
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    flex: 0 0 auto;
}

.intellectual-capital-page .intellectual-capital-material-tag span,
.human-capital-page .intellectual-capital-material-tag span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 100%;
    background: rgba(85, 85, 85, 0.75);
    color: #ffffff;
}

.intellectual-capital-page .intellectual-capital-material-tag em,
.human-capital-page .intellectual-capital-material-tag em {
    padding: 0 10px;
    font-style: normal;
}

.intellectual-capital-page .intellectual-capital-material-text,
.human-capital-page .intellectual-capital-material-text {
    
    font-family: "Aleo", serif;
    font-size: 18px;
    line-height: 1.3;
    min-width: 0;
}

.intellectual-capital-page .intellectual-capital-highlights-grid,
.human-capital-page .intellectual-capital-highlights-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px 28px;
    padding: 10px 12px 0;
    border-top: 2px solid #42bfee;
    border-left: 2px solid #42bfee;
}
.human-capital-page .intellectual-capital-highlights-grid{
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.intellectual-capital-page .intellectual-capital-highlight-item,
.human-capital-page .intellectual-capital-highlight-item {
    min-width: 0;
}

.intellectual-capital-page .intellectual-capital-highlight-number,
.human-capital-page .intellectual-capital-highlight-number {
    margin: 0 0 4px;
    color: #21408f;
    font-family: "Aleo", serif;
    font-size: 40px;
    line-height: 1;
    font-weight: 400;
    letter-spacing: -0.02em;
}

.intellectual-capital-page .intellectual-capital-highlight-text,
.human-capital-page .intellectual-capital-highlight-text {
    
    font-family: "Aleo", serif;
    font-size: 18px;
    line-height: 1.25;
}

.human-capital-page .intellectual-capital-highlight-item--label-first {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.human-capital-page .intellectual-capital-highlight-item--label-first .intellectual-capital-highlight-text {
    margin: 0 0 2px;
    font-family: "Montserrat", sans-serif;
    font-size: 15px;
    line-height: 1.2;
    font-weight: 700;
    color: #4d4d4f;
}

.human-capital-page .intellectual-capital-highlight-item--label-first .intellectual-capital-highlight-number {
    margin: 0;
    font-size: 50px;
    line-height: 0.95;
}

.human-capital-page .intellectual-capital-highlight-item--label-first .intellectual-capital-highlight-meta {
    margin-top: 5px;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    line-height: 1.25;
    font-weight: 400;
    color: #4d4d4f;
}

.intellectual-capital-page .intellectual-capital-tile-row,
.human-capital-page .intellectual-capital-tile-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 10px 12px 0;
    border-top: 2px solid #42bfee;
    border-left: 2px solid #42bfee;
    margin-bottom: 30px;
}

.intellectual-capital-page .intellectual-capital-tile,
.human-capital-page .intellectual-capital-tile {
    width: 48px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #21408f;
    color: #ffffff;
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    line-height: 1;
    font-weight: 700;
}

.intellectual-capital-page .intellectual-capital-sdg-placeholder,
.human-capital-page .intellectual-capital-sdg-placeholder {
    padding: 10px 0 0 10px;
    justify-content: center;
    border-top: 2px solid #42bfee;
    border-left: 2px solid #42bfee;
}

.intellectual-capital-page .intellectual-capital-sdg-placeholder-label,
.human-capital-page .intellectual-capital-sdg-placeholder-label {
    color: rgba(33, 64, 143, 0.45);
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.intellectual-capital-page .intellectual-capital-latest-section {
    padding: 10px 0 40px;
}

.intellectual-capital-page .intellectual-capital-latest-placeholder {
    overflow: hidden;
    max-width: 239px;
    margin-top: 20px;
}

.intellectual-capital-page .intellectual-capital-latest-placeholder > img {
    width: 100%;
    height: auto;
    display: block;
}

.intellectual-capital-page .intellectual-capital-latest-caption {
    padding: 18px 0 4px;
}

.intellectual-capital-page .intellectual-capital-latest-title {
    margin: 0;
    color: #21408f;
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    line-height: 1.15;
    font-weight: 700;
}

.intellectual-capital-page .intellectual-capital-latest-subtitle {
    margin: 1px 0 0;
    color: #4d4d4f;
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: 1.25;
}

.intellectual-capital-page .intellectual-capital-award-section {
    padding: 0 0 40px;
}

.intellectual-capital-page .intellectual-capital-award-title {
    margin: 0 0 16px;
    color: #21408f;
    font-family: "Montserrat", sans-serif;
    font-size: 22px;
    line-height: 1.15;
    font-weight: 700;
    text-transform: uppercase;
}

.intellectual-capital-page .intellectual-capital-award-text {
    margin: 0;
    
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: 1.45;
}

.intellectual-capital-page .intellectual-capital-award-placeholder {
    min-height: 360px;
    position: relative;
    overflow: hidden;
}

.intellectual-capital-page .intellectual-capital-award-placeholder > img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.intellectual-capital-page .intellectual-capital-products-section {
    padding: 0 0 40px;
}

.intellectual-capital-page .intellectual-capital-products-shell {
    padding: 36px 30px;
    background: #21408f;
    color: #ffffff;
}

.intellectual-capital-page .intellectual-capital-products-title {
    margin: 0 0 24px;
    color: #ffffff;
    font-family: "Montserrat", sans-serif;
    font-size: 22px;
    line-height: 1.15;
    font-weight: 700;
    text-transform: uppercase;
}

.intellectual-capital-page .intellectual-capital-products-column {
    min-width: 0;
}

.intellectual-capital-page .intellectual-capital-products-group {
    padding-bottom: 12px;
    margin-bottom: 18px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.intellectual-capital-page .intellectual-capital-products-group:last-child {
    margin-bottom: 0;
}

.intellectual-capital-page .intellectual-capital-products-group h3 {
    margin: 0 0 6px;
    color: #ffffff;
    font-family: "Aleo", sans-serif;
    font-size: 16px;
    line-height: 1.25;
    text-transform: none;
}

.intellectual-capital-page .intellectual-capital-products-group p,
.intellectual-capital-page .intellectual-capital-products-group li {
    margin: 0;
    color: #ffffff;
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: 1.35;
  
}
.intellectual-capital-products-group li {
  padding-bottom: 5px;
}
.intellectual-capital-page .intellectual-capital-products-group ul {
    margin: 0;
    padding-left: 18px;
}

.intellectual-capital-page .intellectual-capital-rd-section {
    padding: 0px;
}

.intellectual-capital-page .intellectual-capital-rd-copy {
    padding: 0;
}

.intellectual-capital-page .intellectual-capital-rd-title {
    margin: 0 0 8px;
    color: #21408f;
    font-family: "Montserrat", sans-serif;
    font-size: 22px;
    line-height: 1.15;
    font-weight: 700;
    text-transform: uppercase;
}

.intellectual-capital-page .intellectual-capital-list-block {
    padding: 0;
}

.intellectual-capital-page .intellectual-capital-list-title {
    margin: 0 0 8px;
    color: #21408f;
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 700;
    text-transform: uppercase;
}

.intellectual-capital-page .intellectual-capital-bullet-list {
    margin: 0;
    padding-left: 20px;
}

.intellectual-capital-page .intellectual-capital-bullet-list li {
    margin: 0 0 8px;
    
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: 1.45;
}

.intellectual-capital-page .intellectual-capital-list-copy {
    margin: 0 0 20px;
    
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: 1.45;
}

.intellectual-capital-page .intellectual-capital-innovation-section {
    padding: 0 0 40px;
}

.intellectual-capital-page .intellectual-capital-innovation-copy {
    padding: 0;
}

.intellectual-capital-page .intellectual-capital-innovation-title {
    margin: 0 0 8px;
    color: #21408f;
    font-family: "Montserrat", sans-serif;
    font-size: 22px;
    line-height: 1.15;
    font-weight: 700;
    text-transform: uppercase;
}

.intellectual-capital-page .intellectual-capital-innovation-copy p {
    margin: 0 0 18px;
    
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: 1.45;
}

.human-capital-page {
    background: #ffffff;
    overflow-x: hidden;
}

.human-capital-page .human-capital-section {
    padding: 40px 0 40px;
}

.human-capital-page .human-capital-shell {
    padding: 0;
    background: transparent;
}
.human-capital-page .human-capital-icon-block {
    flex: 0 0 168px;
    width: 168px;
}

.human-capital-page .human-capital-icon-placeholder {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    background: transparent;
    border-radius: 0;
    color: #ffffff;
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.12em;
}

.human-capital-page .human-capital-icon-placeholder img {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.human-capital-page .human-capital-copy-block {
    flex: 1 1 auto;
    min-width: 0;
    padding-top: 4px;
}

.human-capital-page .human-capital-title {
    margin: 0 0 18px;
    color: #21408f;
    font-family: "Montserrat", sans-serif;
    font-size: 40px;
    line-height: 45px;
    font-weight: 700;
    letter-spacing: -0.02em;
}

.human-capital-page .human-capital-subtitle {
    margin: 0 0 10px;
    color: #0aa6d6;
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    line-height: 26px;
    font-weight: 700;
}

.human-capital-page .human-capital-copy {
    margin: 0 0 10px;
    color: #21408f;
    font-family: "Aleo", serif;
    font-size: 20px;
    line-height: 1.34;
}

.human-capital-page .human-capital-image-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
}

.human-capital-page .human-capital-image-placeholder::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: 0.55;
}

.human-capital-page .human-capital-image-placeholder img,
.human-capital-page .human-capital-club-logo-placeholder img,
.human-capital-page .human-capital-club-image-placeholder img,
.human-capital-page .human-capital-community-image-placeholder img,
.human-capital-page .human-capital-community-logo-placeholder img,
.human-capital-page .human-capital-event-image-placeholder img,
.human-capital-page .human-capital-recognition-image-placeholder img,
.human-capital-page .human-capital-communication-image-placeholder img,
.human-capital-page .human-capital-wellness-image-placeholder img,
.human-capital-page .human-capital-wellness-image-stack img,
.human-capital-page .human-capital-diversity-image-placeholder img,
.human-capital-page .human-capital-talent-image-placeholder img,
.human-capital-page .human-capital-training-image-placeholder img,
.human-capital-page .human-capital-award-image-placeholder img,
.human-capital-page .human-capital-safety-image-placeholder img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
}


.human-capital-page [class*="placeholder"]:not(.human-capital-icon-placeholder)::before {
    z-index: 0;
}

.human-capital-page .human-capital-image-label {
    position: relative;
    z-index: 1;
    color: #ffffff;
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.human-capital-page .human-capital-story-section {
    padding: 0 0 40px;
}

.human-capital-page .human-capital-story-copy {
    padding: 0;
}

.human-capital-page .human-capital-story-text {
    margin: 0 0 18px;
    
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: 1.45;
}

.human-capital-page .human-capital-pillars-section {
    padding: 0 0 40px;
}

.human-capital-page .human-capital-pillars-shell {
    padding: 0;
}

.human-capital-page .human-capital-pillars-title {
    margin: 0 0 24px;
    color: #21408f;
    font-family: "Montserrat", sans-serif;
    font-size: 22px;
    line-height: 1.15;
    font-weight: 700;
    text-transform: uppercase;
}

.human-capital-page .human-capital-pillars-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 28px 40px;
}

.human-capital-page .human-capital-pillar-item {
    display: flex;
    align-items: center;
    gap: 16px;
    min-width: 0;
}

.human-capital-page .human-capital-pillar-icon {
    flex: 0 0 58px;
    width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #12a7df;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.human-capital-page .human-capital-pillar-text {
    
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    line-height: 1.25;
    font-weight: 700;
    min-width: 0;
}

.human-capital-page .human-capital-talent-section {
    padding: 0px;
}

.human-capital-page .human-capital-talent-image-placeholder {
    max-width: 800px;
    margin: auto;
}

.human-capital-page .human-capital-talent-image-placeholder::before {
    content: "";
    position: absolute;
    inset: 24px;
    border: 1px dashed rgba(33, 64, 143, 0.14);
}

.human-capital-page .human-capital-talent-copy {
    padding: 0;
}

.human-capital-page .human-capital-talent-title {
    margin: 0 0 10px;
    color: #21408f;
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    line-height: 1.15;
    font-weight: 700;
    text-transform: uppercase;
}

.human-capital-page .human-capital-talent-copy p {
    margin: 0 0 18px;
    
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: 1.45;
}

.human-capital-page .human-capital-development-section {
    padding: 0 0 10px;
}

.human-capital-page .human-capital-development-copy {
    padding: 0;
}

.human-capital-page .human-capital-development-text {
    margin: 0 0 18px;
    
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: 1.45;
}

.human-capital-page .human-capital-development-title {
    margin: 0 0 8px;
    color: #21408f;
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    line-height: 1.15;
    font-weight: 700;
    text-transform: uppercase;
}

.human-capital-page .human-capital-training-block {
    padding: 0;
}

.human-capital-page .human-capital-training-image-placeholder {
    max-width: 800px;
    margin: auto;
}

.human-capital-page .human-capital-training-image-placeholder::before {
    content: "";
    position: absolute;
    inset: 16px;
    background:
        linear-gradient(135deg, rgba(33, 64, 143, 0.08) 0%, rgba(33, 64, 143, 0) 55%);
    opacity: 0.6;
}

.human-capital-page .human-capital-training-caption {
    position: relative;
    margin: 0;
    padding: 10px 14px 0;
    
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: 1.35;
    text-align: center;
        max-width: 800px;
    margin: auto;
}

.human-capital-page .human-capital-development-list {
    margin: 0;
    padding-left: 12px;
}

.human-capital-page .human-capital-development-list li {
    margin: 0 0 16px;
    
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: 1.45;
}

.human-capital-page .human-capital-development-list strong {
    
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
    display: block;
}

.human-capital-page .human-capital-role-evaluation > p {
    margin: 0;
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: 1.3;
}

.human-capital-page .human-capital-role-goals {
    margin: 8px 0 9px;
    padding-left: 20px;
    list-style: none;
}

.human-capital-page .human-capital-role-goals > li {
    position: relative;
    margin: 0 0 8px;
    padding-left: 1px;
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: 1.3;
}

.human-capital-page .human-capital-role-goals > li::before {
    content: "";
    position: absolute;
    top: 0.48em;
        left: -13px;
    width: 5px;
    height: 5px;
    border: 1px solid #4d4d4f;
    border-radius: 50%;
    background: #4d4d4f;
}

.human-capital-page .human-capital-role-goals > li:last-child {
    margin-bottom: 0;
}

.human-capital-page .human-capital-role-goals strong {
    display: inline;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
}

.human-capital-page .human-capital-diversity-section {
    padding: 0 0 40px;
}

.human-capital-page .human-capital-diversity-copy {
    padding: 0;
}

.human-capital-page .human-capital-diversity-title {
    margin: 0 0 8px;
    color: #21408f;
    font-family: "Montserrat", sans-serif;
    font-size: 22px;
    line-height: 1.15;
    font-weight: 700;
    text-transform: uppercase;
}

.human-capital-page .human-capital-diversity-text {
    margin: 0 0 22px;
    
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: 1.42;
    font-weight: 400;
}

.human-capital-page .human-capital-diversity-image-placeholder {
    max-width: 800px;
    margin: auto;
}

.human-capital-page .human-capital-diversity-image-placeholder::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(0, 165, 220, 0.08), rgba(33, 64, 143, 0.04));
    pointer-events: none;
}

.human-capital-page .human-capital-events-section {
    padding: 0 0 40px;
}

.human-capital-page .human-capital-events-copy {
    padding: 0;
}

.human-capital-page .human-capital-events-title {
    margin: 0 0 8px;
    color: #21408f;
    font-family: "Montserrat", sans-serif;
    font-size: 22px;
    line-height: 1.15;
    font-weight: 700;
    text-transform: uppercase;
}

.human-capital-page .human-capital-events-text {
    margin: 0;
    
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: 1.42;
    font-weight: 400;
}

.human-capital-page .human-capital-club-block {
    padding: 22px 0;
    border-top: 1px solid rgba(33, 64, 143, 0.14);
}

.human-capital-page .human-capital-club-title {
    margin: 0 0 12px;
    color: #21408f;
    font-family: "Montserrat", sans-serif;
    font-size: 22px;
    line-height: 1.15;
    font-weight: 700;
}

.human-capital-page .human-capital-kirlofit-logo {
    width: 250px;
    max-width: 100%;
    margin: 0 0 28px;
    background: #ffffff;
}

.human-capital-page .human-capital-kirlofit-logo img {
    display: block;
    width: 100%;
    height: auto;
}

.human-capital-page .human-capital-club-text {
    margin: 0 0 10px;
    
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: 1.42;
    font-weight: 400;
    max-width: 500px;
}

.human-capital-page .human-capital-club-text-strong {
    font-weight: 700;
}

.human-capital-page .human-capital-club-logo-placeholder,
.human-capital-page .human-capital-club-image-placeholder {
    min-height: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}


.human-capital-page .human-capital-club-caption {
    margin: 8px 0 0;
    padding-left: 14px;
    
    font-family: "Aleo", serif;
    font-size: 14px;
    line-height: 1.35;
    border-left: 2px solid #46bff0;
}

.human-capital-page .human-capital-community-section {
    padding: 0 0 40px;
}

.human-capital-page .human-capital-community-block {
    padding: 0;
}

.human-capital-page .human-capital-community-title {
    margin: 0 0 10px;
    
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 700;
}

.human-capital-page .human-capital-community-text {
    margin: 0;
    
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: 1.42;
    font-weight: 400;
}

.intellectual-capital-rd-copy p{
    padding-bottom: 15px;
    color: #4D4D4F;
}


.human-capital-page .human-capital-community-caption {
    margin: 8px 0 0;
    padding-left: 14px;
    
    font-family: "Aleo", serif;
    font-size: 14px;
    line-height: 1.35;
    border-left: 2px solid #46bff0;
}

.human-capital-page .human-capital-recognition-section {
    padding: 0 0 40px;
}

.human-capital-page .human-capital-recognition-copy {
    padding: 0;
}

.human-capital-page .human-capital-recognition-title {
    margin: 0;
    color: #21408f;
    font-family: "Montserrat", sans-serif;
    font-size: 22px;
    line-height: 1.15;
    font-weight: 700;
    text-transform: uppercase;
}

.human-capital-page .human-capital-recognition-card {
    padding: 0;
}

.human-capital-page .human-capital-recognition-item {
    margin: 0 0 28px;
}

.human-capital-page .human-capital-recognition-item-title {
    margin: 0 0 10px;
    color: #4D4D4F;
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: 1.42;
    font-weight: 400;
}

.human-capital-page .human-capital-recognition-item-title span {
    display: inline-block;
    position: relative;
    padding-left: 10px;
    color: #21408f;
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 700;
}

.human-capital-page .human-capital-recognition-item-title span::before {
    content: "";
    position: absolute;
    left: 0;
       top: -4px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: rgba(84, 181, 233, 0.48);
}

.human-capital-page .human-capital-recognition-text {
    margin: 0;
    padding-left: 20px;
    
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: 1.42;
}

.human-capital-page .human-capital-recognition-image-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    max-width: 800px;
    margin: auto;
}

.human-capital-page .human-capital-recognition-image-placeholder::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(0, 165, 220, 0.06), rgba(33, 64, 143, 0.03));
    pointer-events: none;
}

.human-capital-page .human-capital-recognition-caption {
    margin: 8px 0 0;
    padding-left: 14px;
    
    font-family: "Aleo", serif;
    font-size: 14px;
    line-height: 1.35;
    border-left: 2px solid #46bff0;
}

.human-capital-page .human-capital-communication-section {
    padding: 0 0 40px;
}

.human-capital-page .human-capital-communication-copy {
    padding: 0;
}

.human-capital-page .human-capital-communication-title {
    margin: 0 0 12px;
    color: #21408f;
    font-family: "Montserrat", sans-serif;
    font-size: 22px;
    line-height: 1.15;
    font-weight: 700;
    text-transform: uppercase;
}

.human-capital-page .human-capital-communication-lead {
    margin: 0 0 18px;
}

.human-capital-page .human-capital-communication-subtitle {
    position: relative;
    margin: 0 0 6px;
    padding-left: 0px;
    color: #21408f;
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 700;
}

.human-capital-page .human-capital-communication-subtitle::before {
    content: "";
    position: absolute;
   left: -7px;
    top: -1px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: rgba(84, 181, 233, 0.48);
}

.human-capital-page .human-capital-communication-text {
    margin: 0 0 18px;
    
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: 1.42;
}

.human-capital-page .human-capital-communication-image-placeholder {
    min-height: 320px;
    max-width: 800px;
    margin: auto;
}

.human-capital-page .human-capital-communication-image-placeholder::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(0, 165, 220, 0.06), rgba(33, 64, 143, 0.03));
    pointer-events: none;
}

.human-capital-page .human-capital-benefits-card {
    padding: 0;
}

.human-capital-page .human-capital-benefits-title {
    margin: 0 0 8px;
    color: #21408f;
    font-family: "Montserrat", sans-serif;
    font-size: 22px;
    line-height: 1.15;
    font-weight: 700;
    text-transform: uppercase;
}

.human-capital-page .human-capital-benefits-text {
    margin: 0 0 18px;
    
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: 1.42;
}

.human-capital-page .human-capital-benefits-subtitle,
.human-capital-page .human-capital-benefits-group-title {
    margin: 0 0 8px;
    color: #21408f;
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 700;
}
.human-capital-page .human-capital-benefits-group-title{
    
}
.human-capital-page .human-capital-benefits-list {
    margin: 0;
    padding-left: 20px;
}

.human-capital-page .human-capital-benefits-list li {
    margin: 0 0 12px;
    
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: 1.42;
}

.human-capital-page .human-capital-benefits-list strong {
    
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
}

.human-capital-page .human-capital-wellness-section {
    padding: 0 0 40px;
}

.human-capital-page .human-capital-wellness-copy {
    padding: 0;
}

.human-capital-page .human-capital-wellness-title {
    margin: 0 0 10px;
    
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    line-height: 1.15;
    font-weight: 700;
    text-transform: uppercase;
    color: #4d4d4f;
}

.human-capital-page .human-capital-wellness-list {
    margin: 0 0 18px;
    padding-left: 20px;
}

.human-capital-page .human-capital-wellness-list li {
    margin: 0 0 12px;
    
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: 1.42;
}

.human-capital-page .human-capital-wellness-image-placeholder {
  
    max-width: 800px;
    margin: auto;
}

.human-capital-page .human-capital-wellness-image-stack {
    min-height: 270px;
}

.human-capital-page .human-capital-wellness-image-placeholder::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(0, 165, 220, 0.06), rgba(33, 64, 143, 0.03));
    pointer-events: none;
}

.human-capital-page .human-capital-wellness-summary {
    padding: 12px 14px;
    padding-bottom: 20px;
    
}

.human-capital-page .human-capital-wellness-summary-text {
    margin: 0;
    
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: 1.45;
}

.human-capital-page .human-capital-wellness-metrics {
    padding: 0;
}

.human-capital-page .human-capital-wellness-panel {
    display: flex;
    flex-direction: column;
    gap: 24px;
    height: 100%;
    position: relative;
}

.human-capital-page .human-capital-wellness-panel-title {
    margin: 0;
    color: #21408f;
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    line-height: 1.18;
    font-weight: 700;
    text-align: center;
}

.human-capital-page .human-capital-wellness-chart-list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 28px;
}

.human-capital-page .human-capital-wellness-training-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 96px;
    gap: 24px;
    align-items: end;
}

.human-capital-page .human-capital-wellness-training-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px 18px;
}

.human-capital-page .human-capital-wellness-chart-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.human-capital-page .human-capital-wellness-chart-item img {
    display: block;
    width: 112px;
    max-width: 100%;
    height: auto;
}

.human-capital-page .human-capital-wellness-chart-caption {
    color: #555555;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    line-height: 1.25;
    font-weight: 700;
    text-align: center;
}

.human-capital-page .human-capital-wellness-gender {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    align-self: end;
        position: absolute;
    right: 20%;
}

.human-capital-page .human-capital-wellness-gender img {
    display: block;
    width: 84px;
    max-width: 100%;
    height: auto;
}

.human-capital-page .human-capital-wellness-gender-labels {
    display: flex;
    flex-direction: column;
    gap: 18px;
    color: #21408f;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    line-height: 1.1;
    font-weight: 700;
}

.human-capital-page .human-capital-safety-section {
    padding: 0 0 40px;
}

.human-capital-page .human-capital-safety-copy {
    padding: 0;
}

.human-capital-page .human-capital-safety-image-placeholder {
    min-height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: sticky;
    top: 110px;
    background: linear-gradient(180deg, rgba(198, 232, 245, 0.34) 0%, rgba(255, 255, 255, 0.95) 100%);
    border: 1px solid rgba(33, 64, 143, 0.14);
}

.human-capital-page .human-capital-safety-image-placeholder::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(0, 165, 220, 0.06), rgba(33, 64, 143, 0.03));
    pointer-events: none;
}

.human-capital-page .human-capital-safety-title {
    margin: 0 0 12px;
    
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    line-height: 1.15;
    font-weight: 700;
    text-transform: uppercase;
    color: #4d4d4f;
}

.human-capital-page .human-capital-safety-subtitle,
.human-capital-page .human-capital-safety-mini-title {
    margin: 18px 0 8px;
    color: #21408f;
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 700;
}

.human-capital-page .human-capital-safety-text {
    margin: 0 0 14px;
    
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: 1.42;
}

.human-capital-page .human-capital-safety-list {
    margin: 0 0 14px;
    padding-left: 20px;
}

.human-capital-page .human-capital-safety-list li {
    margin: 0 0 10px;
    
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: 1.42;
}

.human-capital-page .human-capital-safety-list strong {
    
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
}

.human-capital-page .human-capital-safety-bullets {
    list-style: disc;
}

.human-capital-page .human-capital-safety-numbered {
    list-style: decimal;
    padding-left: 24px;
}

.human-capital-page .human-capital-event-gallery-section {
    padding: 0 0 40px;
}

.human-capital-page .human-capital-initiative-section {
    padding: 0 0 40px;
}

.human-capital-page .human-capital-event-gallery-item {
    padding: 0;
}

.human-capital-page .human-capital-event-image-placeholder {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}



.human-capital-page .human-capital-image-label {
    position: relative;
    z-index: 1;
    padding: 12px 18px;
    color: rgba(33, 64, 143, 0.55);
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-align: center;
}

.human-capital-page .human-capital-event-image-placeholder--wide {
    min-height: 360px;
    max-width: 800px;
    margin: auto;
}

.human-capital-page .human-capital-celebration-section,
.human-capital-page .human-capital-distribution-section {
    padding: 0 0 40px;
}

.human-capital-page .human-capital-kcpl-section {
    padding: 0 0 40px;
}

.human-capital-page .human-capital-worker-section {
    padding: 0 0 40px;
}

.human-capital-page .human-capital-award-section {
    padding: 0 0 40px;
}

.human-capital-page .human-capital-data-stack {
    display: grid;
    gap: 22px;
}

.human-capital-page .human-capital-safety-highlights-grid--four {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.human-capital-page .human-capital-data-card {
    padding: 0;
    margin-bottom: 30px;
}

.human-capital-page .human-capital-award-card {
    min-height: 100%;
    padding: 20px 20px 22px;
    background: linear-gradient(180deg, rgba(198, 232, 245, 0.28) 0%, rgba(198, 232, 245, 0.52) 100%);
}

.human-capital-page .human-capital-data-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 14px;
    margin: 0 0 8px;
}

.human-capital-page .human-capital-data-small,
.human-capital-page .human-capital-data-unit {
    
    font-family: "Aleo", serif;
    font-size: 14px;
    line-height: 1.35;
}

.human-capital-page .human-capital-data-unit {
    white-space: nowrap;
}

.human-capital-page .human-capital-data-table {
    width: 100%;
    border-collapse: collapse;
    font-family: "Aleo", serif;
    
}

.human-capital-page .human-capital-data-table thead th {
    padding: 8px;
    background: #d7d7e8;
    width: 38%;
    font-size: 18px;
    line-height: 1.25;
    font-weight: 700;
    text-align: left;
}

.human-capital-page .human-capital-data-table tbody td {
    padding: 6px 8px;
    font-size: 16px;
    line-height: 1.3;
    border-bottom: 1px solid rgba(85, 85, 85, 0.22);
}

.human-capital-page .human-capital-data-table tbody tr:last-child td {
    border-bottom: 2px solid #21408f;
}

.human-capital-page .human-capital-data-table th:not(:first-child),
.human-capital-page .human-capital-data-table td:not(:first-child) {
    text-align: right;
}

.human-capital-page .human-capital-data-table--incident tbody td {
    vertical-align: top;
}

.human-capital-page .human-capital-data-table--incident {
    table-layout: fixed;
}

.human-capital-page .human-capital-data-table--incident th:nth-child(1) {
    width: 48%;
}

.human-capital-page .human-capital-data-table--incident th:nth-child(2) {
    width: 28%;
    text-align: center;
}

.human-capital-page .human-capital-data-table--incident th:nth-child(3),
.human-capital-page .human-capital-data-table--incident th:nth-child(4) {
    width: 12%;
}

.human-capital-page .human-capital-data-table--incident tbody td[rowspan] + td,
.human-capital-page .human-capital-data-table--incident tbody tr > td:first-child:not([rowspan]) {
    text-align: center;
}

.human-capital-page .human-capital-award-title {
    margin: 0;
    color: #00a5dc;
    font-family: "Montserrat", sans-serif;
    font-size: 22px;
    line-height: 1.25;
    font-weight: 700;
    text-transform: none;
}

.human-capital-page .human-capital-award-card h2 {
    color: #00a5dc;
}

.human-capital-page .human-capital-section-heading {
    margin: 16px 0 8px;
    color: #4d4d4f;
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 700;
    text-transform: none;
}

.human-capital-page .human-capital-safety-text-block h2 {
    
}

.human-capital-page .human-capital-award-image-placeholder {
    min-height: 470px;
}

.human-capital-page .human-capital-safety-programs-section {
    padding: 0 0 40px;
}

.human-capital-page .human-capital-safety-programs-copy,
.human-capital-page .human-capital-safety-card,
.human-capital-page .human-capital-safety-highlight-card,
.human-capital-page .human-capital-safety-text-block {
    padding: 0;
}

.human-capital-page .human-capital-safety-card-title {
    margin: 0 0 8px;
    
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    line-height: 1.15;
    font-weight: 700;
    text-transform: uppercase;
    color: #4d4d4f;
}
.human-capital-safety-card {
 background: linear-gradient(
  135deg,
  #B9E4E5 0%,
  #D2ECEC 50%,
  #ACE0E1 100%
);
padding: 20px!important;
}
.human-capital-page .human-capital-safety-highlights-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 22px 32px;
    margin: 12px 0 0;
}

.human-capital-page .human-capital-safety-highlight-item {
    min-width: 0;
}

.human-capital-page .human-capital-safety-highlight-number {
    margin: 0 0 4px;
    color: #21408f;
    font-family: "Aleo", serif;
    font-size: 40px;
    line-height: 1;
    font-weight: 400;
}

.human-capital-page .human-capital-safety-highlight-text {
    
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: 1.35;
}

.human-capital-page .human-capital-safety-image-placeholder {
    min-height: 300px;
    max-width: 800px;
    margin: auto;
}

.human-capital-page .human-capital-safety-image-placeholder--training-centre,
.human-capital-page .human-capital-safety-image-placeholder--static {
    position: relative;
    top: auto;
}

.human-capital-page .human-capital-safety-image-placeholder--static {
    min-height: 0;
    aspect-ratio: 4 / 3;
    overflow: hidden;
}

.human-capital-page .human-capital-safety-image-placeholder--static img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.human-capital-page .human-capital-safety-training-caption {
    width: 100%;
    max-width: 800px;
    margin: 8px auto 0;
}

@media (max-width: 991px) {
    .human-capital-page .human-capital-left {
        flex-direction: column;
    }

    .human-capital-page .human-capital-icon-block {
        flex-basis: auto;
        width: 100px;
    }

    .human-capital-page .human-capital-pillars-grid {
        grid-template-columns: 1fr;
    }

    .human-capital-page .human-capital-talent-image-placeholder {
        min-height: 220px;
    }

    .human-capital-page .human-capital-training-image-placeholder {
        min-height: 220px;
    }

    .human-capital-page .human-capital-diversity-image-placeholder {
        min-height: auto;
    }
.human-capital-page .human-capital-club-block{
    padding-bottom: 0;
    padding-top: 10px;
}

    .human-capital-page .human-capital-club-logo-placeholder,
    .human-capital-page .human-capital-club-image-placeholder {
        min-height: 180px;
    }

    .human-capital-page .human-capital-community-image-placeholder,
    .human-capital-page .human-capital-community-logo-placeholder {
        min-height: 180px;
    }

    .human-capital-page .human-capital-recognition-image-placeholder {
        min-height: 220px;
    }

    .human-capital-page .human-capital-communication-image-placeholder {
        min-height: 240px;
    }

    .human-capital-page .human-capital-wellness-image-placeholder,
    .human-capital-page .human-capital-wellness-image-stack {
        min-height: 220px;
    }

    .human-capital-page .human-capital-wellness-panel {
        gap: 20px;
    }

    .human-capital-page .human-capital-wellness-training-layout {
        grid-template-columns: 1fr;
    }

    .human-capital-page .human-capital-wellness-gender {
        justify-content: center;
        align-self: auto;
    }

    .human-capital-page .human-capital-wellness-gender-labels {
        gap: 12px;
    }

    .human-capital-page .human-capital-wellness-chart-item img {
        width: 112px;
    }

    .human-capital-page .human-capital-safety-image-placeholder {
        position: relative;
        min-height: auto;
        top: auto;
        background: #fff;
        border: none;
    }

    .human-capital-page .human-capital-event-image-placeholder {
        min-height: 240px;
    }

    .human-capital-page .human-capital-event-image-placeholder--wide {
        min-height: 220px;
    }

    .human-capital-page .human-capital-award-image-placeholder {
        min-height: 280px;
    }

    .human-capital-page .human-capital-safety-highlights-grid {
        grid-template-columns: 1fr;
    }

    .human-capital-page .human-capital-data-header {
        flex-direction: column;
        align-items: flex-start;
    }

    .human-capital-page .human-capital-data-table thead th {
        font-size: 16px;
    }

    .human-capital-page .human-capital-data-table tbody td {
        font-size: 15px;
    }

    .human-capital-page .human-capital-safety-highlights-grid--four {
        grid-template-columns: 1fr;
    }

    .human-capital-page .human-capital-award-title {
        font-size: 18px;
    }
}

@media (max-width: 991px) {
    .intellectual-capital-page .intellectual-capital-material-grid,
    .intellectual-capital-page .intellectual-capital-highlights-grid {
        grid-template-columns: 1fr;
    }

    .intellectual-capital-page .intellectual-capital-highlight-number {
        font-size: 36px;
    }
}

.manufactured-capital-page .page-breadcrumb a,
.manufactured-capital-page .page-breadcrumb li {
    font-size: 14px;
}

.manufactured-capital-page .manufactured-capital-highlights-grid {
    grid-template-columns: 1fr;
    gap: 46px;
}

.manufactured-capital-page .manufactured-capital-highlights-note {
    margin: 22px 0 0 0;
    
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: 1.2;
    font-style: italic;
}

.manufactured-capital-page .manufactured-capital-material-grid {
    grid-template-columns: 1fr;
    gap: 14px 0;
}

.manufactured-capital-page .manufactured-capital-cert-block {
    margin-top: 30px;
}

.manufactured-capital-page .manufactured-capital-cert-title {
    margin: 0;
    color: #21408f;
    font-family: "Montserrat", sans-serif;
    font-size: 28px;
    line-height: 1.1;
    font-weight: 700;
}

.manufactured-capital-page .manufactured-capital-cert-subtitle {
    margin: 4px 0 16px;
    
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: 1.3;
        min-height: 41px;
}

.manufactured-capital-page .manufactured-capital-cert-placeholder {
    min-height: 560px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 24px;
}

.manufactured-capital-page .manufactured-capital-cert-placeholder span {
    color: #9aa8cf;
    font-family: "Montserrat", sans-serif;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.manufactured-capital-page .manufactured-capital-competence-section {
    padding: 18px 0 40px;
}

.manufactured-capital-page .manufactured-capital-competence-copy {
    padding: 0;
}

.manufactured-capital-page .manufactured-capital-competence-title {
    margin: 0 0 8px;
    color: #21408f;
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    line-height: 1.15;
    font-weight: 700;
    text-transform: uppercase;
}

.manufactured-capital-page .manufactured-capital-competence-text {
    margin: 0;
    
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: 1.35;
}

.manufactured-capital-page .manufactured-capital-competence-text + .manufactured-capital-competence-text {
    margin-top: 18px;
}

.manufactured-capital-page .manufactured-capital-facilities {
    margin-top: 34px;
}

.manufactured-capital-page .manufactured-capital-facilities-title {
    margin: 0 0 16px;
    color: #21408f;
    font-family: "Montserrat", sans-serif;
    font-size: 28px;
    line-height: 1.1;
    font-weight: 700;
}

.manufactured-capital-page .manufactured-capital-plant-block {
    padding-top: 10px;
}

.manufactured-capital-page .manufactured-capital-plant-title-row {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 22px;
}

.manufactured-capital-page .manufactured-capital-plant-title {
    margin: 0;
    color: #21408f;
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    line-height: 1.15;
    font-weight: 700;
    text-transform: uppercase;
    white-space: nowrap;
}

.manufactured-capital-page .manufactured-capital-plant-line {
    flex: 1;
    height: 2px;
    background: linear-gradient(90deg, #9eddf6 0%, rgba(158, 221, 246, 0.2) 100%);
}

.manufactured-capital-page .manufactured-capital-plant-copy {
    padding-right: 10px;
}

.manufactured-capital-page .manufactured-capital-plant-copy-title {
    margin: 0 0 8px;
    color: #21408f;
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    line-height: 1.15;
    font-weight: 700;
}

.manufactured-capital-page .manufactured-capital-capability-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 24px;
    margin-bottom: 22px;
}

.manufactured-capital-page .manufactured-capital-capability-list {
    margin: 0;
    padding-left: 18px;
    
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: 1.35;
}

.manufactured-capital-page .manufactured-capital-capability-list li + li {
    margin-top: 12px;
}

.manufactured-capital-page .manufactured-capital-stat-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    border-top: 1px solid rgba(85, 85, 85, 0.22);
    padding-top: 16px;
}

.manufactured-capital-page .manufactured-capital-stat-item {
    min-width: 0;
}

.manufactured-capital-page .manufactured-capital-stat-label {
    margin: 0 0 6px;
    color: #21408f;
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 700;
}

.manufactured-capital-page .manufactured-capital-stat-number {
    color: #21408f;
    font-family: "Aleo", serif;
    font-size: 40px;
    line-height: 1;
    font-weight: 500;
    letter-spacing: -0.02em;
}

.manufactured-capital-page .manufactured-capital-stat-copy {
    margin-top: 8px;
    
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: 1.35;
}

.manufactured-capital-page .manufactured-capital-plant-image {
    min-height: 420px;
    position: relative;
    overflow: hidden;
    background:
        linear-gradient(180deg, rgba(134, 206, 245, 0.92) 0%, rgba(123, 196, 239, 0.92) 56%, rgba(111, 179, 228, 0.96) 100%);
}

.manufactured-capital-page .manufactured-capital-plant-image::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.14) 0 26%, transparent 26% 74%, rgba(255, 255, 255, 0.14) 74% 100%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.44), rgba(255, 255, 255, 0) 42%),
        radial-gradient(circle at 50% 68%, rgba(255, 255, 255, 0.32), transparent 18%);
    opacity: 0.95;
}

.manufactured-capital-page .manufactured-capital-plant-image-label {
    position: absolute;
    left: 18px;
    bottom: 18px;
    z-index: 1;
    color: rgba(255, 255, 255, 0.92);
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.manufactured-capital-page .manufactured-capital-plant-image-dewas {
    background:
        linear-gradient(180deg, rgba(122, 198, 111, 0.88) 0%, rgba(87, 162, 74, 0.92) 100%),
        linear-gradient(180deg, #0d1f52 0%, #21408f 100%);
}

.manufactured-capital-page .manufactured-capital-plant-image-sanand {
    background:
        linear-gradient(180deg, rgba(110, 186, 245, 0.9) 0%, rgba(94, 162, 232, 0.94) 100%),
        linear-gradient(180deg, #0d1f52 0%, #21408f 100%);
}

.manufactured-capital-page .manufactured-capital-plant-image-kaniyur {
    background:
        linear-gradient(180deg, rgba(55, 148, 214, 0.92) 0%, rgba(26, 121, 197, 0.94) 100%),
        linear-gradient(180deg, #0d1f52 0%, #21408f 100%);
}

.manufactured-capital-page .manufactured-capital-plant-image-shirwal {
    background:
        linear-gradient(180deg, rgba(221, 225, 228, 0.96) 0%, rgba(198, 203, 208, 0.96) 100%),
        linear-gradient(180deg, #0d1f52 0%, #21408f 100%);
}

.manufactured-capital-page .manufactured-capital-plant-note {
    margin: 22px 0 28px;
    padding: 18px 22px;
    background: rgba(211, 236, 239, 0.92);
}

.manufactured-capital-page .manufactured-capital-plant-note-title {
    margin: 0 0 6px;
    color: #21408f;
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    line-height: 1.15;
    font-weight: 700;
}

.manufactured-capital-page .manufactured-capital-plant-note-text {
    margin: 0;
    
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: 1.35;
}

.manufactured-capital-page .manufactured-capital-research-block {
    margin-top: 34px;
}

.manufactured-capital-page .manufactured-capital-research-title {
    margin: 0 0 10px;
    color: #21408f;
    font-family: "Montserrat", sans-serif;
    font-size: 24px;
    line-height: 1.12;
    font-weight: 700;
    text-transform: uppercase;
}

.manufactured-capital-page .manufactured-capital-research-text {
    margin: 0;
    
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: 1.36;
}

.manufactured-capital-page .manufactured-capital-research-text + .manufactured-capital-research-text {
    margin-top: 18px;
}

.manufactured-capital-page .manufactured-capital-cert-grid-section {
    margin-top: 30px;
    display: block;
}

.manufactured-capital-page .manufactured-capital-system-certs,
.manufactured-capital-page .manufactured-capital-product-certs {
    min-width: 0;
}

.manufactured-capital-page .manufactured-capital-cert-section-title {
    margin: 0 0 14px;
    color: #21408f;
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    padding-bottom: 0px;
    line-height: 1.12;
    font-weight: 700;
    text-transform: uppercase;
}

.manufactured-capital-page .manufactured-capital-system-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px 56px;
}

.manufactured-capital-page .manufactured-capital-system-item {
    display: flex;
    align-items: flex-start;
    gap: 0px;
    min-width: 0;
}

.manufactured-capital-page .manufactured-capital-system-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #9fd3ea;
    color: transparent;
    font-size: 0;
    line-height: 1;
    flex: 0 0 auto;
        z-index: 1;
    margin-top: -6px;
}

.manufactured-capital-page .manufactured-capital-system-text {
    display: block;
    
    font-family: "Aleo", serif;
    font-size: 18px;
    line-height: 1.25;
    font-weight: 400;
    min-width: 0;
        margin-left: -11px;
    z-index: 9;
}

.manufactured-capital-page .manufactured-capital-product-certs {
    background: linear-gradient(180deg, rgba(210, 237, 240, 0.95), rgba(195, 231, 236, 0.95));
    padding: 20px 22px 22px;
    margin-top: 25px;
}

.manufactured-capital-page .manufactured-capital-product-list {
    margin: 0;
    padding-left: 22px;
    
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: 1.32;
        display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.manufactured-capital-page .manufactured-capital-product-list li + li {
    margin-top: 10px;
}
.manufactured-capital-page .manufactured-capital-product-list li span{
    display: block;
}
.manufactured-capital-page .manufactured-capital-initiatives {
    margin-top: 30px;
}

.manufactured-capital-page .manufactured-capital-sustainable-section,
.manufactured-capital-page .manufactured-capital-green-section,
.manufactured-capital-page .manufactured-capital-digital-section,
.manufactured-capital-page .manufactured-capital-machines-section,
.manufactured-capital-page .manufactured-capital-kpml-section,
.manufactured-capital-page .manufactured-capital-system-latest-section,
.manufactured-capital-page .manufactured-capital-company-section {
    margin-top: 34px;
}

.manufactured-capital-page .manufactured-capital-awards-section {
    margin-top: 38px;
    padding: 20px;
    background: linear-gradient(180deg, rgba(207, 238, 241, 0.45), rgba(255, 255, 255, 0.95));
}

.manufactured-capital-page .manufactured-capital-awards-row {
    margin-top: 24px;
}

.manufactured-capital-page .manufactured-capital-awards-copy {
    min-width: 0;
}

.manufactured-capital-page .manufactured-capital-awards-tag {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding: 8px 18px;
    margin: 0 0 18px;
    background: #11a4de;
    color: #ffffff;
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    line-height: 1.1;
    font-weight: 700;
    text-transform: uppercase;
}

.manufactured-capital-page .manufactured-capital-awards-list {
    margin: 0;
    padding-left: 22px;
    
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: 1.36;
}

.manufactured-capital-page .manufactured-capital-awards-list li + li {
    margin-top: 10px;
}

.manufactured-capital-page .manufactured-capital-awards-image-placeholder {
    padding: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background:
        linear-gradient(180deg, rgba(159, 211, 234, 0.12), rgba(159, 211, 234, 0.05)),
        rgba(255, 255, 255, 0.86);
    border-top: 2px solid #42bfee;
    border-right: 2px solid #42bfee;
}

.manufactured-capital-page .manufactured-capital-awards-image-double {
    min-height: 340px;
}

.manufactured-capital-page .manufactured-capital-awards-image-label {
    color: rgba(33, 64, 143, 0.35);
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.manufactured-capital-page .manufactured-capital-awards-caption {
    margin-top: 10px;
    padding-left: 24px;
    
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: 1.3;
    border-left: 2px solid #42bfee;
}

.manufactured-capital-page .manufactured-capital-sustainable-copy,
.manufactured-capital-page .manufactured-capital-digital-text,
.manufactured-capital-page .manufactured-capital-machines-text,
.manufactured-capital-page .manufactured-capital-company-text {
    margin: 0;
    
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: 1.36;
}

.manufactured-capital-page .manufactured-capital-sustainable-copy + .row,
.manufactured-capital-page .manufactured-capital-digital-text + .manufactured-capital-digital-text,
.manufactured-capital-page .manufactured-capital-machines-text + .manufactured-capital-machines-text,
.manufactured-capital-page .manufactured-capital-company-text + .manufactured-capital-company-text {
    margin-top: 16px;
}

.manufactured-capital-page .manufactured-capital-sustainable-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 34px 28px;
}

.manufactured-capital-page .manufactured-capital-sustainable-card {
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.manufactured-capital-page .manufactured-capital-sustainable-card-title {
    margin: 0 0 4px;
    color: #21408f;
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    line-height: 1.05;
    font-weight: 700;
    text-transform: uppercase;
}

.manufactured-capital-page .manufactured-capital-sustainable-card h4 {
    margin: 0;
    color: #14a5de;
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    line-height: 1.15;
    font-weight: 700;
    text-transform: uppercase;
}

.manufactured-capital-page .manufactured-capital-sustainable-card-list {
    margin: 0;
    padding-left: 22px;
    color: #14a5de;
    font-family: "Montserrat", sans-serif;
    font-size: 17px;
    line-height: 1.15;
    font-weight: 700;
    list-style: disc;
}

.manufactured-capital-page .manufactured-capital-sustainable-card-list li {
    text-transform: uppercase;
    padding-bottom: 7px;
}

.manufactured-capital-page .manufactured-capital-sustainable-card-list li::marker {
    color: #14a5de;
}

.manufactured-capital-page .manufactured-capital-greenco-placeholder,
.manufactured-capital-page .manufactured-capital-system-latest-placeholder,
.manufactured-capital-page .manufactured-capital-kpml-image-placeholder,
.manufactured-capital-page .manufactured-capital-company-image-placeholder {
    min-height: 260px;
    padding: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.manufactured-capital-page .manufactured-capital-greenco-placeholder-label,
.manufactured-capital-page .manufactured-capital-system-latest-placeholder-label,
.manufactured-capital-page .manufactured-capital-kpml-image-label,
.manufactured-capital-page .manufactured-capital-company-image-label {
    color: rgba(33, 64, 143, 0.35);
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.manufactured-capital-page .manufactured-capital-green-list {
    margin: 0;
    padding-left: 22px;
    
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: 1.36;
}

.manufactured-capital-page .manufactured-capital-green-list li + li {
    margin-top: 10px;
}

.manufactured-capital-page .manufactured-capital-kpml-title-row {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 12px;
}

.manufactured-capital-page .manufactured-capital-kpml-line {
    flex: 1 1 auto;
    height: 1px;
    background: rgba(66, 191, 238, 0.6);
}

.manufactured-capital-page .manufactured-capital-kpml-copy-title {
    margin: 0 0 10px;
    color: #21408f;
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    line-height: 1.15;
    font-weight: 700;
}

.manufactured-capital-page .manufactured-capital-kpml-list,
.manufactured-capital-page .manufactured-capital-company-list {
    margin: 0;
    padding-left: 22px;
    
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: 1.36;
        padding-bottom: 20px;
}
.manufactured-capital-page .manufactured-capital-kpml-list{
    padding-bottom: 0;
}
.manufactured-capital-page .manufactured-capital-kpml-list li + li,
.manufactured-capital-page .manufactured-capital-company-list li + li {
    margin-top: 8px;
}

.manufactured-capital-page .manufactured-capital-system-latest-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px 36px;
}

.manufactured-capital-page .manufactured-capital-system-latest-item {
    display: flex;
    align-items: flex-start;
    gap: 0px;
    min-width: 0;
}

.manufactured-capital-page .manufactured-capital-system-latest-item::before {
    content: "";
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #9fd3ea;
    flex: 0 0 auto;
    margin-top: -6px;
}

.manufactured-capital-page .manufactured-capital-system-latest-text {
    
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: 1.22;
    font-weight: 400;
    margin-left: -10px;
}

.manufactured-capital-page .manufactured-capital-product-certs {
    background: linear-gradient(180deg, rgba(210, 237, 240, 0.95), rgba(195, 231, 236, 0.95));
    padding: 20px 22px 22px;
    margin-top: 25px;
}

.manufactured-capital-page .manufactured-capital-product-list {
    margin: 0;
    padding-left: 22px;
    
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: 1.32;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 26px;
}

.manufactured-capital-page .manufactured-capital-product-list li span {
    display: block;
}

.manufactured-capital-page .manufactured-capital-company-copy {
    min-width: 0;
}

.manufactured-capital-page .manufactured-capital-company-image-placeholder {
    min-height: 300px;
}

.manufactured-capital-page .manufactured-capital-company-image-kcpl {
    min-height: 260px;
}

.manufactured-capital-page .manufactured-capital-company-image-kepl {
    min-height: 280px;
}

.manufactured-capital-page .manufactured-capital-media-frame {
    background: none !important;
    overflow: hidden;
}

.manufactured-capital-page .manufactured-capital-media-frame::before {
    content: none !important;
}


.manufactured-capital-page .manufactured-capital-media-frame--contain > img {
    object-fit: contain;
}

.manufactured-capital-page .manufactured-capital-media-frame--cover {
    padding: 0 !important;
}
.manufactured-capital-page .manufactured-capital-media-frame--cover img{
    width: 100%;
}
.manufactured-capital-page .manufactured-capital-media-frame--contain {
    padding: 0px !important;
}

.manufactured-capital-page .manufactured-capital-system-latest-section .row,
.manufactured-capital-page .manufactured-capital-company-section .row {
    row-gap: 24px;
}

@media (max-width: 991px) {
    .manufactured-capital-page .manufactured-capital-facilities-title {
        font-size: 30px;
    }

    .manufactured-capital-page .manufactured-capital-capability-grid,
    .manufactured-capital-page .manufactured-capital-stat-grid {
        grid-template-columns: 1fr;
    }

    .manufactured-capital-page .manufactured-capital-cert-grid-section {
        grid-template-columns: 1fr;
    }

    .manufactured-capital-page .manufactured-capital-plant-image {
        min-height: 320px;
    }

    .manufactured-capital-page .manufactured-capital-system-grid {
        grid-template-columns: 1fr;
    }

    .manufactured-capital-page .manufactured-capital-sustainable-grid,
    .manufactured-capital-page .manufactured-capital-system-latest-grid,
    .manufactured-capital-page .manufactured-capital-product-list {
        grid-template-columns: 1fr;
    }

    .manufactured-capital-page .manufactured-capital-kpml-title-row {
        flex-direction: column;
        align-items: flex-start;
    }

    .manufactured-capital-page .manufactured-capital-kpml-line {
        width: 100%;
    }

    .manufactured-capital-page .manufactured-capital-greenco-placeholder,
    .manufactured-capital-page .manufactured-capital-system-latest-placeholder,
    .manufactured-capital-page .manufactured-capital-kpml-image-placeholder,
    .manufactured-capital-page .manufactured-capital-company-image-placeholder {
        min-height: 220px;
    }
}

@media (max-width: 575px) {
    .manufactured-capital-page .manufactured-capital-facilities-title {
        font-size: 26px;
    }

    .manufactured-capital-page .manufactured-capital-plant-title-row {
        gap: 10px;
    }

    .manufactured-capital-page .manufactured-capital-plant-title {
        white-space: normal;
    }

    .manufactured-capital-page .manufactured-capital-system-grid {
        padding: 12px;
    }

    .manufactured-capital-page .manufactured-capital-product-certs {
        padding: 18px 18px 20px;
    }

    .manufactured-capital-page .manufactured-capital-sustainable-card {
        min-height: 96px;
    }
}

.financial-capital-page .financial-capital-impact-section {
    padding: 30px 0 0px;
}

.financial-capital-page .financial-capital-impact-block {
    padding: 0;
}

.financial-capital-page .financial-capital-impact-title {
    margin: 0 0 12px;
    color: #21408f;
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    line-height: 1.15;
    font-weight: 700;
    text-transform: uppercase;
}

.financial-capital-page .financial-capital-sdg-image {
    display: block;
    width: 100%;
    max-width: 250px;
    height: auto;
}

.financial-capital-page .financial-capital-tile-row,
.financial-capital-page .financial-capital-sdg-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 10px 12px 0;
    border-top: 2px solid #42bfee;
    border-left: 2px solid #42bfee;
}

.financial-capital-page .financial-capital-tile {
    width: 48px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #21408f;
    color: #ffffff;
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    line-height: 1;
    font-weight: 700;
}

.financial-capital-page .financial-capital-sdg-tile {
    width: 54px;
    height: 54px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    line-height: 1;
    font-weight: 700;
}

.financial-capital-page .financial-capital-sdg-8 {
    background: #ad1b53;
}

.financial-capital-page .financial-capital-sdg-9 {
    background: #f26c21;
}

.financial-capital-page .financial-capital-sdg-12 {
    background: #d99b22;
}

.financial-capital-page .financial-capital-material-block {
    margin-top: 26px;
}

.financial-capital-page .financial-capital-material-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 28px;
    padding: 10px 12px 0;
    border-top: 2px solid #42bfee;
    border-left: 2px solid #42bfee;
}

.financial-capital-page .financial-capital-material-item {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    min-width: 0;
}

.financial-capital-page .financial-capital-material-tag {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    border: 1px solid rgba(33, 64, 143, 0.45);
    background: #ffffff;
    height: 24px;
    line-height: 1;
    overflow: hidden;
}

.financial-capital-page .financial-capital-material-tag span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 24px;
    background: #8c8c8c;
    color: #ffffff;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    font-weight: 700;
}

.financial-capital-page .financial-capital-material-tag em {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 24px;
    padding: 0 6px;
    
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    background: #ffffff;
}

.financial-capital-page .financial-capital-material-text {
    
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: 1.35;
}

.financial-capital-page .financial-capital-overview-row {
    margin-top: 28px;
}

.financial-capital-page .financial-capital-overview-block,
.financial-capital-page .financial-capital-highlights-block {
    padding: 0;
}

.financial-capital-page .financial-capital-overview-title {
    margin: 0 0 12px;
    color: #21408f;
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    line-height: 1.15;
    font-weight: 700;
    text-transform: uppercase;
}

.financial-capital-page .financial-capital-overview-shell {
    border-top: 2px solid #42bfee;
    border-left: 2px solid #42bfee;
    padding: 16px 16px 18px;
}

.financial-capital-page .financial-capital-overview-chart {
    width: 240px;
    max-width: 100%;
    aspect-ratio: 1;
    border-radius: 50%;
    margin: 0 auto 16px;
    background:
        conic-gradient(
            #243b95 0 54.3%,
            #08a5d7 54.3% 85.6%,
            #a6d9eb 85.6% 98.8%,
            #b7b7b7 98.8% 100%
        );
    position: relative;
}

.financial-capital-page .financial-capital-overview-chart-inner {
    position: absolute;
    inset: 14%;
    border-radius: 50%;
    background:
        radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.82) 0 12%, rgba(255, 255, 255, 0) 13%),
        radial-gradient(circle at 50% 50%, rgba(33, 64, 143, 0.10) 0 56%, rgba(255, 255, 255, 0) 57%),
        radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.86) 0 100%);
}

.financial-capital-page .financial-capital-overview-chart-image {
    display: block;
    width: 300px;
    max-width: 100%;
    height: auto;
}

.financial-capital-page .financial-capital-overview-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.financial-capital-page .financial-capital-overview-stat {
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}

.financial-capital-page .financial-capital-overview-dot {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    display: block;
    background: #21408f;
}

.financial-capital-page .financial-capital-overview-stat:nth-child(2) .financial-capital-overview-dot {
    background: #08a5d7;
}

.financial-capital-page .financial-capital-overview-stat:nth-child(3) .financial-capital-overview-dot {
    background: #a6d9eb;
}

.financial-capital-page .financial-capital-overview-stat:nth-child(4) .financial-capital-overview-dot {
    background: #b7b7b7;
}

.financial-capital-page .financial-capital-overview-number {
    
    font-family: "Aleo", serif;
    font-size: 25px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: -0.02em;
}

.financial-capital-page .financial-capital-overview-number span {
    font-family: "Aleo", serif;
    font-size: 0.5em;
    font-weight: 400;
}

.financial-capital-page .financial-capital-overview-label {
    margin-top: 0;
    
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: 1.22;
}

.financial-capital-page .financial-capital-highlight-number {
    color: #21408f;
    font-family: "Aleo", serif;
    font-size: 40px;
    line-height: 1;
    font-weight: 500;
    letter-spacing: -0.02em;
}

.financial-capital-page .financial-capital-highlight-number span {
    font-family: "Aleo", serif;
    font-size: 0.5em;
    font-weight: 400;
}

.financial-capital-page .financial-capital-highlights-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px 24px;
    border-top: 2px solid #42bfee;
    border-left: 2px solid #42bfee;
    padding: 16px 16px 18px;
}

.financial-capital-page .financial-capital-highlight-item {
    min-width: 0;
}

.financial-capital-page .financial-capital-table-block {
    margin-top: 30px;
}

.financial-capital-page .financial-capital-table-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 16px;
    margin-bottom: 12px;
}

.financial-capital-page .financial-capital-table-title {
    max-width: 900px;
    color: #21408f;
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    line-height: 1.15;
    font-weight: 700;
    text-transform: uppercase;
}

.financial-capital-page .financial-capital-table-unit {
    
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: 1.2;
}

.financial-capital-page .financial-capital-table-wrap {
    border-top: 2px solid #1fb0df;
    border-bottom: 2px solid #1fb0df;
}

.financial-capital-page .financial-capital-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.financial-capital-page .financial-capital-table th,
.financial-capital-page .financial-capital-table td {
    padding: 8px 0;
    border-bottom: 1px solid rgba(85, 85, 85, 0.45);
    
    font-family: "Aleo", serif;
    font-size: 18px;
    line-height: 1.2;
    text-align: right;
}

.financial-capital-page .financial-capital-table thead th {
    
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    font-weight: 700;
    border-bottom: 2px solid #1fb0df;
}

.financial-capital-page .financial-capital-table-label {
    width: 38%;
    text-align: left !important;
    font-family: "Aleo", serif !important;
    font-weight: 400 !important;
}

.financial-capital-page .financial-capital-table-highlight {
    background: #dff0f7;
}

.financial-capital-page .financial-capital-text-section,
.financial-capital-page .financial-capital-subsection {
    padding-top: 28px;
}

.financial-capital-page .financial-capital-text-title,
.financial-capital-page .financial-capital-subtitle-heading {
    margin: 0 0 8px;
    color: #21408f;
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    line-height: 1.15;
    font-weight: 700;
    text-transform: uppercase;
}

.financial-capital-page .financial-capital-text-copy {
    margin: 0;
    
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: 1.45;
}

.financial-capital-page .financial-capital-text-copy + .financial-capital-text-copy {
    margin-top: 18px;
}

.financial-capital-page .financial-capital-local-spending,
.financial-capital-page .financial-capital-graphs {
    margin-top: 30px;
}

.financial-capital-page .financial-capital-local-title {
    margin: 0 0 16px;
    color: #21408f;
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    line-height: 1.15;
    font-weight: 700;
    text-transform: uppercase;
}

.financial-capital-page .financial-capital-local-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
    border-top: 2px solid #42bfee;
    border-left: 2px solid #42bfee;
    padding: 26px 18px 18px;
}

.financial-capital-page .financial-capital-local-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 18px;
    min-width: 0;
}

.financial-capital-page .financial-capital-local-pie {
    width: 210px;
    max-width: 100%;
    aspect-ratio: 1;
    border-radius: 50%;
    background:
        radial-gradient(circle at center, #ffffff 0 10%, transparent 10% 100%),
        conic-gradient(#243f9a 0 97%, rgba(36, 63, 154, 0.14) 97% 100%);
    box-shadow: inset 0 0 0 1px rgba(36, 63, 154, 0.08);
}

.financial-capital-page .financial-capital-local-pie.pie-kpml {
    background:
        radial-gradient(circle at center, #ffffff 0 10%, transparent 10% 100%),
        conic-gradient(#243f9a 0 94.2%, rgba(36, 63, 154, 0.14) 94.2% 100%);
}

.financial-capital-page .financial-capital-local-pie.pie-kcpl {
    background:
        radial-gradient(circle at center, #ffffff 0 10%, transparent 10% 100%),
        conic-gradient(#243f9a 0 89.3%, rgba(36, 63, 154, 0.14) 89.3% 100%);
}

.financial-capital-page .financial-capital-local-pie.pie-kefl {
    background:
        radial-gradient(circle at center, #ffffff 0 10%, transparent 10% 100%),
        conic-gradient(#243f9a 0 87.9%, rgba(36, 63, 154, 0.14) 87.9% 100%);
}

.financial-capital-page .financial-capital-local-image {
    display: block;
    width: 100%;
    height: auto;
}

.financial-capital-page .financial-capital-local-legend {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.financial-capital-page .financial-capital-local-dot {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #243f9a;
}

.financial-capital-page .financial-capital-local-number {
    
    font-family: "Aleo", serif;
    font-size: 25px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: -0.02em;
}

.financial-capital-page .financial-capital-local-label {
    
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 700;
}

.financial-capital-page .financial-capital-graph-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.financial-capital-page .financial-capital-graph-card {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.financial-capital-page .financial-capital-graph-title {
    margin: 0 0 4px;
    color: #21408f;
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    line-height: 1.15;
    font-weight: 700;
    text-align: center;
}

.financial-capital-page .financial-capital-graph-title-stacked {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-bottom: 10px;
}

.financial-capital-page .financial-capital-graph-title-line {
    display: block;
    white-space: nowrap;
}

.financial-capital-page .financial-capital-graph-title-line small {
    color: #4d4d4f;
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: inherit;
    font-weight: 400;
}

.financial-capital-page .financial-capital-graph-subtitle {
    margin: 0 0 10px;
    
    font-family: "Aleo", serif;
    font-size: 16px;
    line-height: 1.2;
    text-align: center;
}

.financial-capital-page .financial-capital-graph-placeholder {
    position: relative;
    min-height: 220px;
    background:
        linear-gradient(180deg, rgba(33, 64, 143, 0.04), rgba(33, 64, 143, 0.02)),
        repeating-linear-gradient(
            to bottom,
            rgba(33, 64, 143, 0.08) 0 1px,
            transparent 1px 24px
        );
    border-left: 2px solid #42bfee;
    border-bottom: 2px solid #42bfee;
    overflow: hidden;
}

.financial-capital-page .financial-capital-graph-placeholder::after {
    content: "";
    position: absolute;
    inset: 14px 16px 14px 16px;
    border: 1px dashed rgba(33, 64, 143, 0.16);
    pointer-events: none;
}

.financial-capital-page .financial-capital-graph-placeholder.graph-line::before {
    content: "";
    position: absolute;
    left: 16px;
    right: 16px;
    top: 52%;
    height: 3px;
    background: linear-gradient(90deg, #ff7a1a, #ffb07a);
    transform: skewY(-8deg);
    transform-origin: center;
    opacity: 0.75;
}

.financial-capital-page .financial-capital-graph-placeholder.graph-line::after {
    border-style: solid;
}

.financial-capital-page .financial-capital-graph-image {
    display: block;
    width: 100%;
    height: auto;
    margin-top: 6px;
    max-width: 220px;
    height: 500px;
}
.human-capital-safety-mini-title.grey{
    color: #4d4d4f;
}
@media (max-width: 991px) {
    .human-capital-page .intellectual-capital-highlight-item{
        padding-bottom: 30px;
    }
    .human-capital-page .intellectual-capital-highlights-grid {
        display: block;
    }
    .human-capital-page .intellectual-capital-material-item{
        padding-bottom: 10px;
    }
    .human-capital-page .intellectual-capital-material-grid{
        display: block;
    }
    .intellectual-capital-award-section .mb0{
        margin-top: 0;
    }
    .financial-capital-page .financial-capital-graph-image{
        max-width: 100%;
    }
    .financial-capital-page .financial-capital-section {
        padding: 32px 0 32px;
    }

    .financial-capital-page .financial-capital-left {
        flex-direction: column;
        gap: 18px;
    }

    .financial-capital-page .financial-capital-title {
        font-size: 34px;
        line-height: 40px;
    }

    .financial-capital-page .financial-capital-subtitle {
        font-size: 18px;
        line-height: 24px;
    }

    .financial-capital-page .financial-capital-copy {
        font-size: 18px;
    }

    .financial-capital-page .financial-capital-image-placeholder {
        min-height: 0;
    }

    .financial-capital-page .financial-capital-tile-row,
    .financial-capital-page .financial-capital-sdg-row {
        padding-left: 12px;
    }

    .financial-capital-page .financial-capital-material-grid {
        grid-template-columns: 1fr;
        padding-left: 12px;
    }

    .financial-capital-page .financial-capital-overview-stats,
    .financial-capital-page .financial-capital-highlights-grid {
        grid-template-columns: 1fr;
    }

    .financial-capital-page .financial-capital-overview-shell,
    .financial-capital-page .financial-capital-highlights-grid {
        padding: 14px 12px 16px;
    }

    .financial-capital-page .financial-capital-overview-chart-image {
        width: 200px;
    }

    .financial-capital-page .financial-capital-overview-stat {
        align-items: flex-start;
    }

    .financial-capital-page .financial-capital-table-head {
        flex-direction: column;
        align-items: flex-start;
    }

    .financial-capital-page .financial-capital-table-title,
    .financial-capital-page .financial-capital-text-title,
    .financial-capital-page .financial-capital-subtitle-heading {
        font-size: 18px;
    }

    .financial-capital-page .financial-capital-table th,
    .financial-capital-page .financial-capital-table td {
        font-size: 16px;
    }

    .financial-capital-page .financial-capital-text-copy {
        font-size: 16px;
    }

    .financial-capital-page .financial-capital-local-grid,
    .financial-capital-page .financial-capital-graph-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .financial-capital-page .financial-capital-local-pie {
        width: 180px;
    }

    .financial-capital-page .financial-capital-graph-placeholder {
        min-height: 180px;
    }
}

@media (max-width: 575px) {
    .financial-capital-page .financial-capital-local-grid,
    .financial-capital-page .financial-capital-graph-grid {
        grid-template-columns: 1fr;
    }

    .financial-capital-page .financial-capital-local-pie {
        width: 160px;
    }
}
.financial-capital-impact-section .row{
    padding-bottom: 20px;
}

/* Governance — real photos (override placeholder box) */
.governance-page img.gov-photo {
    width: 100%;
    height: 290px;
    object-fit: cover;
    object-position: top center;
    display: block;
    border: none;
    border-bottom: 8px solid #21408f;
    margin: 0;
}
.governance-page .gov-hero-img {
    width: 100%;
    height: auto;
    display: block;
}

/* UNSDGs — real icon/forest images */
.contributing-unsdgs-page img.unsdg-icon {
    flex: 0 0 auto;
    width: 64px;
    height: 64px;
    object-fit: contain;
    display: block;
    border: none;
    background: none;
}
.contributing-unsdgs-page .unsdg-figimg {
    width: 100%;
    height: auto;
    display: block;
}

/* ================= Natural Capital — real images ================= */
.natural-capital-page img.src-imgph-icon,
.natural-capital-page img.nc-chapter-icon {
    width: 96px; height: 96px;
    object-fit: contain;
    border-radius: 0;
}
.natural-capital-page .src-banner-image { padding: 0; overflow: hidden; }
.natural-capital-page img.src-banner-img {
    width: 100%; height: 100%;
    min-height: 480px;
    object-fit: cover;
    border-radius: 16px;
    display: block;
}
.natural-capital-page img.nc-shloka-icon {
    width: 150px; height: 150px;
    object-fit: contain;
    display: block;
}
.natural-capital-page img.src-imgph-sdg {
    width: 100%; height: auto;
    min-height: 0;
    padding: 0;
    object-fit: contain;
    display: block;
    border: none !important;
}
.nc-sdg
{
 padding-top: 14px;
    padding-left: 14px;
    border-top: 2px solid #13a8d7;
    border-left: 2px solid #13a8d7;
}
.natural-capital-page img.nc-pioneers-logo {
    width: 70px; height: 58px;
    object-fit: contain;
}
.natural-capital-page img.nc-trophy {
    flex: 0 0 140px;
    width: 140px; min-height: 200px;
    object-fit: contain;
    background: none;
}
.natural-capital-page img.nc-pioneer-img {
    width: 90px; height: 90px;
    object-fit: contain;
    border-radius: 0;
    margin: 0 auto 12px;
    display: block;
}
.natural-capital-page img.nc-photo {
    width: 100%;
    height: 360px;
    object-fit: cover;
    object-position: center;
    display: block;
    border-radius: 8px;
}
.natural-capital-page img.nc-collage-img {
    width: 100%; height: 100%;
    min-height: 130px;
    object-fit: cover;
    display: block;
    border-radius: 6px;
}
.natural-capital-page img.nc-greenpro {
    width: 120px; height: 120px;
    object-fit: contain;
    border-radius: 0;
}

/* ===== Natural Capital — pillars / graphs / charts images ===== */
.natural-capital-page img.nc-pillar-img {
    flex: 0 0 calc(33.333% - 16px);
    max-width: calc(33.333% - 85px);
    width: 100%;
    height: auto;
    object-fit: contain;
    display: block;
}
.natural-capital-page img.nc-graph {
    width: 100%;
    height: 360px;
    min-height: 0;
    border: none;
    background: none;
    display: block;
}
.natural-capital-page img.nc-chart-img {
    width: 100%;
    height:400px;
    display: block;
}
.natural-capital-page img.nc-hierarchy-img {
    width: 100%;
    height: auto;
    display: block;
}
/* Remove border-radius from ALL natural-capital images */
.natural-capital-page .src-main img { border-radius: 0 !important; }

/* Natural Capital — goal badge image */
.natural-capital-page img.nc-goal-badge {
    flex: 0 0 auto;
    width: auto;
    height: 210px;
    aspect-ratio: auto;
    align-self: center;
    object-fit: contain;
    object-position: left center;
    background: none;
    display: block;
    border-radius: 0px;
}

/* ================= Social & Relationship — real images ================= */
.social-relationship-page img.src-imgph-icon {
    width: 96px; height: 96px;
    object-fit: contain;
    border-radius: 0;
}
.social-relationship-page .src-banner-image { padding: 0; overflow: hidden; }
.social-relationship-page img.src-banner-img {
    width: 100%; height: 100%;
    min-height: 480px;
    object-fit: cover;
    display: block;
    border-radius: 0;
}
.social-relationship-page img.src-imgph-sdg {
    width: 100%; height: auto;
    min-height: 0;
    border-top: none;
    padding: 0;
    object-fit: contain;
    display: block;
}
.social-relationship-page img.nc-photo {
    width: 100%;
    height: 340px;
    object-fit: cover;
    object-position: center;
    display: block;
    border-radius: 0;
}
.social-relationship-page img.src-imgph-wide.nc-photo {
    height: 400px;
}
.social-relationship-page img.src-imgph-chain {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 0;
    padding-bottom: 20px;
}
.social-relationship-page .src-main img { border-radius: 0; }
.intellectual-capital-impact-section .row.mb40{
    margin-bottom: 40px;
}

/* Scope 3 category legend colour swatches */
.natural-capital-page .nc-scope3 .nc-s3-sw {
    flex: 0 0 auto;
    width:25px;
    height: 15px;
    margin-top: 3px;
    display: inline-block;
}

/* ===== Banner play button + video popup ===== */
.banner-sec { position: relative; }
.bannerPlayBtn {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    z-index: 5;
    width: 62px; height: 62px;
    border: none;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.92);
    display: flex; align-items: center; justify-content: center;
    cursor: pointer;
    padding: 0;
}
.bannerPlayIcon {
    position: relative;
    z-index: 2;
    display: flex; align-items: center; justify-content: center;
    width: 100%; height: 100%;
    color: #21408f;
    font-size: 21px;
    padding-left: 4px;
}
.bannerPlayPulse {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.55);
    z-index: 1;
    animation: bannerPulse 2s ease-out infinite;
}
@keyframes bannerPulse {
    0%   { transform: scale(1);   opacity: 0.7; }
    100% { transform: scale(2.2); opacity: 0; }
}
.bannerPlayBtn:hover { background: #ffffff; }
.bannerPlayBtn:hover .bannerPlayIcon { color: #13a8d7; }

/* Video modal */
.videoModal {
    position: fixed;
    inset: 0;
    z-index: 999999;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 20px;
}
.videoModal.is-open { display: flex; }
.videoModalOverlay {
    position: absolute;
    inset: 0;
    background: rgba(6, 14, 38, 0.86);
    cursor: pointer;
}
.videoModalBox {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 900px;
}
.videoModalFrame {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    background: #000;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
}
.videoModalFrame iframe {
    position: absolute;
    inset: 0;
    width: 100%; height: 100%;
    border: 0;
}
.videoModalClose {
    position: absolute;
    top: -46px; right: 0;
    width: 40px; height: 40px;
    border: none;
    background: transparent;
    color: #ffffff;
    font-size: 40px;
    line-height: 1;
    cursor: pointer;
    padding: 0;
}

/* ===== Sustainability Goals slider (index) ===== */
.goalSlider-sec {
    padding: 70px 0;
    background: #ffffff;
}
.goalSlider-sec .nc-goalhead { margin-bottom: 0; }
.goalSlider-sec .nc-goal { margin-bottom: 0; }
.goalSlider .owl-stage { display: flex; }
.goalSlider .item { height: 100%; }

/* Controls row: dots left, CTA center, arrows right */
.goalSlider-controls {
    display: flex;
    align-items: center;
    margin-top: 34px;
}
.goalSlider-dots {
    flex: 1 1 0;
    display: flex;
    align-items: center;
    gap: 8px;
}
.goalSlider-cta-wrap {
    flex: 0 0 auto;
    display: flex;
    justify-content: center;
}
.goalSlider-nav {
    flex: 1 1 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
}
/* Custom dots */
.goalSlider-dots .owl-dot span {
    display: block;
    width: 10px; height: 10px;
    margin: 0;
    border-radius: 50%;
    background: #cfe0e8;
    transition: all .25s ease;
}
.goalSlider-dots .owl-dot.active span {
    background: #13a8d7;
    width: 26px;
    border-radius: 6px;
}
.goalSlider-dots .owl-dot { outline: none; }
/* Nav arrows */
.goalSlider-nav .owl-nav { display: flex; gap: 12px; }
.goalSlider-nav button.owl-prev,
.goalSlider-nav button.owl-next {
    width: 46px; height: 46px;
    border-radius: 50%;
    border: 1px solid #21408f;
    background: #ffffff;
    color: #21408f;
    font-size: 20px;
    display: flex; align-items: center; justify-content: center;
    transition: all .25s ease;
}
.goalSlider-nav button.owl-prev:hover,
.goalSlider-nav button.owl-next:hover {
    background: #21408f;
    color: #ffffff;
}
/* Read More CTA (banner-button style) */
.goalSlider-cta {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 13px 30px;
    border-radius: 40px;
    background: #21408f;
    color: #ffffff;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 15px;
    text-decoration: none;
    transition: background .25s ease;
}
.goalSlider-cta i {
    width: 22px; height: 22px;
    border-radius: 50%;
    background: #ffffff;
    color: #21408f;
    display: inline-flex; align-items: center; justify-content: center;
    font-size: 12px;
}
.goalSlider-cta:hover { background: #f38828; color: #ffffff; }
.goalSlider-cta:hover i { color: #f38828; }

/* ===== Sustainability Goals slider — fixes ===== */
/* revert flex override so owl layout + goal box border render normally */
.goalSlider .owl-stage { display: block; }
.goalSlider .item { height: auto; }
/* CTA wrapper keeps center alignment; .allBtns supplies the button look */
.goalSlider-cta-wrap.allBtns { flex: 0 0 auto; display: flex; justify-content: center; }
.goalSlider-cta-wrap.allBtns a { color: #fff; text-decoration: none; }
/* Dots — reset button chrome, clean pills */
.goalSlider-dots { gap: 9px; }
.goalSlider-dots .owl-dot {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    outline: none;
    line-height: 0;
}
.goalSlider-dots .owl-dot span {
    display: block;
    width: 9px; height: 9px;
    margin: 0;
    border-radius: 50%;
    background: #cfe0e8;
    transition: all .25s ease;
}
.goalSlider-dots .owl-dot.active span {
    background: #13a8d7;
    width: 24px;
    border-radius: 5px;
}
.goalSlider-sec .nc-goal-stmt
{
 font-size: 24px;
    line-height: 30px;   
}

.goalSlider-sec .nc-goal-stmt strong
{
font-size: 52px;
line-height: 52px;
margin-bottom: 0px;
}
.goalSlider-sec .nc-goal-sub
{
    font-size: 16px;
}
.goalSlider-sec .nc-goal-stmt span 
{
    display: block;
}
.intellectual-capital-sdg-placeholder img {
    max-width: 200px;
}
.goalSlider-sec .nc-goal-stmt span 
{
    display: block;
}

.myImg{
    max-width: 800px;
    margin: auto;
}
.human-capital-safety-bullets.new{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
ul.risk-key-list.newRisk {
    display: block;
}
.double-materiality-category-item span:nth-of-type(2){
    min-height: 43px;
}
.human-capital-safety-list.newList{
display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.section-title.grey{
    color: #4D4D4F;
}
.presence-icon.presence-icon-location {
    width: 45px;
}
.intellectual-capital-highlight-text.font{
    font-weight: 500!important;
        font-family: "Aleo", serif!important;
        font-size: 18px!important;
}
.human-capital-community-title.grey{
    color: #4d4d4f!important;
}
.human-capital-benefits-group-title{
    color: #4d4d4f!important;
}
.human-capital-safety-title.grey{
    color: #4d4d4f!important;
}
.human-capital-safety-title.blue{
    color: #21408f;
}
.human-capital-safety-title.newup{
    text-transform: none;
}
.intellectual-capital-page .intellectual-capital-material-grid{
    display: block;
}
.intellectual-capital-page .intellectual-capital-material-item{
    padding-bottom: 20px;
}
/* Homepage preloader */
body.preloader-active {
    overflow: hidden;
}

.home-preloader {
    position: fixed;
    inset: 0;
    z-index: 9999999;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.4s ease, visibility 0.4s ease;
}

.home-preloader.is-hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.home-preloader-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}

.home-preloader-inner img {
    display: block;
    width: min(230px, 62vw);
    height: auto;
}

.home-preloader-spinner {
    width: 42px;
    height: 42px;
    border: 4px solid rgba(33, 64, 143, 0.18);
    border-top-color: #21408f;
    border-radius: 50%;
    animation: homePreloaderSpin 0.8s linear infinite;
}

@keyframes homePreloaderSpin {
    to {
        transform: rotate(360deg);
    }
}

@media (prefers-reduced-motion: reduce) {
    .home-preloader,
    .home-preloader-spinner {
        transition: none;
        animation: none;
    }
}