@font-face {
    font-family: 'The Wedding Signature';
    src: url('/pub/media/sites/SD/assets/fonts/TheWeddingSignature-Regular.woff2') format('woff2'),
        url('/pub/media/sites/SD/assets/fonts/TheWeddingSignature-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'The Wedding Signature';
    src: url('/pub/media/sites/SD/assets/fonts/TheWeddingSignature-Regular.woff2') format('woff2'),
        url('/pub/media/sites/SD/assets/fonts/TheWeddingSignature-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'The Wedding Signature';
    src: url('/pub/media/sites/SD/assets/fonts/TheWeddingSignature-Regular.woff2') format('woff2'),
        url('/pub/media/sites/SD/assets/fonts/TheWeddingSignature-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'The Wedding Signature';
    src: url('/pub/media/sites/SD/assets/fonts/TheWeddingSignature-Regular.woff2') format('woff2'),
        url('/pub/media/sites/SD/assets/fonts/TheWeddingSignature-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/*!****************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./themes/default/assets/fonts/icomoon/style.css ***!
  \****************************************************************************************************************************************/
@charset "UTF-8";

@font-face {
    font-family: "icomoon";
    src: url(fonts/icomoon.eot);
    src: url(fonts/icomoon.eot#iefix) format("embedded-opentype"), url(fonts/icomoon.ttf) format("truetype"), url(fonts/icomoon.woff) format("woff"), url(fonts/icomoon.svg#icomoon) format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^=icon-],
[class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icomoon" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-fax:before {
    content: "";
}

.icon-globe:before {
    content: "";
}

.icon-mail:before {
    content: "";
}

.icon-phone-outline:before {
    content: "";
}

.icon-post:before {
    content: "";
}

.icon-download:before {
    content: "";
}

.icon-stakeholder-1:before {
    content: "";
}

.icon-stakeholder-2:before {
    content: "";
}

.icon-stakeholder-3:before {
    content: "";
}

.icon-stakeholder-4:before {
    content: "";
}

.icon-stakeholder-5:before {
    content: "";
}

.icon-stakeholder-6:before {
    content: "";
}

.icon-stakeholder-7:before {
    content: "";
}

.icon-stakeholder-8:before {
    content: "";
}

.icon-stakeholder-9:before {
    content: "";
}

.icon-stakeholder-10:before {
    content: "";
}

.icon-facebook:before {
    content: "";
}

.icon-instagram:before {
    content: "";
}

.icon-line:before {
    content: "";
}

.icon-twitter:before {
    content: "";
}

.icon-phone:before {
    content: "";
}

.icon-quote-left:before {
    content: "";
}

.icon-quote-right:before {
    content: "";
}

/*!********************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./themes/default/assets/scss/index.scss ***!
  \********************************************************************************************************************************/
@charset "UTF-8";

/* Web theme */
.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}

@media (min-width: 1440px) {
    .container {
        max-width: 1320px;
    }
}

.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {

    .container-sm,
    .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {

    .container-md,
    .container-sm,
    .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {

    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {

    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 1140px;
    }
}

@media (min-width: 1440px) {

    .container-xxl,
    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 1320px;
    }
}

.ktc-sustainability .bg-black {
    background-color: #000000 !important;
}

.ktc-sustainability .bg-white {
    background-color: #FFFFFF !important;
}

.ktc-sustainability .bg-gray {
    background-color: #D7D7D7 !important;
}

.ktc-sustainability .bg-lightgray {
    background-color: #FAFAFA !important;
}

.ktc-sustainability .bg-lightgray-2 {
    background-color: #F4F4F4 !important;
}

.ktc-sustainability .bg-lightgray-3 {
    background-color: #EDEDED !important;
}

.ktc-sustainability .bg-lightgray-4 {
    background-color: #E4E4E4 !important;
}

.ktc-sustainability .bg-lightgray-5 {
    background-color: #dfe1e1 !important;
}

.ktc-sustainability .bg-lightgray-6 {
    background-color: #F3F3F3 !important;
}

.ktc-sustainability .bg-lightgray-7 {
    background-color: #ECECEC !important;
}

.ktc-sustainability .bg-lightgray-8 {
    background-color: #E6E6E6 !important;
}

.ktc-sustainability .bg-lightgray-9 {
    background-color: #EAEAEB !important;
}

.ktc-sustainability .bg-lightgray-10 {
    background-color: #F2F2F2 !important;
}

.ktc-sustainability .bg-lightgray-11 {
    background-color: #E1E1E1 !important;
}

.ktc-sustainability .bg-lightgray-12 {
    background-color: #F9F9F9 !important;
}

.ktc-sustainability .bg-darkgray {
    background-color: #333333 !important;
}

.ktc-sustainability .bg-darkgray-2 {
    background-color: #707070 !important;
}

.ktc-sustainability .bg-darkgray-3 {
    background-color: #21262B !important;
}

.ktc-sustainability .bg-darkgray-4 {
    background-color: #5b6670 !important;
}

.ktc-sustainability .bg-darkgray-5 {
    background-color: #676767 !important;
}

.ktc-sustainability .bg-darkgray-6 {
    background-color: #757575 !important;
}

.ktc-sustainability .bg-darkgray-7 {
    background-color: #A0A0A0 !important;
}

.ktc-sustainability .bg-darkgray-8 {
    background-color: #C3BDBD !important;
}

.ktc-sustainability .bg-red {
    background-color: #CB333B !important;
}

.ktc-sustainability .bg-lightred {
    background-color: #cf3339 !important;
}

.ktc-sustainability .bg-lightred-2 {
    background-color: #FB000A !important;
}

.ktc-sustainability .bg-darkred {
    background-color: #b52e33 !important;
}

.ktc-sustainability .bg-blue {
    background-color: #0057B8 !important;
}

.ktc-sustainability .bg-lightblue {
    background-color: #D0EBFF !important;
}

.ktc-sustainability .bg-lightblue-2 {
    background-color: #CEEAFF !important;
}

.ktc-sustainability .bg-lightblue-3 {
    background-color: #CEDCEF !important;
}

.ktc-sustainability .bg-lightblue-4 {
    background-color: #DBE6F3 !important;
}

.ktc-sustainability .bg-lightblue-5 {
    background-color: #00BFB3 !important;
}

.ktc-sustainability .bg-lightblue-6 {
    background-color: #00B5E2 !important;
}

.ktc-sustainability .bg-lightblue-7 {
    background-color: #C9F0FE !important;
}

.ktc-sustainability .bg-lightblue-8 {
    background-color: #B6B0FF !important;
}

.ktc-sustainability .bg-lightblue-9 {
    background-color: #69B3F8 !important;
}

.ktc-sustainability .bg-lightblue-10 {
    background-color: #80DFD9 !important;
}

.ktc-sustainability .bg-darkblue {
    background-color: #152E51 !important;
}

.ktc-sustainability .bg-darkblue-2 {
    background-color: #171754 !important;
}

.ktc-sustainability .bg-darkblue-3 {
    background-color: #4468D6 !important;
}

.ktc-sustainability .bg-darkblue-4 {
    background-color: #252969 !important;
}

.ktc-sustainability .bg-darkblue-5 {
    background-color: #3C5AA4 !important;
}

.ktc-sustainability .bg-darkblue-6 {
    background-color: #061F49 !important;
}

.ktc-sustainability .bg-green {
    background-color: #D5E14D !important;
}

.ktc-sustainability .bg-darkgreen {
    background-color: #C3D602 !important;
}

.ktc-sustainability .bg-darkgreen-2 {
    background-color: #899502 !important;
}

.ktc-sustainability .bg-darkgreen-3 {
    background-color: #636A1D !important;
}

.ktc-sustainability .bg-darkgreen-4 {
    background-color: #4C9F39 !important;
}

.ktc-sustainability .bg-darkgreen-5 {
    background-color: #3F7E44 !important;
}

.ktc-sustainability .bg-darkgreen-6 {
    background-color: #02978E !important;
}

.ktc-sustainability .bg-darkgreen-7 {
    background-color: #00867C !important;
}

.ktc-sustainability .bg-darkgreen-8 {
    background-color: #636A01 !important;
}

.ktc-sustainability .bg-lightgreen {
    background-color: #E1EB7F !important;
}

.ktc-sustainability .bg-lightgreen-2 {
    background-color: #C4D600 !important;
}

.ktc-sustainability .bg-lightgreen-3 {
    background-color: #F3F7CC !important;
}

.ktc-sustainability .bg-lightgreen-4 {
    background-color: #94C5C0 !important;
}

.ktc-sustainability .bg-purple {
    background-color: #582798 !important;
}

.ktc-sustainability .bg-yellow {
    background-color: #FFC72D !important;
}

.ktc-sustainability .bg-image {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}

.ktc-sustainability .bg-parallax {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    clip-path: inset(0 0);
    pointer-events: none;
}

.ktc-sustainability .bg-parallax__img {
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform;
    background-attachment: scroll;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    object-fit: cover;
    object-position: center;
    z-index: 1;
}

.ktc-sustainability .bg-left {
    background-size: 50%;
    background-position: left center;
    background-repeat: no-repeat;
}

.ktc-sustainability .bg-right {
    background-size: 50%;
    background-position: right center;
    background-repeat: no-repeat;
}

@media (max-width: 767.98px) {
    .ktc-sustainability .bg-right {
        background-image: none !important;
    }
}

.ktc-sustainability .text-black {
    color: #000000 !important;
}

.ktc-sustainability .text-white {
    color: #FFFFFF !important;
}

.ktc-sustainability .text-gray {
    color: #D7D7D7 !important;
}

.ktc-sustainability .text-lightgray {
    color: #FAFAFA !important;
}

.ktc-sustainability .text-lightgray-2 {
    color: #F4F4F4 !important;
}

.ktc-sustainability .text-lightgray-3 {
    color: #EDEDED !important;
}

.ktc-sustainability .text-lightgray-4 {
    color: #E4E4E4 !important;
}

.ktc-sustainability .text-lightgray-5 {
    color: #dfe1e1 !important;
}

.ktc-sustainability .text-lightgray-6 {
    color: #F3F3F3 !important;
}

.ktc-sustainability .text-lightgray-7 {
    color: #ECECEC !important;
}

.ktc-sustainability .text-lightgray-8 {
    color: #E6E6E6 !important;
}

.ktc-sustainability .text-lightgray-9 {
    color: #EAEAEB !important;
}

.ktc-sustainability .text-lightgray-10 {
    color: #F2F2F2 !important;
}

.ktc-sustainability .text-lightgray-11 {
    color: #E1E1E1 !important;
}

.ktc-sustainability .text-lightgray-12 {
    color: #F9F9F9 !important;
}

.ktc-sustainability .text-darkgray {
    color: #333333 !important;
}

.ktc-sustainability .text-darkgray-2 {
    color: #707070 !important;
}

.ktc-sustainability .text-darkgray-3 {
    color: #21262B !important;
}

.ktc-sustainability .text-darkgray-4 {
    color: #5b6670 !important;
}

.ktc-sustainability .text-darkgray-5 {
    color: #676767 !important;
}

.ktc-sustainability .text-darkgray-6 {
    color: #757575 !important;
}

.ktc-sustainability .text-darkgray-7 {
    color: #A0A0A0 !important;
}

.ktc-sustainability .text-darkgray-8 {
    color: #C3BDBD !important;
}

.ktc-sustainability .text-red {
    color: #CB333B !important;
}

.ktc-sustainability .text-lightred {
    color: #cf3339 !important;
}

.ktc-sustainability .text-lightred-2 {
    color: #FB000A !important;
}

.ktc-sustainability .text-darkred {
    color: #b52e33 !important;
}

.ktc-sustainability .text-blue {
    color: #0057B8 !important;
}

.ktc-sustainability .text-lightblue {
    color: #D0EBFF !important;
}

.ktc-sustainability .text-lightblue-2 {
    color: #CEEAFF !important;
}

.ktc-sustainability .text-lightblue-3 {
    color: #CEDCEF !important;
}

.ktc-sustainability .text-lightblue-4 {
    color: #DBE6F3 !important;
}

.ktc-sustainability .text-lightblue-5 {
    color: #00BFB3 !important;
}

.ktc-sustainability .text-lightblue-6 {
    color: #00B5E2 !important;
}

.ktc-sustainability .text-lightblue-7 {
    color: #C9F0FE !important;
}

.ktc-sustainability .text-lightblue-8 {
    color: #B6B0FF !important;
}

.ktc-sustainability .text-lightblue-9 {
    color: #69B3F8 !important;
}

.ktc-sustainability .text-lightblue-10 {
    color: #80DFD9 !important;
}

.ktc-sustainability .text-darkblue {
    color: #152E51 !important;
}

.ktc-sustainability .text-darkblue-2 {
    color: #171754 !important;
}

.ktc-sustainability .text-darkblue-3 {
    color: #4468D6 !important;
}

.ktc-sustainability .text-darkblue-4 {
    color: #252969 !important;
}

.ktc-sustainability .text-darkblue-5 {
    color: #3C5AA4 !important;
}

.ktc-sustainability .text-darkblue-6 {
    color: #061F49 !important;
}

.ktc-sustainability .text-green {
    color: #D5E14D !important;
}

.ktc-sustainability .text-darkgreen {
    color: #C3D602 !important;
}

.ktc-sustainability .text-darkgreen-2 {
    color: #899502 !important;
}

.ktc-sustainability .text-darkgreen-3 {
    color: #636A1D !important;
}

.ktc-sustainability .text-darkgreen-4 {
    color: #4C9F39 !important;
}

.ktc-sustainability .text-darkgreen-5 {
    color: #3F7E44 !important;
}

.ktc-sustainability .text-darkgreen-6 {
    color: #02978E !important;
}

.ktc-sustainability .text-darkgreen-7 {
    color: #00867C !important;
}

.ktc-sustainability .text-darkgreen-8 {
    color: #636A01 !important;
}

.ktc-sustainability .text-lightgreen {
    color: #E1EB7F !important;
}

.ktc-sustainability .text-lightgreen-2 {
    color: #C4D600 !important;
}

.ktc-sustainability .text-lightgreen-3 {
    color: #F3F7CC !important;
}

.ktc-sustainability .text-lightgreen-4 {
    color: #94C5C0 !important;
}

.ktc-sustainability .text-purple {
    color: #582798 !important;
}

.ktc-sustainability .text-yellow {
    color: #FFC72D !important;
}

.ktc-sustainability .img-shadow {
    height: auto;
    max-width: 100%;
    border-radius: 6px;
    -webkit-box-shadow: 0 4px 25px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 4px 25px rgba(0, 0, 0, 0.15);
    box-shadow: 0 4px 25px rgba(0, 0, 0, 0.15);
}

.ktc-sustainability .img-rounded {
    border-radius: 10px;
}

.ktc-sustainability .link {
    color: #676767;
}

.ktc-sustainability .link:hover {
    color: #CB333B;
}

.ktc-sustainability .link.text-black {
    color: #000000 !important;
}

.ktc-sustainability .link.text-black:hover {
    color: #CB333B !important;
}

.ktc-sustainability .link.text-white {
    color: #FFFFFF !important;
}

.ktc-sustainability .link.text-white:hover {
    color: #CB333B !important;
}

.ktc-sustainability .link.text-gray {
    color: #D7D7D7 !important;
}

.ktc-sustainability .link.text-gray:hover {
    color: #CB333B !important;
}

.ktc-sustainability .link.text-lightgray {
    color: #FAFAFA !important;
}

.ktc-sustainability .link.text-lightgray:hover {
    color: #CB333B !important;
}

.ktc-sustainability .link.text-lightgray-2 {
    color: #F4F4F4 !important;
}

.ktc-sustainability .link.text-lightgray-2:hover {
    color: #CB333B !important;
}

.ktc-sustainability .link.text-lightgray-3 {
    color: #EDEDED !important;
}

.ktc-sustainability .link.text-lightgray-3:hover {
    color: #CB333B !important;
}

.ktc-sustainability .link.text-lightgray-4 {
    color: #E4E4E4 !important;
}

.ktc-sustainability .link.text-lightgray-4:hover {
    color: #CB333B !important;
}

.ktc-sustainability .link.text-lightgray-5 {
    color: #dfe1e1 !important;
}

.ktc-sustainability .link.text-lightgray-5:hover {
    color: #CB333B !important;
}

.ktc-sustainability .link.text-lightgray-6 {
    color: #F3F3F3 !important;
}

.ktc-sustainability .link.text-lightgray-6:hover {
    color: #CB333B !important;
}

.ktc-sustainability .link.text-lightgray-7 {
    color: #ECECEC !important;
}

.ktc-sustainability .link.text-lightgray-7:hover {
    color: #CB333B !important;
}

.ktc-sustainability .link.text-lightgray-8 {
    color: #E6E6E6 !important;
}

.ktc-sustainability .link.text-lightgray-8:hover {
    color: #CB333B !important;
}

.ktc-sustainability .link.text-lightgray-9 {
    color: #EAEAEB !important;
}

.ktc-sustainability .link.text-lightgray-9:hover {
    color: #CB333B !important;
}

.ktc-sustainability .link.text-lightgray-10 {
    color: #F2F2F2 !important;
}

.ktc-sustainability .link.text-lightgray-10:hover {
    color: #CB333B !important;
}

.ktc-sustainability .link.text-lightgray-11 {
    color: #E1E1E1 !important;
}

.ktc-sustainability .link.text-lightgray-11:hover {
    color: #CB333B !important;
}

.ktc-sustainability .link.text-lightgray-12 {
    color: #F9F9F9 !important;
}

.ktc-sustainability .link.text-lightgray-12:hover {
    color: #CB333B !important;
}

.ktc-sustainability .link.text-darkgray {
    color: #333333 !important;
}

.ktc-sustainability .link.text-darkgray:hover {
    color: #CB333B !important;
}

.ktc-sustainability .link.text-darkgray-2 {
    color: #707070 !important;
}

.ktc-sustainability .link.text-darkgray-2:hover {
    color: #CB333B !important;
}

.ktc-sustainability .link.text-darkgray-3 {
    color: #21262B !important;
}

.ktc-sustainability .link.text-darkgray-3:hover {
    color: #CB333B !important;
}

.ktc-sustainability .link.text-darkgray-4 {
    color: #5b6670 !important;
}

.ktc-sustainability .link.text-darkgray-4:hover {
    color: #CB333B !important;
}

.ktc-sustainability .link.text-darkgray-5 {
    color: #676767 !important;
}

.ktc-sustainability .link.text-darkgray-5:hover {
    color: #CB333B !important;
}

.ktc-sustainability .link.text-darkgray-6 {
    color: #757575 !important;
}

.ktc-sustainability .link.text-darkgray-6:hover {
    color: #CB333B !important;
}

.ktc-sustainability .link.text-darkgray-7 {
    color: #A0A0A0 !important;
}

.ktc-sustainability .link.text-darkgray-7:hover {
    color: #CB333B !important;
}

.ktc-sustainability .link.text-darkgray-8 {
    color: #C3BDBD !important;
}

.ktc-sustainability .link.text-darkgray-8:hover {
    color: #CB333B !important;
}

.ktc-sustainability .link.text-red {
    color: #CB333B !important;
}

.ktc-sustainability .link.text-red:hover {
    color: #CB333B !important;
}

.ktc-sustainability .link.text-lightred {
    color: #cf3339 !important;
}

.ktc-sustainability .link.text-lightred:hover {
    color: #CB333B !important;
}

.ktc-sustainability .link.text-lightred-2 {
    color: #FB000A !important;
}

.ktc-sustainability .link.text-lightred-2:hover {
    color: #CB333B !important;
}

.ktc-sustainability .link.text-darkred {
    color: #b52e33 !important;
}

.ktc-sustainability .link.text-darkred:hover {
    color: #CB333B !important;
}

.ktc-sustainability .link.text-blue {
    color: #0057B8 !important;
}

.ktc-sustainability .link.text-blue:hover {
    color: #CB333B !important;
}

.ktc-sustainability .link.text-lightblue {
    color: #D0EBFF !important;
}

.ktc-sustainability .link.text-lightblue:hover {
    color: #CB333B !important;
}

.ktc-sustainability .link.text-lightblue-2 {
    color: #CEEAFF !important;
}

.ktc-sustainability .link.text-lightblue-2:hover {
    color: #CB333B !important;
}

.ktc-sustainability .link.text-lightblue-3 {
    color: #CEDCEF !important;
}

.ktc-sustainability .link.text-lightblue-3:hover {
    color: #CB333B !important;
}

.ktc-sustainability .link.text-lightblue-4 {
    color: #DBE6F3 !important;
}

.ktc-sustainability .link.text-lightblue-4:hover {
    color: #CB333B !important;
}

.ktc-sustainability .link.text-lightblue-5 {
    color: #00BFB3 !important;
}

.ktc-sustainability .link.text-lightblue-5:hover {
    color: #CB333B !important;
}

.ktc-sustainability .link.text-lightblue-6 {
    color: #00B5E2 !important;
}

.ktc-sustainability .link.text-lightblue-6:hover {
    color: #CB333B !important;
}

.ktc-sustainability .link.text-lightblue-7 {
    color: #C9F0FE !important;
}

.ktc-sustainability .link.text-lightblue-7:hover {
    color: #CB333B !important;
}

.ktc-sustainability .link.text-lightblue-8 {
    color: #B6B0FF !important;
}

.ktc-sustainability .link.text-lightblue-8:hover {
    color: #CB333B !important;
}

.ktc-sustainability .link.text-lightblue-9 {
    color: #69B3F8 !important;
}

.ktc-sustainability .link.text-lightblue-9:hover {
    color: #CB333B !important;
}

.ktc-sustainability .link.text-lightblue-10 {
    color: #80DFD9 !important;
}

.ktc-sustainability .link.text-lightblue-10:hover {
    color: #CB333B !important;
}

.ktc-sustainability .link.text-darkblue {
    color: #152E51 !important;
}

.ktc-sustainability .link.text-darkblue:hover {
    color: #CB333B !important;
}

.ktc-sustainability .link.text-darkblue-2 {
    color: #171754 !important;
}

.ktc-sustainability .link.text-darkblue-2:hover {
    color: #CB333B !important;
}

.ktc-sustainability .link.text-darkblue-3 {
    color: #4468D6 !important;
}

.ktc-sustainability .link.text-darkblue-3:hover {
    color: #CB333B !important;
}

.ktc-sustainability .link.text-darkblue-4 {
    color: #252969 !important;
}

.ktc-sustainability .link.text-darkblue-4:hover {
    color: #CB333B !important;
}

.ktc-sustainability .link.text-darkblue-5 {
    color: #3C5AA4 !important;
}

.ktc-sustainability .link.text-darkblue-5:hover {
    color: #CB333B !important;
}

.ktc-sustainability .link.text-darkblue-6 {
    color: #061F49 !important;
}

.ktc-sustainability .link.text-darkblue-6:hover {
    color: #CB333B !important;
}

.ktc-sustainability .link.text-green {
    color: #D5E14D !important;
}

.ktc-sustainability .link.text-green:hover {
    color: #CB333B !important;
}

.ktc-sustainability .link.text-darkgreen {
    color: #C3D602 !important;
}

.ktc-sustainability .link.text-darkgreen:hover {
    color: #CB333B !important;
}

.ktc-sustainability .link.text-darkgreen-2 {
    color: #899502 !important;
}

.ktc-sustainability .link.text-darkgreen-2:hover {
    color: #CB333B !important;
}

.ktc-sustainability .link.text-darkgreen-3 {
    color: #636A1D !important;
}

.ktc-sustainability .link.text-darkgreen-3:hover {
    color: #CB333B !important;
}

.ktc-sustainability .link.text-darkgreen-4 {
    color: #4C9F39 !important;
}

.ktc-sustainability .link.text-darkgreen-4:hover {
    color: #CB333B !important;
}

.ktc-sustainability .link.text-darkgreen-5 {
    color: #3F7E44 !important;
}

.ktc-sustainability .link.text-darkgreen-5:hover {
    color: #CB333B !important;
}

.ktc-sustainability .link.text-darkgreen-6 {
    color: #02978E !important;
}

.ktc-sustainability .link.text-darkgreen-6:hover {
    color: #CB333B !important;
}

.ktc-sustainability .link.text-darkgreen-7 {
    color: #00867C !important;
}

.ktc-sustainability .link.text-darkgreen-7:hover {
    color: #CB333B !important;
}

.ktc-sustainability .link.text-darkgreen-8 {
    color: #636A01 !important;
}

.ktc-sustainability .link.text-darkgreen-8:hover {
    color: #CB333B !important;
}

.ktc-sustainability .link.text-lightgreen {
    color: #E1EB7F !important;
}

.ktc-sustainability .link.text-lightgreen:hover {
    color: #CB333B !important;
}

.ktc-sustainability .link.text-lightgreen-2 {
    color: #C4D600 !important;
}

.ktc-sustainability .link.text-lightgreen-2:hover {
    color: #CB333B !important;
}

.ktc-sustainability .link.text-lightgreen-3 {
    color: #F3F7CC !important;
}

.ktc-sustainability .link.text-lightgreen-3:hover {
    color: #CB333B !important;
}

.ktc-sustainability .link.text-lightgreen-4 {
    color: #94C5C0 !important;
}

.ktc-sustainability .link.text-lightgreen-4:hover {
    color: #CB333B !important;
}

.ktc-sustainability .link.text-purple {
    color: #582798 !important;
}

.ktc-sustainability .link.text-purple:hover {
    color: #CB333B !important;
}

.ktc-sustainability .link.text-yellow {
    color: #FFC72D !important;
}

.ktc-sustainability .link.text-yellow:hover {
    color: #CB333B !important;
}

.ktc-sustainability .link.link--icon {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding-right: 1rem;
    text-decoration: none;
}

.ktc-sustainability .link.link--icon::before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    display: inline-flex;
    color: #676767;
    font-size: 0.75rem;
    font-weight: 400;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.ktc-sustainability .link.link--icon:hover {
    color: #CB333B;
}

.ktc-sustainability .link.link--icon:hover::before {
    color: #CB333B;
}

.ktc-sustainability ul,
.ktc-sustainability ol {
    padding-inline-start: 20px;
    margin-bottom: 0;
}

.ktc-sustainability ul {
    list-style-type: disc;
}

.ktc-sustainability .fw-light {
    font-weight: 300 !important;
}

.ktc-sustainability .fw-normal {
    font-weight: 400 !important;
}

.ktc-sustainability .fw-medium {
    font-weight: 500 !important;
}

.ktc-sustainability .fw-bold {
    font-weight: 700 !important;
}

html[lang=en] .ktc-sustainability .text-title {
    font-size: 1.375rem;
    font-weight: 700;
}

html[lang=en] .ktc-sustainability .text-lead {
    font-family: "PSL TextNew Pro", sans-serif;
    font-size: 1.125rem;
    font-weight: 700;
}

html[lang=en] .ktc-sustainability .text-highlight {
    font-family: "The Wedding Signature", sans-serif;
    font-size: 3.625rem;
    font-weight: 700;
}

@media (max-width: 991.98px) {
    html[lang=en] .ktc-sustainability .text-highlight {
        font-size: 2.625rem;
    }
}

html[lang=en] .ktc-sustainability .text-subject .text-subject__no {
    font-family: "Gotham Rnd", "Sukhumvit Tadmai";
    font-size: 3.4375rem;
    font-weight: 900;
    font-style: italic;
    line-height: 1;
}

html[lang=en] .ktc-sustainability .text-subject .text-subject__title {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.25;
}

html[lang=en] .ktc-sustainability .text-subject .text-subject__title>span:first-child {
    font-size: 1.5625rem;
}

html[lang=en] .ktc-sustainability .text-number-highlight {
    font-size: 1.25rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .text-title {
    font-size: 1.375rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .text-lead {
    font-family: "PSL TextNew Pro", sans-serif;
    font-size: 1.125rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .text-highlight {
    font-family: "The Wedding Signature", sans-serif;
    font-size: 4rem;
    font-weight: 700;
}

@media (max-width: 991.98px) {
    html[lang=th] .ktc-sustainability .text-highlight {
        font-size: 3.125rem;
    }
}

html[lang=th] .ktc-sustainability .text-subject .text-subject__no {
    font-family: "Gotham Rnd", "Sukhumvit Tadmai";
    font-size: 3.4375rem;
    font-weight: 900;
    font-style: italic;
    line-height: 1;
}

html[lang=th] .ktc-sustainability .text-subject .text-subject__title {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.25;
}

html[lang=th] .ktc-sustainability .text-subject .text-subject__title>span:first-child {
    font-size: 1.5625rem;
}

html[lang=th] .ktc-sustainability .text-number-highlight {
    font-size: 1.25rem;
    font-weight: 700;
}

.ktc-sustainability .text-title {
    position: relative;
    color: #333333;
    margin-bottom: 0;
}

.ktc-sustainability .text-lead {
    position: relative;
    color: #333333;
    margin-bottom: 0;
}

.ktc-sustainability .text-highlight {
    position: relative;
    color: #FFFFFF;
    margin-bottom: 0;
}

.ktc-sustainability .text-subject {
    position: relative;
    display: flex;
    flex-direction: column;
    z-index: 1;
}

@media (min-width: 768px) {
    .ktc-sustainability .text-subject {
        flex-direction: row;
    }
}

.ktc-sustainability .text-subject .text-subject__left,
.ktc-sustainability .text-subject .text-subject__right {
    position: relative;
    min-height: 60px;
}

.ktc-sustainability .text-subject .text-subject__left::before,
.ktc-sustainability .text-subject .text-subject__right::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 30vw;
    min-width: 130%;
    height: 100%;
    border-radius: 70px;
    z-index: -1;
    pointer-events: none;
}

.ktc-sustainability .text-subject .text-subject__left {
    display: none;
    z-index: 2;
}

.ktc-sustainability .text-subject .text-subject__left::before {
    background: -moz-linear-gradient(var(--deg), var(--color));
    background: -webkit-linear-gradient(var(--deg), var(--color));
    background: linear-gradient(var(--deg), var(--color));
}

@media (min-width: 768px) {
    .ktc-sustainability .text-subject .text-subject__left {
        display: flex;
    }
}

@media only screen and (min-width: 1600px) {
    .ktc-sustainability .text-subject .text-subject__left::before {
        width: 250px;
    }
}

.ktc-sustainability .text-subject .text-subject__right {
    display: flex;
    z-index: 1;
}

.ktc-sustainability .text-subject .text-subject__right::before {
    background: -moz-linear-gradient(var(--deg), var(--color));
    background: -webkit-linear-gradient(var(--deg), var(--color));
    background: linear-gradient(var(--deg), var(--color));
}

@media only screen and (min-width: 1600px) {
    .ktc-sustainability .text-subject .text-subject__right::before {
        min-width: calc(100% + 150px);
    }
}

.ktc-sustainability .text-subject .text-subject__no {
    display: inline-flex;
    align-items: center;
    padding-left: 1rem;
    color: #FFFFFF;
}

.theme-environment .ktc-sustainability .text-subject .text-subject__no {
    color: #636A01;
}

@media (min-width: 768px) {
    .ktc-sustainability .text-subject .text-subject__no {
        padding-left: 0;
        padding-right: 5.25rem;
    }
}

.ktc-sustainability .text-subject .text-subject__body {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 0;
}

@media (min-width: 768px) {
    .ktc-sustainability .text-subject .text-subject__body {
        padding: 0 4.875rem 0 3.5rem;
    }
}

.ktc-sustainability .text-subject .text-subject__title {
    position: relative;
    padding-right: 2rem;
    min-width: 100%;
    color: #FFFFFF;
}

.ktc-sustainability .text-subject .text-subject__title>span:first-child {
    display: inline-block;
    padding-right: 0.25rem;
}

@media (min-width: 768px) {
    .ktc-sustainability .text-subject .text-subject__title>span:first-child {
        display: none;
    }
}

.ktc-sustainability .text-subject .text-subject__icon {
    position: relative;
    display: none;
    max-width: 35px;
    max-height: 35px;
    object-fit: contain;
}

@media (min-width: 768px) {
    .ktc-sustainability .text-subject .text-subject__icon {
        display: block;
    }
}

.ktc-sustainability .text-number-highlight {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 0.25rem 0.5rem;
    margin-bottom: 1.25rem;
    color: #FFFFFF;
    max-width: 354px;
    min-height: 42px;
    border-radius: 16px;
    background-color: #80DFD9;
}

.ktc-sustainability .text-gradient {
    background: -moz-linear-gradient(0deg, #171754 30.77%, #4468D6 65.37%);
    background: -webkit-linear-gradient(0deg, #171754 30.77%, #4468D6 65.37%);
    background: linear-gradient(0deg, #171754 30.77%, #4468D6 65.37%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ktc-sustainability .text-indent {
    text-indent: 20px;
}

@media (min-width: 768px) {
    .ktc-sustainability .text-indent {
        text-indent: 0;
    }
}

html[lang=en] .ktc-sustainability {
    font-family: "Gotham Rnd", "Sukhumvit Tadmai";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
}

html[lang=en] .ktc-sustainability h1,
html[lang=en] .ktc-sustainability .h1 {
    font-size: 1.5625rem;
    font-weight: 700;
    line-height: 1.5;
}

html[lang=en] .ktc-sustainability h2,
html[lang=en] .ktc-sustainability .h2 {
    font-size: 1.375rem;
    font-weight: 700;
    line-height: 1.5;
}

html[lang=en] .ktc-sustainability h3,
html[lang=en] .ktc-sustainability .h3 {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5;
}

html[lang=en] .ktc-sustainability h4,
html[lang=en] .ktc-sustainability .h4 {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.5;
}

html[lang=en] .ktc-sustainability h5,
html[lang=en] .ktc-sustainability .h5 {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5;
}

html[lang=en] .ktc-sustainability h6,
html[lang=en] .ktc-sustainability .h6 {
    font-weight: 700;
    line-height: 1.5;
}

html[lang=en] .ktc-sustainability .display-1 {
    font-size: 2.625rem;
    font-weight: 700;
}

@media (max-width: 991.98px) {
    html[lang=en] .ktc-sustainability .display-1 {
        font-size: 2.3125rem;
    }
}

html[lang=en] .ktc-sustainability .display-2 {
    font-size: 3.625rem;
    font-weight: 700;
}

@media (max-width: 991.98px) {
    html[lang=en] .ktc-sustainability .display-2 {
        font-size: 2.625rem;
    }
}

html[lang=en] .ktc-sustainability .display-3 {
    font-size: 2.5rem;
    font-weight: 700;
}

html[lang=en] .ktc-sustainability .display-4 {
    font-size: 2rem;
    font-weight: 700;
}

html[lang=en] .ktc-sustainability .display-5 {
    font-size: 11.25rem;
    font-weight: 700;
}

@media (max-width: 991.98px) {
    html[lang=en] .ktc-sustainability .display-5 {
        font-size: 3.4375rem;
    }
}

html[lang=en] .ktc-sustainability .lead {
    font-size: 1.125rem;
    font-weight: 400;
}

html[lang=en] .ktc-sustainability .small {
    font-size: 0.875rem;
}

html[lang=en] .ktc-sustainability .smallest {
    font-size: 0.75rem;
}

html[lang=th] .ktc-sustainability {
    font-family: "Gotham Rnd", "Sukhumvit Tadmai";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
}

html[lang=th] .ktc-sustainability h1,
html[lang=th] .ktc-sustainability .h1 {
    font-size: 1.5625rem;
    font-weight: 700;
    line-height: 1.5;
}

html[lang=th] .ktc-sustainability h2,
html[lang=th] .ktc-sustainability .h2 {
    font-size: 1.375rem;
    font-weight: 700;
    line-height: 1.5;
}

html[lang=th] .ktc-sustainability h3,
html[lang=th] .ktc-sustainability .h3 {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5;
}

html[lang=th] .ktc-sustainability h4,
html[lang=th] .ktc-sustainability .h4 {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.5;
}

html[lang=th] .ktc-sustainability h5,
html[lang=th] .ktc-sustainability .h5 {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5;
}

html[lang=th] .ktc-sustainability h6,
html[lang=th] .ktc-sustainability .h6 {
    font-weight: 700;
    line-height: 1.5;
}

html[lang=th] .ktc-sustainability .display-1 {
    font-size: 3.125rem;
    font-weight: 700;
}

@media (max-width: 991.98px) {
    html[lang=th] .ktc-sustainability .display-1 {
        font-size: 2.8125rem;
    }
}

html[lang=th] .ktc-sustainability .display-2 {
    font-size: 4rem;
    font-weight: 700;
}

@media (max-width: 991.98px) {
    html[lang=th] .ktc-sustainability .display-2 {
        font-size: 3.125rem;
    }
}

html[lang=th] .ktc-sustainability .display-3 {
    font-size: 2.5rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .display-4 {
    font-size: 2rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .display-5 {
    font-size: 11.25rem;
    font-weight: 700;
}

@media (max-width: 991.98px) {
    html[lang=th] .ktc-sustainability .display-5 {
        font-size: 3.4375rem;
    }
}

html[lang=th] .ktc-sustainability .lead {
    font-size: 1.125rem;
    font-weight: 400;
}

html[lang=th] .ktc-sustainability .small {
    font-size: 0.875rem;
}

html[lang=th] .ktc-sustainability .smallest {
    font-size: 0.75rem;
}

.ktc-sustainability .autocomplete:hover,
.ktc-sustainability .autocomplete:focus {
    outline: none;
    box-shadow: none;
}

.ktc-sustainability .autocomplete-suggestions {
    overflow-y: auto;
}

.ktc-sustainability .autocomplete-suggestion {
    background-color: #FFF;
    padding: 0.25rem 1rem;
    border-bottom: 1px solid #EEE;
    transition: background-color 0.3s ease-in-out;
    background-color: #FFF;
    cursor: pointer;
}

.ktc-sustainability .autocomplete-suggestion:hover,
.ktc-sustainability .autocomplete-suggestion:focus {
    background-color: #EEE;
}

.ktc-sustainability .autocomplete-selected {
    background-color: #EEE;
}

.ktc-sustainability .modal--search .ktc-sustainability .modal-content {
    border-radius: 0.5rem;
}

.ktc-sustainability .modal--search .ktc-sustainability .modal-body {
    padding: 1rem;
}

.ktc-sustainability .accordion.accordion--primary .accordion__item {
    border-bottom: solid 1px #EDEDED;
}

.ktc-sustainability .accordion.accordion--primary .accordion__header {
    position: relative;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    overflow: hidden;
    padding: 24px 0;
    z-index: 2;
}

.ktc-sustainability .accordion.accordion--primary .accordion__header .accordion__title {
    color: #333333;
    padding-right: 0.5rem;
    text-transform: uppercase;
}

.ktc-sustainability .accordion.accordion--primary .accordion__header .accordion__icon {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #333333;
}

.ktc-sustainability .accordion.accordion--primary .accordion__header .accordion__icon>i {
    font-size: 0.9375rem;
    font-weight: 500;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.ktc-sustainability .accordion.accordion--primary .accordion__header.collapsed .accordion__title {
    color: #333333;
}

.ktc-sustainability .accordion.accordion--primary .accordion__header.collapsed .accordion__icon {
    color: #333333;
}

.ktc-sustainability .accordion.accordion--primary .accordion__header.collapsed .accordion__icon>i {
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.ktc-sustainability .accordion.accordion--primary .accordion__header.collapsed .accordion__icon>i::before {
    content: "";
}

.ktc-sustainability .accordion.accordion--primary .accordion__header.collapsed .accordion__icon::after {
    display: none;
}

.ktc-sustainability .accordion.accordion--primary .accordion__body {
    position: relative;
    padding: 0 20px 20px 0;
    border-top: 0;
    z-index: 1;
}

.ktc-sustainability .accordion.accordion--primary .accordion__body .list--bullet li {
    margin-bottom: 1rem;
}

.ktc-sustainability .accordion.accordion--primary .accordion__body img {
    border-radius: 6px;
}

.ktc-sustainability .accordion.accordion--secondary .accordion__item {
    padding-bottom: 1.5rem;
}

.ktc-sustainability .accordion.accordion--secondary .accordion__item:not(:first-child) {
    padding-top: 1.5rem;
    border-top: 1px solid #EDEDED;
}

.ktc-sustainability .accordion.accordion--secondary .accordion__header {
    position: relative;
    padding-right: 2rem;
}

.ktc-sustainability .accordion.accordion--secondary .accordion__header::before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.ktc-sustainability .accordion.accordion--secondary .accordion__header[aria-expanded=true]::before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    content: "";
}

.ktc-sustainability .accordion.accordion--secondary .accordion__header.disabled {
    pointer-events: none;
}

.ktc-sustainability .accordion.accordion--secondary .accordion__header.disabled::before {
    display: none;
}

.ktc-sustainability .accordion.accordion--secondary .accordion__body {
    padding-right: 2rem;
    margin-top: 0.5rem;
}

.ktc-sustainability .accordion.accordion--risk-info,
.ktc-sustainability .accordion.accordion--risk-info-two-column {
    position: relative;
}

.ktc-sustainability .accordion.accordion--risk-info .accordion__item,
.ktc-sustainability .accordion.accordion--risk-info-two-column .accordion__item {
    border-radius: 16px;
}

.ktc-sustainability .accordion.accordion--risk-info .accordion__item:not(:first-child),
.ktc-sustainability .accordion.accordion--risk-info-two-column .accordion__item:not(:first-child) {
    margin-top: 1.5rem;
}

.ktc-sustainability .accordion.accordion--risk-info .accordion__header,
.ktc-sustainability .accordion.accordion--risk-info-two-column .accordion__header {
    display: flex;
    align-items: center;
    padding: 0.75rem;
    border-radius: 16px;
    -webkit-transition: border-radius 0.3s ease 0.3s;
    -moz-transition: border-radius 0.3s ease 0.3s;
    -ms-transition: border-radius 0.3s ease 0.3s;
    -o-transition: border-radius 0.3s ease 0.3s;
    transition: border-radius 0.3s ease 0.3s;
    background: -moz-linear-gradient(var(--deg), var(--color));
    background: -webkit-linear-gradient(var(--deg), var(--color));
    background: linear-gradient(var(--deg), var(--color));
    -webkit-box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.25);
}

.ktc-sustainability .accordion.accordion--risk-info .accordion__header[aria-expanded=true],
.ktc-sustainability .accordion.accordion--risk-info-two-column .accordion__header[aria-expanded=true] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-transition: unset;
    -moz-transition: unset;
    -ms-transition: unset;
    -o-transition: unset;
    transition: unset;
}

.ktc-sustainability .accordion.accordion--risk-info .accordion__header[aria-expanded=true] .accordion__title i::after,
.ktc-sustainability .accordion.accordion--risk-info-two-column .accordion__header[aria-expanded=true] .accordion__title i::after {
    -webkit-transform: scaleY(-1);
    -moz-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    transform: scaleY(-1);
}

.ktc-sustainability .accordion.accordion--risk-info .accordion__header[data-toggle=collapse] .accordion__title i,
.ktc-sustainability .accordion.accordion--risk-info-two-column .accordion__header[data-toggle=collapse] .accordion__title i {
    position: relative;
    display: block;
    font-style: normal;
}

.ktc-sustainability .accordion.accordion--risk-info .accordion__header[data-toggle=collapse] .accordion__title i::before,
.ktc-sustainability .accordion.accordion--risk-info-two-column .accordion__header[data-toggle=collapse] .accordion__title i::before {
    display: inline-block;
    padding-right: 0.5rem;
}

.ktc-sustainability .accordion.accordion--risk-info .accordion__header[data-toggle=collapse] .accordion__title i::after,
.ktc-sustainability .accordion.accordion--risk-info-two-column .accordion__header[data-toggle=collapse] .accordion__title i::after {
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    content: "";
    font-size: 0.875rem;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.ktc-sustainability .accordion.accordion--risk-info .accordion__header[data-toggle=collapse] .accordion__title i:lang(en)::before,
.ktc-sustainability .accordion.accordion--risk-info-two-column .accordion__header[data-toggle=collapse] .accordion__title i:lang(en)::before {
    content: "readmore";
}

.ktc-sustainability .accordion.accordion--risk-info .accordion__header[data-toggle=collapse] .accordion__title i:lang(th)::before,
.ktc-sustainability .accordion.accordion--risk-info-two-column .accordion__header[data-toggle=collapse] .accordion__title i:lang(th)::before {
    content: "ดูเพิ่มเติม";
}

.ktc-sustainability .accordion.accordion--risk-info .accordion__header-body,
.ktc-sustainability .accordion.accordion--risk-info-two-column .accordion__header-body {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding: 0.5rem 1.5rem;
    min-height: 72px;
    border-radius: 8px;
    background-color: #FFFFFF;
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

@media (min-width: 768px) {

    .ktc-sustainability .accordion.accordion--risk-info .accordion__header-body,
    .ktc-sustainability .accordion.accordion--risk-info-two-column .accordion__header-body {
        flex-direction: row;
    }
}

.ktc-sustainability .accordion.accordion--risk-info .accordion__icon,
.ktc-sustainability .accordion.accordion--risk-info-two-column .accordion__icon {
    flex: 0 0 40px;
    max-width: 40px;
    display: flex;
    justify-content: center;
    align-self: flex-start;
    margin: 0 auto 1.5rem;
    padding-top: 0.5rem;
}

@media (min-width: 768px) {

    .ktc-sustainability .accordion.accordion--risk-info .accordion__icon,
    .ktc-sustainability .accordion.accordion--risk-info-two-column .accordion__icon {
        margin-bottom: 0;
        margin-right: 1.75rem;
    }
}

.ktc-sustainability .accordion.accordion--risk-info .accordion__title,
.ktc-sustainability .accordion.accordion--risk-info-two-column .accordion__title {
    position: relative;
    flex: 1;
    padding-top: 0.25rem;
    max-width: 100%;
}

.ktc-sustainability .accordion.accordion--risk-info-two-column {
    display: flex;
    flex-flow: row wrap;
    margin-left: -15px;
    margin-right: -15px;
}

.ktc-sustainability .accordion.accordion--risk-info-two-column .accordion__item {
    margin-top: 1.5rem;
    margin-left: 15px;
    margin-right: 15px;
    width: 100%;
    grid-auto-rows: 3fr;
}

@media (min-width: 992px) {
    .ktc-sustainability .accordion.accordion--risk-info-two-column .accordion__item {
        flex: 0 0 calc(50% - 30px);
        max-width: calc(50% - 30px);
    }
}

.ktc-sustainability .accordion.accordion--risk-info-two-column .accordion__header,
.ktc-sustainability .accordion.accordion--risk-info-two-column .accordion__header-body {
    height: 100%;
}

.ktc-sustainability .accordion.accordion--risk-identification .accordion__item {
    padding: 1rem 1.5rem;
    border-radius: 20px;
}

@media (min-width: 992px) {
    .ktc-sustainability .accordion.accordion--risk-identification .accordion__item {
        padding: 1rem 2.5rem 1rem 7.5rem;
    }
}

.ktc-sustainability .accordion.accordion--risk-identification .accordion__item:nth-child(1) {
    background: -moz-linear-gradient(90deg, #171754 16.03%, #4468D6 115.41%);
    background: -webkit-linear-gradient(90deg, #171754 16.03%, #4468D6 115.41%);
    background: linear-gradient(90deg, #171754 16.03%, #4468D6 115.41%);
}

.ktc-sustainability .accordion.accordion--risk-identification .accordion__item:nth-child(2) {
    background: -moz-linear-gradient(131deg, #80DFD9 12.56%, #00867C 85.61%);
    background: -webkit-linear-gradient(131deg, #80DFD9 12.56%, #00867C 85.61%);
    background: linear-gradient(131deg, #80DFD9 12.56%, #00867C 85.61%);
}

.ktc-sustainability .accordion.accordion--risk-identification .accordion__item:nth-child(3) {
    background: -moz-linear-gradient(227deg, #C4D600 -0.09%, #636A01 103.69%);
    background: -webkit-linear-gradient(227deg, #C4D600 -0.09%, #636A01 103.69%);
    background: linear-gradient(227deg, #C4D600 -0.09%, #636A01 103.69%);
}

.ktc-sustainability .accordion.accordion--risk-identification .accordion__item:not(:first-child) {
    margin-top: 1.5rem;
}

.ktc-sustainability .accordion.accordion--risk-identification .accordion__header {
    position: relative;
    padding-right: 2rem;
    color: #FFFFFF;
}

.ktc-sustainability .accordion.accordion--risk-identification .accordion__header::before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    color: #FFFFFF;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.ktc-sustainability .accordion.accordion--risk-identification .accordion__header[aria-expanded=true]::before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    content: "";
}

.ktc-sustainability .accordion.accordion--risk-identification .accordion__header.disabled {
    pointer-events: none;
}

.ktc-sustainability .accordion.accordion--risk-identification .accordion__header.disabled::before {
    display: none;
}

.ktc-sustainability .accordion.accordion--risk-identification .accordion__body {
    padding-right: 2rem;
    margin-top: 0.5rem;
    color: #FFFFFF;
}

@media (max-width: 991.98px) {
    .ktc-sustainability .accordion.accordion--sdgs .accordion__item:not(:first-child) {
        padding-top: 1.5rem;
        border-top: 1px solid #EDEDED;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .accordion.accordion--sdgs .accordion__item {
        display: none;
        opacity: 0;
    }

    .ktc-sustainability .accordion.accordion--sdgs .accordion__item.active {
        display: block;
        opacity: 1;
    }

    .ktc-sustainability .accordion.accordion--sdgs .accordion__item.active .accordion-collapse {
        display: block;
    }
}

.ktc-sustainability .accordion.accordion--sdgs .accordion__item:nth-child(1) .card--sdgs .card__no,
.ktc-sustainability .accordion.accordion--sdgs .accordion__item:nth-child(1) .card--sdgs .card__title {
    color: #FB000A;
}

.ktc-sustainability .accordion.accordion--sdgs .accordion__item:nth-child(2) .card--sdgs .card__no,
.ktc-sustainability .accordion.accordion--sdgs .accordion__item:nth-child(2) .card--sdgs .card__title {
    color: #4C9F39;
}

.ktc-sustainability .accordion.accordion--sdgs .accordion__item:nth-child(3) .card--sdgs .card__no,
.ktc-sustainability .accordion.accordion--sdgs .accordion__item:nth-child(3) .card--sdgs .card__title {
    color: #C6192D;
}

.ktc-sustainability .accordion.accordion--sdgs .accordion__item:nth-child(4) .card--sdgs .card__no,
.ktc-sustainability .accordion.accordion--sdgs .accordion__item:nth-child(4) .card--sdgs .card__title {
    color: #FF3A22;
}

.ktc-sustainability .accordion.accordion--sdgs .accordion__item:nth-child(5) .card--sdgs .card__no,
.ktc-sustainability .accordion.accordion--sdgs .accordion__item:nth-child(5) .card--sdgs .card__title {
    color: #FCC30A;
}

.ktc-sustainability .accordion.accordion--sdgs .accordion__item:nth-child(6) .card--sdgs .card__no,
.ktc-sustainability .accordion.accordion--sdgs .accordion__item:nth-child(6) .card--sdgs .card__title {
    color: #A21942;
}

.ktc-sustainability .accordion.accordion--sdgs .accordion__item:nth-child(7) .card--sdgs .card__no,
.ktc-sustainability .accordion.accordion--sdgs .accordion__item:nth-child(7) .card--sdgs .card__title {
    color: #FD6924;
}

.ktc-sustainability .accordion.accordion--sdgs .accordion__item:nth-child(8) .card--sdgs .card__no,
.ktc-sustainability .accordion.accordion--sdgs .accordion__item:nth-child(8) .card--sdgs .card__title {
    color: #DD1267;
}

.ktc-sustainability .accordion.accordion--sdgs .accordion__item:nth-child(9) .card--sdgs .card__no,
.ktc-sustainability .accordion.accordion--sdgs .accordion__item:nth-child(9) .card--sdgs .card__title {
    color: #BF8B2D;
}

.ktc-sustainability .accordion.accordion--sdgs .accordion__item:nth-child(10) .card--sdgs .card__no,
.ktc-sustainability .accordion.accordion--sdgs .accordion__item:nth-child(10) .card--sdgs .card__title {
    color: #3F7E44;
}

.ktc-sustainability .accordion.accordion--sdgs .accordion__item:nth-child(11) .card--sdgs .card__no,
.ktc-sustainability .accordion.accordion--sdgs .accordion__item:nth-child(11) .card--sdgs .card__title {
    color: #00689D;
}

.ktc-sustainability .accordion.accordion--sdgs .accordion__item:not(.show) .accordion__header {
    padding-bottom: 1.5rem;
}

.ktc-sustainability .accordion.accordion--sdgs .accordion__item:not(.show) .accordion__header .accordion__title {
    opacity: 1;
}

@media (max-width: 991.98px) {
    .ktc-sustainability .accordion.accordion--sdgs .accordion__item:not(.show) .accordion__header::before {
        font-family: "Font Awesome 5 Pro";
        font-weight: 300;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1;
        content: "";
    }
}

.ktc-sustainability .accordion.accordion--sdgs .accordion__header {
    position: relative;
    padding-right: 2rem;
    cursor: pointer;
}

@media (max-width: 991.98px) {
    .ktc-sustainability .accordion.accordion--sdgs .accordion__header::before {
        font-family: "Font Awesome 5 Pro";
        font-weight: 300;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1;
        content: "";
        position: absolute;
        top: 50%;
        right: 0;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .accordion.accordion--sdgs .accordion__header {
        display: none;
    }
}

.ktc-sustainability .accordion.accordion--sdgs .accordion__header.disabled {
    pointer-events: none;
}

.ktc-sustainability .accordion.accordion--sdgs .accordion__header.disabled::before {
    display: none;
}

.ktc-sustainability .accordion.accordion--sdgs .accordion__header.collapsed {
    padding-bottom: 1.5rem;
}

.ktc-sustainability .accordion.accordion--sdgs .accordion__header.collapsed .accordion__title {
    opacity: 1;
}

.ktc-sustainability .accordion.accordion--sdgs .accordion__body {
    margin-top: 0.5rem;
    padding-right: 2rem;
    padding-bottom: 1.5rem;
}

.ktc-sustainability .accordion.accordion--sdgs .accordion__title {
    opacity: 0;
}

html[lang=en] .ktc-sustainability .accordion.accordion--primary .accordion__title {
    font-size: 1rem;
    font-weight: 700;
}

html[lang=en] .ktc-sustainability .accordion.accordion--risk-identification .accordion__header {
    font-weight: 700;
}

html[lang=en] .ktc-sustainability .accordion.accordion--sdgs .accordion__header {
    font-weight: 700;
}

html[lang=en] .ktc-sustainability .accordion.accordion--secondary .accordion__header {
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .accordion.accordion--primary .accordion__title {
    font-size: 1rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .accordion.accordion--risk-identification .accordion__header {
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .accordion.accordion--sdgs .accordion__header {
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .accordion.accordion--secondary .accordion__header {
    font-weight: 700;
}

.ktc-sustainability .block {
    position: relative;
    display: flex;
    align-items: flex-end;
    height: 100%;
}

.ktc-sustainability .block .block__body {
    padding: 2rem;
}

.ktc-sustainability .block .block__title {
    color: #333333;
}

.ktc-sustainability .block .block__btn {
    margin-top: 1rem;
}

.ktc-sustainability .block.block--anti-corruption,
.ktc-sustainability .block.block--anti-corruption-2 {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    min-height: 470px;
}

@media (min-width: 992px) {

    .ktc-sustainability .block.block--anti-corruption,
    .ktc-sustainability .block.block--anti-corruption-2 {
        padding-right: 3rem;
    }
}

@media (min-width: 1200px) {

    .ktc-sustainability .block.block--anti-corruption,
    .ktc-sustainability .block.block--anti-corruption-2 {
        padding-right: 5rem;
    }
}

.ktc-sustainability .block.block--anti-corruption .block__header,
.ktc-sustainability .block.block--anti-corruption-2 .block__header {
    padding: 0;
    margin-bottom: 1.5rem;
}

@media (min-width: 992px) {

    .ktc-sustainability .block.block--anti-corruption .block__header,
    .ktc-sustainability .block.block--anti-corruption-2 .block__header {
        min-height: 100px;
        margin-bottom: 0;
    }
}

.ktc-sustainability .block.block--anti-corruption .block__body,
.ktc-sustainability .block.block--anti-corruption-2 .block__body {
    padding: 0;
}

.ktc-sustainability .block.block--anti-corruption .block__title,
.ktc-sustainability .block.block--anti-corruption-2 .block__title {
    margin-bottom: 1.5rem;
}

.ktc-sustainability .block.block--anti-corruption-2 {
    z-index: 1;
}

@media (max-width: 991.98px) {
    .ktc-sustainability .block.block--anti-corruption-2 {
        margin-top: 3rem;
        background-color: #FAFAFA;
    }

    .ktc-sustainability .block.block--anti-corruption-2::before {
        content: "";
        position: absolute;
        top: 0;
        left: -50vw;
        width: 150vw;
        height: 100%;
        background-color: #FAFAFA;
        pointer-events: none;
        z-index: -1;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--anti-corruption-2 {
        padding-right: 0;
        padding-left: 3rem;
    }
}

@media (min-width: 1200px) {
    .ktc-sustainability .block.block--anti-corruption-2 {
        padding-right: 0;
        padding-left: 5rem;
    }
}

.ktc-sustainability .block.block--collaboration {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: auto;
}

.ktc-sustainability .block.block--collaboration .block__header {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 42px;
    border-radius: 16px;
    background: linear-gradient(219deg, #80DFD9 6.13%, #4468D6 101.87%);
    margin: 25px 0 40px 0;
}

.ktc-sustainability .block.block--collaboration .block__header .block__text {
    color: #FFFFFF;
    text-align: center;
}

.ktc-sustainability .block.block--content {
    min-height: 250px;
    border-radius: 6px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--content {
        border-radius: 0;
    }
}

.ktc-sustainability .block.block--content-fluid,
.ktc-sustainability .block.block--content-fluid-center,
.ktc-sustainability .block.block--content-fluid-second {
    color: #FFFFFF;
    padding: 3rem 1rem;
    min-height: 470px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1;
}

.ktc-sustainability .block.block--content-fluid::before,
.ktc-sustainability .block.block--content-fluid-center::before,
.ktc-sustainability .block.block--content-fluid-second::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #152E51;
    opacity: 0.5;
    z-index: -1;
    pointer-events: none;
}

@media (min-width: 768px) {

    .ktc-sustainability .block.block--content-fluid,
    .ktc-sustainability .block.block--content-fluid-center,
    .ktc-sustainability .block.block--content-fluid-second {
        padding: 5rem 3rem;
    }
}

@media (min-width: 1200px) {

    .ktc-sustainability .block.block--content-fluid,
    .ktc-sustainability .block.block--content-fluid-center,
    .ktc-sustainability .block.block--content-fluid-second {
        padding-left: 7rem;
        padding-right: 7rem;
    }
}

@media (min-width: 1440px) {

    .ktc-sustainability .block.block--content-fluid,
    .ktc-sustainability .block.block--content-fluid-center,
    .ktc-sustainability .block.block--content-fluid-second {
        padding-left: 9rem;
        padding-right: 9rem;
    }
}

.ktc-sustainability .block.block--content-fluid .block__body,
.ktc-sustainability .block.block--content-fluid-center .block__body,
.ktc-sustainability .block.block--content-fluid-second .block__body {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 0;
}

.ktc-sustainability .block.block--content-fluid .block__title,
.ktc-sustainability .block.block--content-fluid-center .block__title,
.ktc-sustainability .block.block--content-fluid-second .block__title {
    color: #FFFFFF;
}

.ktc-sustainability .block.block--content-fluid .block__btn,
.ktc-sustainability .block.block--content-fluid-center .block__btn,
.ktc-sustainability .block.block--content-fluid-second .block__btn {
    display: flex;
    flex-grow: 1;
    align-items: flex-end;
    margin-top: 1.5rem;
}

.ktc-sustainability .block.block--content-fluid-second::before {
    background-color: #3C5AA4;
    opacity: 0.8;
}

.ktc-sustainability .block.block--content-fluid-center {
    justify-content: center;
    align-items: center;
    text-align: center;
}

.ktc-sustainability .block.block--content-fluid-center .block__body {
    height: auto;
}

.ktc-sustainability .block.block--content-fluid-center .block__btn {
    justify-content: center;
}

.ktc-sustainability .block.block--counter-number {
    position: relative;
    justify-content: center;
}

.ktc-sustainability .block.block--counter-number .block__wrapper {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    justify-content: center;
}

.ktc-sustainability .block.block--counter-number .block__item {
    position: relative;
    flex: 0 0 100%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    height: 100%;
    padding: 0 3rem;
    margin-top: 3rem;
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .ktc-sustainability .block.block--counter-number .block__item {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .ktc-sustainability .block.block--counter-number .block__item:nth-child(2n+2)::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 1px;
        height: 100%;
        background-color: rgba(51, 51, 51, 0.2);
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--counter-number .block__item {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%;
    }

    .ktc-sustainability .block.block--counter-number .block__item:nth-child(3n+2)::before,
    .ktc-sustainability .block.block--counter-number .block__item:nth-child(3n+3)::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 1px;
        height: 100%;
        background-color: rgba(51, 51, 51, 0.2);
    }
}

.ktc-sustainability .block.block--counter-number .block__title {
    display: block;
    min-height: 115px;
    color: #333333;
}

.ktc-sustainability .block.block--counter-number .block__text {
    display: block;
    margin-top: 2.5rem;
    color: #333333;
}

.ktc-sustainability .block.block--counter-number .block__subtext {
    color: #00867C;
}

.ktc-sustainability .block.block--counter-number .block__value {
    background: -moz-linear-gradient(0deg, #171754 30.77%, #4468D6 65.37%);
    background: -webkit-linear-gradient(0deg, #171754 30.77%, #4468D6 65.37%);
    background: linear-gradient(0deg, #171754 30.77%, #4468D6 65.37%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ktc-sustainability .block-dimension-container {
    position: relative;
    display: flex;
    justify-content: center;
    flex-flow: row wrap;
    margin-left: -7.5px;
    margin-right: -7.5px;
    counter-reset: numIndex;
}

@media (min-width: 576px) {
    .ktc-sustainability .block-dimension-container {
        margin-left: -15px;
        margin-right: -15px;
    }
}

@media (min-width: 1200px) {
    .ktc-sustainability .block-dimension-container {
        flex-flow: row nowrap;
    }
}

.ktc-sustainability .block-dimension-container .block.block--dimension {
    flex: 0 0 calc(50% - 15px);
    max-width: calc(50% - 15px);
    margin-left: 7.5px;
    margin-right: 7.5px;
    margin-bottom: 15px;
}

@media (min-width: 576px) {
    .ktc-sustainability .block-dimension-container .block.block--dimension {
        flex: 0 0 calc(50% - 30px);
        max-width: calc(50% - 30px);
        margin-left: 15px;
        margin-right: 15px;
        margin-bottom: 30px;
    }
}

@media (min-width: 1200px) {
    .ktc-sustainability .block-dimension-container .block.block--dimension {
        flex: 0 0 auto;
        max-width: 315px;
    }
}

.ktc-sustainability .block-dimension-container .block.block--dimension:nth-child(1) {
    z-index: 1;
}

@media (min-width: 1200px) {
    .ktc-sustainability .block-dimension-container .block.block--dimension:nth-child(1) {
        margin-top: 3.5rem;
        border-top-right-radius: 0;
    }
}

.ktc-sustainability .block-dimension-container .block.block--dimension:nth-child(2) {
    z-index: 3;
}

@media (min-width: 1200px) {
    .ktc-sustainability .block-dimension-container .block.block--dimension:nth-child(2) {
        margin-left: -2.5rem;
        border-bottom-left-radius: 0;
    }
}

.ktc-sustainability .block-dimension-container .block.block--dimension:nth-child(3) {
    z-index: 2;
}

@media (min-width: 1200px) {
    .ktc-sustainability .block-dimension-container .block.block--dimension:nth-child(3) {
        margin-top: 5rem;
        margin-left: -5rem;
        border-top-left-radius: 0;
    }

    .esg-products-and-services-page .ktc-sustainability .block-dimension-container .block.block--dimension:nth-child(3),
    .occupational-health-and-safety-page .ktc-sustainability .block-dimension-container .block.block--dimension:nth-child(3) {
        margin-top: 7rem;
    }
}

.ktc-sustainability .block-dimension-container .block.block--dimension:nth-child(4) {
    z-index: 1;
}

@media (min-width: 1200px) {
    .ktc-sustainability .block-dimension-container .block.block--dimension:nth-child(4) {
        margin-top: 2.5rem;
        margin-left: -2.5rem;
        border-top-right-radius: 0;
    }
}

.ktc-sustainability .block-dimension-container .block.block--dimension:nth-child(5) {
    z-index: 0;
}

@media (min-width: 1200px) {
    .ktc-sustainability .block-dimension-container .block.block--dimension:nth-child(5) {
        margin-top: 4.5rem;
        margin-left: -2rem;
        border-bottom-left-radius: 0;
    }
}

.ktc-sustainability .block-dimension-container.theme-economic .block.block--dimension:nth-child(1) {
    background: -moz-linear-gradient(219deg, #171754 6.13%, #4468D6 101.87%);
    background: -webkit-linear-gradient(219deg, #171754 6.13%, #4468D6 101.87%);
    background: linear-gradient(219deg, #171754 6.13%, #4468D6 101.87%);
}

.ktc-sustainability .block-dimension-container.theme-economic .block.block--dimension:nth-child(2) {
    background: -moz-linear-gradient(333deg, #0156B7 2.36%, #C98ADC 95.11%);
    background: -webkit-linear-gradient(333deg, #0156B7 2.36%, #C98ADC 95.11%);
    background: linear-gradient(333deg, #0156B7 2.36%, #C98ADC 95.11%);
}

.ktc-sustainability .block-dimension-container.theme-economic .block.block--dimension:nth-child(3) {
    background: -moz-linear-gradient(143deg, #C98ADC 17.85%, #CD1069 93.15%);
    background: -webkit-linear-gradient(143deg, #C98ADC 17.85%, #CD1069 93.15%);
    background: linear-gradient(143deg, #C98ADC 17.85%, #CD1069 93.15%);
}

.ktc-sustainability .block-dimension-container.theme-economic .block.block--dimension:nth-child(4) {
    background: -moz-linear-gradient(129deg, #5CA8F0 -1.42%, #0259BA 88.37%);
    background: -webkit-linear-gradient(129deg, #5CA8F0 -1.42%, #0259BA 88.37%);
    background: linear-gradient(129deg, #5CA8F0 -1.42%, #0259BA 88.37%);
}

.ktc-sustainability .block-dimension-container.theme-economic .block.block--dimension:nth-child(5) {
    background: -moz-linear-gradient(315deg, #0A60BF 5.34%, #5B2997 81.4%);
    background: -webkit-linear-gradient(315deg, #0A60BF 5.34%, #5B2997 81.4%);
    background: linear-gradient(315deg, #0A60BF 5.34%, #5B2997 81.4%);
}

.ktc-sustainability .block-dimension-container.theme-social .block.block--dimension:nth-child(1) {
    background: -moz-linear-gradient(219deg, #80DFD9 6.13%, #4468D6 101.87%);
    background: -webkit-linear-gradient(219deg, #80DFD9 6.13%, #4468D6 101.87%);
    background: linear-gradient(219deg, #80DFD9 6.13%, #4468D6 101.87%);
}

.ktc-sustainability .block-dimension-container.theme-social .block.block--dimension:nth-child(2) {
    background: -moz-linear-gradient(227deg, #80DFD9 -0.09%, #02978E 103.69%);
    background: -webkit-linear-gradient(227deg, #80DFD9 -0.09%, #02978E 103.69%);
    background: linear-gradient(227deg, #80DFD9 -0.09%, #02978E 103.69%);
}

.ktc-sustainability .block-dimension-container.theme-social .block.block--dimension:nth-child(3) {
    background: -moz-linear-gradient(282deg, #00867C -16.22%, #C98ADC 115.33%);
    background: -webkit-linear-gradient(282deg, #00867C -16.22%, #C98ADC 115.33%);
    background: linear-gradient(282deg, #00867C -16.22%, #C98ADC 115.33%);
}

.ktc-sustainability .block-dimension-container.theme-social .block.block--dimension:nth-child(4) {
    background: -moz-linear-gradient(203deg, #81E0DA -9.66%, #B57BE1 94.7%);
    background: -webkit-linear-gradient(203deg, #81E0DA -9.66%, #B57BE1 94.7%);
    background: linear-gradient(203deg, #81E0DA -9.66%, #B57BE1 94.7%);
}

.ktc-sustainability .block-dimension-container.theme-social .block.block--dimension:nth-child(5) {
    background: -moz-linear-gradient(227deg, #00867C 1.53%, #582798 103.69%);
    background: -webkit-linear-gradient(227deg, #00867C 1.53%, #582798 103.69%);
    background: linear-gradient(227deg, #00867C 1.53%, #582798 103.69%);
}

.ktc-sustainability .block-dimension-container.theme-environment .block.block--dimension:nth-child(1) {
    background: -moz-linear-gradient(227deg, #9CA903 -0.09%, #636A01 103.69%);
    background: -webkit-linear-gradient(227deg, #9CA903 -0.09%, #636A01 103.69%);
    background: linear-gradient(227deg, #9CA903 -0.09%, #636A01 103.69%);
}

.ktc-sustainability .block-dimension-container.theme-environment .block.block--dimension:nth-child(2) {
    background: -moz-linear-gradient(29deg, #A3B100 25.16%, #E2EB85 97.32%);
    background: -webkit-linear-gradient(29deg, #A3B100 25.16%, #E2EB85 97.32%);
    background: linear-gradient(29deg, #A3B100 25.16%, #E2EB85 97.32%);
}

.ktc-sustainability .block-dimension-container.theme-environment .block.block--dimension:nth-child(3) {
    background: -moz-linear-gradient(227deg, #F3F7CC -0.09%, #636A01 103.69%);
    background: -webkit-linear-gradient(227deg, #F3F7CC -0.09%, #636A01 103.69%);
    background: linear-gradient(227deg, #F3F7CC -0.09%, #636A01 103.69%);
}

.ktc-sustainability .block.block--dimension {
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: auto;
    border-radius: 35px;
    background-color: #CB333B;
    -webkit-box-shadow: 0 14px 15px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 14px 15px rgba(0, 0, 0, 0.05);
    box-shadow: 0 14px 15px rgba(0, 0, 0, 0.05);
    z-index: 1;
}

.ktc-sustainability .block.block--dimension::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 30px;
    border-radius: 100%;
    opacity: 0.2;
    background: radial-gradient(50% 50% at 50% 50%, #000 0%, rgba(0, 0, 0, 0) 100%);
    filter: blur(2px);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: -1;
    pointer-events: none;
}

@media (min-width: 768px) {
    .ktc-sustainability .block.block--dimension {
        border-radius: 70px;
    }
}

@media (min-width: 1200px) {
    .ktc-sustainability .block.block--dimension {
        align-items: center;
        min-width: 255px;
        height: 100%;
    }
}

.ktc-sustainability .block.block--dimension .block__number {
    position: absolute;
    left: 0;
    bottom: 0;
    color: rgba(255, 255, 255, 0.2);
    counter-increment: numIndex;
}

.ktc-sustainability .block.block--dimension .block__number::before {
    content: counter(numIndex);
    pointer-events: none;
    z-index: -1;
}

.ktc-sustainability .block.block--dimension .block__icon {
    display: block;
    margin: 3rem auto 0;
    max-width: 100%;
    height: 50px;
    object-fit: contain;
    object-position: center;
}

@media (min-width: 768px) {
    .ktc-sustainability .block.block--dimension .block__icon {
        height: 82px;
    }
}

.ktc-sustainability .block.block--dimension .block__body {
    position: relative;
    display: flex;
    justify-content: center;
    text-align: center;
    flex-grow: 1;
    height: 100%;
    width: 100%;
    padding: 2rem 0.25rem;
}

@media (min-width: 768px) {
    .ktc-sustainability .block.block--dimension .block__body {
        padding: 2rem 3.5rem;
    }
}

.ktc-sustainability .block.block--dimension .block__title {
    color: #FFFFFF;
}

.ktc-sustainability .block.block--form {
    background-color: #FFFFFF;
    flex-direction: column;
    align-items: center;
    padding: 1.5rem;
    border-radius: 6px;
    overflow: hidden;
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--form {
        padding: 40px 120px 80px;
    }
}

.ktc-sustainability .block.block--form .block__header {
    font-size: 1.5625rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 16px;
    color: #333333;
}

.ktc-sustainability .block.block--form .block__text {
    text-align: center;
    color: #707070;
}

.ktc-sustainability .block.block--gri .block__wrapper .block__item {
    display: flex;
}

@media (max-width: 767.98px) {
    .ktc-sustainability .block.block--gri .block__wrapper .block__item {
        flex-direction: column;
    }
}

.ktc-sustainability .block.block--gri .block__wrapper .block__item .block__left {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-radius: 20px 0px 0px 0;
    background: linear-gradient(270deg, #B5DBFF -7.51%, #E2EFFF 30.94%);
    color: #333333;
    padding: 25px;
    width: 255px;
    height: auto;
}

@media (max-width: 767.98px) {
    .ktc-sustainability .block.block--gri .block__wrapper .block__item .block__left {
        border-radius: 20px 20px 0px 0;
        width: 100%;
    }
}

.ktc-sustainability .block.block--gri .block__wrapper .block__item .block__left::after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    height: 1px;
    width: 100%;
    background: linear-gradient(90deg, #0263BC -1.11%, rgba(206, 206, 206, 0) 102.23%), #FFF;
}

.ktc-sustainability .block.block--gri .block__wrapper .block__item .block__right {
    position: relative;
    padding: 20px 25px;
    width: 80%;
}

@media (max-width: 767.98px) {
    .ktc-sustainability .block.block--gri .block__wrapper .block__item .block__right {
        width: 100%;
    }
}

.ktc-sustainability .block.block--gri .block__wrapper .block__item .block__right::after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    height: 1px;
    width: 100%;
    background: linear-gradient(90deg, #BCDFFF -1.11%, rgba(206, 206, 206, 0) 102.23%);
}

.ktc-sustainability .block.block--gri .block__wrapper .block__item:last-child .block__left {
    border-radius: 0 0px 0 20px;
    padding: 17px 25px;
}

@media (max-width: 767.98px) {
    .ktc-sustainability .block.block--gri .block__wrapper .block__item:last-child .block__left {
        border-radius: 20px 20px 0px 0;
    }
}

@media (min-width: 768px) {
    .ktc-sustainability .block.block--gri .block__wrapper .block__item:last-child .block__left::after {
        display: none;
    }
}

.ktc-sustainability .block.block--home-contact {
    min-height: 524px;
    border-radius: 6px;
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--home-contact {
        border-radius: 0;
    }
}

.ktc-sustainability .block.block--home-contact .block__body {
    border-top-right-radius: 40px;
    background-color: #FAFAFA;
}

.ktc-sustainability .block.block--human-resource {
    position: relative;
}

.ktc-sustainability .block.block--human-resource .block__wrapper {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}

.ktc-sustainability .block.block--human-resource .block__item {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0.5rem 0;
    margin-top: 1.5rem;
}

@media (min-width: 768px) {
    .ktc-sustainability .block.block--human-resource .block__item {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .ktc-sustainability .block.block--human-resource .block__item:nth-child(odd) {
        padding-right: 1.5rem;
    }

    .ktc-sustainability .block.block--human-resource .block__item:nth-child(even) {
        padding-left: 1.5rem;
    }

    .ktc-sustainability .block.block--human-resource .block__item:nth-child(even)::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 1px;
        height: 100%;
        background-color: #D7D7D7;
    }
}

@media (min-width: 1200px) {
    .ktc-sustainability .block.block--human-resource .block__item:nth-child(odd) {
        padding-right: 3rem;
    }

    .ktc-sustainability .block.block--human-resource .block__item:nth-child(even) {
        padding-left: 3rem;
    }
}

.ktc-sustainability .block.block--human-resource .block__figure {
    position: relative;
    display: flex;
    align-items: center;
}

.ktc-sustainability .block.block--human-resource .block__img {
    display: block;
    margin: auto;
    height: auto;
    max-width: 100%;
    object-fit: contain;
}

.ktc-sustainability .block.block--human-resource .block__body {
    display: flex;
    flex-direction: column;
    padding: 2rem 0 0;
}

@media (min-width: 768px) {
    .ktc-sustainability .block.block--human-resource .block__body {
        text-align: center;
    }
}

.ktc-sustainability .block.block--human-resource .block__title {
    margin-bottom: 0.75rem;
}

.ktc-sustainability .block.block--human-rights {
    position: relative;
}

.ktc-sustainability .block.block--human-rights .block__wrapper {
    display: flex;
    flex-flow: row wrap;
}

.ktc-sustainability .block.block--human-rights .block__item {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 0 0 100%;
    max-width: 100%;
}

.ktc-sustainability .block.block--human-rights .block__item:not(:first-child) {
    margin-top: 1.5rem;
}

@media (min-width: 768px) {
    .ktc-sustainability .block.block--human-rights .block__item {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .ktc-sustainability .block.block--human-rights .block__item:not(:first-child) {
        margin-top: 0;
    }
}

@media (min-width: 1200px) {
    .ktc-sustainability .block.block--human-rights .block__item {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%;
    }
}

.ktc-sustainability .block.block--human-rights .block__item:nth-child(even) .block__header {
    background: -moz-linear-gradient(227deg, #0057B8 -0.09%, #002C5A 103.69%);
    background: -webkit-linear-gradient(227deg, #0057B8 -0.09%, #002C5A 103.69%);
    background: linear-gradient(227deg, #0057B8 -0.09%, #002C5A 103.69%);
}

.ktc-sustainability .block.block--human-rights .block__header {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    min-height: 56px;
    color: #FFFFFF;
    background: -moz-linear-gradient(227deg, #4E88CB -0.09%, #004692 103.69%);
    background: -webkit-linear-gradient(227deg, #4E88CB -0.09%, #004692 103.69%);
    background: linear-gradient(227deg, #4E88CB -0.09%, #004692 103.69%);
    z-index: 1;
}

.ktc-sustainability .block.block--human-rights .block__body {
    display: flex;
    padding: 1.5rem;
    flex-grow: 1;
    flex-direction: column;
    -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.ktc-sustainability .block.block--image {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 1rem;
}

.ktc-sustainability .block.block--image .block__cover {
    border-radius: 6px;
    border: 1px solid #ECECEC;
    overflow: hidden;
    margin-bottom: 20px;
}

.ktc-sustainability .block.block--image .block__wrapper {
    flex: 0 0 1;
}

.ktc-sustainability .block.block--isc,
.ktc-sustainability .block.block--isc-2 {
    position: relative;
}

.ktc-sustainability .block.block--isc .block__wrapper,
.ktc-sustainability .block.block--isc-2 .block__wrapper {
    display: flex;
    flex-flow: row wrap;
}

.ktc-sustainability .block.block--isc .block__item,
.ktc-sustainability .block.block--isc-2 .block__item {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 0 0 100%;
    max-width: 100%;
    -webkit-box-shadow: 0 4px 25px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 4px 25px rgba(0, 0, 0, 0.25);
    box-shadow: 0 4px 25px rgba(0, 0, 0, 0.25);
}

.ktc-sustainability .block.block--isc .block__item:not(:first-child),
.ktc-sustainability .block.block--isc-2 .block__item:not(:first-child) {
    margin-top: 1.5rem;
}

@media (min-width: 768px) {

    .ktc-sustainability .block.block--isc .block__item,
    .ktc-sustainability .block.block--isc-2 .block__item {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .ktc-sustainability .block.block--isc .block__item:not(:first-child),
    .ktc-sustainability .block.block--isc-2 .block__item:not(:first-child) {
        margin-top: 0;
    }
}

.ktc-sustainability .block.block--isc .block__header,
.ktc-sustainability .block.block--isc-2 .block__header {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    min-height: 64px;
    color: #FFFFFF;
    background: -moz-linear-gradient(12deg, #5B2997 -1%, #347AC6 93.79%);
    background: -webkit-linear-gradient(12deg, #5B2997 -1%, #347AC6 93.79%);
    background: linear-gradient(12deg, #5B2997 -1%, #347AC6 93.79%);
    z-index: 1;
}

.ktc-sustainability .block.block--isc .block__header::before,
.ktc-sustainability .block.block--isc-2 .block__header::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    width: 44px;
    height: 30px;
    clip-path: polygon(0 0, 50% 100%, 100% 0);
    background-color: #4C48A9;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -1;
}

.ktc-sustainability .block.block--isc .block__body,
.ktc-sustainability .block.block--isc-2 .block__body {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    border: 1px solid #6575FF;
    background: -moz-linear-gradient(180deg, #E8F2FF 0%, rgba(232, 242, 255, 0) 60.42%);
    background: -webkit-linear-gradient(180deg, #E8F2FF 0%, rgba(232, 242, 255, 0) 60.42%);
    background: linear-gradient(180deg, #E8F2FF 0%, rgba(232, 242, 255, 0) 60.42%);
}

.ktc-sustainability .block.block--isc-2 .block__item {
    flex: 0 0 100%;
    max-width: 100%;
    min-height: 175px;
}

.ktc-sustainability .block.block--isc-2 .block__item:not(:first-child) {
    margin-top: 0;
}

@media (min-width: 576px) {
    .ktc-sustainability .block.block--isc-2 .block__item {
        flex: 0 0 50%;
        max-width: 50%;
        min-height: 240px;
    }
}

@media (min-width: 768px) {
    .ktc-sustainability .block.block--isc-2 .block__item {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%;
    }
}

@media (min-width: 1200px) {
    .ktc-sustainability .block.block--isc-2 .block__item {
        flex: 0 0 20%;
        max-width: 20%;
    }
}

.ktc-sustainability .block.block--isc-2 .block__item:nth-child(1) {
    background: -moz-linear-gradient(88deg, #0057B8 -20.16%, #69B3F8 111.1%);
    background: -webkit-linear-gradient(88deg, #0057B8 -20.16%, #69B3F8 111.1%);
    background: linear-gradient(88deg, #0057B8 -20.16%, #69B3F8 111.1%);
}

.ktc-sustainability .block.block--isc-2 .block__item:nth-child(2) {
    background: -moz-linear-gradient(90deg, #0057B8 0.02%, #C98ADC 99.98%);
    background: -webkit-linear-gradient(90deg, #0057B8 0.02%, #C98ADC 99.98%);
    background: linear-gradient(90deg, #0057B8 0.02%, #C98ADC 99.98%);
}

.ktc-sustainability .block.block--isc-2 .block__item:nth-child(3) {
    background: -moz-linear-gradient(78deg, #AA5DC0 8.65%, #C98ADC 91.35%);
    background: -webkit-linear-gradient(78deg, #AA5DC0 8.65%, #C98ADC 91.35%);
    background: linear-gradient(78deg, #AA5DC0 8.65%, #C98ADC 91.35%);
}

.ktc-sustainability .block.block--isc-2 .block__item:nth-child(4) {
    background: -moz-linear-gradient(89deg, #E472D6 -29.11%, #5CA7EF 99.21%);
    background: -webkit-linear-gradient(89deg, #E472D6 -29.11%, #5CA7EF 99.21%);
    background: linear-gradient(89deg, #E472D6 -29.11%, #5CA7EF 99.21%);
}

.ktc-sustainability .block.block--isc-2 .block__item:nth-child(5) {
    background: -moz-linear-gradient(90deg, #1C5FBD 0.19%, #2073CB 99.89%);
    background: -webkit-linear-gradient(90deg, #1C5FBD 0.19%, #2073CB 99.89%);
    background: linear-gradient(90deg, #1C5FBD 0.19%, #2073CB 99.89%);
}

.ktc-sustainability .block.block--isc-2 .block__body {
    color: #FFFFFF;
    border: 0;
    background: none;
}

.ktc-sustainability .block.block--iso {
    position: relative;
}

.ktc-sustainability .block.block--iso .block__wrapper {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}

.ktc-sustainability .block.block--iso .block__item {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0.5rem 3.25rem;
    margin-top: 1.5rem;
}

@media (min-width: 768px) {
    .ktc-sustainability .block.block--iso .block__item {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .ktc-sustainability .block.block--iso .block__item:nth-child(even)::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 1px;
        height: 100%;
        background-color: #D7D7D7;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--iso .block__item {
        flex-direction: row;
    }
}

.ktc-sustainability .block.block--iso .block__figure {
    position: relative;
    display: flex;
    align-items: center;
}

.ktc-sustainability .block.block--iso .block__img {
    display: block;
    margin: auto;
    max-width: 100%;
    height: 95px;
    object-fit: contain;
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--iso .block__img {
        height: 145px;
    }
}

.ktc-sustainability .block.block--iso .block__body {
    display: flex;
    flex-direction: column;
    padding: 0.5rem 0 0;
    text-align: center;
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--iso .block__body {
        padding: 0 0 0 1.5rem;
        text-align: left;
    }
}

@media (min-width: 1200px) {
    .ktc-sustainability .block.block--iso .block__body {
        padding-left: 3.5rem;
    }
}

.ktc-sustainability .block.block--iso .block__title {
    color: #0057B8;
    margin-bottom: 0.25rem;
}

.ktc-sustainability .block.block--occupational {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: auto;
}

.ktc-sustainability .block.block--occupational .block__header {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 750px;
    height: 42px;
    border-radius: 16px;
    background: linear-gradient(219deg, #80DFD9 6.13%, #4468D6 101.87%);
    margin: 25px 0 40px 0;
}

@media (max-width: 767.98px) {
    .ktc-sustainability .block.block--occupational .block__header {
        min-width: auto;
        height: auto;
        width: 100%;
        padding: 1rem;
        line-height: 1.2;
    }
}

.ktc-sustainability .block.block--occupational .block__header .block__text {
    color: #FFFFFF;
    text-align: center;
}

.ktc-sustainability .block.block--occupational .block__content {
    margin-top: 2rem;
}

.ktc-sustainability .block.block--overview {
    align-items: normal;
    flex-direction: column;
    padding: 1.25rem 1.5rem;
    height: 100%;
    background-color: #FAFAFA;
}

@media (min-width: 576px) {
    .ktc-sustainability .block.block--overview {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .ktc-sustainability .block.block--overview {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}

.ktc-sustainability .block.block--overview .block__header {
    display: flex;
    align-items: center;
    padding: 1rem 0;
    border-bottom: 1px solid #A0A0A0;
    min-height: 93px;
}

.ktc-sustainability .block.block--overview .block__body {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding: 0 0 1rem;
}

@media (min-width: 576px) {
    .ktc-sustainability .block.block--overview .block__body {
        flex-flow: row wrap;
        align-items: flex-end;
    }
}

.ktc-sustainability .block.block--overview .block__item {
    flex: 1 0 auto;
    max-width: 100%;
    margin-top: 1rem;
}

.ktc-sustainability .block.block--overview .block__title {
    color: #333333;
}

.ktc-sustainability .block.block--overview .block__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1rem;
    height: 45px;
    max-width: 100%;
}

.ktc-sustainability .block.block--overview .block__text {
    color: #333333;
    margin-bottom: 0.25rem;
}

.ktc-sustainability .block.block--overview .block__value {
    color: #CB333B;
}

.ktc-sustainability .block.block--overview .block__unit {
    color: #333333;
}

.ktc-sustainability .block.block--shake {
    position: relative;
    flex-direction: column;
    align-items: center;
}

.ktc-sustainability .block.block--shake .block__figure {
    display: flex;
    align-items: flex-end;
    margin: 0 auto;
}

.ktc-sustainability .block.block--shake .block__img {
    display: block;
    margin: 0 auto;
    height: auto;
    max-width: 100%;
    object-fit: contain;
}

.ktc-sustainability .block.block--shake .block__wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--shake .block__wrapper {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}

.ktc-sustainability .block.block--shake .block__item {
    position: relative;
    display: flex;
    flex-direction: column;
    text-align: center;
    padding: 0.75rem 1rem;
    margin: 1.5rem 1rem 0;
    border-radius: 16px;
    z-index: 1;
}

.ktc-sustainability .block.block--shake .block__item::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    width: 100%;
    height: 2px;
    background-color: #0057B8;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    pointer-events: none;
    z-index: -1;
}

.ktc-sustainability .block.block--shake .block__item:hover::before {
    animation: gelatine 0.6s ease-in-out forwards;
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--shake .block__item:hover::before {
        width: calc(100% + .75rem);
        height: calc(100% + .75rem);
        animation: gelatine 0.6s ease-in-out forwards;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--shake .block__item {
        position: absolute;
        margin: 0;
    }

    .ktc-sustainability .block.block--shake .block__item::before {
        top: 50%;
        left: 50%;
        width: 100%;
        height: 100%;
        border-radius: 16px;
        background-color: rgba(255, 255, 255, 0.95);
        -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
        -moz-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
    }
}

.ktc-sustainability .block.block--shake .block__title {
    margin-bottom: 0.5rem;
}

.ktc-sustainability .block.block--shake .block__value {
    color: #0057B8;
}

.ktc-sustainability .block.block--shake .block__unit {
    color: #333333;
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--shake.theme-hospital .block__item:nth-child(1) {
        left: 3%;
        bottom: 10%;
    }

    .ktc-sustainability .block.block--shake.theme-hospital .block__item:nth-child(2) {
        left: 0%;
        bottom: calc(10% + 90px + 5%);
    }

    .ktc-sustainability .block.block--shake.theme-hospital .block__item:nth-child(3) {
        left: 32%;
        top: 0;
    }

    .ktc-sustainability .block.block--shake.theme-hospital .block__item:nth-child(4) {
        left: 70%;
        bottom: 62%;
    }

    .ktc-sustainability .block.block--shake.theme-hospital .block__item:nth-child(5) {
        right: 0;
        bottom: 25%;
    }
}

@media (min-width: 1200px) {
    .ktc-sustainability .block.block--shake.theme-hospital .block__item:nth-child(1) {
        left: 10%;
    }

    .ktc-sustainability .block.block--shake.theme-hospital .block__item:nth-child(3) {
        top: auto;
        bottom: calc(10% + 90px + 25%);
        left: 30%;
    }
}

@media (min-width: 1440px) {
    .ktc-sustainability .block.block--shake.theme-hospital .block__item:nth-child(5) {
        right: 5%;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--shake.theme-ktc-travel .block__item:nth-child(1) {
        left: 10%;
        bottom: 55%;
    }

    .ktc-sustainability .block.block--shake.theme-ktc-travel .block__item:nth-child(2) {
        left: 25%;
        top: 0;
    }

    .ktc-sustainability .block.block--shake.theme-ktc-travel .block__item:nth-child(3) {
        right: 0;
        bottom: calc(10% + 90px + 25%);
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--shake.theme-support .block__item:nth-child(1) {
        left: 10%;
        bottom: 55%;
    }

    .ktc-sustainability .block.block--shake.theme-support .block__item:nth-child(3) {
        left: 61%;
        bottom: 23%;
    }

    .ktc-sustainability .block.block--shake.theme-support .block__item:nth-child(4) {
        right: 0;
        bottom: calc(10% + 90px + 25%);
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--shake.theme-u-shop .block__item:nth-child(1) {
        left: 14%;
        bottom: 44%;
    }

    .ktc-sustainability .block.block--shake.theme-u-shop .block__item:nth-child(2) {
        top: -15%;
        left: 48%;
    }

    .ktc-sustainability .block.block--shake.theme-u-shop .block__item:nth-child(3) {
        top: 12%;
        right: 13%;
    }
}

@media (min-width: 1200px) {
    .ktc-sustainability .block.block--shake.theme-u-shop .block__item:nth-child(1) {
        left: 20%;
    }
}

@media (min-width: 1440px) {
    .ktc-sustainability .block.block--shake.theme-u-shop .block__item:nth-child(1) {
        left: 25%;
    }

    .ktc-sustainability .block.block--shake.theme-u-shop .block__item:nth-child(3) {
        right: 24%;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--shake.theme-ktc-forever .block__item:nth-child(1) {
        top: 15%;
        left: 0;
    }

    .ktc-sustainability .block.block--shake.theme-ktc-forever .block__item:nth-child(2) {
        top: 0;
        left: 25%;
    }

    .ktc-sustainability .block.block--shake.theme-ktc-forever .block__item:nth-child(3) {
        top: 20%;
        right: 3%;
    }
}

@media (min-width: 1200px) {
    .ktc-sustainability .block.block--shake.theme-ktc-forever .block__item:nth-child(2) {
        left: 20%;
    }

    .ktc-sustainability .block.block--shake.theme-ktc-forever .block__item:nth-child(3) {
        right: 10%;
    }
}

@media (min-width: 1440px) {
    .ktc-sustainability .block.block--shake.theme-ktc-forever .block__item:nth-child(3) {
        right: 15%;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--shake.theme-human-resource .block__item:nth-child(1) {
        top: 15%;
        left: 4%;
    }

    .ktc-sustainability .block.block--shake.theme-human-resource .block__item:nth-child(2) {
        top: -8%;
        left: 35%;
    }

    .ktc-sustainability .block.block--shake.theme-human-resource .block__item:nth-child(3) {
        top: 0%;
        right: 5%;
    }
}

@media (min-width: 1200px) {
    .ktc-sustainability .block.block--shake.theme-human-resource .block__item:nth-child(1) {
        left: 12%;
    }
}

@media (min-width: 1440px) {
    .ktc-sustainability .block.block--shake.theme-human-resource .block__item:nth-child(1) {
        left: 18%;
    }

    .ktc-sustainability .block.block--shake.theme-human-resource .block__item:nth-child(2) {
        top: -8%;
        left: 35%;
    }

    .ktc-sustainability .block.block--shake.theme-human-resource .block__item:nth-child(3) {
        right: 13%;
    }
}

.ktc-sustainability .block.block--shake.theme-human-resource .block__value {
    color: #00867C;
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--shake.theme-efficient-resource .block__item:nth-child(1) {
        left: 26%;
        top: 0;
    }

    .ktc-sustainability .block.block--shake.theme-efficient-resource .block__item:nth-child(2) {
        bottom: 0;
        left: 30%;
    }

    .ktc-sustainability .block.block--shake.theme-efficient-resource .block__item:nth-child(3) {
        right: 25%;
        top: 35%;
    }
}

.ktc-sustainability .block.block--shake.theme-efficient-resource .block__item .block__value {
    color: #8A9500;
}

.ktc-sustainability .block.block--shake.theme-efficient-resource .block__item .block__unit {
    font-weight: 700;
}

.ktc-sustainability .block.block--vertical,
.ktc-sustainability .block.block--vertical-single,
.ktc-sustainability .block.block--vertical-cross,
.ktc-sustainability .block.block--vertical-reverse,
.ktc-sustainability .block.block--vertical-2 {
    position: relative;
}

.ktc-sustainability .block.block--vertical .block__wrapper,
.ktc-sustainability .block.block--vertical-single .block__wrapper,
.ktc-sustainability .block.block--vertical-cross .block__wrapper,
.ktc-sustainability .block.block--vertical-reverse .block__wrapper,
.ktc-sustainability .block.block--vertical-2 .block__wrapper {
    display: flex;
    flex-direction: column;
}

.ktc-sustainability .block.block--vertical .block__item,
.ktc-sustainability .block.block--vertical-single .block__item,
.ktc-sustainability .block.block--vertical-cross .block__item,
.ktc-sustainability .block.block--vertical-reverse .block__item,
.ktc-sustainability .block.block--vertical-2 .block__item {
    position: relative;
    display: flex;
    flex-flow: row wrap;
    z-index: 1;
}

@media (min-width: 992px) {

    .ktc-sustainability .block.block--vertical .block__item,
    .ktc-sustainability .block.block--vertical-single .block__item,
    .ktc-sustainability .block.block--vertical-cross .block__item,
    .ktc-sustainability .block.block--vertical-reverse .block__item,
    .ktc-sustainability .block.block--vertical-2 .block__item {
        flex-flow: row-reverse nowrap;
    }

    .ktc-sustainability .block.block--vertical .block__item::before,
    .ktc-sustainability .block.block--vertical-single .block__item::before,
    .ktc-sustainability .block.block--vertical-cross .block__item::before,
    .ktc-sustainability .block.block--vertical-reverse .block__item::before,
    .ktc-sustainability .block.block--vertical-2 .block__item::before {
        content: "";
        position: absolute;
        top: 0;
        right: 50%;
        width: 50vw;
        height: 100%;
        background-color: #FFFFFF;
        pointer-events: none;
        z-index: -1;
    }
}

.ktc-sustainability .block.block--vertical .block__figure,
.ktc-sustainability .block.block--vertical-single .block__figure,
.ktc-sustainability .block.block--vertical-cross .block__figure,
.ktc-sustainability .block.block--vertical-reverse .block__figure,
.ktc-sustainability .block.block--vertical-2 .block__figure {
    flex: 0 0 100%;
    max-width: 100%;
}

@media (max-width: 575.98px) {

    .ktc-sustainability .block.block--vertical .block__figure,
    .ktc-sustainability .block.block--vertical-single .block__figure,
    .ktc-sustainability .block.block--vertical-cross .block__figure,
    .ktc-sustainability .block.block--vertical-reverse .block__figure,
    .ktc-sustainability .block.block--vertical-2 .block__figure {
        flex: 0 0 calc(100% + 30px);
        max-width: calc(100% + 30px);
        margin-left: -15px;
        margin-right: -15px;
    }
}

@media (min-width: 992px) {

    .ktc-sustainability .block.block--vertical .block__figure,
    .ktc-sustainability .block.block--vertical-single .block__figure,
    .ktc-sustainability .block.block--vertical-cross .block__figure,
    .ktc-sustainability .block.block--vertical-reverse .block__figure,
    .ktc-sustainability .block.block--vertical-2 .block__figure {
        position: -webkit-sticky;
        position: sticky;
        top: 60px;
        align-self: flex-start;
        flex: 0 0 40%;
        max-width: 40%;
    }
}

@media (min-width: 1200px) {

    .ktc-sustainability .block.block--vertical .block__figure,
    .ktc-sustainability .block.block--vertical-single .block__figure,
    .ktc-sustainability .block.block--vertical-cross .block__figure,
    .ktc-sustainability .block.block--vertical-reverse .block__figure,
    .ktc-sustainability .block.block--vertical-2 .block__figure {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

.ktc-sustainability .block.block--vertical .block__img,
.ktc-sustainability .block.block--vertical-single .block__img,
.ktc-sustainability .block.block--vertical-cross .block__img,
.ktc-sustainability .block.block--vertical-reverse .block__img,
.ktc-sustainability .block.block--vertical-2 .block__img {
    display: block;
    margin: auto;
    height: auto;
    max-height: 300px;
    width: 100%;
    object-fit: cover;
}

@media (min-width: 992px) {

    .ktc-sustainability .block.block--vertical .block__img,
    .ktc-sustainability .block.block--vertical-single .block__img,
    .ktc-sustainability .block.block--vertical-cross .block__img,
    .ktc-sustainability .block.block--vertical-reverse .block__img,
    .ktc-sustainability .block.block--vertical-2 .block__img {
        position: absolute;
        top: 0;
        left: 0;
        width: 50vw;
        max-width: none;
        height: calc(100vh - 120px);
        max-height: none;
        z-index: -2;
    }
}

.ktc-sustainability .block.block--vertical .block__body,
.ktc-sustainability .block.block--vertical-single .block__body,
.ktc-sustainability .block.block--vertical-cross .block__body,
.ktc-sustainability .block.block--vertical-reverse .block__body,
.ktc-sustainability .block.block--vertical-2 .block__body {
    flex: 0 0 100%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 1.5rem 0;
}

@media (min-width: 992px) {

    .ktc-sustainability .block.block--vertical .block__body,
    .ktc-sustainability .block.block--vertical-single .block__body,
    .ktc-sustainability .block.block--vertical-cross .block__body,
    .ktc-sustainability .block.block--vertical-reverse .block__body,
    .ktc-sustainability .block.block--vertical-2 .block__body {
        flex: 0 0 60%;
        max-width: 60%;
        min-height: 100vh;
        padding: 3rem 3rem 3rem 0;
    }
}

@media (min-width: 1200px) {

    .ktc-sustainability .block.block--vertical .block__body,
    .ktc-sustainability .block.block--vertical-single .block__body,
    .ktc-sustainability .block.block--vertical-cross .block__body,
    .ktc-sustainability .block.block--vertical-reverse .block__body,
    .ktc-sustainability .block.block--vertical-2 .block__body {
        flex: 0 0 50%;
        max-width: 50%;
        padding: 5rem 5rem 5rem 0;
    }
}

.ktc-sustainability .block.block--vertical .block__title,
.ktc-sustainability .block.block--vertical-single .block__title,
.ktc-sustainability .block.block--vertical-cross .block__title,
.ktc-sustainability .block.block--vertical-reverse .block__title,
.ktc-sustainability .block.block--vertical-2 .block__title {
    margin-bottom: 1.5rem;
}

.ktc-sustainability .block.block--vertical .block__text,
.ktc-sustainability .block.block--vertical-single .block__text,
.ktc-sustainability .block.block--vertical-cross .block__text,
.ktc-sustainability .block.block--vertical-reverse .block__text,
.ktc-sustainability .block.block--vertical-2 .block__text {
    margin-bottom: 1rem;
}

.ktc-sustainability .block.block--vertical .block__dots,
.ktc-sustainability .block.block--vertical-single .block__dots,
.ktc-sustainability .block.block--vertical-cross .block__dots,
.ktc-sustainability .block.block--vertical-reverse .block__dots,
.ktc-sustainability .block.block--vertical-2 .block__dots {
    position: sticky;
    top: 0;
    left: 0;
    width: 0;
    height: 100vh;
    align-self: flex-start;
    z-index: 2;
}

@media (max-width: 575.98px) {

    .ktc-sustainability .block.block--vertical .block__dots,
    .ktc-sustainability .block.block--vertical-single .block__dots,
    .ktc-sustainability .block.block--vertical-cross .block__dots,
    .ktc-sustainability .block.block--vertical-reverse .block__dots,
    .ktc-sustainability .block.block--vertical-2 .block__dots {
        display: none;
    }
}

.ktc-sustainability .block.block--vertical .block__dots .dots,
.ktc-sustainability .block.block--vertical-single .block__dots .dots,
.ktc-sustainability .block.block--vertical-cross .block__dots .dots,
.ktc-sustainability .block.block--vertical-reverse .block__dots .dots,
.ktc-sustainability .block.block--vertical-2 .block__dots .dots {
    position: absolute;
    top: 50%;
    right: calc(100% + 30px);
    display: flex;
    flex-direction: column;
    padding: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

@media only screen and (min-width: 1300px) {

    .ktc-sustainability .block.block--vertical .block__dots .dots,
    .ktc-sustainability .block.block--vertical-single .block__dots .dots,
    .ktc-sustainability .block.block--vertical-cross .block__dots .dots,
    .ktc-sustainability .block.block--vertical-reverse .block__dots .dots,
    .ktc-sustainability .block.block--vertical-2 .block__dots .dots {
        right: calc(100% + 3vw);
    }
}

.ktc-sustainability .block.block--vertical .block__dots .dots>li,
.ktc-sustainability .block.block--vertical-single .block__dots .dots>li,
.ktc-sustainability .block.block--vertical-cross .block__dots .dots>li,
.ktc-sustainability .block.block--vertical-reverse .block__dots .dots>li,
.ktc-sustainability .block.block--vertical-2 .block__dots .dots>li {
    position: relative;
    display: block;
    height: 16px;
    width: 16px;
    margin: 2px;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
    opacity: 1;
}

.ktc-sustainability .block.block--vertical .block__dots .dots>li::before,
.ktc-sustainability .block.block--vertical-single .block__dots .dots>li::before,
.ktc-sustainability .block.block--vertical-cross .block__dots .dots>li::before,
.ktc-sustainability .block.block--vertical-reverse .block__dots .dots>li::before,
.ktc-sustainability .block.block--vertical-2 .block__dots .dots>li::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #D7D7D7;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.ktc-sustainability .block.block--vertical .block__dots .dots>li.active,
.ktc-sustainability .block.block--vertical-single .block__dots .dots>li.active,
.ktc-sustainability .block.block--vertical-cross .block__dots .dots>li.active,
.ktc-sustainability .block.block--vertical-reverse .block__dots .dots>li.active,
.ktc-sustainability .block.block--vertical-2 .block__dots .dots>li.active {
    background-color: rgba(215, 215, 215, 0.3);
}

@media (min-width: 992px) {

    .ktc-sustainability .block.block--vertical.flex-row-reverse .block__item::before,
    .ktc-sustainability .block.flex-row-reverse.block--vertical-single .block__item::before,
    .ktc-sustainability .block.flex-row-reverse.block--vertical-cross .block__item::before,
    .ktc-sustainability .block.flex-row-reverse.block--vertical-reverse .block__item::before,
    .ktc-sustainability .block.flex-row-reverse.block--vertical-2 .block__item::before {
        left: 49%;
    }
}

@media (min-width: 1200px) {

    .ktc-sustainability .block.block--vertical.flex-row-reverse .block__body,
    .ktc-sustainability .block.flex-row-reverse.block--vertical-single .block__body,
    .ktc-sustainability .block.flex-row-reverse.block--vertical-cross .block__body,
    .ktc-sustainability .block.flex-row-reverse.block--vertical-reverse .block__body,
    .ktc-sustainability .block.flex-row-reverse.block--vertical-2 .block__body {
        padding: 5rem;
    }
}

@media (min-width: 992px) {

    .ktc-sustainability .block.block--vertical.flex-row-reverse .block__figure .block__img,
    .ktc-sustainability .block.flex-row-reverse.block--vertical-single .block__figure .block__img,
    .ktc-sustainability .block.flex-row-reverse.block--vertical-cross .block__figure .block__img,
    .ktc-sustainability .block.flex-row-reverse.block--vertical-reverse .block__figure .block__img,
    .ktc-sustainability .block.flex-row-reverse.block--vertical-2 .block__figure .block__img {
        right: 0;
        left: unset;
    }
}

@media (max-width: 991.98px) {

    .ktc-sustainability .block.block--vertical.flex-row-reverse .block__dots,
    .ktc-sustainability .block.flex-row-reverse.block--vertical-single .block__dots,
    .ktc-sustainability .block.flex-row-reverse.block--vertical-cross .block__dots,
    .ktc-sustainability .block.flex-row-reverse.block--vertical-reverse .block__dots,
    .ktc-sustainability .block.flex-row-reverse.block--vertical-2 .block__dots {
        position: fixed;
    }
}

@media only screen and (min-width: 1300px) {

    .ktc-sustainability .block.block--vertical.flex-row-reverse .block__dots .dots,
    .ktc-sustainability .block.flex-row-reverse.block--vertical-single .block__dots .dots,
    .ktc-sustainability .block.flex-row-reverse.block--vertical-cross .block__dots .dots,
    .ktc-sustainability .block.flex-row-reverse.block--vertical-reverse .block__dots .dots,
    .ktc-sustainability .block.flex-row-reverse.block--vertical-2 .block__dots .dots {
        right: calc(100% + 10px);
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__figure {
        top: 60px;
        height: 100%;
        min-height: 350px;
        margin: auto;
        background-color: #FAFAFA;
    }
}

.ktc-sustainability .block.block--vertical-2 .block__img {
    max-height: 100%;
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__img {
        top: 50%;
        left: 50%;
        max-width: 80%;
        height: auto;
        object-fit: contain;
        object-position: center;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}

.ktc-sustainability .block.block--vertical-2 .block__title {
    color: #0057B8;
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-450 .block__figure {
        height: 450px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-450 .block__body {
        height: 450px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-451 .block__figure {
        height: 451px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-451 .block__body {
        height: 451px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-452 .block__figure {
        height: 452px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-452 .block__body {
        height: 452px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-453 .block__figure {
        height: 453px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-453 .block__body {
        height: 453px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-454 .block__figure {
        height: 454px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-454 .block__body {
        height: 454px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-455 .block__figure {
        height: 455px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-455 .block__body {
        height: 455px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-456 .block__figure {
        height: 456px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-456 .block__body {
        height: 456px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-457 .block__figure {
        height: 457px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-457 .block__body {
        height: 457px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-458 .block__figure {
        height: 458px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-458 .block__body {
        height: 458px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-459 .block__figure {
        height: 459px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-459 .block__body {
        height: 459px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-460 .block__figure {
        height: 460px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-460 .block__body {
        height: 460px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-461 .block__figure {
        height: 461px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-461 .block__body {
        height: 461px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-462 .block__figure {
        height: 462px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-462 .block__body {
        height: 462px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-463 .block__figure {
        height: 463px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-463 .block__body {
        height: 463px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-464 .block__figure {
        height: 464px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-464 .block__body {
        height: 464px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-465 .block__figure {
        height: 465px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-465 .block__body {
        height: 465px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-466 .block__figure {
        height: 466px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-466 .block__body {
        height: 466px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-467 .block__figure {
        height: 467px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-467 .block__body {
        height: 467px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-468 .block__figure {
        height: 468px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-468 .block__body {
        height: 468px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-469 .block__figure {
        height: 469px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-469 .block__body {
        height: 469px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-470 .block__figure {
        height: 470px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-470 .block__body {
        height: 470px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-471 .block__figure {
        height: 471px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-471 .block__body {
        height: 471px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-472 .block__figure {
        height: 472px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-472 .block__body {
        height: 472px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-473 .block__figure {
        height: 473px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-473 .block__body {
        height: 473px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-474 .block__figure {
        height: 474px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-474 .block__body {
        height: 474px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-475 .block__figure {
        height: 475px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-475 .block__body {
        height: 475px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-476 .block__figure {
        height: 476px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-476 .block__body {
        height: 476px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-477 .block__figure {
        height: 477px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-477 .block__body {
        height: 477px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-478 .block__figure {
        height: 478px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-478 .block__body {
        height: 478px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-479 .block__figure {
        height: 479px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-479 .block__body {
        height: 479px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-480 .block__figure {
        height: 480px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-480 .block__body {
        height: 480px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-481 .block__figure {
        height: 481px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-481 .block__body {
        height: 481px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-482 .block__figure {
        height: 482px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-482 .block__body {
        height: 482px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-483 .block__figure {
        height: 483px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-483 .block__body {
        height: 483px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-484 .block__figure {
        height: 484px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-484 .block__body {
        height: 484px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-485 .block__figure {
        height: 485px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-485 .block__body {
        height: 485px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-486 .block__figure {
        height: 486px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-486 .block__body {
        height: 486px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-487 .block__figure {
        height: 487px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-487 .block__body {
        height: 487px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-488 .block__figure {
        height: 488px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-488 .block__body {
        height: 488px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-489 .block__figure {
        height: 489px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-489 .block__body {
        height: 489px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-490 .block__figure {
        height: 490px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-490 .block__body {
        height: 490px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-491 .block__figure {
        height: 491px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-491 .block__body {
        height: 491px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-492 .block__figure {
        height: 492px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-492 .block__body {
        height: 492px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-493 .block__figure {
        height: 493px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-493 .block__body {
        height: 493px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-494 .block__figure {
        height: 494px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-494 .block__body {
        height: 494px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-495 .block__figure {
        height: 495px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-495 .block__body {
        height: 495px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-496 .block__figure {
        height: 496px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-496 .block__body {
        height: 496px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-497 .block__figure {
        height: 497px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-497 .block__body {
        height: 497px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-498 .block__figure {
        height: 498px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-498 .block__body {
        height: 498px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-499 .block__figure {
        height: 499px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-499 .block__body {
        height: 499px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-500 .block__figure {
        height: 500px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-500 .block__body {
        height: 500px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-501 .block__figure {
        height: 501px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-501 .block__body {
        height: 501px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-502 .block__figure {
        height: 502px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-502 .block__body {
        height: 502px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-503 .block__figure {
        height: 503px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-503 .block__body {
        height: 503px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-504 .block__figure {
        height: 504px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-504 .block__body {
        height: 504px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-505 .block__figure {
        height: 505px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-505 .block__body {
        height: 505px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-506 .block__figure {
        height: 506px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-506 .block__body {
        height: 506px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-507 .block__figure {
        height: 507px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-507 .block__body {
        height: 507px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-508 .block__figure {
        height: 508px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-508 .block__body {
        height: 508px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-509 .block__figure {
        height: 509px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-509 .block__body {
        height: 509px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-510 .block__figure {
        height: 510px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-510 .block__body {
        height: 510px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-511 .block__figure {
        height: 511px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-511 .block__body {
        height: 511px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-512 .block__figure {
        height: 512px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-512 .block__body {
        height: 512px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-513 .block__figure {
        height: 513px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-513 .block__body {
        height: 513px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-514 .block__figure {
        height: 514px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-514 .block__body {
        height: 514px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-515 .block__figure {
        height: 515px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-515 .block__body {
        height: 515px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-516 .block__figure {
        height: 516px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-516 .block__body {
        height: 516px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-517 .block__figure {
        height: 517px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-517 .block__body {
        height: 517px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-518 .block__figure {
        height: 518px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-518 .block__body {
        height: 518px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-519 .block__figure {
        height: 519px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-519 .block__body {
        height: 519px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-520 .block__figure {
        height: 520px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-520 .block__body {
        height: 520px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-521 .block__figure {
        height: 521px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-521 .block__body {
        height: 521px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-522 .block__figure {
        height: 522px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-522 .block__body {
        height: 522px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-523 .block__figure {
        height: 523px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-523 .block__body {
        height: 523px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-524 .block__figure {
        height: 524px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-524 .block__body {
        height: 524px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-525 .block__figure {
        height: 525px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-525 .block__body {
        height: 525px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-526 .block__figure {
        height: 526px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-526 .block__body {
        height: 526px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-527 .block__figure {
        height: 527px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-527 .block__body {
        height: 527px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-528 .block__figure {
        height: 528px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-528 .block__body {
        height: 528px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-529 .block__figure {
        height: 529px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-529 .block__body {
        height: 529px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-530 .block__figure {
        height: 530px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-530 .block__body {
        height: 530px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-531 .block__figure {
        height: 531px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-531 .block__body {
        height: 531px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-532 .block__figure {
        height: 532px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-532 .block__body {
        height: 532px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-533 .block__figure {
        height: 533px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-533 .block__body {
        height: 533px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-534 .block__figure {
        height: 534px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-534 .block__body {
        height: 534px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-535 .block__figure {
        height: 535px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-535 .block__body {
        height: 535px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-536 .block__figure {
        height: 536px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-536 .block__body {
        height: 536px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-537 .block__figure {
        height: 537px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-537 .block__body {
        height: 537px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-538 .block__figure {
        height: 538px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-538 .block__body {
        height: 538px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-539 .block__figure {
        height: 539px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-539 .block__body {
        height: 539px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-540 .block__figure {
        height: 540px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-540 .block__body {
        height: 540px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-541 .block__figure {
        height: 541px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-541 .block__body {
        height: 541px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-542 .block__figure {
        height: 542px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-542 .block__body {
        height: 542px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-543 .block__figure {
        height: 543px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-543 .block__body {
        height: 543px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-544 .block__figure {
        height: 544px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-544 .block__body {
        height: 544px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-545 .block__figure {
        height: 545px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-545 .block__body {
        height: 545px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-546 .block__figure {
        height: 546px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-546 .block__body {
        height: 546px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-547 .block__figure {
        height: 547px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-547 .block__body {
        height: 547px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-548 .block__figure {
        height: 548px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-548 .block__body {
        height: 548px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-549 .block__figure {
        height: 549px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-549 .block__body {
        height: 549px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-550 .block__figure {
        height: 550px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-550 .block__body {
        height: 550px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-551 .block__figure {
        height: 551px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-551 .block__body {
        height: 551px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-552 .block__figure {
        height: 552px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-552 .block__body {
        height: 552px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-553 .block__figure {
        height: 553px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-553 .block__body {
        height: 553px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-554 .block__figure {
        height: 554px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-554 .block__body {
        height: 554px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-555 .block__figure {
        height: 555px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-555 .block__body {
        height: 555px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-556 .block__figure {
        height: 556px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-556 .block__body {
        height: 556px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-557 .block__figure {
        height: 557px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-557 .block__body {
        height: 557px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-558 .block__figure {
        height: 558px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-558 .block__body {
        height: 558px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-559 .block__figure {
        height: 559px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-559 .block__body {
        height: 559px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-560 .block__figure {
        height: 560px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-560 .block__body {
        height: 560px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-561 .block__figure {
        height: 561px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-561 .block__body {
        height: 561px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-562 .block__figure {
        height: 562px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-562 .block__body {
        height: 562px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-563 .block__figure {
        height: 563px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-563 .block__body {
        height: 563px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-564 .block__figure {
        height: 564px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-564 .block__body {
        height: 564px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-565 .block__figure {
        height: 565px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-565 .block__body {
        height: 565px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-566 .block__figure {
        height: 566px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-566 .block__body {
        height: 566px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-567 .block__figure {
        height: 567px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-567 .block__body {
        height: 567px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-568 .block__figure {
        height: 568px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-568 .block__body {
        height: 568px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-569 .block__figure {
        height: 569px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-569 .block__body {
        height: 569px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-570 .block__figure {
        height: 570px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-570 .block__body {
        height: 570px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-571 .block__figure {
        height: 571px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-571 .block__body {
        height: 571px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-572 .block__figure {
        height: 572px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-572 .block__body {
        height: 572px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-573 .block__figure {
        height: 573px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-573 .block__body {
        height: 573px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-574 .block__figure {
        height: 574px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-574 .block__body {
        height: 574px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-575 .block__figure {
        height: 575px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-575 .block__body {
        height: 575px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-576 .block__figure {
        height: 576px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-576 .block__body {
        height: 576px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-577 .block__figure {
        height: 577px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-577 .block__body {
        height: 577px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-578 .block__figure {
        height: 578px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-578 .block__body {
        height: 578px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-579 .block__figure {
        height: 579px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-579 .block__body {
        height: 579px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-580 .block__figure {
        height: 580px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-580 .block__body {
        height: 580px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-581 .block__figure {
        height: 581px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-581 .block__body {
        height: 581px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-582 .block__figure {
        height: 582px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-582 .block__body {
        height: 582px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-583 .block__figure {
        height: 583px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-583 .block__body {
        height: 583px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-584 .block__figure {
        height: 584px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-584 .block__body {
        height: 584px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-585 .block__figure {
        height: 585px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-585 .block__body {
        height: 585px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-586 .block__figure {
        height: 586px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-586 .block__body {
        height: 586px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-587 .block__figure {
        height: 587px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-587 .block__body {
        height: 587px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-588 .block__figure {
        height: 588px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-588 .block__body {
        height: 588px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-589 .block__figure {
        height: 589px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-589 .block__body {
        height: 589px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-590 .block__figure {
        height: 590px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-590 .block__body {
        height: 590px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-591 .block__figure {
        height: 591px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-591 .block__body {
        height: 591px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-592 .block__figure {
        height: 592px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-592 .block__body {
        height: 592px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-593 .block__figure {
        height: 593px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-593 .block__body {
        height: 593px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-594 .block__figure {
        height: 594px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-594 .block__body {
        height: 594px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-595 .block__figure {
        height: 595px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-595 .block__body {
        height: 595px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-596 .block__figure {
        height: 596px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-596 .block__body {
        height: 596px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-597 .block__figure {
        height: 597px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-597 .block__body {
        height: 597px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-598 .block__figure {
        height: 598px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-598 .block__body {
        height: 598px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-599 .block__figure {
        height: 599px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-599 .block__body {
        height: 599px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-600 .block__figure {
        height: 600px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-600 .block__body {
        height: 600px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-601 .block__figure {
        height: 601px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-601 .block__body {
        height: 601px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-602 .block__figure {
        height: 602px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-602 .block__body {
        height: 602px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-603 .block__figure {
        height: 603px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-603 .block__body {
        height: 603px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-604 .block__figure {
        height: 604px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-604 .block__body {
        height: 604px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-605 .block__figure {
        height: 605px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-605 .block__body {
        height: 605px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-606 .block__figure {
        height: 606px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-606 .block__body {
        height: 606px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-607 .block__figure {
        height: 607px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-607 .block__body {
        height: 607px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-608 .block__figure {
        height: 608px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-608 .block__body {
        height: 608px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-609 .block__figure {
        height: 609px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-609 .block__body {
        height: 609px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-610 .block__figure {
        height: 610px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-610 .block__body {
        height: 610px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-611 .block__figure {
        height: 611px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-611 .block__body {
        height: 611px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-612 .block__figure {
        height: 612px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-612 .block__body {
        height: 612px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-613 .block__figure {
        height: 613px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-613 .block__body {
        height: 613px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-614 .block__figure {
        height: 614px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-614 .block__body {
        height: 614px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-615 .block__figure {
        height: 615px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-615 .block__body {
        height: 615px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-616 .block__figure {
        height: 616px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-616 .block__body {
        height: 616px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-617 .block__figure {
        height: 617px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-617 .block__body {
        height: 617px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-618 .block__figure {
        height: 618px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-618 .block__body {
        height: 618px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-619 .block__figure {
        height: 619px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-619 .block__body {
        height: 619px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-620 .block__figure {
        height: 620px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-620 .block__body {
        height: 620px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-621 .block__figure {
        height: 621px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-621 .block__body {
        height: 621px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-622 .block__figure {
        height: 622px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-622 .block__body {
        height: 622px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-623 .block__figure {
        height: 623px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-623 .block__body {
        height: 623px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-624 .block__figure {
        height: 624px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-624 .block__body {
        height: 624px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-625 .block__figure {
        height: 625px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-625 .block__body {
        height: 625px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-626 .block__figure {
        height: 626px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-626 .block__body {
        height: 626px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-627 .block__figure {
        height: 627px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-627 .block__body {
        height: 627px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-628 .block__figure {
        height: 628px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-628 .block__body {
        height: 628px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-629 .block__figure {
        height: 629px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-629 .block__body {
        height: 629px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-630 .block__figure {
        height: 630px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-630 .block__body {
        height: 630px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-631 .block__figure {
        height: 631px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-631 .block__body {
        height: 631px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-632 .block__figure {
        height: 632px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-632 .block__body {
        height: 632px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-633 .block__figure {
        height: 633px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-633 .block__body {
        height: 633px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-634 .block__figure {
        height: 634px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-634 .block__body {
        height: 634px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-635 .block__figure {
        height: 635px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-635 .block__body {
        height: 635px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-636 .block__figure {
        height: 636px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-636 .block__body {
        height: 636px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-637 .block__figure {
        height: 637px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-637 .block__body {
        height: 637px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-638 .block__figure {
        height: 638px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-638 .block__body {
        height: 638px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-639 .block__figure {
        height: 639px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-639 .block__body {
        height: 639px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-640 .block__figure {
        height: 640px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-640 .block__body {
        height: 640px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-641 .block__figure {
        height: 641px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-641 .block__body {
        height: 641px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-642 .block__figure {
        height: 642px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-642 .block__body {
        height: 642px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-643 .block__figure {
        height: 643px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-643 .block__body {
        height: 643px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-644 .block__figure {
        height: 644px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-644 .block__body {
        height: 644px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-645 .block__figure {
        height: 645px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-645 .block__body {
        height: 645px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-646 .block__figure {
        height: 646px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-646 .block__body {
        height: 646px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-647 .block__figure {
        height: 647px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-647 .block__body {
        height: 647px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-648 .block__figure {
        height: 648px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-648 .block__body {
        height: 648px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-649 .block__figure {
        height: 649px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-649 .block__body {
        height: 649px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-650 .block__figure {
        height: 650px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-2 .block__item.height-650 .block__body {
        height: 650px;
        min-height: 1px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-reverse .block__item {
        flex-flow: row nowrap;
    }

    .ktc-sustainability .block.block--vertical-reverse .block__item::before {
        right: auto;
        left: 50%;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-reverse .block__item .block__img {
        left: auto;
        right: 0;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-reverse .block__item .block__body {
        padding-right: 0;
        padding-left: 3rem;
    }
}

@media (min-width: 1200px) {
    .ktc-sustainability .block.block--vertical-reverse .block__item .block__body {
        padding: 5rem 0 5rem 5rem;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-reverse .block__dots .dots {
        width: 960px;
        right: auto;
        align-items: flex-end;
        left: 30px;
    }
}

@media (min-width: 1200px) {
    .ktc-sustainability .block.block--vertical-reverse .block__dots .dots {
        width: 1140px;
    }
}

@media only screen and (min-width: 1300px) {
    .ktc-sustainability .block.block--vertical-reverse .block__dots .dots {
        left: 3vw;
    }
}

@media (min-width: 1440px) {
    .ktc-sustainability .block.block--vertical-reverse .block__dots .dots {
        width: 1320px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-cross .block__item:nth-child(odd) {
        flex-flow: row nowrap;
    }

    .ktc-sustainability .block.block--vertical-cross .block__item:nth-child(odd)::before {
        right: auto;
        left: 50%;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-cross .block__item:nth-child(odd) .block__img {
        left: auto;
        right: 0;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-cross .block__item:nth-child(odd) .block__body {
        padding-right: 0;
        padding-left: 3rem;
    }
}

@media (min-width: 1200px) {
    .ktc-sustainability .block.block--vertical-cross .block__item:nth-child(odd) .block__body {
        padding: 5rem 0 5rem 5rem;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-single .block__figure {
        position: relative;
        top: 0;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-single .block__img {
        height: 650px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .block.block--vertical-single .block__body {
        min-height: 650px;
    }
}

html[lang=en] .ktc-sustainability .block .block__title {
    font-size: 1.375rem;
    font-weight: 700;
}

html[lang=en] .ktc-sustainability .block.block--anti-corruption .block__title,
html[lang=en] .ktc-sustainability .block.block--anti-corruption-2 .block__title {
    font-size: 1.25rem;
    font-weight: 700;
}

html[lang=en] .ktc-sustainability .block.block--collaboration .block__text {
    font-size: 1.25rem;
    font-weight: 700;
}

html[lang=en] .ktc-sustainability .block.block--counter-number .block__title {
    font-size: 1.5625rem;
    font-weight: 700;
}

html[lang=en] .ktc-sustainability .block.block--counter-number .block__value {
    font-size: 11.25rem;
    font-weight: 700;
    line-height: 1;
}

html[lang=en] .ktc-sustainability .block.block--counter-number .block__subtext {
    font-size: 1.25rem;
    font-weight: 700;
}

html[lang=en] .ktc-sustainability .block.block--dimension .block__number {
    font-size: 4.6875rem;
    font-style: italic;
    font-weight: 500;
    line-height: 1;
}

@media (min-width: 768px) {
    html[lang=en] .ktc-sustainability .block.block--dimension .block__number {
        font-size: 6.875rem;
    }
}

html[lang=en] .ktc-sustainability .block.block--dimension .block__title {
    font-size: 0.875rem;
    font-weight: 700;
}

@media (min-width: 768px) {
    html[lang=en] .ktc-sustainability .block.block--dimension .block__title {
        font-size: 1rem;
    }
}

html[lang=en] .ktc-sustainability .block.block--gri .block__left {
    font-size: 1.25rem;
    font-weight: 700;
}

html[lang=en] .ktc-sustainability .block.block--human-resource .block__title {
    font-size: 1rem;
    font-weight: 700;
}

html[lang=en] .ktc-sustainability .block.block--human-rights .block__body {
    font-size: 1rem;
}

html[lang=en] .ktc-sustainability .block.block--isc .block__body,
html[lang=en] .ktc-sustainability .block.block--isc-2 .block__body {
    font-size: 1rem;
}

html[lang=en] .ktc-sustainability .block.block--iso .block__title {
    font-size: 1rem;
    font-weight: 700;
}

html[lang=en] .ktc-sustainability .block.block--occupational .block__text {
    font-size: 1.25rem;
    font-weight: 700;
}

@media (max-width: 767.98px) {
    html[lang=en] .ktc-sustainability .block.block--occupational .block__text {
        font-size: 1rem;
    }
}

html[lang=en] .ktc-sustainability .block.block--overview .block__title {
    font-size: 1.25rem;
    font-weight: 700;
}

html[lang=en] .ktc-sustainability .block.block--overview .block__text {
    font-size: 1.25rem;
}

html[lang=en] .ktc-sustainability .block.block--overview .block__value {
    font-family: "Gotham Rnd", "Sukhumvit Tadmai";
    font-size: 2rem;
    font-weight: 900;
}

html[lang=en] .ktc-sustainability .block.block--overview .block__unit {
    font-family: "Gotham Rnd", "Sukhumvit Tadmai";
    font-size: 1.25rem;
    font-weight: 400;
}

html[lang=en] .ktc-sustainability .block.block--shake .block__title {
    font-size: 1rem;
    font-weight: 400;
}

html[lang=en] .ktc-sustainability .block.block--shake .block__value {
    font-size: 1.25rem;
    font-weight: 700;
}

html[lang=en] .ktc-sustainability .block.block--shake .block__unit {
    font-size: 1rem;
    font-weight: 700;
}

html[lang=en] .ktc-sustainability .block.block--shake.theme-human-resource .block__value {
    font-size: 1.5625rem;
}

html[lang=en] .ktc-sustainability .block.block--vertical .block__title,
html[lang=en] .ktc-sustainability .block.block--vertical-2 .block__title,
html[lang=en] .ktc-sustainability .block.block--vertical-reverse .block__title,
html[lang=en] .ktc-sustainability .block.block--vertical-cross .block__title,
html[lang=en] .ktc-sustainability .block.block--vertical-single .block__title {
    font-size: 1.125rem;
    font-weight: 700;
}

@media (min-width: 992px) {

    html[lang=en] .ktc-sustainability .block.block--vertical .block__title,
    html[lang=en] .ktc-sustainability .block.block--vertical-2 .block__title,
    html[lang=en] .ktc-sustainability .block.block--vertical-reverse .block__title,
    html[lang=en] .ktc-sustainability .block.block--vertical-cross .block__title,
    html[lang=en] .ktc-sustainability .block.block--vertical-single .block__title {
        font-size: 1.25rem;
    }
}

html[lang=en] .ktc-sustainability .block.block--vertical .block__text,
html[lang=en] .ktc-sustainability .block.block--vertical-2 .block__text,
html[lang=en] .ktc-sustainability .block.block--vertical-reverse .block__text,
html[lang=en] .ktc-sustainability .block.block--vertical-cross .block__text,
html[lang=en] .ktc-sustainability .block.block--vertical-single .block__text {
    font-size: 1.25rem;
}

@media (min-width: 992px) {

    html[lang=en] .ktc-sustainability .block.block--vertical .block__text,
    html[lang=en] .ktc-sustainability .block.block--vertical-2 .block__text,
    html[lang=en] .ktc-sustainability .block.block--vertical-reverse .block__text,
    html[lang=en] .ktc-sustainability .block.block--vertical-cross .block__text,
    html[lang=en] .ktc-sustainability .block.block--vertical-single .block__text {
        font-size: 1.375rem;
    }
}

html[lang=th] .ktc-sustainability .block .block__title {
    font-size: 1.375rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .block.block--anti-corruption .block__title,
html[lang=th] .ktc-sustainability .block.block--anti-corruption-2 .block__title {
    font-size: 1.25rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .block.block--collaboration .block__text {
    font-size: 1.25rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .block.block--counter-number .block__title {
    font-size: 1.5625rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .block.block--counter-number .block__value {
    font-size: 11.25rem;
    font-weight: 700;
    line-height: 1;
}

html[lang=th] .ktc-sustainability .block.block--counter-number .block__subtext {
    font-size: 1.25rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .block.block--dimension .block__number {
    font-size: 4.6875rem;
    font-style: italic;
    font-weight: 500;
    line-height: 1;
}

@media (min-width: 768px) {
    html[lang=th] .ktc-sustainability .block.block--dimension .block__number {
        font-size: 6.875rem;
    }
}

html[lang=th] .ktc-sustainability .block.block--dimension .block__title {
    font-size: 0.875rem;
    font-weight: 700;
}

@media (min-width: 768px) {
    html[lang=th] .ktc-sustainability .block.block--dimension .block__title {
        font-size: 1rem;
    }
}

html[lang=th] .ktc-sustainability .block.block--gri .block__left {
    font-size: 1.25rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .block.block--human-resource .block__title {
    font-size: 1rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .block.block--human-rights .block__body {
    font-size: 1rem;
}

html[lang=th] .ktc-sustainability .block.block--isc .block__body,
html[lang=th] .ktc-sustainability .block.block--isc-2 .block__body {
    font-size: 1rem;
}

html[lang=th] .ktc-sustainability .block.block--iso .block__title {
    font-size: 1rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .block.block--occupational .block__text {
    font-size: 1.25rem;
    font-weight: 700;
}

@media (max-width: 767.98px) {
    html[lang=th] .ktc-sustainability .block.block--occupational .block__text {
        font-size: 1rem;
    }
}

html[lang=th] .ktc-sustainability .block.block--overview .block__title {
    font-size: 1.25rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .block.block--overview .block__text {
    font-size: 1.25rem;
}

html[lang=th] .ktc-sustainability .block.block--overview .block__value {
    font-family: "Gotham Rnd", "Sukhumvit Tadmai";
    font-size: 2rem;
    font-weight: 900;
}

html[lang=th] .ktc-sustainability .block.block--overview .block__unit {
    font-family: "Gotham Rnd", "Sukhumvit Tadmai";
    font-size: 1.25rem;
    font-weight: 400;
}

html[lang=th] .ktc-sustainability .block.block--shake .block__title {
    font-size: 1rem;
    font-weight: 400;
}

html[lang=th] .ktc-sustainability .block.block--shake .block__value {
    font-size: 1.25rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .block.block--shake .block__unit {
    font-size: 1rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .block.block--shake.theme-human-resource .block__value {
    font-size: 1.5625rem;
}

html[lang=th] .ktc-sustainability .block.block--vertical .block__title,
html[lang=th] .ktc-sustainability .block.block--vertical-2 .block__title,
html[lang=th] .ktc-sustainability .block.block--vertical-reverse .block__title,
html[lang=th] .ktc-sustainability .block.block--vertical-cross .block__title,
html[lang=th] .ktc-sustainability .block.block--vertical-single .block__title {
    font-size: 1.125rem;
    font-weight: 700;
}

@media (min-width: 992px) {

    html[lang=th] .ktc-sustainability .block.block--vertical .block__title,
    html[lang=th] .ktc-sustainability .block.block--vertical-2 .block__title,
    html[lang=th] .ktc-sustainability .block.block--vertical-reverse .block__title,
    html[lang=th] .ktc-sustainability .block.block--vertical-cross .block__title,
    html[lang=th] .ktc-sustainability .block.block--vertical-single .block__title {
        font-size: 1.25rem;
    }
}

html[lang=th] .ktc-sustainability .block.block--vertical .block__text,
html[lang=th] .ktc-sustainability .block.block--vertical-2 .block__text,
html[lang=th] .ktc-sustainability .block.block--vertical-reverse .block__text,
html[lang=th] .ktc-sustainability .block.block--vertical-cross .block__text,
html[lang=th] .ktc-sustainability .block.block--vertical-single .block__text {
    font-size: 1.25rem;
}

@media (min-width: 992px) {

    html[lang=th] .ktc-sustainability .block.block--vertical .block__text,
    html[lang=th] .ktc-sustainability .block.block--vertical-2 .block__text,
    html[lang=th] .ktc-sustainability .block.block--vertical-reverse .block__text,
    html[lang=th] .ktc-sustainability .block.block--vertical-cross .block__text,
    html[lang=th] .ktc-sustainability .block.block--vertical-single .block__text {
        font-size: 1.375rem;
    }
}

.ktc-sustainability .btn {
    position: relative;
    padding: 0;
    border: 0;
    border-radius: 0;
    text-align: left;
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.ktc-sustainability .btn .btn__title {
    position: relative;
    white-space: normal;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.ktc-sustainability .btn .btn__title+.btn__icon {
    margin-left: 0.5rem;
}

.ktc-sustainability .btn .btn__icon {
    display: inline-flex;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.ktc-sustainability .btn .btn__icon+.btn__title {
    margin-left: 0.5rem;
}

.ktc-sustainability .btn:hover {
    text-decoration: none;
}

.ktc-sustainability .btn[disabled] {
    pointer-events: initial;
    cursor: not-allowed;
}

.ktc-sustainability button[disabled] {
    pointer-events: initial;
    cursor: not-allowed;
}

.ktc-sustainability .btn.btn--primary,
.ktc-sustainability .btn.btn--primary-outline-green,
.ktc-sustainability .btn.btn--primary-white,
.ktc-sustainability .btn.btn--primary-outline {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0.25rem 0.5rem;
    min-height: 38px;
    min-width: 140px;
    border-radius: 6px;
    border: 1px solid #cf3339;
    background-color: #cf3339;
}

.ktc-sustainability .btn.btn--primary .btn__title,
.ktc-sustainability .btn.btn--primary-outline-green .btn__title,
.ktc-sustainability .btn.btn--primary-white .btn__title,
.ktc-sustainability .btn.btn--primary-outline .btn__title {
    color: #FFFFFF;
}

.ktc-sustainability .btn.btn--primary .btn__title+.btn__icon,
.ktc-sustainability .btn.btn--primary-outline-green .btn__title+.btn__icon,
.ktc-sustainability .btn.btn--primary-white .btn__title+.btn__icon,
.ktc-sustainability .btn.btn--primary-outline .btn__title+.btn__icon {
    margin-left: 0.5rem;
}

.ktc-sustainability .btn.btn--primary .btn__icon,
.ktc-sustainability .btn.btn--primary-outline-green .btn__icon,
.ktc-sustainability .btn.btn--primary-white .btn__icon,
.ktc-sustainability .btn.btn--primary-outline .btn__icon {
    display: inline-flex;
    color: #FFFFFF;
    font-size: 0.875rem;
}

.ktc-sustainability .btn.btn--primary .btn__icon+.btn__title,
.ktc-sustainability .btn.btn--primary-outline-green .btn__icon+.btn__title,
.ktc-sustainability .btn.btn--primary-white .btn__icon+.btn__title,
.ktc-sustainability .btn.btn--primary-outline .btn__icon+.btn__title {
    margin-left: 0.5rem;
}

.ktc-sustainability .btn.btn--primary:hover,
.ktc-sustainability .btn.btn--primary-outline-green:hover,
.ktc-sustainability .btn.btn--primary-white:hover,
.ktc-sustainability .btn.btn--primary-outline:hover {
    border-color: #b52e33;
    background-color: #b52e33;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.ktc-sustainability .btn.btn--primary:hover .btn__title,
.ktc-sustainability .btn.btn--primary-outline-green:hover .btn__title,
.ktc-sustainability .btn.btn--primary-white:hover .btn__title,
.ktc-sustainability .btn.btn--primary-outline:hover .btn__title,
.ktc-sustainability .btn.btn--primary:hover .btn__icon,
.ktc-sustainability .btn.btn--primary-outline-green:hover .btn__icon,
.ktc-sustainability .btn.btn--primary-white:hover .btn__icon,
.ktc-sustainability .btn.btn--primary-outline:hover .btn__icon {
    color: #FFFFFF;
}

.ktc-sustainability .btn.btn--primary-outline {
    background-color: transparent;
}

.ktc-sustainability .btn.btn--primary-outline .btn__title {
    color: #cf3339;
}

.ktc-sustainability .btn.btn--primary-outline .btn__icon {
    color: #cf3339;
}

.ktc-sustainability .btn.btn--primary-white {
    border-color: #FFFFFF;
    background-color: transparent;
}

.ktc-sustainability .btn.btn--primary-white .btn__title {
    color: #FFFFFF;
}

.ktc-sustainability .btn.btn--primary-white .btn__icon {
    color: #FFFFFF;
}

.ktc-sustainability .btn.btn--primary-outline-green {
    padding: 0.25rem 5rem;
    background-color: transparent;
    border: 1px solid #02978E;
}

.ktc-sustainability .btn.btn--primary-outline-green .btn__title {
    color: #02978E;
}

.ktc-sustainability .btn.btn--primary-outline-green .btn__icon {
    color: #02978E;
}

.ktc-sustainability .btn.btn--primary-outline-green:hover {
    border-color: #02978E;
    background-color: #02978E;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.ktc-sustainability .btn.btn--primary-outline-green:hover .btn__title,
.ktc-sustainability .btn.btn--primary-outline-green:hover .btn__icon {
    color: #FFFFFF;
}

.ktc-sustainability .btn.btn--icon-download {
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.ktc-sustainability .btn.btn--icon-download:hover .btn__icon {
    color: #CB333B;
    animation: download-icon 1s ease-out 1 forwards;
}

.ktc-sustainability .btn.btn--icon-download .btn__title {
    color: #707070;
    padding-top: 2px;
}

.ktc-sustainability .btn.btn--icon-download .btn__icon {
    color: #707070;
    font-size: 1.375rem;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.ktc-sustainability .btn .btn.btn-size-m,
.ktc-sustainability .btn .btn.btn-size-l {
    min-height: 48px;
    padding: 0.5rem 1.5rem;
}

@media (min-width: 992px) {
    .ktc-sustainability .btn.btn-size-l {
        min-height: 52px;
        padding: 0.5rem 2.25rem;
    }

    .ktc-sustainability .btn.btn-size-l .btn__title+.btn__icon {
        margin-left: 1rem;
    }

    .ktc-sustainability .btn.btn-size-l .btn__icon+.btn__title {
        margin-left: 1rem;
    }
}

.ktc-sustainability .btn.btn--submit {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 12px;
    min-height: 40px;
    min-width: 280px;
    border-radius: 6px;
    border: 1px solid #cf3339;
    background-color: #cf3339;
}

.ktc-sustainability .btn.btn--submit .btn__title {
    color: #FFFFFF;
}

.ktc-sustainability .btn.btn--submit .btn__title+.btn__icon {
    margin-left: 0.5rem;
}

.ktc-sustainability .btn.btn--submit[disabled] {
    border: 1px solid #D9D9D9;
    background-color: #D9D9D9;
}

.ktc-sustainability .btn.btn--submit:hover {
    border-color: #b52e33;
    background-color: #b52e33;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.ktc-sustainability .btn.btn--submit:hover .btn__title,
.ktc-sustainability .btn.btn--submit:hover .btn__icon {
    color: #FFFFFF;
}

.ktc-sustainability .btn.btn--login {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0.25rem;
    min-height: 38px;
    min-width: 140px;
    border-radius: 6px;
    border: 1px solid #FFFFFF;
    background-color: transparent;
}

.ktc-sustainability .btn.btn--login .btn__title {
    color: #FFFFFF;
}

.ktc-sustainability .btn.btn--login .btn__title+.btn__icon {
    margin-left: 0.5rem;
}

.ktc-sustainability .btn.btn--login .btn__icon {
    display: inline-flex;
    color: #FFFFFF;
    font-size: 0.875rem;
}

.ktc-sustainability .btn.btn--login .btn__icon+.btn__title {
    margin-left: 0.5rem;
}

.ktc-sustainability .btn.btn--login:hover {
    background-color: #FFFFFF;
}

.ktc-sustainability .btn.btn--login:hover .btn__title,
.ktc-sustainability .btn.btn--login:hover .btn__icon {
    color: #000000;
}

html[lang=en] .ktc-sustainability .btn .btn__title {
    font-size: 1rem;
}

html[lang=en] .ktc-sustainability .btn.btn--icon-download .btn__title {
    font-size: 0.75rem;
}

html[lang=en] .ktc-sustainability .btn.btn--login .btn__title {
    font-size: 0.875rem;
    font-weight: 700;
}

html[lang=en] .ktc-sustainability .btn.btn--primary .btn__title,
html[lang=en] .ktc-sustainability .btn.btn--primary-outline .btn__title,
html[lang=en] .ktc-sustainability .btn.btn--primary-white .btn__title,
html[lang=en] .ktc-sustainability .btn.btn--primary-outline-green .btn__title {
    font-size: 0.875rem;
    font-weight: 700;
}

html[lang=en] .ktc-sustainability .btn.btn-size-m .btn__title,
html[lang=en] .ktc-sustainability .btn.btn-size-l .btn__title {
    font-size: 1rem;
}

@media (min-width: 992px) {
    html[lang=en] .ktc-sustainability .btn.btn-size-l .btn__title {
        font-size: 1.125rem;
    }
}

html[lang=en] .ktc-sustainability .btn.btn--submit .btn__title {
    font-size: 1rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .btn .btn__title {
    font-size: 1rem;
}

html[lang=th] .ktc-sustainability .btn.btn--icon-download .btn__title {
    font-size: 0.75rem;
}

html[lang=th] .ktc-sustainability .btn.btn--login .btn__title {
    font-size: 0.875rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .btn.btn--primary .btn__title,
html[lang=th] .ktc-sustainability .btn.btn--primary-outline .btn__title,
html[lang=th] .ktc-sustainability .btn.btn--primary-white .btn__title,
html[lang=th] .ktc-sustainability .btn.btn--primary-outline-green .btn__title {
    font-size: 0.875rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .btn.btn-size-m .btn__title,
html[lang=th] .ktc-sustainability .btn.btn-size-l .btn__title {
    font-size: 1rem;
}

@media (min-width: 992px) {
    html[lang=th] .ktc-sustainability .btn.btn-size-l .btn__title {
        font-size: 1.125rem;
    }
}

html[lang=th] .ktc-sustainability .btn.btn--submit .btn__title {
    font-size: 1rem;
    font-weight: 700;
}

.ktc-sustainability .card-deck {
    display: flex;
    flex-flow: row wrap;
    margin-left: -15px;
    margin-right: -15px;
    counter-reset: number;
}

.ktc-sustainability .card-deck .card {
    flex-grow: 1;
    flex-shrink: 0;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 15px;
}

@media (min-width: 576px) {
    .ktc-sustainability .card-deck .card {
        margin-bottom: 30px;
    }
}

@media (min-width: 0) {
    .ktc-sustainability .card-deck .card {
        flex-basis: calc(100% - 30px);
        flex: 0 0 calc(100% - 30px);
        max-width: calc(100% - 30px);
    }

    .ktc-sustainability .card-deck.card-deck--two .card {
        flex-basis: calc(100% - 30px);
        flex: 0 0 calc(100% - 30px);
        max-width: calc(100% - 30px);
    }

    .ktc-sustainability .card-deck.card-deck--three .card {
        flex-basis: calc(100% - 30px);
        flex: 0 0 calc(100% - 30px);
        max-width: calc(100% - 30px);
    }

    .ktc-sustainability .card-deck.card-deck--five .card {
        flex-basis: calc(100% - 30px);
        flex: 0 0 calc(100% - 30px);
        max-width: calc(100% - 30px);
    }

    .ktc-sustainability .card-deck.card-deck--six .card {
        flex-basis: calc(50% - 30px);
        flex: 0 0 calc(50% - 30px);
        max-width: calc(50% - 30px);
    }

    .ktc-sustainability .card-deck.card-deck--sustain-development {
        margin-left: 0;
        margin-right: 0;
    }

    .ktc-sustainability .card-deck.card-deck--sustain-development .card.card--sustain-development {
        margin-left: 0;
        margin-right: 0;
        flex-basis: calc(100% - 0px);
        flex: 0 0 calc(100% - 0px);
        max-width: calc(100% - 0px);
    }

    .ktc-sustainability .card-deck.card-deck--partner .card {
        flex-basis: calc(50% - 30px);
        flex: 0 0 calc(50% - 30px);
        max-width: calc(50% - 30px);
    }

    .ktc-sustainability .card-deck.card-deck--partner-2 .card {
        flex-basis: calc(50% - 30px);
        flex: 0 0 calc(50% - 30px);
        max-width: calc(50% - 30px);
    }
}

@media (min-width: 576px) {
    .ktc-sustainability .card-deck .card {
        flex-basis: calc(100% - 30px);
        flex: 0 0 calc(100% - 30px);
        max-width: calc(100% - 30px);
    }

    .ktc-sustainability .card-deck.card-deck--two .card {
        flex-basis: calc(100% - 30px);
        flex: 0 0 calc(100% - 30px);
        max-width: calc(100% - 30px);
    }

    .ktc-sustainability .card-deck.card-deck--three .card {
        flex-basis: calc(100% - 30px);
        flex: 0 0 calc(100% - 30px);
        max-width: calc(100% - 30px);
    }

    .ktc-sustainability .card-deck.card-deck--five .card {
        flex-basis: calc(100% - 30px);
        flex: 0 0 calc(100% - 30px);
        max-width: calc(100% - 30px);
    }

    .ktc-sustainability .card-deck.card-deck--six .card {
        flex-basis: calc(50% - 30px);
        flex: 0 0 calc(50% - 30px);
        max-width: calc(50% - 30px);
    }

    .ktc-sustainability .card-deck.card-deck--sustain-development {
        margin-left: 0;
        margin-right: 0;
    }

    .ktc-sustainability .card-deck.card-deck--sustain-development .card.card--sustain-development {
        margin-left: 0;
        margin-right: 0;
        flex-basis: calc(100% - 0px);
        flex: 0 0 calc(100% - 0px);
        max-width: calc(100% - 0px);
    }

    .ktc-sustainability .card-deck.card-deck--partner .card {
        flex-basis: calc(50% - 30px);
        flex: 0 0 calc(50% - 30px);
        max-width: calc(50% - 30px);
    }

    .ktc-sustainability .card-deck.card-deck--partner-2 .card {
        flex-basis: calc(50% - 30px);
        flex: 0 0 calc(50% - 30px);
        max-width: calc(50% - 30px);
    }
}

@media (min-width: 768px) {
    .ktc-sustainability .card-deck .card {
        flex-basis: calc(50% - 30px);
        flex: 0 0 calc(50% - 30px);
        max-width: calc(50% - 30px);
    }

    .ktc-sustainability .card-deck.card-deck--two .card {
        flex-basis: calc(50% - 30px);
        flex: 0 0 calc(50% - 30px);
        max-width: calc(50% - 30px);
    }

    .ktc-sustainability .card-deck.card-deck--three .card {
        flex-basis: calc(50% - 30px);
        flex: 0 0 calc(50% - 30px);
        max-width: calc(50% - 30px);
    }

    .ktc-sustainability .card-deck.card-deck--five .card {
        flex-basis: calc(33.3333333333% - 30px);
        flex: 0 0 calc(33.3333333333% - 30px);
        max-width: calc(33.3333333333% - 30px);
    }

    .ktc-sustainability .card-deck.card-deck--six .card {
        flex-basis: calc(33.3333333333% - 30px);
        flex: 0 0 calc(33.3333333333% - 30px);
        max-width: calc(33.3333333333% - 30px);
    }

    .ktc-sustainability .card-deck.card-deck--sustain-development {
        margin-left: 0;
        margin-right: 0;
    }

    .ktc-sustainability .card-deck.card-deck--sustain-development .card.card--sustain-development {
        margin-left: 0;
        margin-right: 0;
        flex-basis: calc(100% - 0px);
        flex: 0 0 calc(100% - 0px);
        max-width: calc(100% - 0px);
    }

    .ktc-sustainability .card-deck.card-deck--partner .card {
        flex-basis: calc(33.3333333333% - 30px);
        flex: 0 0 calc(33.3333333333% - 30px);
        max-width: calc(33.3333333333% - 30px);
    }

    .ktc-sustainability .card-deck.card-deck--partner-2 .card {
        flex-basis: calc(33.3333333333% - 30px);
        flex: 0 0 calc(33.3333333333% - 30px);
        max-width: calc(33.3333333333% - 30px);
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .card-deck .card {
        flex-basis: calc(50% - 30px);
        flex: 0 0 calc(50% - 30px);
        max-width: calc(50% - 30px);
    }

    .ktc-sustainability .card-deck.card-deck--two .card {
        flex-basis: calc(50% - 30px);
        flex: 0 0 calc(50% - 30px);
        max-width: calc(50% - 30px);
    }

    .ktc-sustainability .card-deck.card-deck--three .card {
        flex-basis: calc(50% - 30px);
        flex: 0 0 calc(50% - 30px);
        max-width: calc(50% - 30px);
    }

    .ktc-sustainability .card-deck.card-deck--five .card {
        flex-basis: calc(20% - 30px);
        flex: 0 0 calc(20% - 30px);
        max-width: calc(20% - 30px);
    }

    .ktc-sustainability .card-deck.card-deck--six .card {
        flex-basis: calc(25% - 30px);
        flex: 0 0 calc(25% - 30px);
        max-width: calc(25% - 30px);
    }

    .ktc-sustainability .card-deck.card-deck--sustain-development {
        margin-left: 0;
        margin-right: 0;
    }

    .ktc-sustainability .card-deck.card-deck--sustain-development .card.card--sustain-development {
        margin-left: 0;
        margin-right: 0;
        flex-basis: calc(33.3333333333% - 0px);
        flex: 0 0 calc(33.3333333333% - 0px);
        max-width: calc(33.3333333333% - 0px);
    }

    .ktc-sustainability .card-deck.card-deck--partner .card {
        flex-basis: calc(20% - 30px);
        flex: 0 0 calc(20% - 30px);
        max-width: calc(20% - 30px);
    }

    .ktc-sustainability .card-deck.card-deck--partner-2 .card {
        flex-basis: calc(25% - 30px);
        flex: 0 0 calc(25% - 30px);
        max-width: calc(25% - 30px);
    }
}

@media (min-width: 1200px) {
    .ktc-sustainability .card-deck .card {
        flex-basis: calc(25% - 30px);
        flex: 0 0 calc(25% - 30px);
        max-width: calc(25% - 30px);
    }

    .ktc-sustainability .card-deck.card-deck--two .card {
        flex-basis: calc(50% - 30px);
        flex: 0 0 calc(50% - 30px);
        max-width: calc(50% - 30px);
    }

    .ktc-sustainability .card-deck.card-deck--three .card {
        flex-basis: calc(33.3333333333% - 30px);
        flex: 0 0 calc(33.3333333333% - 30px);
        max-width: calc(33.3333333333% - 30px);
    }

    .ktc-sustainability .card-deck.card-deck--five .card {
        flex-basis: calc(20% - 30px);
        flex: 0 0 calc(20% - 30px);
        max-width: calc(20% - 30px);
    }

    .ktc-sustainability .card-deck.card-deck--six .card {
        flex-basis: calc(20% - 30px);
        flex: 0 0 calc(20% - 30px);
        max-width: calc(20% - 30px);
    }

    .ktc-sustainability .card-deck.card-deck--sustain-development {
        margin-left: 0;
        margin-right: 0;
    }

    .ktc-sustainability .card-deck.card-deck--sustain-development .card.card--sustain-development {
        margin-left: 0;
        margin-right: 0;
        flex-basis: calc(33.3333333333% - 0px);
        flex: 0 0 calc(33.3333333333% - 0px);
        max-width: calc(33.3333333333% - 0px);
    }

    .ktc-sustainability .card-deck.card-deck--partner .card {
        flex-basis: calc(20% - 30px);
        flex: 0 0 calc(20% - 30px);
        max-width: calc(20% - 30px);
    }

    .ktc-sustainability .card-deck.card-deck--partner-2 .card {
        flex-basis: calc(25% - 30px);
        flex: 0 0 calc(25% - 30px);
        max-width: calc(25% - 30px);
    }
}

@media (min-width: 1440px) {
    .ktc-sustainability .card-deck .card {
        flex-basis: calc(25% - 30px);
        flex: 0 0 calc(25% - 30px);
        max-width: calc(25% - 30px);
    }

    .ktc-sustainability .card-deck.card-deck--two .card {
        flex-basis: calc(50% - 30px);
        flex: 0 0 calc(50% - 30px);
        max-width: calc(50% - 30px);
    }

    .ktc-sustainability .card-deck.card-deck--three .card {
        flex-basis: calc(33.3333333333% - 30px);
        flex: 0 0 calc(33.3333333333% - 30px);
        max-width: calc(33.3333333333% - 30px);
    }

    .ktc-sustainability .card-deck.card-deck--five .card {
        flex-basis: calc(20% - 30px);
        flex: 0 0 calc(20% - 30px);
        max-width: calc(20% - 30px);
    }

    .ktc-sustainability .card-deck.card-deck--six .card {
        flex-basis: calc(16.6666666667% - 30px);
        flex: 0 0 calc(16.6666666667% - 30px);
        max-width: calc(16.6666666667% - 30px);
    }

    .ktc-sustainability .card-deck.card-deck--sustain-development {
        margin-left: 0;
        margin-right: 0;
    }

    .ktc-sustainability .card-deck.card-deck--sustain-development .card.card--sustain-development {
        margin-left: 0;
        margin-right: 0;
        flex-basis: calc(33.3333333333% - 0px);
        flex: 0 0 calc(33.3333333333% - 0px);
        max-width: calc(33.3333333333% - 0px);
    }

    .ktc-sustainability .card-deck.card-deck--partner .card {
        flex-basis: calc(20% - 30px);
        flex: 0 0 calc(20% - 30px);
        max-width: calc(20% - 30px);
    }

    .ktc-sustainability .card-deck.card-deck--partner-2 .card {
        flex-basis: calc(25% - 30px);
        flex: 0 0 calc(25% - 30px);
        max-width: calc(25% - 30px);
    }
}

.ktc-sustainability .card {
    border: none;
    border-radius: 0;
    background-color: transparent;
    text-decoration: none;
}

.ktc-sustainability .card:hover {
    text-decoration: none;
}

.ktc-sustainability .card .card__date {
    display: block;
}

.ktc-sustainability .card.card--activity .card__figure {
    position: relative;
    max-height: 211px;
    overflow: hidden;
    border-radius: 6px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.ktc-sustainability .card.card--activity .card__img {
    display: block;
    aspect-ratio: 4/3;
    height: 100%;
    width: 100%;
    margin: auto;
    object-fit: cover;
    overflow: hidden;
    border-radius: 6px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.ktc-sustainability .card.card--activity .card__body {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

@media (min-width: 992px) {
    .ktc-sustainability .card.card--activity .card__body {
        padding: 1.25rem 0;
    }
}

.ktc-sustainability .card.card--activity .card__title {
    color: #333333;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.ktc-sustainability .card.card--activity .card__date {
    color: #333333;
    margin-top: 1rem;
}

.ktc-sustainability .card.card--activity:hover .card__figure {
    transform: translateY(-5px);
}

.ktc-sustainability .card.card--anti-corruption {
    height: 100%;
    padding: 1.5rem;
}

.ktc-sustainability .card.card--anti-corruption .card__figure {
    position: relative;
}

.ktc-sustainability .card.card--anti-corruption .card__img {
    display: block;
    height: 90px;
    max-width: 100%;
    margin: auto;
}

.ktc-sustainability .card.card--anti-corruption .card__body {
    position: relative;
    margin-top: 2rem;
}

.ktc-sustainability .card.card--anti-corruption .card__title {
    color: #333333;
}

.ktc-sustainability .card.card--anti-corruption .card__text {
    color: #333333;
    margin-top: 0.5rem;
}

.ktc-sustainability .card.card--award .card__figure {
    position: relative;
    max-height: 220px;
    overflow: hidden;
    border-radius: 6px;
    border: 1px solid #F4F4F4;
    background: rgba(236, 236, 236, 0.4);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.ktc-sustainability .card.card--award .card__img {
    display: block;
    aspect-ratio: 4/3;
    height: 100%;
    max-width: 100%;
    margin: auto;
    object-fit: cover;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.ktc-sustainability .card.card--award .card__body {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

@media (min-width: 992px) {
    .ktc-sustainability .card.card--award .card__body {
        padding: 1.25rem 0;
    }
}

.ktc-sustainability .card.card--award .card__title {
    color: #333333;
}

.ktc-sustainability .card.card--award .card__text {
    color: #333333;
    margin-top: 1rem;
}

.ktc-sustainability .card.card--award .card__text>ul {
    padding-inline-start: 20px;
    margin-bottom: 0;
}

.ktc-sustainability .card.card--award:hover .card__figure {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
}

.ktc-sustainability .card.card--board {
    border-radius: 6px;
    cursor: pointer;
    overflow: hidden;
}

.ktc-sustainability .card.card--board:hover .card__img {
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
    transform: scale(1.02);
}

.ktc-sustainability .card.card--board:hover .card__body {
    background-color: #0057B8;
}

.ktc-sustainability .card.card--board:hover .card__title {
    color: #FFFFFF;
}

.ktc-sustainability .card.card--board:hover .card__position {
    color: #FFFFFF;
}

.ktc-sustainability .card.card--board .card__figure {
    position: relative;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    overflow: hidden;
    z-index: 1;
}

.ktc-sustainability .card.card--board .card__figure::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -moz-radial-gradient(177.44% 175.42% at 64.18% 104.92%, #FFFFFF 0%, #DBE6F3 100%);
    background: -webkit-radial-gradient(177.44% 175.42% at 64.18% 104.92%, #FFFFFF 0%, #DBE6F3 100%);
    background: radial-gradient(177.44% 175.42% at 64.18% 104.92%, #FFFFFF 0%, #DBE6F3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$white", endColorstr="$lightblue-4", GradientType=1);
    pointer-events: none;
    z-index: -1;
}

.ktc-sustainability .card.card--board .card__img {
    display: block;
    height: auto;
    max-height: 265px;
    max-width: 100%;
    margin: 0 auto -10px;
    object-fit: contain;
    object-position: center bottom;
    -webkit-transform: scale(0.97);
    -moz-transform: scale(0.97);
    -ms-transform: scale(0.97);
    -o-transform: scale(0.97);
    transform: scale(0.97);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.ktc-sustainability .card.card--board .card__body {
    position: relative;
    flex-grow: 1;
    padding: 1rem 1rem 1.5rem;
    min-height: 180px;
    background-color: #CEDCEF;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.ktc-sustainability .card.card--board .card__title {
    color: #333333;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.ktc-sustainability .card.card--board .card__position {
    margin-top: 0.5rem;
    color: #333333;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.ktc-sustainability .card.card--content {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    border-radius: 6px;
    border: 1px solid #80DFD9;
    padding: 24px 24px 53px 24px;
}

.ktc-sustainability .card.card--content .card__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    margin: 35px 0;
}

.ktc-sustainability .card.card--content .card__title {
    color: #333333;
    margin-bottom: 8px;
}

.ktc-sustainability .card.card--content .card__text {
    color: #333333;
}

.ktc-sustainability .card.card--director-appointment {
    height: 100%;
    padding: 1.5rem;
    border-radius: 6px;
    border: 1px solid #0057B8;
    background-color: transparent;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.ktc-sustainability .card.card--director-appointment:hover {
    background-color: #0057B8;
}

.ktc-sustainability .card.card--director-appointment:hover .card__title,
.ktc-sustainability .card.card--director-appointment:hover .card__text {
    color: #FFFFFF;
}

.ktc-sustainability .card.card--director-appointment .card__figure {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 210px;
}

.ktc-sustainability .card.card--director-appointment .card__img {
    display: block;
    margin: auto;
    height: 210px;
    max-width: 100%;
    object-fit: contain;
}

.ktc-sustainability .card.card--director-appointment .card__body {
    display: block;
    margin-top: 1.5rem;
}

.ktc-sustainability .card.card--director-appointment .card__title,
.ktc-sustainability .card.card--director-appointment .card__text {
    color: #333333;
}

@media (max-width: 991.98px) {
    .ktc-sustainability .card.card--home-award {
        border-radius: 6px;
        background-color: rgba(255, 255, 255, 0.9);
        border: 1px solid #333333;
        -webkit-box-shadow: 10px 10px 36px rgba(0, 0, 0, 0.06);
        -moz-box-shadow: 10px 10px 36px rgba(0, 0, 0, 0.06);
        box-shadow: 10px 10px 36px rgba(0, 0, 0, 0.06);
    }
}

.ktc-sustainability .card.card--home-award:hover .card__figure {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
}

.ktc-sustainability .card.card--home-award .card__figure {
    position: relative;
    max-height: 280px;
    overflow: hidden;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.ktc-sustainability .card.card--home-award .card__img {
    display: block;
    aspect-ratio: 4/3;
    height: auto;
    max-width: 100%;
    margin: auto;
    object-fit: contain;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.ktc-sustainability .card.card--home-award .card__body {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

@media (min-width: 992px) {
    .ktc-sustainability .card.card--home-award .card__body {
        padding: 0.5rem 0 1rem;
    }
}

.ktc-sustainability .card.card--home-award .card__title {
    color: #333333;
}

.ktc-sustainability .card.card--home-award .card__text {
    color: #333333;
    margin-top: 1rem;
}

.ktc-sustainability .card.card--home-award .card__text>ul {
    padding-inline-start: 20px;
    margin-bottom: 0;
}

.ktc-sustainability .card.card--human-resource {
    padding: 2.75rem 1.5rem 1.5rem;
    border: 1px solid #707070;
    border-radius: 16px;
}

.ktc-sustainability .card.card--human-resource .card__figure {
    position: relative;
}

.ktc-sustainability .card.card--human-resource .card__img {
    display: block;
    height: 90px;
    max-width: 100%;
    margin: auto;
    object-fit: contain;
}

.ktc-sustainability .card.card--human-resource .card__body {
    position: relative;
    margin-top: 3rem;
}

.ktc-sustainability .card.card--human-resource .card__title {
    color: #333333;
}

.ktc-sustainability .card.card--human-resource .card__text {
    color: #333333;
    margin-top: 0.5rem;
}

.ktc-sustainability .card.card--info {
    padding: 1.5rem;
    min-height: 180px;
    border-radius: 16px;
    background-color: #FFFFFF;
    -webkit-box-shadow: 0 0 10px rgba(142, 79, 58, 0.1);
    -moz-box-shadow: 0 0 10px rgba(142, 79, 58, 0.1);
    box-shadow: 0 0 10px rgba(142, 79, 58, 0.1);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.ktc-sustainability .card.card--info:hover {
    background-color: #0057B8;
}

.ktc-sustainability .card.card--info:hover .card__img {
    filter: brightness(0) invert(1);
}

.ktc-sustainability .card.card--info:hover .card__title {
    color: #FFFFFF;
}

.ktc-sustainability .card.card--info .card__figure {
    position: relative;
}

.ktc-sustainability .card.card--info .card__img {
    display: block;
    margin: auto;
    max-width: 100%;
    height: 60px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.ktc-sustainability .card.card--info .card__body {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-top: 1rem;
}

.ktc-sustainability .card.card--info .card__title {
    color: #333333;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.ktc-sustainability .card.card--mission {
    position: relative;
    padding: 1.5rem;
    border-radius: 6px;
    border: 1px solid #0057B8;
    counter-increment: number;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.ktc-sustainability .card.card--mission::before {
    content: counter(number);
    position: absolute;
    top: 0.25rem;
    left: 1.25rem;
    color: #0057B8;
    font-size: 3.125rem;
    font-weight: 700;
    pointer-events: none;
}

.ktc-sustainability .card.card--mission:hover {
    background-color: #0057B8;
}

.ktc-sustainability .card.card--mission:hover::before {
    color: #FFFFFF;
}

.ktc-sustainability .card.card--mission:hover .card__title {
    color: #FFFFFF;
}

.ktc-sustainability .card.card--mission .card__figure {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 245px;
}

.ktc-sustainability .card.card--mission .card__img {
    display: block;
    height: auto;
    max-width: 100%;
    margin: auto;
    object-fit: contain;
}

.ktc-sustainability .card.card--mission .card__body {
    margin-top: 1rem;
}

.ktc-sustainability .card.card--mission .card__title {
    color: #000000;
}

.ktc-sustainability .card.card--partner {
    padding: 1rem;
    min-height: 180px;
    border-radius: 16px;
    background-color: #FFFFFF;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(142, 79, 58, 0.1);
    -moz-box-shadow: 0px 0px 30px 0px rgba(142, 79, 58, 0.1);
    box-shadow: 0px 0px 30px 0px rgba(142, 79, 58, 0.1);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

@media (min-width: 576px) {
    .ktc-sustainability .card.card--partner {
        padding: 1.5rem;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .ktc-sustainability .card.card--partner {
        padding: 1rem;
    }
}

.ktc-sustainability .card.card--partner .card__figure {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 55px;
}

.ktc-sustainability .card.card--partner .card__img {
    display: block;
    margin: auto;
    max-width: 100%;
    height: auto;
    object-fit: cover;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.ktc-sustainability .card.card--partner .card__body {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-top: 1rem;
}

.ktc-sustainability .card.card--partner .card__title {
    color: #333333;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.ktc-sustainability .card.card--partner .card__text {
    margin-bottom: 30px;
}

.ktc-sustainability .card.card--report {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.ktc-sustainability .card.card--report .card__figure {
    flex: 0 0 100%;
    max-width: 100%;
    position: relative;
    display: flex;
    padding: 1.5rem;
    background-color: #F4F4F4;
}

@media (min-width: 992px) {
    .ktc-sustainability .card.card--report .card__figure {
        flex: 0 0 260px;
        max-width: 260px;
        padding: 1.75rem;
    }
}

.ktc-sustainability .card.card--report .card__img {
    display: block;
    margin: auto;
    width: 200px;
    height: auto;
    object-fit: cover;
    object-position: center;
}

.ktc-sustainability .card.card--report .card__body {
    flex: 0 0 100%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 1.5rem;
    text-align: center;
    border: 3px solid #F4F4F4;
}

@media (min-width: 992px) {
    .ktc-sustainability .card.card--report .card__body {
        flex: 0 0 calc(100% - 260px);
        max-width: calc(100% - 260px);
        padding-left: 2.5rem;
        text-align: left;
        border: 0;
    }
}

.ktc-sustainability .card.card--report .card__btn {
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (min-width: 768px) {
    .ktc-sustainability .card.card--report .card__btn {
        flex-direction: column;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .card.card--report .card__btn {
        align-items: flex-start;
        margin-top: 0.5rem;
    }
}

.ktc-sustainability .card.card--report .card__btn .btn {
    margin-top: 1.25rem;
}

.ktc-sustainability .card.card--report .card__btn .btn:not(:first-child) {
    margin-left: 1rem;
}

@media (min-width: 768px) {
    .ktc-sustainability .card.card--report .card__btn .btn:not(:first-child) {
        margin-left: 0;
    }
}

.ktc-sustainability .card.card--sdgs .card__top {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}

.ktc-sustainability .card.card--sdgs .card__figure {
    position: relative;
    margin-right: 1.625rem;
}

.ktc-sustainability .card.card--sdgs .card__img {
    display: block;
    margin: auto;
    height: auto;
    width: 125px;
    object-fit: contain;
}

@media (min-width: 1200px) {
    .ktc-sustainability .card.card--sdgs .card__img {
        width: 180px;
    }
}

.ktc-sustainability .card.card--sdgs .card__body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-grow: 1;
}

.ktc-sustainability .card.card--sdgs .card__title {
    padding-bottom: 0.5rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #707070;
}

.ktc-sustainability .card.card--sdgs .card__bottom {
    display: flex;
    flex-direction: column;
    margin-top: 2rem;
}

.ktc-sustainability .card.card--sdgs .card__lead {
    color: #000000;
    margin-bottom: 0.5rem;
}

.ktc-sustainability .card.card--sdgs .card__text {
    color: #333333;
}

.ktc-sustainability .card.card--sustain-development .card__figure {
    position: relative;
}

.ktc-sustainability .card.card--sustain-development .card__figure::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 70%;
    width: 100%;
    border-radius: 6px;
    background: -moz-linear-gradient(180deg, transparent 0%, #000000 100%);
    background: -webkit-linear-gradient(180deg, transparent 0%, #000000 100%);
    background: linear-gradient(180deg, transparent 0%, #000000 100%);
    opacity: 0.45;
    pointer-events: none;
}

@media (min-width: 992px) {
    .ktc-sustainability .card.card--sustain-development .card__figure::before {
        height: 50%;
        border-radius: 0;
    }
}

.ktc-sustainability .card.card--sustain-development .card__img {
    display: block;
    height: auto;
    max-width: 100%;
    border-radius: 6px;
    object-fit: cover;
}

@media (max-width: 991.98px) {
    .ktc-sustainability .card.card--sustain-development .card__img {
        width: 100%;
        max-height: 450px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .card.card--sustain-development .card__img {
        border-radius: 0;
    }
}

.ktc-sustainability .card.card--sustain-development .card__body {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 2rem;
}

.ktc-sustainability .card.card--sustain-development .card__header {
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
}

.ktc-sustainability .card.card--sustain-development .card__icon {
    display: block;
    height: 45px;
    max-width: 100%;
    margin-right: 1rem;
}

.ktc-sustainability .card.card--sustain-development .card__title {
    color: #FFFFFF;
}

.ktc-sustainability .card.card--sustain-development .card__text {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    min-height: 72px;
    color: #FFFFFF;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ktc-sustainability .card.card--sustain-development .card__btn {
    display: flex;
    align-items: flex-end;
    flex-grow: 1;
    margin-top: 1.25rem;
}

.ktc-sustainability .card.card--investor-kit {
    border: 0;
    border-radius: 0;
    border-top: 10px solid #000000;
    box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.102);
    margin-bottom: 2rem;
}

.ktc-sustainability .card.card--investor-kit .card__year {
    color: #000000;
    text-align: center;
    padding: 1rem;
    margin: 0;
}

.ktc-sustainability .card.card--investor-kit .card__body {
    flex: 1 1 auto;
    position: relative;
}

.ktc-sustainability .card.card--investor-kit .card__body .custom-checkbox {
    align-items: unset;
}

.ktc-sustainability .card.card--investor-kit .card__body .custom-checkbox .custom-control-label {
    border-radius: 50px;
    padding: 0;
}

.ktc-sustainability .card.card--investor-kit .card__title {
    margin-bottom: 0.5rem;
}

.ktc-sustainability .card.card--investor-kit .card__item {
    padding: 1.25rem 1.93rem;
}

.ktc-sustainability .card.card--investor-kit .card__item.card__item--yearly {
    padding-right: 3.18rem;
    display: flex;
    justify-content: space-between;
}

.ktc-sustainability .card.card--investor-kit .card__item.card__item--yearly .card__title {
    margin-bottom: 0;
}

.ktc-sustainability .card.card--investor-kit .card__block {
    display: flex;
    align-items: center;
}

.ktc-sustainability .card.card--investor-kit .card__text {
    color: #000000;
    line-height: 14px;
    margin: 0 0 0 1.45rem;
}

.ktc-sustainability .card.card--investor-kit .card__wrapper {
    padding: 0 1.25rem;
    display: flex;
    justify-content: space-between;
}

.ktc-sustainability .card.card--investor-kit .card__button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1 1 auto;
    padding: 1.25rem 5.55rem 3.37rem 1.93rem;
}

.ktc-sustainability .card.card--investor-kit .card__button .custom-checkbox {
    align-items: unset;
}

.ktc-sustainability .card.card--investor-kit .card__button .custom-checkbox .custom-control-label {
    padding: 0;
}

.ktc-sustainability .card.card--investor-kit .card__button .card__title {
    margin-bottom: 0;
}

html[lang=en] .ktc-sustainability .card.card--activity .card__title {
    font-size: 1.25rem;
    font-weight: 700;
}

html[lang=en] .ktc-sustainability .card.card--activity .card__date {
    font-size: 0.75rem;
    font-weight: 700;
}

html[lang=en] .ktc-sustainability .card.card--anti-corruption .card__title {
    font-size: 1rem;
    font-weight: 700;
}

html[lang=en] .ktc-sustainability .card.card--anti-corruption .card__text {
    font-size: 1rem;
}

html[lang=en] .ktc-sustainability .card.card--award .card__title {
    font-size: 1.25rem;
    font-weight: 700;
}

html[lang=en] .ktc-sustainability .card.card--board .card__title {
    font-size: 1.25rem;
    font-weight: 700;
}

html[lang=en] .ktc-sustainability .card.card--content .card__title {
    font-size: 1rem;
    font-weight: 700;
}

html[lang=en] .ktc-sustainability .card.card--content .card__text {
    font-size: 1rem;
    font-weight: 400;
}

html[lang=en] .ktc-sustainability .card.card--home-award .card__title {
    font-size: 1.25rem;
    font-weight: 700;
}

html[lang=en] .ktc-sustainability .card.card--human-resource .card__title {
    font-size: 1rem;
    font-weight: 700;
}

html[lang=en] .ktc-sustainability .card.card--human-resource .card__text {
    font-size: 1rem;
}

html[lang=en] .ktc-sustainability .card.card--info .card__title {
    font-size: 0.875rem;
}

html[lang=en] .ktc-sustainability .card.card--investor-kit .card__year {
    font-family: "Gotham Rnd", "Sukhumvit Tadmai";
    font-size: 1.125rem;
}

html[lang=en] .ktc-sustainability .card.card--investor-kit .card__title {
    font-family: "Gotham Rnd", "Sukhumvit Tadmai";
    font-size: 1rem;
    font-weight: 700;
}

html[lang=en] .ktc-sustainability .card.card--investor-kit .card__text {
    font-size: 0.875rem;
}

html[lang=en] .ktc-sustainability .card.card--investor-kit .card__button .card__title {
    font-family: "Gotham Rnd", "Sukhumvit Tadmai";
    font-weight: 700;
}

html[lang=en] .ktc-sustainability .card.card--partner .card__title {
    font-size: 0.875rem;
}

html[lang=en] .ktc-sustainability .card.card--partner .card__text {
    font-weight: 700;
}

@media (max-width: 1199.98px) {
    html[lang=en] .ktc-sustainability .card.card--report .card__title {
        font-size: 1rem;
    }
}

html[lang=en] .ktc-sustainability .card.card--sdgs .card__no {
    font-weight: 700;
    font-size: 3.125rem;
    line-height: 1;
}

html[lang=en] .ktc-sustainability .card.card--sdgs .card__title {
    font-size: 1.5625rem;
    font-weight: 700;
}

@media (min-width: 992px) {
    html[lang=en] .ktc-sustainability .card.card--sdgs .card__title {
        font-size: 2rem;
    }
}

html[lang=en] .ktc-sustainability .card.card--sdgs .card__lead {
    font-size: 1.25rem;
    font-weight: 700;
}

html[lang=en] .ktc-sustainability .card.card--sdgs .card__text {
    font-size: 1.25rem;
}

html[lang=en] .ktc-sustainability .card.card--sustain-development .card__title {
    font-size: 1.25rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .card.card--activity .card__title {
    font-size: 1.25rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .card.card--activity .card__date {
    font-size: 0.75rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .card.card--anti-corruption .card__title {
    font-size: 1rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .card.card--anti-corruption .card__text {
    font-size: 1rem;
}

html[lang=th] .ktc-sustainability .card.card--award .card__title {
    font-size: 1.25rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .card.card--board .card__title {
    font-size: 1.25rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .card.card--content .card__title {
    font-size: 1rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .card.card--content .card__text {
    font-size: 1rem;
    font-weight: 400;
}

html[lang=th] .ktc-sustainability .card.card--home-award .card__title {
    font-size: 1.25rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .card.card--human-resource .card__title {
    font-size: 1rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .card.card--human-resource .card__text {
    font-size: 1rem;
}

html[lang=th] .ktc-sustainability .card.card--info .card__title {
    font-size: 0.875rem;
}

html[lang=th] .ktc-sustainability .card.card--investor-kit .card__year {
    font-family: "Gotham Rnd", "Sukhumvit Tadmai";
    font-size: 1.125rem;
}

html[lang=th] .ktc-sustainability .card.card--investor-kit .card__title {
    font-family: "Gotham Rnd", "Sukhumvit Tadmai";
    font-size: 1rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .card.card--investor-kit .card__text {
    font-size: 0.875rem;
}

html[lang=th] .ktc-sustainability .card.card--investor-kit .card__button .card__title {
    font-family: "Gotham Rnd", "Sukhumvit Tadmai";
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .card.card--partner .card__title {
    font-size: 0.875rem;
}

html[lang=th] .ktc-sustainability .card.card--partner .card__text {
    font-weight: 700;
}

@media (max-width: 1199.98px) {
    html[lang=th] .ktc-sustainability .card.card--report .card__title {
        font-size: 1rem;
    }
}

html[lang=th] .ktc-sustainability .card.card--sdgs .card__no {
    font-weight: 700;
    font-size: 3.125rem;
    line-height: 1;
}

html[lang=th] .ktc-sustainability .card.card--sdgs .card__title {
    font-size: 1.5625rem;
    font-weight: 700;
}

@media (min-width: 992px) {
    html[lang=th] .ktc-sustainability .card.card--sdgs .card__title {
        font-size: 2rem;
    }
}

html[lang=th] .ktc-sustainability .card.card--sdgs .card__lead {
    font-size: 1.25rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .card.card--sdgs .card__text {
    font-size: 1.25rem;
}

html[lang=th] .ktc-sustainability .card.card--sustain-development .card__title {
    font-size: 1.25rem;
    font-weight: 700;
}

.ktc-sustainability .circle-info.circle-info--anti-corruption-measures {
    position: relative;
    --size: 140px;
}

@media (min-width: 576px) {
    .ktc-sustainability .circle-info.circle-info--anti-corruption-measures {
        --size: 160px;
    }
}

.ktc-sustainability .circle-info.circle-info--anti-corruption-measures .circle-info__figure {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--size);
    height: var(--size);
    margin: auto;
    border-radius: 50%;
    background: -moz-linear-gradient(270deg, #8BE3FF 0.03%, #4A9FCF 78.24%);
    background: -webkit-linear-gradient(270deg, #8BE3FF 0.03%, #4A9FCF 78.24%);
    background: linear-gradient(270deg, #8BE3FF 0.03%, #4A9FCF 78.24%);
    overflow: hidden;
    z-index: 1;
}

.ktc-sustainability .circle-info.circle-info--anti-corruption-measures .circle-info__figure::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(var(--size) - 20px);
    height: calc(var(--size) - 20px);
    border-radius: 50%;
    background-color: #FFFFFF;
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -1;
    pointer-events: none;
}

.ktc-sustainability .circle-info.circle-info--anti-corruption-measures .circle-info__img {
    display: block;
    margin: auto;
    height: auto;
    width: 80px;
}

.ktc-sustainability .circle-info.circle-info--anti-corruption-measures .circle-info__body {
    display: block;
    margin-top: 1.25rem;
    text-align: center;
}

.ktc-sustainability .circle-info.circle-info--diversity-of-directors {
    --diversity_size: calc(100vw - 50px);
    position: relative;
}

@media (min-width: 576px) {
    .ktc-sustainability .circle-info.circle-info--diversity-of-directors {
        --diversity_size: 500px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .circle-info.circle-info--diversity-of-directors {
        --diversity_size: 800px;
    }
}

.ktc-sustainability .circle-info.circle-info--diversity-of-directors .circle-info__wrapper {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: var(--diversity_size);
    width: var(--diversity_size);
    margin: auto;
    z-index: 1;
}

.ktc-sustainability .circle-info.circle-info--diversity-of-directors .circle-info__figure {
    position: absolute;
    top: 0;
    left: 0;
    height: var(--diversity_size);
    width: var(--diversity_size);
    margin: auto;
    z-index: -1;
}

.ktc-sustainability .circle-info.circle-info--diversity-of-directors .circle-info__body-in,
.ktc-sustainability .circle-info.circle-info--diversity-of-directors .circle-info__body-in {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: var(--diversity_size);
    width: var(--diversity_size);
}

.ktc-sustainability .circle-info.circle-info--diversity-of-directors .circle-info__img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    margin: auto;
    height: 100%;
    width: 100%;
    object-fit: contain;
    pointer-events: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.ktc-sustainability .circle-info.circle-info--diversity-of-directors .circle-info__body {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(var(--diversity_size) / 2);
    height: calc(var(--diversity_size) / 2);
    text-align: center;
}

.ktc-sustainability .circle-info.circle-info--diversity-of-directors .circle-info__title {
    color: #B6B0FF;
}

.ktc-sustainability .circle-info.circle-info--stakeholder {
    --icon_size: 20px;
    --item_size: 35px;
    --circle_size: calc(100vw - (100vw * .15));
    --wrapper_circle_size: calc(var(--circle_size) - (var(--circle_size) * .19));
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: var(--circle_size);
}

@media (min-width: 576px) {
    .ktc-sustainability .circle-info.circle-info--stakeholder {
        --circle_size: 435px;
        --item_size: 45px;
        --icon_size: 25px;
        --wrapper_circle_size: calc(var(--circle_size) - (var(--circle_size) * .2));
    }
}

@media (min-width: 1200px) {
    .ktc-sustainability .circle-info.circle-info--stakeholder {
        --icon_size: 30px;
        --item_size: 55px;
        --circle_size: 535px;
    }
}

.ktc-sustainability .circle-info.circle-info--stakeholder .circle-info__bg {
    position: absolute;
    top: 50%;
    left: 50%;
    height: var(--circle_size);
    width: var(--circle_size);
    object-fit: contain;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.ktc-sustainability .circle-info.circle-info--stakeholder .circle-info__wrapper {
    position: relative;
    display: block;
    width: var(--wrapper_circle_size);
    height: var(--wrapper_circle_size);
    margin: 0 auto;
    padding: 0;
    border-radius: 100%;
    -webkit-transform: rotateZ(28deg);
    -moz-transform: rotateZ(28deg);
    -ms-transform: rotateZ(28deg);
    -o-transform: rotateZ(28deg);
    transform: rotateZ(28deg);
}

.ktc-sustainability .circle-info.circle-info--stakeholder .circle-info__item {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    text-align: center;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    transform-origin: calc(var(--wrapper_circle_size) / 2) calc(var(--wrapper_circle_size) / 2);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
}

@media (min-width: 576px) {
    .ktc-sustainability .circle-info.circle-info--stakeholder .circle-info__item {
        width: 105px;
        height: 105px;
    }
}

@media (min-width: 1200px) {
    .ktc-sustainability .circle-info.circle-info--stakeholder .circle-info__item {
        width: 130px;
        height: 130px;
    }
}

.ktc-sustainability .circle-info.circle-info--stakeholder .circle-info__item:nth-child(1) {
    transform: rotateZ(-1deg);
}

.ktc-sustainability .circle-info.circle-info--stakeholder .circle-info__item:nth-child(1) .circle-info__icon {
    transform: rotateZ(-27deg);
}

.ktc-sustainability .circle-info.circle-info--stakeholder .circle-info__item:nth-child(2) {
    transform: rotateZ(35deg);
}

.ktc-sustainability .circle-info.circle-info--stakeholder .circle-info__item:nth-child(2) .circle-info__icon {
    transform: rotateZ(-63deg);
}

.ktc-sustainability .circle-info.circle-info--stakeholder .circle-info__item:nth-child(3) {
    transform: rotateZ(71deg);
}

.ktc-sustainability .circle-info.circle-info--stakeholder .circle-info__item:nth-child(3) .circle-info__icon {
    transform: rotateZ(-99deg);
}

.ktc-sustainability .circle-info.circle-info--stakeholder .circle-info__item:nth-child(4) {
    transform: rotateZ(107deg);
}

.ktc-sustainability .circle-info.circle-info--stakeholder .circle-info__item:nth-child(4) .circle-info__icon {
    transform: rotateZ(-135deg);
}

.ktc-sustainability .circle-info.circle-info--stakeholder .circle-info__item:nth-child(5) {
    transform: rotateZ(143deg);
}

.ktc-sustainability .circle-info.circle-info--stakeholder .circle-info__item:nth-child(5) .circle-info__icon {
    transform: rotateZ(-171deg);
}

.ktc-sustainability .circle-info.circle-info--stakeholder .circle-info__item:nth-child(6) {
    transform: rotateZ(179deg);
}

.ktc-sustainability .circle-info.circle-info--stakeholder .circle-info__item:nth-child(6) .circle-info__icon {
    transform: rotateZ(-207deg);
}

.ktc-sustainability .circle-info.circle-info--stakeholder .circle-info__item:nth-child(7) {
    transform: rotateZ(215deg);
}

.ktc-sustainability .circle-info.circle-info--stakeholder .circle-info__item:nth-child(7) .circle-info__icon {
    transform: rotateZ(-243deg);
}

.ktc-sustainability .circle-info.circle-info--stakeholder .circle-info__item:nth-child(8) {
    transform: rotateZ(251deg);
}

.ktc-sustainability .circle-info.circle-info--stakeholder .circle-info__item:nth-child(8) .circle-info__icon {
    transform: rotateZ(-279deg);
}

.ktc-sustainability .circle-info.circle-info--stakeholder .circle-info__item:nth-child(9) {
    transform: rotateZ(287deg);
}

.ktc-sustainability .circle-info.circle-info--stakeholder .circle-info__item:nth-child(9) .circle-info__icon {
    transform: rotateZ(-315deg);
}

.ktc-sustainability .circle-info.circle-info--stakeholder .circle-info__item:nth-child(10) {
    transform: rotateZ(323deg);
}

.ktc-sustainability .circle-info.circle-info--stakeholder .circle-info__item:nth-child(10) .circle-info__icon {
    transform: rotateZ(-351deg);
}

.ktc-sustainability .circle-info.circle-info--stakeholder .circle-info__item:hover .circle-info__icon {
    color: #FFFFFF;
    background: -moz-linear-gradient(89deg, #171754 -27.68%, #4468D6 230.61%);
    background: -webkit-linear-gradient(89deg, #171754 -27.68%, #4468D6 230.61%);
    background: linear-gradient(89deg, #171754 -27.68%, #4468D6 230.61%);
}

.ktc-sustainability .circle-info.circle-info--stakeholder .circle-info__icon {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--item_size);
    height: var(--item_size);
    font-size: var(--icon_size);
    border-radius: 50%;
    background: -moz-linear-gradient(203deg, #FFFFFF 8.27%, #EAEAEB 91.12%);
    background: -webkit-linear-gradient(203deg, #FFFFFF 8.27%, #EAEAEB 91.12%);
    background: linear-gradient(203deg, #FFFFFF 8.27%, #EAEAEB 91.12%);
    -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

html[lang=en] .ktc-sustainability .circle-info.circle-info--anti-corruption-measures .circle-info__title {
    font-size: 0.875rem;
    font-weight: 700;
}

html[lang=en] .ktc-sustainability .circle-info.circle-info--diversity-of-directors .circle-info__title {
    font-size: 1rem;
    font-weight: 700;
}

@media (min-width: 576px) {
    html[lang=en] .ktc-sustainability .circle-info.circle-info--diversity-of-directors .circle-info__title {
        font-size: 1.25rem;
    }
}

@media (min-width: 992px) {
    html[lang=en] .ktc-sustainability .circle-info.circle-info--diversity-of-directors .circle-info__title {
        font-size: 1.5625rem;
    }
}

html[lang=th] .ktc-sustainability .circle-info.circle-info--anti-corruption-measures .circle-info__title {
    font-size: 0.875rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .circle-info.circle-info--diversity-of-directors .circle-info__title {
    font-size: 1rem;
    font-weight: 700;
}

@media (min-width: 576px) {
    html[lang=th] .ktc-sustainability .circle-info.circle-info--diversity-of-directors .circle-info__title {
        font-size: 1.25rem;
    }
}

@media (min-width: 992px) {
    html[lang=th] .ktc-sustainability .circle-info.circle-info--diversity-of-directors .circle-info__title {
        font-size: 1.5625rem;
    }
}

.ktc-sustainability .document-download.document-download--cg {
    position: relative;
}

.ktc-sustainability .document-download.document-download--cg .document-download__wrapper {
    display: flex;
    flex-direction: column;
}

.ktc-sustainability .document-download.document-download--cg .document-download__item {
    display: flex;
    flex-flow: row nowrap;
    padding: 0.5rem;
    min-height: 55px;
    border-bottom: 1px solid #D7D7D7;
    background-color: #FFFFFF;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.ktc-sustainability .document-download.document-download--cg .document-download__item:hover {
    background-color: #F4F4F4;
}

.ktc-sustainability .document-download.document-download--cg .document-download__body {
    flex: 0 0 calc(100% - 130px);
    max-width: calc(100% - 130px);
    display: flex;
    align-items: center;
}

.ktc-sustainability .document-download.document-download--cg .document-download__title {
    color: #333333;
}

.ktc-sustainability .document-download.document-download--cg .document-download__btn {
    flex: 0 0 130px;
    max-width: 130px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.ktc-sustainability .document-download.document-download--sustainability,
.ktc-sustainability .document-download.document-download--dimension {
    position: relative;
}

.ktc-sustainability .document-download.document-download--sustainability .document-download__wrapper,
.ktc-sustainability .document-download.document-download--dimension .document-download__wrapper {
    display: flex;
    flex-flow: row wrap;
}

@media (min-width: 992px) {

    .ktc-sustainability .document-download.document-download--sustainability .document-download__wrapper,
    .ktc-sustainability .document-download.document-download--dimension .document-download__wrapper {
        flex-flow: row nowrap;
    }
}

.ktc-sustainability .document-download.document-download--sustainability .document-download__left,
.ktc-sustainability .document-download.document-download--dimension .document-download__left,
.ktc-sustainability .document-download.document-download--sustainability .document-download__right,
.ktc-sustainability .document-download.document-download--dimension .document-download__right {
    flex: 0 0 100%;
    max-width: 100%;
}

@media (min-width: 992px) {

    .ktc-sustainability .document-download.document-download--sustainability .document-download__left,
    .ktc-sustainability .document-download.document-download--dimension .document-download__left,
    .ktc-sustainability .document-download.document-download--sustainability .document-download__right,
    .ktc-sustainability .document-download.document-download--dimension .document-download__right {
        flex: 0 0 calc(50% + 15px);
        max-width: calc(50% + 15px);
    }
}

.ktc-sustainability .document-download.document-download--sustainability .document-download__right,
.ktc-sustainability .document-download.document-download--dimension .document-download__right {
    position: relative;
    align-self: center;
    padding: 0.625rem 1.875rem 1.875rem;
    border-radius: 6px;
    background-color: #FFFFFF;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

@media (min-width: 992px) {

    .ktc-sustainability .document-download.document-download--sustainability .document-download__right,
    .ktc-sustainability .document-download.document-download--dimension .document-download__right {
        margin-top: 2rem;
        margin-bottom: 2rem;
        margin-left: -30px;
    }
}

.ktc-sustainability .document-download.document-download--sustainability .document-download__figure,
.ktc-sustainability .document-download.document-download--dimension .document-download__figure {
    position: relative;
}

@media (min-width: 992px) {

    .ktc-sustainability .document-download.document-download--sustainability .document-download__figure,
    .ktc-sustainability .document-download.document-download--dimension .document-download__figure {
        position: absolute;
        top: 0;
        left: 0;
        width: calc(50% + 15px);
        height: 100%;
    }
}

.ktc-sustainability .document-download.document-download--sustainability .document-download__img,
.ktc-sustainability .document-download.document-download--dimension .document-download__img {
    display: block;
    width: 100%;
    height: 100%;
    max-height: 320px;
    object-fit: cover;
    object-position: center;
}

@media (min-width: 992px) {

    .ktc-sustainability .document-download.document-download--sustainability .document-download__img,
    .ktc-sustainability .document-download.document-download--dimension .document-download__img {
        max-height: 100%;
    }
}

.ktc-sustainability .document-download.document-download--sustainability .document-download__item,
.ktc-sustainability .document-download.document-download--dimension .document-download__item {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 0.25rem;
    text-decoration: none;
}

.ktc-sustainability .document-download.document-download--sustainability .document-download__item::before,
.ktc-sustainability .document-download.document-download--dimension .document-download__item::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
    background-color: #E4E4E4;
    pointer-events: none;
}

.ktc-sustainability .document-download.document-download--sustainability .document-download__item:last-child,
.ktc-sustainability .document-download.document-download--dimension .document-download__item:last-child {
    padding-bottom: 0;
}

.ktc-sustainability .document-download.document-download--sustainability .document-download__item:last-child::before,
.ktc-sustainability .document-download.document-download--dimension .document-download__item:last-child::before {
    display: none;
}

.ktc-sustainability .document-download.document-download--sustainability .document-download__item:hover .document-download__title,
.ktc-sustainability .document-download.document-download--dimension .document-download__item:hover .document-download__title,
.ktc-sustainability .document-download.document-download--sustainability .document-download__item:hover .document-download__icon,
.ktc-sustainability .document-download.document-download--dimension .document-download__item:hover .document-download__icon {
    color: #CB333B;
}

.ktc-sustainability .document-download.document-download--sustainability .document-download__item:hover .document-download__icon,
.ktc-sustainability .document-download.document-download--dimension .document-download__item:hover .document-download__icon {
    animation: slide-right 0.4s ease-out 1 forwards;
}

.ktc-sustainability .document-download.document-download--sustainability .document-download__item .document-download__title,
.ktc-sustainability .document-download.document-download--dimension .document-download__item .document-download__title {
    padding-right: 1.5rem;
    color: #333333;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.ktc-sustainability .document-download.document-download--sustainability .document-download__item .document-download__icon,
.ktc-sustainability .document-download.document-download--dimension .document-download__item .document-download__icon {
    color: #707070;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

@media (min-width: 992px) {
    .ktc-sustainability .document-download.document-download--dimension {
        height: 616px;
    }
}

.ktc-sustainability .document-download.document-download--dimension .document-download__wrapper {
    display: flex;
    flex-flow: row wrap;
}

@media (min-width: 992px) {
    .ktc-sustainability .document-download.document-download--dimension .document-download__wrapper {
        justify-content: center;
        flex-flow: row nowrap;
        align-items: center;
        height: 100%;
    }
}

@media (max-width: 991.98px) {
    .ktc-sustainability .document-download.document-download--dimension .document-download__img {
        max-height: 400px;
        object-position: bottom;
    }
}

.ktc-sustainability .document-download.document-download--dimension .document-download__item:last-child {
    padding-bottom: 0;
}

.ktc-sustainability .document-download.document-download--dimension .document-download__item:last-child::before {
    display: none;
}

html[lang=en] .ktc-sustainability .document-download.document-download--dimension .document-download__title {
    font-weight: 700;
}

@media (min-width: 992px) {
    html[lang=en] .ktc-sustainability .document-download.document-download--dimension .document-download__title {
        font-size: 1.25rem;
    }
}

html[lang=en] .ktc-sustainability .document-download.document-download--sustainability .document-download__title,
html[lang=en] .ktc-sustainability .document-download.document-download--dimension .document-download__title {
    font-weight: 700;
}

@media (min-width: 992px) {

    html[lang=en] .ktc-sustainability .document-download.document-download--sustainability .document-download__title,
    html[lang=en] .ktc-sustainability .document-download.document-download--dimension .document-download__title {
        font-size: 1.25rem;
    }
}

html[lang=th] .ktc-sustainability .document-download.document-download--dimension .document-download__title {
    font-weight: 700;
}

@media (min-width: 992px) {
    html[lang=th] .ktc-sustainability .document-download.document-download--dimension .document-download__title {
        font-size: 1.25rem;
    }
}

html[lang=th] .ktc-sustainability .document-download.document-download--sustainability .document-download__title,
html[lang=th] .ktc-sustainability .document-download.document-download--dimension .document-download__title {
    font-weight: 700;
}

@media (min-width: 992px) {

    html[lang=th] .ktc-sustainability .document-download.document-download--sustainability .document-download__title,
    html[lang=th] .ktc-sustainability .document-download.document-download--dimension .document-download__title {
        font-size: 1.25rem;
    }
}

.ktc-sustainability .echarts-container {
    position: relative;
    padding: 1rem 0.5rem;
}

@media (max-width: 575.98px) {
    .ktc-sustainability .echarts-container.echarts-container--bar .echarts {
        min-width: 345px;
    }
}

.ktc-sustainability .echarts-container.echarts-container--shareholder {
    height: 100%;
    border-radius: 6px;
    background-color: #FFFFFF;
}

.ktc-sustainability .echarts {
    position: relative;
    width: 100%;
    max-width: 100%;
    height: 300px;
}

.ktc-sustainability .echarts.echarts--human-resource {
    height: 400px;
}

@media (min-width: 992px) {
    .ktc-sustainability .echarts.echarts--supply-chain {
        height: 500px;
    }
}

.ktc-sustainability .echarts-title {
    position: relative;
    color: #333333;
}

.ktc-sustainability .echarts-tooltip {
    position: relative;
    display: flex;
    flex-direction: column;
    max-width: 225px;
    white-space: normal;
    padding: 1rem;
    border-radius: 6px;
    background-color: rgba(255, 255, 255, 0.9);
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
}

.ktc-sustainability .echarts-tooltip .echarts-tooltip__title {
    position: relative;
    display: block;
    white-space: normal;
    padding-left: 1rem;
    color: #333333;
}

.ktc-sustainability .echarts-tooltip .echarts-tooltip__bullet {
    position: absolute;
    top: 7px;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--color);
}

.ktc-sustainability .echarts-tooltip .echarts-tooltip__value {
    display: block;
    padding-left: 1rem;
    margin-bottom: 0.5rem;
    color: #333333;
}

.ktc-sustainability .echarts-tooltip.echarts-tooltip--pie,
.ktc-sustainability .echarts-tooltip.echarts-tooltip--pie-normal {
    padding: 1rem 1.25rem;
    max-width: 100%;
}

.ktc-sustainability .echarts-tooltip.echarts-tooltip--pie .echarts-tooltip__title,
.ktc-sustainability .echarts-tooltip.echarts-tooltip--pie-normal .echarts-tooltip__title {
    display: flex;
    align-items: center;
    padding-left: 1.75rem;
}

.ktc-sustainability .echarts-tooltip.echarts-tooltip--pie .echarts-tooltip__bullet,
.ktc-sustainability .echarts-tooltip.echarts-tooltip--pie-normal .echarts-tooltip__bullet {
    top: 2px;
    width: 18px;
    height: 18px;
}

.ktc-sustainability .echarts-tooltip.echarts-tooltip--pie .echarts-tooltip__value,
.ktc-sustainability .echarts-tooltip.echarts-tooltip--pie-normal .echarts-tooltip__value {
    padding-left: 0;
}

.ktc-sustainability .echarts-tooltip.echarts-tooltip--pie-normal .echarts-tooltip__title {
    padding-left: 1rem;
}

.ktc-sustainability .echarts-tooltip.echarts-tooltip--pie-normal .echarts-tooltip__bullet {
    top: 8px;
    width: 6px;
    height: 6px;
}

.ktc-sustainability .echarts-circle {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.ktc-sustainability .echarts-circle .echarts-circle__wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background-color: #FFFFFF;
    -webkit-box-shadow: 20px 20px 40px 10px rgba(0, 0, 0, 0.45);
    -moz-box-shadow: 20px 20px 40px 10px rgba(0, 0, 0, 0.45);
    box-shadow: 20px 20px 40px 10px rgba(0, 0, 0, 0.45);
}

.ktc-sustainability .echarts-circle .echarts-circle__wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
    pointer-events: none;
}

.ktc-sustainability .echarts-circle .echarts-circle__title {
    color: #0057B8;
}

.ktc-sustainability .echarts-circle .echarts-circle__value {
    color: #707070;
}

.ktc-sustainability .echarts-circle .echarts-circle__unit {
    color: #333333;
}

.ktc-sustainability .echarts-circle.echarts-circle--human-resource .echarts-circle__wrapper {
    width: 260px;
    height: 260px;
    background: -moz-linear-gradient(0deg, #E1E1E1 0.31%, #FFFFFF 100%);
    background: -webkit-linear-gradient(0deg, #E1E1E1 0.31%, #FFFFFF 100%);
    background: linear-gradient(0deg, #E1E1E1 0.31%, #FFFFFF 100%);
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
}

.ktc-sustainability .echarts-circle.echarts-circle--human-resource .echarts-circle__wrapper::before {
    display: none;
}

.ktc-sustainability .echarts-circle.echarts-circle--freedom-association .echarts-circle__wrapper {
    width: 180px;
    height: 180px;
    background: -moz-linear-gradient(0deg, #E1E1E1 0.31%, #FFFFFF 100%);
    background: -webkit-linear-gradient(0deg, #E1E1E1 0.31%, #FFFFFF 100%);
    background: linear-gradient(0deg, #E1E1E1 0.31%, #FFFFFF 100%);
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
}

.ktc-sustainability .echarts-circle.echarts-circle--freedom-association .echarts-circle__wrapper::before {
    display: none;
}

.ktc-sustainability .echarts-legend {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 1.625rem;
    border-radius: 6px;
    border: 1px solid #EDEDED;
}

.ktc-sustainability .echarts-legend .echarts-legend__item {
    position: relative;
}

.ktc-sustainability .echarts-legend .echarts-legend__item+.echarts-legend__item {
    margin-top: 0.5rem;
}

.ktc-sustainability .echarts-legend .echarts-legend__title,
.ktc-sustainability .echarts-legend .echarts-legend__text {
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 1.75rem;
    color: #333333;
}

.ktc-sustainability .echarts-legend .echarts-legend__bullet {
    position: absolute;
    top: 5px;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: -moz-linear-gradient(var(--deg), var(--color));
    background: -webkit-linear-gradient(var(--deg), var(--color));
    background: linear-gradient(var(--deg), var(--color));
}

.ktc-sustainability .echarts-legend.echarts-legend--shareholder {
    padding: 0;
    border: 0;
}

@media (max-width: 991.98px) {
    .ktc-sustainability .echarts-legend.echarts-legend--shareholder {
        padding-left: 15%;
        margin-top: 1.5rem;
    }
}

.ktc-sustainability .echarts-legend.echarts-legend--shareholder .echarts-legend__title {
    padding-left: 1.5rem;
}

.ktc-sustainability .echarts-legend.echarts-legend--shareholder .echarts-legend__bullet {
    width: 12px;
    height: 12px;
    background-color: var(--color);
}

.ktc-sustainability .echarts-legend.echarts-legend--human-resource,
.ktc-sustainability .echarts-legend.echarts-legend--freedom-association {
    padding: 0;
    border: none;
}

.ktc-sustainability .echarts-legend.echarts-legend--human-resource .echarts-legend__item:nth-child(1) .echarts-legend__bullet,
.ktc-sustainability .echarts-legend.echarts-legend--freedom-association .echarts-legend__item:nth-child(1) .echarts-legend__bullet {
    background-color: #32CCC2;
}

.ktc-sustainability .echarts-legend.echarts-legend--human-resource .echarts-legend__item .echarts-legend__bullet,
.ktc-sustainability .echarts-legend.echarts-legend--freedom-association .echarts-legend__item .echarts-legend__bullet {
    background: none;
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

.ktc-sustainability .echarts-legend.echarts-legend--human-resource .echarts-legend__item:nth-child(2) .echarts-legend__bullet,
.ktc-sustainability .echarts-legend.echarts-legend--freedom-association .echarts-legend__item:nth-child(2) .echarts-legend__bullet {
    background-color: #C98ADC;
}

.ktc-sustainability .echarts-legend.echarts-legend--human-resource .echarts-legend__item .echarts-legend__bullet,
.ktc-sustainability .echarts-legend.echarts-legend--freedom-association .echarts-legend__item .echarts-legend__bullet {
    background: none;
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

.ktc-sustainability .echarts-legend.echarts-legend--human-resource .echarts-legend__text,
.ktc-sustainability .echarts-legend.echarts-legend--freedom-association .echarts-legend__text {
    margin-top: 0.75rem;
}

.ktc-sustainability .echarts-legend.echarts-legend--freedom-association {
    align-items: center;
}

.ktc-sustainability .echarts-legend.echarts-legend--freedom-association .echarts-legend__value {
    color: #00867C;
}

.ktc-sustainability .echarts-legend.echarts-legend--human-development {
    padding: 0;
    border: none;
}

.ktc-sustainability .echarts-legend.echarts-legend--human-development .echarts-legend__item {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0.25rem 1rem 0.325rem;
    min-height: 64px;
    margin-top: 1.5rem;
    border-radius: 50px;
}

@media (min-width: 992px) {
    .ktc-sustainability .echarts-legend.echarts-legend--human-development .echarts-legend__item {
        margin-top: 2.5rem;
    }
}

.ktc-sustainability .echarts-legend.echarts-legend--human-development .echarts-legend__item:nth-child(1) {
    background-color: #03605A;
}

.ktc-sustainability .echarts-legend.echarts-legend--human-development .echarts-legend__item:nth-child(2) {
    background-color: #03BFB2;
}

.ktc-sustainability .echarts-legend.echarts-legend--human-development .echarts-legend__item:nth-child(3) {
    background-color: #C98ADC;
}

.ktc-sustainability .echarts-legend.echarts-legend--human-development .echarts-legend__title {
    display: inline-block;
    color: #FFFFFF;
    padding: 0;
}

.ktc-sustainability .echarts-legend.echarts-legend--brand-customer {
    margin-top: 2rem;
    border-radius: 6px;
    background-color: #FFFFFF;
}

.ktc-sustainability .echarts-legend.echarts-legend--brand-customer .echarts-legend__bullet {
    width: 28px;
    height: 18px;
    color: #FFFFFF;
    font-size: 0.75rem;
    border-radius: 30px;
}

.ktc-sustainability .echarts-legend.echarts-legend--brand-customer .echarts-legend__title {
    padding-left: 2.5rem;
}

.ktc-sustainability .echarts-legend-result {
    display: flex;
    align-items: center;
    padding: 0.25rem 2.25rem 0.325rem;
    min-height: 60px;
    border-radius: 50px;
    background: -moz-linear-gradient(219deg, #80DFD9 6.13%, #C98ADC 101.87%);
    background: -webkit-linear-gradient(219deg, #80DFD9 6.13%, #C98ADC 101.87%);
    background: linear-gradient(219deg, #80DFD9 6.13%, #C98ADC 101.87%);
}

.ktc-sustainability .echarts-legend-result .echarts-legend-result__title {
    color: #FFFFFF;
}

html[lang=en] .ktc-sustainability .echarts-tooltip .echarts-tooltip__title {
    font-size: 0.875rem;
}

html[lang=en] .ktc-sustainability .echarts-tooltip .echarts-tooltip__value {
    font-size: 1.125rem;
    font-weight: 700;
}

html[lang=en] .ktc-sustainability .echarts-tooltip.echarts-tooltip--pie .echarts-tooltip__title,
html[lang=en] .ktc-sustainability .echarts-tooltip.echarts-tooltip--pie-normal .echarts-tooltip__title {
    font-size: 1.25rem;
}

html[lang=en] .ktc-sustainability .echarts-tooltip.echarts-tooltip--pie .echarts-tooltip__value,
html[lang=en] .ktc-sustainability .echarts-tooltip.echarts-tooltip--pie-normal .echarts-tooltip__value {
    font-size: 3.125rem;
    font-weight: 700;
    line-height: 1;
}

html[lang=en] .ktc-sustainability .echarts-tooltip.echarts-tooltip--pie-normal .echarts-tooltip__title {
    font-size: 0.875rem;
}

html[lang=en] .ktc-sustainability .echarts-tooltip.echarts-tooltip--pie-normal .echarts-tooltip__value {
    font-size: 1.25rem;
    font-weight: 700;
}

html[lang=en] .ktc-sustainability .echarts-title {
    font-size: 0.875rem;
}

html[lang=en] .ktc-sustainability .echarts-circle .echarts-circle__title {
    font-size: 1.25rem;
    font-weight: 700;
}

html[lang=en] .ktc-sustainability .echarts-circle .echarts-circle__value {
    font-size: 3.125rem;
    font-weight: 700;
    line-height: 1;
}

html[lang=en] .ktc-sustainability .echarts-circle .echarts-circle__unit {
    font-size: 1.25rem;
    font-weight: 400;
}

html[lang=en] .ktc-sustainability .echarts-legend .echarts-legend__title {
    font-size: 0.875rem;
    font-weight: 700;
}

html[lang=en] .ktc-sustainability .echarts-legend .echarts-legend__text {
    font-size: 0.875rem;
}

html[lang=en] .ktc-sustainability .echarts-legend.echarts-legend--shareholder .echarts-legend__title {
    font-size: 1rem;
    font-weight: 400;
}

html[lang=en] .ktc-sustainability .echarts-legend.echarts-legend--human-resource .echarts-legend__title,
html[lang=en] .ktc-sustainability .echarts-legend.echarts-legend--freedom-association .echarts-legend__title {
    font-weight: 700;
}

html[lang=en] .ktc-sustainability .echarts-legend.echarts-legend--human-resource .echarts-legend__value,
html[lang=en] .ktc-sustainability .echarts-legend.echarts-legend--freedom-association .echarts-legend__value {
    font-size: 1.25rem;
    font-weight: 700;
}

html[lang=en] .ktc-sustainability .echarts-legend.echarts-legend--human-resource .echarts-legend__value>span,
html[lang=en] .ktc-sustainability .echarts-legend.echarts-legend--freedom-association .echarts-legend__value>span {
    font-weight: 700;
}

html[lang=en] .ktc-sustainability .echarts-legend.echarts-legend--human-development .echarts-legend__title {
    font-weight: 400;
}

html[lang=en] .ktc-sustainability .echarts-legend.echarts-legend--brand-customer .echarts-legend__title {
    font-weight: 400;
}

html[lang=en] .ktc-sustainability .echarts-legend-result .echarts-legend-result__title {
    font-size: 1rem;
}

html[lang=en] .ktc-sustainability .echarts-legend-result .value {
    font-size: 1.25rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .echarts-tooltip .echarts-tooltip__title {
    font-size: 0.875rem;
}

html[lang=th] .ktc-sustainability .echarts-tooltip .echarts-tooltip__value {
    font-size: 1.125rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .echarts-tooltip.echarts-tooltip--pie .echarts-tooltip__title,
html[lang=th] .ktc-sustainability .echarts-tooltip.echarts-tooltip--pie-normal .echarts-tooltip__title {
    font-size: 1.25rem;
}

html[lang=th] .ktc-sustainability .echarts-tooltip.echarts-tooltip--pie .echarts-tooltip__value,
html[lang=th] .ktc-sustainability .echarts-tooltip.echarts-tooltip--pie-normal .echarts-tooltip__value {
    font-size: 3.125rem;
    font-weight: 700;
    line-height: 1;
}

html[lang=th] .ktc-sustainability .echarts-tooltip.echarts-tooltip--pie-normal .echarts-tooltip__title {
    font-size: 0.875rem;
}

html[lang=th] .ktc-sustainability .echarts-tooltip.echarts-tooltip--pie-normal .echarts-tooltip__value {
    font-size: 1.25rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .echarts-title {
    font-size: 0.875rem;
}

html[lang=th] .ktc-sustainability .echarts-circle .echarts-circle__title {
    font-size: 1.25rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .echarts-circle .echarts-circle__value {
    font-size: 3.125rem;
    font-weight: 700;
    line-height: 1;
}

html[lang=th] .ktc-sustainability .echarts-circle .echarts-circle__unit {
    font-size: 1.25rem;
    font-weight: 400;
}

html[lang=th] .ktc-sustainability .echarts-legend .echarts-legend__title {
    font-size: 0.875rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .echarts-legend .echarts-legend__text {
    font-size: 0.875rem;
}

html[lang=th] .ktc-sustainability .echarts-legend.echarts-legend--shareholder .echarts-legend__title {
    font-size: 1rem;
    font-weight: 400;
}

html[lang=th] .ktc-sustainability .echarts-legend.echarts-legend--human-resource .echarts-legend__title,
html[lang=th] .ktc-sustainability .echarts-legend.echarts-legend--freedom-association .echarts-legend__title {
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .echarts-legend.echarts-legend--human-resource .echarts-legend__value,
html[lang=th] .ktc-sustainability .echarts-legend.echarts-legend--freedom-association .echarts-legend__value {
    font-size: 1.25rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .echarts-legend.echarts-legend--human-resource .echarts-legend__value>span,
html[lang=th] .ktc-sustainability .echarts-legend.echarts-legend--freedom-association .echarts-legend__value>span {
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .echarts-legend.echarts-legend--human-development .echarts-legend__title {
    font-weight: 400;
}

html[lang=th] .ktc-sustainability .echarts-legend.echarts-legend--brand-customer .echarts-legend__title {
    font-weight: 400;
}

html[lang=th] .ktc-sustainability .echarts-legend-result .echarts-legend-result__title {
    font-size: 1rem;
}

html[lang=th] .ktc-sustainability .echarts-legend-result .value {
    font-size: 1.25rem;
    font-weight: 700;
}

.ktc-sustainability .form .form-check-input:focus {
    border-color: #C3BDBD;
    box-shadow: none;
}

.ktc-sustainability .form .form-check-input:checked {
    background-color: #b52e33;
    border-color: #b52e33;
}

.ktc-sustainability .form.form--primary {
    position: relative;
}

.ktc-sustainability .form.form--primary .form-group {
    display: flex;
    padding: 12px 0;
    color: #333333;
}

.ktc-sustainability .form.form--primary .form-group .form-control {
    border-radius: 4px;
    padding: 12px 24px;
    border: 1px solid rgba(112, 112, 112, 0.3);
    box-shadow: none;
}

.ktc-sustainability .form.form--primary .form-group .form-control:disabled {
    background-color: transparent;
    color: #707070;
    opacity: 0.3;
}

.ktc-sustainability .form.form--primary .form__group .form__title {
    font-weight: bold;
    margin: 1rem 0;
}

.ktc-sustainability .form.form--primary .form__group .form__wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-end;
    gap: 100px;
    border-bottom: 1px solid #E4E4E4;
    padding: 0 40px 24px 40px;
    margin: 40px 0;
}

@media (max-width: 767.98px) {
    .ktc-sustainability .form.form--primary .form__group .form__wrapper {
        gap: 20px;
        padding: 0 0px 24px 0px;
    }
}

.ktc-sustainability .form.form--primary .form__group .form__wrapper .form__text {
    white-space: nowrap;
}

@media (max-width: 767.98px) {
    .ktc-sustainability .form.form--primary .form__group .form__wrapper .form__text {
        white-space: normal;
        text-align: center;
    }
}

.ktc-sustainability .form.form--primary .form__group .form__wrapper .form__radio {
    display: flex;
    flex-direction: row;
    gap: 100px;
}

@media (max-width: 991.98px) {
    .ktc-sustainability .form.form--primary .form__group .form__wrapper .form__radio {
        gap: 50px;
    }
}

@media (max-width: 767.98px) {
    .ktc-sustainability .form.form--primary .form__group .form__wrapper .form__radio {
        gap: 20px;
    }
}

.ktc-sustainability .form.form--primary .form__group .form__wrapper .form__radio .form-check {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-left: 0;
}

.ktc-sustainability .form.form--primary .form__group .form__wrapper .form__radio .form-check-input {
    margin: 0;
    width: 24px;
    height: 24px;
    border-color: #E4E4E4;
}

.ktc-sustainability .form.form--primary .form__group .form__wrapper .form__radio .form-check-input:checked[type=radio] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: none;
    background-color: #FFFFFF;
    border: solid 1px #b52e33;
}

.ktc-sustainability .form.form--primary .form__group .form__wrapper .form__radio .form-check-input:checked[type=radio]:after {
    position: absolute;
    content: "";
    background-color: #b52e33;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    pointer-events: none;
    z-index: 1;
}

.ktc-sustainability .form.form--primary .select::after {
    right: 1.25rem;
}

.ktc-sustainability .form.form--primary .select.select--selectric {
    min-width: 100%;
    border-radius: 4px;
    border: 1px solid rgba(112, 112, 112, 0.3);
}

.ktc-sustainability .form.form--primary .select.select--selectric .label {
    padding: 0.75rem 2.25rem 0.75rem 1.5rem;
}

.ktc-sustainability .select {
    position: relative;
    display: block;
    text-align: center;
    min-width: 260px;
    overflow: hidden;
    z-index: 1;
    padding-bottom: 10px;
    border-bottom: 1px solid #A0A0A0;
}

@media (max-width: 991.98px) {
    .ktc-sustainability .select {
        min-width: 230px;
    }
}

@media (max-width: 767.98px) {
    .ktc-sustainability .select {
        margin-left: auto;
        min-width: unset;
        width: 100%;
    }
}

.ktc-sustainability .select::after {
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    font-size: 0.75rem;
    color: #A0A0A0;
    pointer-events: none;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.ktc-sustainability .select .select__input {
    /* Reset style */
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    outline: none;
    box-shadow: none;
    background-image: none;
    cursor: pointer;
    width: 100%;
    height: 100%;
    padding: 0 10px;
    color: #000000;
    font-weight: 700;
    white-space: normal;
    border: none;
    background-color: transparent;
}

.ktc-sustainability .select .select__input::-ms-expand {
    display: none;
}

.ktc-sustainability .select .select__input option {
    color: #707070;
}

.ktc-sustainability .select .select__input option:checked {
    background-color: #DBE6F3;
}

.ktc-sustainability .select .select__input option:hover,
.ktc-sustainability .select .select__input option:focus {
    background-color: #D0EBFF !important;
}

.ktc-sustainability .select.select--contact {
    border-radius: 4px;
    border: 1px solid rgba(112, 112, 112, 0.3);
    padding: 0;
    width: 100%;
}

.ktc-sustainability .select.select--contact::after {
    top: 50%;
    right: 24px;
}

.ktc-sustainability .select.select--contact .select__input {
    padding: 12px 48px 12px 24px;
    font-weight: 400;
    color: #707070;
}

.ktc-sustainability .select.select--selectric {
    padding-bottom: 0;
    overflow: inherit;
}

.ktc-sustainability .select.select--selectric .selectric {
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    text-align: left;
    background-color: transparent;
}

.ktc-sustainability .select.select--selectric .selectric .label {
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0;
    height: 46px;
    padding: 0 2rem 0 0.5rem;
    color: #333333;
}

.ktc-sustainability .select.select--selectric .selectric .button {
    display: none;
}

.ktc-sustainability .select.select--selectric .selectric-items {
    text-align: left;
    border-width: 2px 1px 1px;
    border-style: solid;
    border-color: rgba(0, 87, 184, 0.6) rgba(112, 112, 112, 0.3) rgba(112, 112, 112, 0.3);
}

.ktc-sustainability .select.select--selectric .selectric-items li {
    color: #333333;
}

.ktc-sustainability .select.select--selectric .selectric-items li:hover {
    background-color: #EAEAEB;
}

.ktc-sustainability .select.select--selectric .selectric-items li.selected,
.ktc-sustainability .select.select--selectric .selectric-items li.highlighted {
    color: #333333;
    background-color: #DBE6F3;
}

.ktc-sustainability .select.select--filter {
    position: relative;
    overflow: visible;
    padding: 0;
    border-bottom: 0;
    text-align: left;
    min-width: 100%;
}

.ktc-sustainability .select.select--filter .select__lebel {
    position: relative;
    display: block;
    z-index: 1;
    cursor: pointer;
    width: 100%;
    padding: 0.65rem 3rem 0.65rem 1.5rem;
    padding-right: 28px;
    background-color: #FFFFFF;
    border-radius: 4px;
    border: 1px solid rgba(112, 112, 112, 0.3);
}

.ktc-sustainability .select.select--filter .select__lebel::after {
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    content: "";
    position: absolute;
    top: 50%;
    right: 18px;
    font-size: 0.75rem;
    color: #A0A0A0;
    pointer-events: none;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.ktc-sustainability .select.select--filter .select__init {
    position: absolute;
    z-index: 1;
    list-style: none;
    padding: 0;
    width: 100%;
}

.ktc-sustainability .select.select--filter ul li {
    min-width: 260px;
    padding: 0.65rem 3rem 0.65rem 1.5rem;
    padding-right: 28px;
    height: auto;
    background-color: #F2F2F2;
    display: none;
    cursor: pointer;
    border-left: 1px solid rgba(112, 112, 112, 0.3);
    border-right: 1px solid rgba(112, 112, 112, 0.3);
}

.ktc-sustainability .select.select--filter ul li.selected {
    background-color: #DBE6F3;
}

.ktc-sustainability .select.select--filter ul li:first-child {
    border-top: 2px solid rgba(0, 87, 184, 0.6);
}

.ktc-sustainability .select.select--filter ul li:last-child {
    border-bottom: 1px solid rgba(112, 112, 112, 0.3);
}

.ktc-sustainability .select.select--filter ul li:hover {
    background-color: #EAEAEB;
}

.ktc-sustainability .form.form--filter {
    position: relative;
}

.ktc-sustainability .form.form--filter .form__lebel {
    position: relative;
    display: block;
    z-index: 1;
    cursor: pointer;
    min-width: 260px;
    padding: 10px;
    padding-right: 28px;
    background-color: #FFFFFF;
}

.ktc-sustainability .form.form--filter .form__lebel::after {
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    font-size: 0.75rem;
    color: #A0A0A0;
    pointer-events: none;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.ktc-sustainability .form.form--filter .form__select {
    position: absolute;
    z-index: 1;
    list-style: none;
    padding: 0;
    width: 100%;
    border-bottom: 1px solid rgba(112, 112, 112, 0.3);
}

.ktc-sustainability .form.form--filter ul li {
    min-width: 260px;
    padding: 10px;
    padding-right: 28px;
    height: 40px;
    background-color: #F2F2F2;
    display: none;
    cursor: pointer;
    border-left: 1px solid rgba(112, 112, 112, 0.3);
    border-right: 1px solid rgba(112, 112, 112, 0.3);
}

.ktc-sustainability .form.form--filter ul li.selected {
    background-color: #DBE6F3;
}

.ktc-sustainability .form.form--filter ul li:first-child {
    border-top: 2px solid rgba(0, 87, 184, 0.6);
}

.ktc-sustainability .form.form--filter ul li:hover {
    background-color: #EAEAEB;
}

html[lang=en] .ktc-sustainability .form.form--filter .form__select {
    font-size: 0.875rem;
}

html[lang=en] .ktc-sustainability .form.form--filter .form__lebel {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
}

html[lang=en] .ktc-sustainability .form.form--primary .select.select--selectric .selectric .label {
    font-weight: 400;
}

html[lang=en] .ktc-sustainability .form.form--primary .select.select--selectric .selectric-items li {
    font-size: 0.875rem;
}

html[lang=en] .ktc-sustainability .select.select--selectric .selectric .label {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
}

html[lang=en] .ktc-sustainability .select.select--selectric .selectric-items li {
    font-size: 0.875rem;
}

html[lang=en] .ktc-sustainability .select.select--filter .select__init {
    font-size: 0.875rem;
}

html[lang=th] .ktc-sustainability .form.form--filter .form__select {
    font-size: 0.875rem;
}

html[lang=th] .ktc-sustainability .form.form--filter .form__lebel {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
}

html[lang=th] .ktc-sustainability .form.form--primary .select.select--selectric .selectric .label {
    font-weight: 400;
}

html[lang=th] .ktc-sustainability .form.form--primary .select.select--selectric .selectric-items li {
    font-size: 0.875rem;
}

html[lang=th] .ktc-sustainability .select.select--selectric .selectric .label {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
}

html[lang=th] .ktc-sustainability .select.select--selectric .selectric-items li {
    font-size: 0.875rem;
}

html[lang=th] .ktc-sustainability .select.select--filter .select__init {
    font-size: 0.875rem;
}

.ktc-sustainability .grid-tab.grid-tab--digital-workplace {
    margin: 0;
    padding: 0;
}

.ktc-sustainability .grid-tab.grid-tab--digital-workplace .grid-tab__header {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem;
    margin: 1rem auto 0;
    width: 179px;
    min-width: 1px;
    height: 179px;
    border: 0;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
    z-index: 1;
}

.ktc-sustainability .grid-tab.grid-tab--digital-workplace .grid-tab__header::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: -moz-linear-gradient(0deg, #F3F3F3 0.31%, #FFFFFF 132.55%);
    background: -webkit-linear-gradient(0deg, #F3F3F3 0.31%, #FFFFFF 132.55%);
    background: linear-gradient(0deg, #F3F3F3 0.31%, #FFFFFF 132.55%);
    -webkit-box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.25);
    opacity: 0.8;
    z-index: -1;
    pointer-events: none;
}

@media (max-width: 991.98px) {
    .ktc-sustainability .grid-tab.grid-tab--digital-workplace .grid-tab__header::after {
        font-family: "Font Awesome 5 Pro";
        font-weight: 300;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1;
        content: "";
        position: absolute;
        top: auto;
        bottom: 20px;
        left: 0;
        right: 0;
        width: auto;
        height: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 0.75rem;
        font-weight: bold;
        color: #FFFFFF;
        background-color: transparent;
    }
}

.ktc-sustainability .grid-tab.grid-tab--digital-workplace .grid-tab__header .grid-tab__header-body {
    flex-grow: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 1rem;
    width: 100%;
    height: 100%;
    color: #FFFFFF;
    border-radius: 50%;
    background: -moz-linear-gradient(90deg, #0057B8 19.34%, #69B3F8 113.19%);
    background: -webkit-linear-gradient(90deg, #0057B8 19.34%, #69B3F8 113.19%);
    background: linear-gradient(90deg, #0057B8 19.34%, #69B3F8 113.19%);
    -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.25);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.25);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.ktc-sustainability .grid-tab.grid-tab--digital-workplace .grid-tab__header.is-active .grid-tab__header-body {
    background: -moz-linear-gradient(90deg, #171754 16.03%, #4468D6 115.41%);
    background: -webkit-linear-gradient(90deg, #171754 16.03%, #4468D6 115.41%);
    background: linear-gradient(90deg, #171754 16.03%, #4468D6 115.41%);
}

.ktc-sustainability .grid-tab.grid-tab--digital-workplace .grid-tab__header.is-active::after {
    -webkit-transform: scaleY(-1);
    -moz-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    transform: scaleY(-1);
}

.ktc-sustainability .grid-tab.grid-tab--digital-workplace .grid-tab__content {
    position: relative;
    margin: 2.5rem 0 0 0 !important;
    padding: 0;
    border: 0;
}

.ktc-sustainability .grid-tab.grid-tab--risk-management {
    margin: 0;
    padding: 0;
}

.ktc-sustainability .grid-tab.grid-tab--risk-management .grid-tab__header:nth-child(1) .grid-tab__header-body {
    background: -moz-linear-gradient(359deg, #171754 -28.42%, #4468D6 104.04%);
    background: -webkit-linear-gradient(359deg, #171754 -28.42%, #4468D6 104.04%);
    background: linear-gradient(359deg, #171754 -28.42%, #4468D6 104.04%);
}

.ktc-sustainability .grid-tab.grid-tab--risk-management .grid-tab__header:nth-child(1).is-active .grid-tab__header-button::before {
    background: -moz-linear-gradient(359deg, #171754 -28.42%, #4468D6 104.04%);
    background: -webkit-linear-gradient(359deg, #171754 -28.42%, #4468D6 104.04%);
    background: linear-gradient(359deg, #171754 -28.42%, #4468D6 104.04%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ktc-sustainability .grid-tab.grid-tab--risk-management .grid-tab__header:nth-child(3) .grid-tab__header-body {
    background: -moz-linear-gradient(148deg, #171754 -28.21%, #4468D6 107.48%);
    background: -webkit-linear-gradient(148deg, #171754 -28.21%, #4468D6 107.48%);
    background: linear-gradient(148deg, #171754 -28.21%, #4468D6 107.48%);
}

.ktc-sustainability .grid-tab.grid-tab--risk-management .grid-tab__header:nth-child(3).is-active .grid-tab__header-button::before {
    background: -moz-linear-gradient(148deg, #171754 -28.21%, #4468D6 107.48%);
    background: -webkit-linear-gradient(148deg, #171754 -28.21%, #4468D6 107.48%);
    background: linear-gradient(148deg, #171754 -28.21%, #4468D6 107.48%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ktc-sustainability .grid-tab.grid-tab--risk-management .grid-tab__header:nth-child(5) .grid-tab__header-body {
    background: -moz-linear-gradient(169deg, #C98ADC -30.36%, #CD1069 79.8%);
    background: -webkit-linear-gradient(169deg, #C98ADC -30.36%, #CD1069 79.8%);
    background: linear-gradient(169deg, #C98ADC -30.36%, #CD1069 79.8%);
}

.ktc-sustainability .grid-tab.grid-tab--risk-management .grid-tab__header:nth-child(5).is-active .grid-tab__header-button::before {
    background: -moz-linear-gradient(169deg, #C98ADC -30.36%, #CD1069 79.8%);
    background: -webkit-linear-gradient(169deg, #C98ADC -30.36%, #CD1069 79.8%);
    background: linear-gradient(169deg, #C98ADC -30.36%, #CD1069 79.8%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ktc-sustainability .grid-tab.grid-tab--risk-management .grid-tab__header:nth-child(7) .grid-tab__header-body {
    background: -moz-linear-gradient(351deg, #0158B9 15.45%, #62ADF3 157.28%);
    background: -webkit-linear-gradient(351deg, #0158B9 15.45%, #62ADF3 157.28%);
    background: linear-gradient(351deg, #0158B9 15.45%, #62ADF3 157.28%);
}

.ktc-sustainability .grid-tab.grid-tab--risk-management .grid-tab__header:nth-child(7).is-active .grid-tab__header-button::before {
    background: -moz-linear-gradient(351deg, #0158B9 15.45%, #62ADF3 157.28%);
    background: -webkit-linear-gradient(351deg, #0158B9 15.45%, #62ADF3 157.28%);
    background: linear-gradient(351deg, #0158B9 15.45%, #62ADF3 157.28%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ktc-sustainability .grid-tab.grid-tab--risk-management .grid-tab__header:nth-child(9) .grid-tab__header-body {
    background: -moz-linear-gradient(143deg, #C98ADC 17.85%, #CD1069 93.15%);
    background: -webkit-linear-gradient(143deg, #C98ADC 17.85%, #CD1069 93.15%);
    background: linear-gradient(143deg, #C98ADC 17.85%, #CD1069 93.15%);
}

.ktc-sustainability .grid-tab.grid-tab--risk-management .grid-tab__header:nth-child(9).is-active .grid-tab__header-button::before {
    background: -moz-linear-gradient(143deg, #C98ADC 17.85%, #CD1069 93.15%);
    background: -webkit-linear-gradient(143deg, #C98ADC 17.85%, #CD1069 93.15%);
    background: linear-gradient(143deg, #C98ADC 17.85%, #CD1069 93.15%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ktc-sustainability .grid-tab.grid-tab--risk-management .grid-tab__header:nth-child(11) .grid-tab__header-body {
    background: -moz-linear-gradient(227deg, #4E88CB -0.09%, #004692 103.69%);
    background: -webkit-linear-gradient(227deg, #4E88CB -0.09%, #004692 103.69%);
    background: linear-gradient(227deg, #4E88CB -0.09%, #004692 103.69%);
}

.ktc-sustainability .grid-tab.grid-tab--risk-management .grid-tab__header:nth-child(11).is-active .grid-tab__header-button::before {
    background: -moz-linear-gradient(227deg, #4E88CB -0.09%, #004692 103.69%);
    background: -webkit-linear-gradient(227deg, #4E88CB -0.09%, #004692 103.69%);
    background: linear-gradient(227deg, #4E88CB -0.09%, #004692 103.69%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ktc-sustainability .grid-tab.grid-tab--risk-management .grid-tab__header:nth-child(13) .grid-tab__header-body {
    background: -moz-linear-gradient(227deg, #0057B8 -0.09%, #002C5A 103.69%);
    background: -webkit-linear-gradient(227deg, #0057B8 -0.09%, #002C5A 103.69%);
    background: linear-gradient(227deg, #0057B8 -0.09%, #002C5A 103.69%);
}

.ktc-sustainability .grid-tab.grid-tab--risk-management .grid-tab__header:nth-child(13).is-active .grid-tab__header-button::before {
    background: -moz-linear-gradient(227deg, #0057B8 -0.09%, #002C5A 103.69%);
    background: -webkit-linear-gradient(227deg, #0057B8 -0.09%, #002C5A 103.69%);
    background: linear-gradient(227deg, #0057B8 -0.09%, #002C5A 103.69%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ktc-sustainability .grid-tab.grid-tab--risk-management .grid-tab__header {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 1rem auto 0;
    width: 152px;
    height: 220px;
    min-width: 1px;
    border: 0;
    border-radius: 114px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
    z-index: 1;
}

.ktc-sustainability .grid-tab.grid-tab--risk-management .grid-tab__header::after {
    display: none;
}

.ktc-sustainability .grid-tab.grid-tab--risk-management .grid-tab__header .grid-tab__header-body {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 2rem 1rem 1rem;
    width: 100%;
    height: 100%;
    color: #FFFFFF;
    border-radius: 114px;
    -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.25);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.25);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.ktc-sustainability .grid-tab.grid-tab--risk-management .grid-tab__header .grid-tab__header-icon {
    display: block;
    margin: 1rem auto;
    max-width: 100%;
    height: 60px;
    object-fit: contain;
}

.ktc-sustainability .grid-tab.grid-tab--risk-management .grid-tab__header .grid-tab__header-title {
    flex-grow: 1;
}

.ktc-sustainability .grid-tab.grid-tab--risk-management .grid-tab__header .grid-tab__header-button {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    margin-top: 1rem;
    border-radius: 50%;
    border: 1px solid #FFFFFF;
}

.ktc-sustainability .grid-tab.grid-tab--risk-management .grid-tab__header .grid-tab__header-button::before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    content: "";
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.75rem;
    font-weight: bold;
}

.ktc-sustainability .grid-tab.grid-tab--risk-management .grid-tab__header.is-active .grid-tab__header-button {
    background-color: #FFFFFF;
}

.ktc-sustainability .grid-tab.grid-tab--risk-management .grid-tab__header.is-active .grid-tab__header-button::before {
    -webkit-transform: scaleY(-1);
    -moz-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    transform: scaleY(-1);
}

.ktc-sustainability .grid-tab.grid-tab--risk-management .grid-tab__content {
    position: relative;
    margin: 2.5rem 0 0 0 !important;
    padding: 1.5rem 2.5rem;
    border: 0;
    border-radius: 10px;
    background: -moz-linear-gradient(0deg, rgba(204, 221, 241, 0.6) 0%, rgba(204, 221, 241, 0.6) 100%);
    background: -webkit-linear-gradient(0deg, rgba(204, 221, 241, 0.6) 0%, rgba(204, 221, 241, 0.6) 100%);
    background: linear-gradient(0deg, rgba(204, 221, 241, 0.6) 0%, rgba(204, 221, 241, 0.6) 100%);
}

.ktc-sustainability .grid-tab.grid-tab--supply-chain {
    margin: 0;
    padding: 0;
}

.ktc-sustainability .grid-tab.grid-tab--supply-chain .grid-tab__header:nth-child(1) .grid-tab__header-body {
    background: -moz-linear-gradient(69deg, #0057B8 19.44%, #002C5A 85.03%);
    background: -webkit-linear-gradient(69deg, #0057B8 19.44%, #002C5A 85.03%);
    background: linear-gradient(69deg, #0057B8 19.44%, #002C5A 85.03%);
}

.ktc-sustainability .grid-tab.grid-tab--supply-chain .grid-tab__header:nth-child(1).is-active .grid-tab__header-button::before {
    background: -moz-linear-gradient(69deg, #0057B8 19.44%, #002C5A 85.03%);
    background: -webkit-linear-gradient(69deg, #0057B8 19.44%, #002C5A 85.03%);
    background: linear-gradient(69deg, #0057B8 19.44%, #002C5A 85.03%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ktc-sustainability .grid-tab.grid-tab--supply-chain .grid-tab__header:nth-child(3) .grid-tab__header-body {
    background: -moz-linear-gradient(49deg, #0057B8 5.07%, #C98ADC 125.25%);
    background: -webkit-linear-gradient(49deg, #0057B8 5.07%, #C98ADC 125.25%);
    background: linear-gradient(49deg, #0057B8 5.07%, #C98ADC 125.25%);
}

.ktc-sustainability .grid-tab.grid-tab--supply-chain .grid-tab__header:nth-child(3).is-active .grid-tab__header-button::before {
    background: -moz-linear-gradient(49deg, #0057B8 5.07%, #C98ADC 125.25%);
    background: -webkit-linear-gradient(49deg, #0057B8 5.07%, #C98ADC 125.25%);
    background: linear-gradient(49deg, #0057B8 5.07%, #C98ADC 125.25%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ktc-sustainability .grid-tab.grid-tab--supply-chain .grid-tab__header:nth-child(5) .grid-tab__header-body {
    background: -moz-linear-gradient(220deg, #C98ADC -30.36%, #CD1069 79.8%);
    background: -webkit-linear-gradient(220deg, #C98ADC -30.36%, #CD1069 79.8%);
    background: linear-gradient(220deg, #C98ADC -30.36%, #CD1069 79.8%);
}

.ktc-sustainability .grid-tab.grid-tab--supply-chain .grid-tab__header:nth-child(5).is-active .grid-tab__header-button::before {
    background: -moz-linear-gradient(220deg, #C98ADC -30.36%, #CD1069 79.8%);
    background: -webkit-linear-gradient(220deg, #C98ADC -30.36%, #CD1069 79.8%);
    background: linear-gradient(220deg, #C98ADC -30.36%, #CD1069 79.8%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ktc-sustainability .grid-tab.grid-tab--supply-chain .grid-tab__header {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.75rem;
    margin: 1rem auto 0;
    width: 247px;
    height: 247px;
    min-width: 1px;
    border: 0;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
    z-index: 1;
}

.ktc-sustainability .grid-tab.grid-tab--supply-chain .grid-tab__header::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: -moz-linear-gradient(0deg, #F3F3F3 0.31%, #FFFFFF 132.55%);
    background: -webkit-linear-gradient(0deg, #F3F3F3 0.31%, #FFFFFF 132.55%);
    background: linear-gradient(0deg, #F3F3F3 0.31%, #FFFFFF 132.55%);
    -webkit-box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.25);
    opacity: 0.8;
    z-index: -1;
    pointer-events: none;
}

.ktc-sustainability .grid-tab.grid-tab--supply-chain .grid-tab__header::after {
    display: none;
}

.ktc-sustainability .grid-tab.grid-tab--supply-chain .grid-tab__header .grid-tab__header-body {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 1rem;
    width: 100%;
    height: 100%;
    color: #FFFFFF;
    border-radius: 50%;
    -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.25);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.25);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.ktc-sustainability .grid-tab.grid-tab--supply-chain .grid-tab__header .grid-tab__header-icon {
    display: block;
    margin: 1rem auto;
    max-width: 100%;
    height: 60px;
    object-fit: contain;
}

.ktc-sustainability .grid-tab.grid-tab--supply-chain .grid-tab__header .grid-tab__header-title {
    flex-grow: 1;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ktc-sustainability .grid-tab.grid-tab--supply-chain .grid-tab__header .grid-tab__header-button {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    margin-top: 1rem;
    border-radius: 50%;
    border: 1px solid #FFFFFF;
}

.ktc-sustainability .grid-tab.grid-tab--supply-chain .grid-tab__header .grid-tab__header-button::before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    content: "";
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.75rem;
    font-weight: bold;
}

.ktc-sustainability .grid-tab.grid-tab--supply-chain .grid-tab__header.is-active {
    padding: 0.5rem;
}

.ktc-sustainability .grid-tab.grid-tab--supply-chain .grid-tab__header.is-active .grid-tab__header-button {
    background-color: #FFFFFF;
}

.ktc-sustainability .grid-tab.grid-tab--supply-chain .grid-tab__header.is-active .grid-tab__header-button::before {
    -webkit-transform: scaleY(-1);
    -moz-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    transform: scaleY(-1);
}

.ktc-sustainability .grid-tab.grid-tab--supply-chain .grid-tab__content {
    position: relative;
    margin: 2.5rem 0 0 0 !important;
    padding: 1.5rem 2.5rem;
    border: 0;
    border-radius: 10px;
    background: -moz-linear-gradient(0deg, rgba(204, 221, 241, 0.6) 0%, rgba(204, 221, 241, 0.6) 100%);
    background: -webkit-linear-gradient(0deg, rgba(204, 221, 241, 0.6) 0%, rgba(204, 221, 241, 0.6) 100%);
    background: linear-gradient(0deg, rgba(204, 221, 241, 0.6) 0%, rgba(204, 221, 241, 0.6) 100%);
}

.ktc-sustainability .grid-tab.grid-tab--training-course {
    margin: 0;
    padding: 0;
}

.ktc-sustainability .grid-tab.grid-tab--training-course .grid-tab__header {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.75rem;
    margin: 1rem auto 0;
    width: 247px;
    height: 247px;
    min-width: 1px;
    border: 0;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
    z-index: 1;
}

.ktc-sustainability .grid-tab.grid-tab--training-course .grid-tab__header::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: -moz-linear-gradient(0deg, #F3F3F3 0.31%, #FFFFFF 132.55%);
    background: -webkit-linear-gradient(0deg, #F3F3F3 0.31%, #FFFFFF 132.55%);
    background: linear-gradient(0deg, #F3F3F3 0.31%, #FFFFFF 132.55%);
    -webkit-box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.25);
    opacity: 0.8;
    z-index: -1;
    pointer-events: none;
}

.ktc-sustainability .grid-tab.grid-tab--training-course .grid-tab__header::after {
    display: none;
}

.ktc-sustainability .grid-tab.grid-tab--training-course .grid-tab__header .grid-tab__header-body {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 1rem;
    width: 100%;
    height: 100%;
    color: #FFFFFF;
    border-radius: 50%;
    background: -moz-linear-gradient(179deg, #8BE3FF 0.49%, #4A9FCF 99.51%);
    background: -webkit-linear-gradient(179deg, #8BE3FF 0.49%, #4A9FCF 99.51%);
    background: linear-gradient(179deg, #8BE3FF 0.49%, #4A9FCF 99.51%);
    -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.25);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.25);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.ktc-sustainability .grid-tab.grid-tab--training-course .grid-tab__header .grid-tab__header-icon {
    display: block;
    margin: 1rem auto;
    max-width: 100%;
    height: 60px;
    object-fit: contain;
}

.ktc-sustainability .grid-tab.grid-tab--training-course .grid-tab__header .grid-tab__header-title {
    flex-grow: 1;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ktc-sustainability .grid-tab.grid-tab--training-course .grid-tab__header .grid-tab__header-button {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    margin-top: 1rem;
    border-radius: 50%;
    border: 1px solid #FFFFFF;
}

.ktc-sustainability .grid-tab.grid-tab--training-course .grid-tab__header .grid-tab__header-button::before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    content: "";
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.75rem;
    font-weight: bold;
}

.ktc-sustainability .grid-tab.grid-tab--training-course .grid-tab__header.is-active {
    padding: 0.5rem;
}

.ktc-sustainability .grid-tab.grid-tab--training-course .grid-tab__header.is-active .grid-tab__header-body {
    background: -moz-linear-gradient(220deg, #C98ADC 3.22%, #CD1069 89.9%);
    background: -webkit-linear-gradient(220deg, #C98ADC 3.22%, #CD1069 89.9%);
    background: linear-gradient(220deg, #C98ADC 3.22%, #CD1069 89.9%);
}

.ktc-sustainability .grid-tab.grid-tab--training-course .grid-tab__header.is-active .grid-tab__header-button {
    background-color: #FFFFFF;
}

.ktc-sustainability .grid-tab.grid-tab--training-course .grid-tab__header.is-active .grid-tab__header-button::before {
    color: #0057B8;
    -webkit-transform: scaleY(-1);
    -moz-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    transform: scaleY(-1);
}

.ktc-sustainability .grid-tab.grid-tab--training-course .grid-tab__content {
    position: relative;
    margin: 2.5rem 0 0 0 !important;
    padding: 1.5rem 2.5rem;
    border: 0;
    border-radius: 10px;
    background: -moz-linear-gradient(0deg, rgba(204, 221, 241, 0.6) 0%, rgba(204, 221, 241, 0.6) 100%);
    background: -webkit-linear-gradient(0deg, rgba(204, 221, 241, 0.6) 0%, rgba(204, 221, 241, 0.6) 100%);
    background: linear-gradient(0deg, rgba(204, 221, 241, 0.6) 0%, rgba(204, 221, 241, 0.6) 100%);
}

.ktc-sustainability .grid-tab.grid-tab--human-resource {
    margin: 0;
    padding: 0;
}

.ktc-sustainability .grid-tab.grid-tab--human-resource .grid-tab__header:nth-child(1) .grid-tab__header-body {
    background: -moz-linear-gradient(219deg, #80DFD9 6.13%, #4468D6 101.87%);
    background: -webkit-linear-gradient(219deg, #80DFD9 6.13%, #4468D6 101.87%);
    background: linear-gradient(219deg, #80DFD9 6.13%, #4468D6 101.87%);
}

.ktc-sustainability .grid-tab.grid-tab--human-resource .grid-tab__header:nth-child(1).is-active .grid-tab__header-button::before {
    background: -moz-linear-gradient(219deg, #80DFD9 6.13%, #4468D6 101.87%);
    background: -webkit-linear-gradient(219deg, #80DFD9 6.13%, #4468D6 101.87%);
    background: linear-gradient(219deg, #80DFD9 6.13%, #4468D6 101.87%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ktc-sustainability .grid-tab.grid-tab--human-resource .grid-tab__header:nth-child(3) .grid-tab__header-body {
    background: -moz-linear-gradient(31deg, #00867C 2.45%, #C98ADC 101.54%);
    background: -webkit-linear-gradient(31deg, #00867C 2.45%, #C98ADC 101.54%);
    background: linear-gradient(31deg, #00867C 2.45%, #C98ADC 101.54%);
}

.ktc-sustainability .grid-tab.grid-tab--human-resource .grid-tab__header:nth-child(3).is-active .grid-tab__header-button::before {
    background: -moz-linear-gradient(31deg, #00867C 2.45%, #C98ADC 101.54%);
    background: -webkit-linear-gradient(31deg, #00867C 2.45%, #C98ADC 101.54%);
    background: linear-gradient(31deg, #00867C 2.45%, #C98ADC 101.54%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ktc-sustainability .grid-tab.grid-tab--human-resource .grid-tab__header:nth-child(5) .grid-tab__header-body {
    background: -moz-linear-gradient(227deg, #00867C 1.53%, #582798 103.69%);
    background: -webkit-linear-gradient(227deg, #00867C 1.53%, #582798 103.69%);
    background: linear-gradient(227deg, #00867C 1.53%, #582798 103.69%);
}

.ktc-sustainability .grid-tab.grid-tab--human-resource .grid-tab__header:nth-child(5).is-active .grid-tab__header-button::before {
    background: -moz-linear-gradient(227deg, #00867C 1.53%, #582798 103.69%);
    background: -webkit-linear-gradient(227deg, #00867C 1.53%, #582798 103.69%);
    background: linear-gradient(227deg, #00867C 1.53%, #582798 103.69%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ktc-sustainability .grid-tab.grid-tab--human-resource .grid-tab__header:nth-child(7) .grid-tab__header-body {
    background: -moz-linear-gradient(219deg, #80DFD9 6.13%, #C98ADC 101.87%);
    background: -webkit-linear-gradient(219deg, #80DFD9 6.13%, #C98ADC 101.87%);
    background: linear-gradient(219deg, #80DFD9 6.13%, #C98ADC 101.87%);
}

.ktc-sustainability .grid-tab.grid-tab--human-resource .grid-tab__header:nth-child(7).is-active .grid-tab__header-button::before {
    background: -moz-linear-gradient(219deg, #80DFD9 6.13%, #C98ADC 101.87%);
    background: -webkit-linear-gradient(219deg, #80DFD9 6.13%, #C98ADC 101.87%);
    background: linear-gradient(219deg, #80DFD9 6.13%, #C98ADC 101.87%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ktc-sustainability .grid-tab.grid-tab--human-resource .grid-tab__header {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.75rem;
    margin: 1rem auto 0;
    width: 247px;
    height: 247px;
    min-width: 1px;
    border: 0;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
    z-index: 1;
}

.ktc-sustainability .grid-tab.grid-tab--human-resource .grid-tab__header::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: -moz-linear-gradient(0deg, #F3F3F3 0.31%, #FFFFFF 132.55%);
    background: -webkit-linear-gradient(0deg, #F3F3F3 0.31%, #FFFFFF 132.55%);
    background: linear-gradient(0deg, #F3F3F3 0.31%, #FFFFFF 132.55%);
    -webkit-box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.25);
    opacity: 0.8;
    z-index: -1;
    pointer-events: none;
}

.ktc-sustainability .grid-tab.grid-tab--human-resource .grid-tab__header::after {
    display: none;
}

.ktc-sustainability .grid-tab.grid-tab--human-resource .grid-tab__header .grid-tab__header-body {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 1rem;
    width: 100%;
    height: 100%;
    color: #FFFFFF;
    border-radius: 50%;
    -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.25);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.25);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.ktc-sustainability .grid-tab.grid-tab--human-resource .grid-tab__header .grid-tab__header-icon {
    display: block;
    margin: 1rem auto;
    max-width: 100%;
    height: 60px;
    object-fit: contain;
}

.ktc-sustainability .grid-tab.grid-tab--human-resource .grid-tab__header .grid-tab__header-title {
    flex-grow: 1;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ktc-sustainability .grid-tab.grid-tab--human-resource .grid-tab__header .grid-tab__header-button {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    margin-top: 1rem;
    border-radius: 50%;
    border: 1px solid #FFFFFF;
}

.ktc-sustainability .grid-tab.grid-tab--human-resource .grid-tab__header .grid-tab__header-button::before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    content: "";
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.75rem;
    font-weight: bold;
}

.ktc-sustainability .grid-tab.grid-tab--human-resource .grid-tab__header.is-active {
    padding: 0.5rem;
}

.ktc-sustainability .grid-tab.grid-tab--human-resource .grid-tab__header.is-active .grid-tab__header-button {
    background-color: #FFFFFF;
}

.ktc-sustainability .grid-tab.grid-tab--human-resource .grid-tab__header.is-active .grid-tab__header-button::before {
    -webkit-transform: scaleY(-1);
    -moz-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    transform: scaleY(-1);
}

.ktc-sustainability .grid-tab.grid-tab--human-resource .grid-tab__content {
    position: relative;
    margin: 2.5rem 0 0 0 !important;
    padding: 1.5rem 2.5rem;
    border: 0;
    border-radius: 10px;
    background: -moz-linear-gradient(0deg, rgba(204, 221, 241, 0.6) 0%, rgba(204, 221, 241, 0.6) 100%);
    background: -webkit-linear-gradient(0deg, rgba(204, 221, 241, 0.6) 0%, rgba(204, 221, 241, 0.6) 100%);
    background: linear-gradient(0deg, rgba(204, 221, 241, 0.6) 0%, rgba(204, 221, 241, 0.6) 100%);
}

.ktc-sustainability .grid-tab.grid-tab--human-rights {
    margin: 0;
    padding: 0;
}

.ktc-sustainability .grid-tab.grid-tab--human-rights .grid-tab__header:nth-child(1) .grid-tab__header-body {
    background: -moz-linear-gradient(338deg, #C98ADC 5.73%, #80DFD9 118.49%);
    background: -webkit-linear-gradient(338deg, #C98ADC 5.73%, #80DFD9 118.49%);
    background: linear-gradient(338deg, #C98ADC 5.73%, #80DFD9 118.49%);
}

.ktc-sustainability .grid-tab.grid-tab--human-rights .grid-tab__header:nth-child(1).is-active .grid-tab__header-button::before {
    background: -moz-linear-gradient(338deg, #C98ADC 5.73%, #80DFD9 118.49%);
    background: -webkit-linear-gradient(338deg, #C98ADC 5.73%, #80DFD9 118.49%);
    background: linear-gradient(338deg, #C98ADC 5.73%, #80DFD9 118.49%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ktc-sustainability .grid-tab.grid-tab--human-rights .grid-tab__header:nth-child(3) .grid-tab__header-body {
    background: -moz-linear-gradient(5deg, #00867C -6.53%, #C98ADC 136.92%);
    background: -webkit-linear-gradient(5deg, #00867C -6.53%, #C98ADC 136.92%);
    background: linear-gradient(5deg, #00867C -6.53%, #C98ADC 136.92%);
}

.ktc-sustainability .grid-tab.grid-tab--human-rights .grid-tab__header:nth-child(3).is-active .grid-tab__header-button::before {
    background: -moz-linear-gradient(5deg, #00867C -6.53%, #C98ADC 136.92%);
    background: -webkit-linear-gradient(5deg, #00867C -6.53%, #C98ADC 136.92%);
    background: linear-gradient(5deg, #00867C -6.53%, #C98ADC 136.92%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ktc-sustainability .grid-tab.grid-tab--human-rights .grid-tab__header:nth-child(5) .grid-tab__header-body {
    background: -moz-linear-gradient(219deg, #80DFD9 6.13%, #4468D6 101.87%);
    background: -webkit-linear-gradient(219deg, #80DFD9 6.13%, #4468D6 101.87%);
    background: linear-gradient(219deg, #80DFD9 6.13%, #4468D6 101.87%);
}

.ktc-sustainability .grid-tab.grid-tab--human-rights .grid-tab__header:nth-child(5).is-active .grid-tab__header-button::before {
    background: -moz-linear-gradient(219deg, #80DFD9 6.13%, #4468D6 101.87%);
    background: -webkit-linear-gradient(219deg, #80DFD9 6.13%, #4468D6 101.87%);
    background: linear-gradient(219deg, #80DFD9 6.13%, #4468D6 101.87%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ktc-sustainability .grid-tab.grid-tab--human-rights .grid-tab__header:nth-child(7) .grid-tab__header-body {
    background: -moz-linear-gradient(225deg, #CBF2EE -0.1%, #C98ADC 100.05%);
    background: -webkit-linear-gradient(225deg, #CBF2EE -0.1%, #C98ADC 100.05%);
    background: linear-gradient(225deg, #CBF2EE -0.1%, #C98ADC 100.05%);
}

.ktc-sustainability .grid-tab.grid-tab--human-rights .grid-tab__header:nth-child(7).is-active .grid-tab__header-button::before {
    background: -moz-linear-gradient(225deg, #CBF2EE -0.1%, #C98ADC 100.05%);
    background: -webkit-linear-gradient(225deg, #CBF2EE -0.1%, #C98ADC 100.05%);
    background: linear-gradient(225deg, #CBF2EE -0.1%, #C98ADC 100.05%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ktc-sustainability .grid-tab.grid-tab--human-rights .grid-tab__header {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.75rem;
    margin: 1rem auto 0;
    width: 247px;
    height: 247px;
    min-width: 1px;
    border: 0;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
    z-index: 1;
}

.ktc-sustainability .grid-tab.grid-tab--human-rights .grid-tab__header::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: -moz-linear-gradient(0deg, #F3F3F3 0.31%, #FFFFFF 132.55%);
    background: -webkit-linear-gradient(0deg, #F3F3F3 0.31%, #FFFFFF 132.55%);
    background: linear-gradient(0deg, #F3F3F3 0.31%, #FFFFFF 132.55%);
    -webkit-box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.25);
    opacity: 0.8;
    z-index: -1;
    pointer-events: none;
}

.ktc-sustainability .grid-tab.grid-tab--human-rights .grid-tab__header::after {
    display: none;
}

.ktc-sustainability .grid-tab.grid-tab--human-rights .grid-tab__header .grid-tab__header-body {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 1rem;
    width: 100%;
    height: 100%;
    color: #FFFFFF;
    border-radius: 50%;
    -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.25);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.25);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.ktc-sustainability .grid-tab.grid-tab--human-rights .grid-tab__header .grid-tab__header-icon {
    display: block;
    margin: 1rem auto;
    max-width: 100%;
    height: 60px;
    object-fit: contain;
}

.ktc-sustainability .grid-tab.grid-tab--human-rights .grid-tab__header .grid-tab__header-title {
    flex-grow: 1;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.25;
}

.ktc-sustainability .grid-tab.grid-tab--human-rights .grid-tab__header .grid-tab__header-button {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    margin-top: 1rem;
    border-radius: 50%;
    border: 1px solid #FFFFFF;
}

.ktc-sustainability .grid-tab.grid-tab--human-rights .grid-tab__header .grid-tab__header-button::before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    content: "";
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.75rem;
    font-weight: bold;
}

.ktc-sustainability .grid-tab.grid-tab--human-rights .grid-tab__header.is-active {
    padding: 0.5rem;
}

.ktc-sustainability .grid-tab.grid-tab--human-rights .grid-tab__header.is-active .grid-tab__header-button {
    background-color: #FFFFFF;
}

.ktc-sustainability .grid-tab.grid-tab--human-rights .grid-tab__header.is-active .grid-tab__header-button::before {
    -webkit-transform: scaleY(-1);
    -moz-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    transform: scaleY(-1);
}

.ktc-sustainability .grid-tab.grid-tab--human-rights .grid-tab__content {
    position: relative;
    margin: 2.5rem 0 0 0 !important;
    padding: 2.5rem;
    border: 0;
    border-radius: 6px;
    background: -moz-linear-gradient(0deg, rgba(204, 221, 241, 0.6) 0%, rgba(204, 221, 241, 0.6) 100%);
    background: -webkit-linear-gradient(0deg, rgba(204, 221, 241, 0.6) 0%, rgba(204, 221, 241, 0.6) 100%);
    background: linear-gradient(0deg, rgba(204, 221, 241, 0.6) 0%, rgba(204, 221, 241, 0.6) 100%);
}

html[lang=en] .ktc-sustainability .grid-tab.grid-tab--digital-workplace .grid-tab__header-body {
    font-size: 1rem;
    font-weight: 400;
}

html[lang=en] .ktc-sustainability .grid-tab.grid-tab--human-resource .grid-tab__header-body {
    font-size: 1rem;
    font-weight: 400;
}

html[lang=en] .ktc-sustainability .grid-tab.grid-tab--human-rights .grid-tab__header-body {
    font-size: 1rem;
    font-weight: 400;
}

html[lang=en] .ktc-sustainability .grid-tab.grid-tab--risk-management .grid-tab__header-body {
    font-size: 1rem;
    font-weight: 400;
}

html[lang=en] .ktc-sustainability .grid-tab.grid-tab--supply-chain .grid-tab__header-body {
    font-size: 1rem;
    font-weight: 400;
}

html[lang=en] .ktc-sustainability .grid-tab.grid-tab--training-course .grid-tab__header-body {
    font-size: 1rem;
    font-weight: 400;
}

html[lang=th] .ktc-sustainability .grid-tab.grid-tab--digital-workplace .grid-tab__header-body {
    font-size: 1rem;
    font-weight: 400;
}

html[lang=th] .ktc-sustainability .grid-tab.grid-tab--human-resource .grid-tab__header-body {
    font-size: 1rem;
    font-weight: 400;
}

html[lang=th] .ktc-sustainability .grid-tab.grid-tab--human-rights .grid-tab__header-body {
    font-size: 1rem;
    font-weight: 400;
}

html[lang=th] .ktc-sustainability .grid-tab.grid-tab--risk-management .grid-tab__header-body {
    font-size: 1rem;
    font-weight: 400;
}

html[lang=th] .ktc-sustainability .grid-tab.grid-tab--supply-chain .grid-tab__header-body {
    font-size: 1rem;
    font-weight: 400;
}

html[lang=th] .ktc-sustainability .grid-tab.grid-tab--training-course .grid-tab__header-body {
    font-size: 1rem;
    font-weight: 400;
}

.ktc-sustainability .list {
    list-style-type: none;
    padding: 0;
}

.ktc-sustainability .list.list--column {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 25px;
    column-gap: 25px;
}

.ktc-sustainability .list.list--column .list__item {
    position: relative;
    padding: 0 0 0.5rem 1.25rem;
}

.ktc-sustainability .list.list--column .list__item::before {
    content: "";
    position: absolute;
    left: 5px;
    top: 9px;
    width: 5px;
    height: 5px;
    background-color: #333333;
    border-radius: 50%;
}

.ktc-sustainability .list.list--icon>li {
    position: relative;
    padding-left: 2.5rem;
}

.ktc-sustainability .list.list--icon>li::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    width: 25px;
    height: 17px;
    background-size: contain;
    background-position: center;
    background-image: url("https://www.ktc.co.th/pub/media/sites/SD/assets/static/images/default/icon/sdg-bullet.svg");
}

.ktc-sustainability .list.list--icon>li:not(:first-child) {
    margin-top: 0.5rem;
}

.ktc-sustainability .list.list--marker-small,
.ktc-sustainability .list[class^=list--marker-small-],
.ktc-sustainability .list[class*=" list--marker-small-"] {
    padding-inline-start: 10px;
}

.ktc-sustainability .list.list--marker-small>li,
.ktc-sustainability .list[class^=list--marker-small-]>li,
.ktc-sustainability .list[class*=" list--marker-small-"]>li {
    position: relative;
    padding-left: 0.75rem;
}

.ktc-sustainability .list.list--marker-small>li::before,
.ktc-sustainability .list[class^=list--marker-small-]>li::before,
.ktc-sustainability .list[class*=" list--marker-small-"]>li::before {
    content: "";
    position: absolute;
    top: 11px;
    left: 0;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #333333;
}

.ktc-sustainability .list.list--marker-small-black>li::before {
    background-color: #000000;
}

.ktc-sustainability .list.list--marker-small-white>li::before {
    background-color: #FFFFFF;
}

.ktc-sustainability .list.list--marker-small-gray>li::before {
    background-color: #D7D7D7;
}

.ktc-sustainability .list.list--marker-small-lightgray>li::before {
    background-color: #FAFAFA;
}

.ktc-sustainability .list.list--marker-small-lightgray-2>li::before {
    background-color: #F4F4F4;
}

.ktc-sustainability .list.list--marker-small-lightgray-3>li::before {
    background-color: #EDEDED;
}

.ktc-sustainability .list.list--marker-small-lightgray-4>li::before {
    background-color: #E4E4E4;
}

.ktc-sustainability .list.list--marker-small-lightgray-5>li::before {
    background-color: #dfe1e1;
}

.ktc-sustainability .list.list--marker-small-lightgray-6>li::before {
    background-color: #F3F3F3;
}

.ktc-sustainability .list.list--marker-small-lightgray-7>li::before {
    background-color: #ECECEC;
}

.ktc-sustainability .list.list--marker-small-lightgray-8>li::before {
    background-color: #E6E6E6;
}

.ktc-sustainability .list.list--marker-small-lightgray-9>li::before {
    background-color: #EAEAEB;
}

.ktc-sustainability .list.list--marker-small-lightgray-10>li::before {
    background-color: #F2F2F2;
}

.ktc-sustainability .list.list--marker-small-lightgray-11>li::before {
    background-color: #E1E1E1;
}

.ktc-sustainability .list.list--marker-small-lightgray-12>li::before {
    background-color: #F9F9F9;
}

.ktc-sustainability .list.list--marker-small-darkgray>li::before {
    background-color: #333333;
}

.ktc-sustainability .list.list--marker-small-darkgray-2>li::before {
    background-color: #707070;
}

.ktc-sustainability .list.list--marker-small-darkgray-3>li::before {
    background-color: #21262B;
}

.ktc-sustainability .list.list--marker-small-darkgray-4>li::before {
    background-color: #5b6670;
}

.ktc-sustainability .list.list--marker-small-darkgray-5>li::before {
    background-color: #676767;
}

.ktc-sustainability .list.list--marker-small-darkgray-6>li::before {
    background-color: #757575;
}

.ktc-sustainability .list.list--marker-small-darkgray-7>li::before {
    background-color: #A0A0A0;
}

.ktc-sustainability .list.list--marker-small-darkgray-8>li::before {
    background-color: #C3BDBD;
}

.ktc-sustainability .list.list--marker-small-red>li::before {
    background-color: #CB333B;
}

.ktc-sustainability .list.list--marker-small-lightred>li::before {
    background-color: #cf3339;
}

.ktc-sustainability .list.list--marker-small-lightred-2>li::before {
    background-color: #FB000A;
}

.ktc-sustainability .list.list--marker-small-darkred>li::before {
    background-color: #b52e33;
}

.ktc-sustainability .list.list--marker-small-blue>li::before {
    background-color: #0057B8;
}

.ktc-sustainability .list.list--marker-small-lightblue>li::before {
    background-color: #D0EBFF;
}

.ktc-sustainability .list.list--marker-small-lightblue-2>li::before {
    background-color: #CEEAFF;
}

.ktc-sustainability .list.list--marker-small-lightblue-3>li::before {
    background-color: #CEDCEF;
}

.ktc-sustainability .list.list--marker-small-lightblue-4>li::before {
    background-color: #DBE6F3;
}

.ktc-sustainability .list.list--marker-small-lightblue-5>li::before {
    background-color: #00BFB3;
}

.ktc-sustainability .list.list--marker-small-lightblue-6>li::before {
    background-color: #00B5E2;
}

.ktc-sustainability .list.list--marker-small-lightblue-7>li::before {
    background-color: #C9F0FE;
}

.ktc-sustainability .list.list--marker-small-lightblue-8>li::before {
    background-color: #B6B0FF;
}

.ktc-sustainability .list.list--marker-small-lightblue-9>li::before {
    background-color: #69B3F8;
}

.ktc-sustainability .list.list--marker-small-lightblue-10>li::before {
    background-color: #80DFD9;
}

.ktc-sustainability .list.list--marker-small-darkblue>li::before {
    background-color: #152E51;
}

.ktc-sustainability .list.list--marker-small-darkblue-2>li::before {
    background-color: #171754;
}

.ktc-sustainability .list.list--marker-small-darkblue-3>li::before {
    background-color: #4468D6;
}

.ktc-sustainability .list.list--marker-small-darkblue-4>li::before {
    background-color: #252969;
}

.ktc-sustainability .list.list--marker-small-darkblue-5>li::before {
    background-color: #3C5AA4;
}

.ktc-sustainability .list.list--marker-small-darkblue-6>li::before {
    background-color: #061F49;
}

.ktc-sustainability .list.list--marker-small-green>li::before {
    background-color: #D5E14D;
}

.ktc-sustainability .list.list--marker-small-darkgreen>li::before {
    background-color: #C3D602;
}

.ktc-sustainability .list.list--marker-small-darkgreen-2>li::before {
    background-color: #899502;
}

.ktc-sustainability .list.list--marker-small-darkgreen-3>li::before {
    background-color: #636A1D;
}

.ktc-sustainability .list.list--marker-small-darkgreen-4>li::before {
    background-color: #4C9F39;
}

.ktc-sustainability .list.list--marker-small-darkgreen-5>li::before {
    background-color: #3F7E44;
}

.ktc-sustainability .list.list--marker-small-darkgreen-6>li::before {
    background-color: #02978E;
}

.ktc-sustainability .list.list--marker-small-darkgreen-7>li::before {
    background-color: #00867C;
}

.ktc-sustainability .list.list--marker-small-darkgreen-8>li::before {
    background-color: #636A01;
}

.ktc-sustainability .list.list--marker-small-lightgreen>li::before {
    background-color: #E1EB7F;
}

.ktc-sustainability .list.list--marker-small-lightgreen-2>li::before {
    background-color: #C4D600;
}

.ktc-sustainability .list.list--marker-small-lightgreen-3>li::before {
    background-color: #F3F7CC;
}

.ktc-sustainability .list.list--marker-small-lightgreen-4>li::before {
    background-color: #94C5C0;
}

.ktc-sustainability .list.list--marker-small-purple>li::before {
    background-color: #582798;
}

.ktc-sustainability .list.list--marker-small-yellow>li::before {
    background-color: #FFC72D;
}

html[lang=en] .ktc-sustainability .list.list--column .list__item {
    font-size: 1.25rem;
}

html[lang=th] .ktc-sustainability .list.list--column .list__item {
    font-size: 1.25rem;
}

.ktc-sustainability .media {
    display: flex;
    text-decoration: none;
}

.ktc-sustainability .media .media__icon {
    display: flex;
    align-items: center;
    color: #CB333B;
    margin-right: 1rem;
    font-size: 1.375rem;
}

.ktc-sustainability .media+.media {
    margin-top: 0.75rem;
}

.ktc-sustainability .media.media--ktc-contact:hover .media__icon,
.ktc-sustainability .media.media--ktc-contact:hover .media__title {
    color: #CB333B;
}

.ktc-sustainability .media.media--ktc-contact .media__icon {
    color: #333333;
    margin-right: 0.5rem;
    font-size: 1.25rem;
}

.ktc-sustainability .media.media--ktc-contact .media__title {
    color: #333333;
}

.ktc-sustainability .media.media--whistleblowing-contact {
    align-items: flex-start;
}

.ktc-sustainability .media.media--whistleblowing-contact .media__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    color: #0057B8;
    margin-right: 1.5rem;
    font-size: 1.25rem;
}

.ktc-sustainability .media.media--whistleblowing-contact .media__title {
    color: #333333;
}

.ktc-sustainability .media.media--efficient {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

@media (min-width: 576px) {
    .ktc-sustainability .media.media--efficient {
        flex-direction: row;
    }
}

.ktc-sustainability .media.media--efficient .media__figure {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1rem;
    width: 176px;
    height: 176px;
    border-radius: 50%;
    z-index: 1;
}

@media (min-width: 576px) {
    .ktc-sustainability .media.media--efficient .media__figure {
        margin-bottom: 0;
        margin-right: 1rem;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .media.media--efficient .media__figure {
        margin-right: 2.5rem;
    }
}

.ktc-sustainability .media.media--efficient .media__img {
    position: relative;
    display: block;
    width: 176px;
    height: 176px;
    margin: auto;
    border-radius: 50%;
}

.ktc-sustainability .media.media--efficient .media__body {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

@media (min-width: 576px) {
    .ktc-sustainability .media.media--efficient .media__body {
        align-items: flex-start;
        text-align: left;
    }
}

.ktc-sustainability .media.media--efficient .media__title {
    color: #333333;
}

.ktc-sustainability .media.media--efficient .media__text {
    display: block;
    margin-top: 0.5rem;
    color: #333333;
}

.ktc-sustainability .media.media--efficient .media__value {
    margin-top: 0.25rem;
    font-size: 2rem;
    font-weight: bold;
    line-height: 1;
}

.ktc-sustainability .media.media--efficient .media__value.media__value--middle {
    font-size: 3.125rem;
    color: #C4D600;
}

.ktc-sustainability .media.media--efficient .media__value.media__value--big {
    font-size: 3.75rem;
    background: linear-gradient(227deg, #9CA903 -0.09%, #636A01 103.69%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

@media (min-width: 992px) {
    .ktc-sustainability .media.media--efficient .media__value.media__value--big {
        font-size: 6.25rem;
    }
}

.ktc-sustainability .media.media--ktc-access .media__figure {
    position: relative;
}

.ktc-sustainability .media.media--ktc-access .media__img {
    display: block;
    height: auto;
    width: 24px;
    margin: auto;
    object-fit: contain;
}

.ktc-sustainability .media.media--ktc-access .media__body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 1.5rem;
}

.ktc-sustainability .media.media--ktc-access .media__highlight {
    color: #0057B8;
}

.ktc-sustainability .media.media--ktc-offer .media__figure {
    position: relative;
}

.ktc-sustainability .media.media--ktc-offer .media__img {
    display: block;
    height: 80px;
    width: 80px;
    margin: auto;
    object-fit: contain;
}

.ktc-sustainability .media.media--ktc-offer .media__body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 2.5rem;
}

.ktc-sustainability .media.media--ktc-offer .media__highlight {
    color: #00867C;
}

.ktc-sustainability .media.media--outstanding-training {
    flex-direction: column;
}

@media (min-width: 768px) {
    .ktc-sustainability .media.media--outstanding-training {
        flex-direction: row;
    }
}

.ktc-sustainability .media.media--outstanding-training .media__figure {
    position: relative;
}

.ktc-sustainability .media.media--outstanding-training .media__img {
    display: block;
    width: 100px;
    height: 100px;
    margin: auto;
    object-fit: contain;
}

@media (min-width: 768px) {
    .ktc-sustainability .media.media--outstanding-training .media__img {
        width: 148px;
        height: 148px;
    }
}

.ktc-sustainability .media.media--outstanding-training .media__body {
    display: flex;
    flex-direction: column;
    text-align: center;
}

@media (min-width: 768px) {
    .ktc-sustainability .media.media--outstanding-training .media__body {
        padding-left: 2.5rem;
        text-align: left;
    }
}

.ktc-sustainability .media.media--outstanding-training .media__text {
    margin-bottom: 1rem;
}

.ktc-sustainability .media.media--outstanding-training .list {
    text-align: left;
}

.ktc-sustainability .media.media--safety {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
}

.ktc-sustainability .media.media--safety .media__figure {
    flex: 0 0 127px;
    max-width: 127px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 127px;
    height: 127px;
    border-radius: 50%;
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    z-index: 1;
}

.ktc-sustainability .media.media--safety .media__img {
    position: relative;
    display: block;
    width: 127px;
    height: 127px;
    margin: auto;
}

.ktc-sustainability .media.media--safety .media__body {
    flex: 0 0 calc(100% - 100px);
    max-width: 350px;
    display: flex;
    align-items: center;
    padding: 1rem 1rem 1rem 2.75rem;
    margin-left: -27px;
    height: 90px;
    border-top-right-radius: 46px;
    border-bottom-right-radius: 46px;
    background-color: #FFFFFF;
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

.ktc-sustainability .media.media--safety .media__title {
    color: #333333;
}

.ktc-sustainability .media.media--supplier .media__figure {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ktc-sustainability .media.media--supplier .media__img {
    display: block;
    width: 100px;
    height: 100px;
    margin: auto;
}

.ktc-sustainability .media.media--supplier .media__body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 2.5rem;
}

.ktc-sustainability .media.media--supplier .media__highlight {
    color: #0057B8;
}

.ktc-sustainability .media.media--training-course .media__figure {
    position: relative;
}

.ktc-sustainability .media.media--training-course .media__img {
    display: block;
    height: 80px;
    max-width: 100%;
    margin: auto;
    object-fit: contain;
}

.ktc-sustainability .media.media--training-course .media__img.media__img--big {
    height: 150px;
}

.ktc-sustainability .media.media--training-course .media__body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 2.5rem;
}

.ktc-sustainability .media.media--training-course .media__highlight {
    color: #0057B8;
}

.ktc-sustainability .media.media--whistleblowing {
    align-items: center;
}

.ktc-sustainability .media.media--whistleblowing .media__figure {
    position: relative;
}

.ktc-sustainability .media.media--whistleblowing .media__img {
    display: block;
    width: 135px;
    height: auto;
    margin: auto;
}

@media (min-width: 992px) {
    .ktc-sustainability .media.media--whistleblowing .media__img {
        width: 200px;
    }
}

.ktc-sustainability .media.media--whistleblowing .media__body {
    padding-bottom: 2.5rem;
}

.ktc-sustainability .media.media--whistleblowing .media__title {
    color: #333333;
}

html[lang=en] .ktc-sustainability .media .media__title {
    font-size: 1.25rem;
}

html[lang=en] .ktc-sustainability .media.media--ktc-contact .media__title {
    font-size: 1.25rem;
    font-weight: 900;
}

html[lang=en] .ktc-sustainability .media.media--whistleblowing-contact .media__title {
    font-size: 1rem;
}

html[lang=en] .ktc-sustainability .media.media--efficient .media__title {
    font-size: 1.25rem;
    font-weight: 700;
}

html[lang=en] .ktc-sustainability .media.media--ktc-access .media__title {
    font-size: 1rem;
    font-weight: 700;
}

html[lang=en] .ktc-sustainability .media.media--ktc-access.media--ktc-offer .media__highlight {
    font-size: 1.25rem;
    font-weight: 700;
}

html[lang=en] .ktc-sustainability .media.media--outstanding-training .media__text {
    font-weight: 700;
}

html[lang=en] .ktc-sustainability .media.media--safety .media__title {
    font-size: 0.875rem;
    font-weight: 700;
}

html[lang=en] .ktc-sustainability .media.media--supplier .media__highlight {
    font-size: 1.25rem;
    font-weight: 700;
}

html[lang=en] .ktc-sustainability .media.media--training-course .media__highlight {
    font-size: 1.25rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .media .media__title {
    font-size: 1.25rem;
}

html[lang=th] .ktc-sustainability .media.media--ktc-contact .media__title {
    font-size: 1.25rem;
    font-weight: 900;
}

html[lang=th] .ktc-sustainability .media.media--whistleblowing-contact .media__title {
    font-size: 1rem;
}

html[lang=th] .ktc-sustainability .media.media--efficient .media__title {
    font-size: 1.25rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .media.media--ktc-access .media__title {
    font-size: 1rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .media.media--ktc-access.media--ktc-offer .media__highlight {
    font-size: 1.25rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .media.media--outstanding-training .media__text {
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .media.media--safety .media__title {
    font-size: 0.875rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .media.media--supplier .media__highlight {
    font-size: 1.25rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .media.media--training-course .media__highlight {
    font-size: 1.25rem;
    font-weight: 700;
}

.modal {
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.modal.show {
    display: flex;
}

.modal .modal-content {
    padding: 2rem 0.25rem 0.25rem 0.5rem;
    border-radius: 6px;
    -webkit-box-shadow: 0 4px 25px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 4px 25px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 25px rgba(0, 0, 0, 0.1);
}

@media (min-width: 992px) {
    .modal .modal-content {
        padding: 2rem 1.5rem 1.5rem;
    }
}

.modal .modal__wrapper {
    position: relative;
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    max-height: 80vh;
    border-radius: 6px;
    background-color: #FFFFFF;
    overflow-y: auto;
}

@media (min-width: 768px) {
    .modal .modal__wrapper {
        padding: 0.75rem 1.25rem;
    }
}

.modal .modal__header {
    flex: 0 0 100%;
    max-width: 100%;
}

.modal .modal__body {
    flex: 0 0 100%;
    max-width: 100%;
}

.modal .modal__btn {
    position: absolute;
    top: 10px;
    right: 10px;
}

.modal .modal__btn .close {
    color: #333333;
    padding-left: 1rem;
    font-size: 1rem;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
}

.modal .modal__btn .close::before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.modal .modal__btn .close:hover {
    color: #CB333B;
}

.modal.modal-xl .modal-dialog {
    max-width: 1140px;
}

.modal-backdrop {
    --bs-backdrop-opacity: .95;
}

.modal.modal--board {
    /* Track */
    /* Handle */
}

.modal.modal--board ::-webkit-scrollbar-track {
    background: transparent;
}

.modal.modal--board ::-webkit-scrollbar-thumb {
    background: #DBE6F3;
}

.modal.modal--board .modal__wrapper {
    overflow-x: hidden;
}

.modal.modal--board .modal__left {
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
}

@media (min-width: 992px) {
    .modal.modal--board .modal__left {
        flex: 0 0 300px;
        max-width: 300px;
    }
}

.modal.modal--board .modal__right {
    flex: 0 0 100%;
    max-width: 100%;
}

@media (min-width: 992px) {
    .modal.modal--board .modal__right {
        flex: 0 0 calc(100% - 300px);
        max-width: calc(100% - 300px);
        padding-left: 4rem;
    }
}

.modal.modal--board .modal__sticky {
    position: sticky;
    top: 0;
}

.modal.modal--board .modal__figure {
    position: relative;
    max-width: 250px;
    margin: auto;
    border-radius: 50%;
    overflow: hidden;
    z-index: 1;
}

.modal.modal--board .modal__figure::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: -moz-radial-gradient(177.44% 175.42% at 64.18% 104.92%, #FFFFFF 0%, #DBE6F3 100%);
    background: -webkit-radial-gradient(177.44% 175.42% at 64.18% 104.92%, #FFFFFF 0%, #DBE6F3 100%);
    background: radial-gradient(177.44% 175.42% at 64.18% 104.92%, #FFFFFF 0%, #DBE6F3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$white", endColorstr="$lightblue-4", GradientType=1);
    pointer-events: none;
    z-index: -1;
}

@media (min-width: 992px) {
    .modal.modal--board .modal__figure {
        max-width: 300px;
    }
}

.modal.modal--board .modal__img {
    display: block;
    margin: auto;
    height: auto;
    max-width: 100%;
    object-fit: contain;
    object-position: bottom;
}

@media (min-width: 992px) {
    .modal.modal--board .modal__img {
        width: 300px;
        height: 300px;
    }
}

.modal.modal--board .modal__title {
    margin-top: 1rem;
}

.modal.modal--board .modal__position {
    margin-top: 0.5rem;
}

.modal.modal--flash .modal__header {
    text-align: center;
}

.modal.modal--flash .modal__body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 1.5rem;
}

.modal.modal--flash .modal__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1rem;
    font-size: 9.375rem;
}

@media (max-width: 575.98px) {
    .modal.modal--stakeholder .modal-content {
        max-width: calc(100vw - 50px);
    }
}

.modal.modal--stakeholder .modal__header {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}

.modal.modal--stakeholder .modal__icon {
    flex: 0 0 66px;
    max-width: 66px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 66px;
    height: 66px;
    color: #FFFFFF;
    font-size: 1.875rem;
    border-radius: 50%;
    background-color: #C22E63;
}

.modal.modal--stakeholder .modal__title {
    padding-left: 1.5rem;
}

.modal.modal--stakeholder:nth-child(1) .modal__icon {
    background: -moz-linear-gradient(89deg, #171754 -27.68%, #4468D6 230.61%);
    background: -webkit-linear-gradient(89deg, #171754 -27.68%, #4468D6 230.61%);
    background: linear-gradient(89deg, #171754 -27.68%, #4468D6 230.61%);
}

.modal.modal--stakeholder:nth-child(2) .modal__icon {
    background: -moz-linear-gradient(89deg, #171754 -27.68%, #4468D6 230.61%);
    background: -webkit-linear-gradient(89deg, #171754 -27.68%, #4468D6 230.61%);
    background: linear-gradient(89deg, #171754 -27.68%, #4468D6 230.61%);
}

.modal.modal--stakeholder:nth-child(3) .modal__icon {
    background: -moz-linear-gradient(89deg, #171754 -27.68%, #4468D6 230.61%);
    background: -webkit-linear-gradient(89deg, #171754 -27.68%, #4468D6 230.61%);
    background: linear-gradient(89deg, #171754 -27.68%, #4468D6 230.61%);
}

.modal.modal--stakeholder:nth-child(4) .modal__icon {
    background: -moz-linear-gradient(89deg, #171754 -27.68%, #4468D6 230.61%);
    background: -webkit-linear-gradient(89deg, #171754 -27.68%, #4468D6 230.61%);
    background: linear-gradient(89deg, #171754 -27.68%, #4468D6 230.61%);
}

.modal.modal--stakeholder:nth-child(5) .modal__icon {
    background: -moz-linear-gradient(89deg, #171754 -27.68%, #4468D6 230.61%);
    background: -webkit-linear-gradient(89deg, #171754 -27.68%, #4468D6 230.61%);
    background: linear-gradient(89deg, #171754 -27.68%, #4468D6 230.61%);
}

.modal.modal--stakeholder:nth-child(6) .modal__icon {
    background: -moz-linear-gradient(89deg, #171754 -27.68%, #4468D6 230.61%);
    background: -webkit-linear-gradient(89deg, #171754 -27.68%, #4468D6 230.61%);
    background: linear-gradient(89deg, #171754 -27.68%, #4468D6 230.61%);
}

.modal.modal--stakeholder:nth-child(7) .modal__icon {
    background: -moz-linear-gradient(89deg, #171754 -27.68%, #4468D6 230.61%);
    background: -webkit-linear-gradient(89deg, #171754 -27.68%, #4468D6 230.61%);
    background: linear-gradient(89deg, #171754 -27.68%, #4468D6 230.61%);
}

.modal.modal--stakeholder:nth-child(8) .modal__icon {
    background: -moz-linear-gradient(89deg, #171754 -27.68%, #4468D6 230.61%);
    background: -webkit-linear-gradient(89deg, #171754 -27.68%, #4468D6 230.61%);
    background: linear-gradient(89deg, #171754 -27.68%, #4468D6 230.61%);
}

.modal.modal--stakeholder:nth-child(9) .modal__icon {
    background: -moz-linear-gradient(89deg, #171754 -27.68%, #4468D6 230.61%);
    background: -webkit-linear-gradient(89deg, #171754 -27.68%, #4468D6 230.61%);
    background: linear-gradient(89deg, #171754 -27.68%, #4468D6 230.61%);
}

.modal.modal--stakeholder:nth-child(10) .modal__icon {
    background: -moz-linear-gradient(89deg, #171754 -27.68%, #4468D6 230.61%);
    background: -webkit-linear-gradient(89deg, #171754 -27.68%, #4468D6 230.61%);
    background: linear-gradient(89deg, #171754 -27.68%, #4468D6 230.61%);
}

html[lang=en] .ktc-sustainability .modal.modal--board .modal__title {
    font-size: 1.25rem;
    font-weight: 700;
}

html[lang=en] .ktc-sustainability .modal.modal--flash .modal__title {
    font-size: 1.25rem;
    font-weight: 700;
}

html[lang=en] .ktc-sustainability .modal.modal--stakeholder .modal__title {
    font-size: 1.25rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .modal.modal--board .modal__title {
    font-size: 1.25rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .modal.modal--flash .modal__title {
    font-size: 1.25rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .modal.modal--stakeholder .modal__title {
    font-size: 1.25rem;
    font-weight: 700;
}

.ktc-sustainability .nav>.nav-item {
    outline: none;
    position: relative;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.ktc-sustainability .nav>.nav-item>.nav-link {
    position: relative;
    color: #333333;
    padding: 0.5rem 0;
    text-decoration: none;
}

.ktc-sustainability .nav>.nav-item>.nav-link:hover {
    color: #CB333B;
}

.ktc-sustainability .nav>.nav-item>.nav-link:hover::after {
    color: #CB333B;
}

.ktc-sustainability .nav>.nav-item>.nav-link.show,
.ktc-sustainability .nav>.nav-item>.nav-link.active {
    color: #CB333B;
}

.ktc-sustainability .nav>.nav-item>.nav-link.show::after,
.ktc-sustainability .nav>.nav-item>.nav-link.active::after {
    color: #CB333B;
}

.ktc-sustainability .nav .dropdown .dropdown-toggle::after {
    border: unset;
    margin-left: 0;
    vertical-align: unset;
    pointer-events: none;
}

.ktc-sustainability .nav .dropdown .dropdown-toggle::after {
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    content: "";
    position: absolute;
    top: 50%;
    right: 4px;
    color: #333333;
    font-size: 0.875rem;
    font-weight: 400;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.ktc-sustainability .nav .dropdown .dropdown-toggle[aria-expanded=true]::after {
    -webkit-transform: translateY(-50%) rotate(90deg);
    -moz-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    -o-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
}

.ktc-sustainability .nav .dropdown .dropdown-menu {
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    background-color: transparent;
}

.ktc-sustainability .nav .dropdown .dropdown-item {
    padding: 0;
}

.ktc-sustainability .nav .dropdown .dropdown-item.active {
    background-color: transparent;
}

.ktc-sustainability .nav .dropdown .dropdown-item:hover,
.ktc-sustainability .nav .dropdown .dropdown-item:focus,
.ktc-sustainability .nav .dropdown .dropdown-item:active {
    background-color: transparent;
}

.ktc-sustainability .nav .dropdown .dropdown-link {
    text-decoration: none;
}

.ktc-sustainability .nav .dropdown .dropdown-link:hover,
.ktc-sustainability .nav .dropdown .dropdown-link:focus,
.ktc-sustainability .nav .dropdown .dropdown-link:active {
    text-decoration: none;
}

.ktc-sustainability .nav.nav--footer {
    display: flex;
    flex-direction: column;
}

@media (min-width: 768px) {
    .ktc-sustainability .nav.nav--footer {
        flex-flow: row wrap;
    }
}

.ktc-sustainability .nav.nav--footer>.nav-item {
    border-bottom: 1px solid rgba(91, 102, 112, 0.4);
}

@media (min-width: 768px) {
    .ktc-sustainability .nav.nav--footer>.nav-item {
        flex: 0 0 50%;
        max-width: 50%;
        border-bottom: 0;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .nav.nav--footer>.nav-item {
        flex: 0 0 25%;
        max-width: 25%;
    }
}

.ktc-sustainability .nav.nav--footer>.nav-item>.nav-link {
    display: flex;
    align-items: center;
}

.ktc-sustainability .nav.nav--footer>.nav-item .nav-icon {
    display: block;
    height: auto;
    width: 40px;
    margin-right: 0.75rem;
    margin-bottom: 0.125rem;
}

.ktc-sustainability .nav.nav--footer .dropdown.show>.nav-link,
.ktc-sustainability .nav.nav--footer .dropdown.active>.nav-link {
    color: #cf3339;
}

@media (min-width: 768px) {
    .ktc-sustainability .nav.nav--footer .dropdown .dropdown-toggle {
        pointer-events: none;
    }
}

@media (min-width: 768px) {
    .ktc-sustainability .nav.nav--footer .dropdown .dropdown-toggle::after {
        display: none;
    }
}

.ktc-sustainability .nav.nav--footer .dropdown .dropdown-menu--lv2 {
    position: relative !important;
    flex-direction: column;
    padding: 0 0 0 1.5rem;
    margin-bottom: 0.75rem !important;
    -webkit-transform: translate(0, 0) !important;
    -moz-transform: translate(0, 0) !important;
    -ms-transform: translate(0, 0) !important;
    -o-transform: translate(0, 0) !important;
    transform: translate(0, 0) !important;
}

@media (min-width: 768px) {
    .ktc-sustainability .nav.nav--footer .dropdown .dropdown-menu--lv2 {
        display: block;
        padding: 0 1rem 0 0;
    }
}

.ktc-sustainability .nav.nav--footer .dropdown .dropdown-menu--lv2 .dropdown-item {
    position: relative;
}

.ktc-sustainability .nav.nav--footer .dropdown .dropdown-menu--lv2 .dropdown-item:not(:last-child) {
    margin-bottom: 0.25rem;
}

.ktc-sustainability .nav.nav--footer .dropdown .dropdown-menu--lv2 .dropdown-link {
    position: relative;
    display: flex;
    padding: 0.125rem 0;
    color: #333333;
    white-space: normal;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.ktc-sustainability .nav.nav--footer .dropdown .dropdown-menu--lv2 .dropdown-link:hover {
    color: #CB333B;
}

html[lang=en] .ktc-sustainability .nav.nav--footer .nav-item {
    font-size: 1rem;
    font-weight: 700;
}

html[lang=en] .ktc-sustainability .nav.nav--footer .dropdown-menu--lv2 .dropdown-item {
    font-size: 0.875rem;
}

html[lang=en] .ktc-sustainability .nav.nav--footer .dropdown-menu--lv3 .dropdown-item {
    font-size: 0.875rem;
}

html[lang=th] .ktc-sustainability .nav.nav--footer .nav-item {
    font-size: 1rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .nav.nav--footer .dropdown-menu--lv2 .dropdown-item {
    font-size: 0.875rem;
}

html[lang=th] .ktc-sustainability .nav.nav--footer .dropdown-menu--lv3 .dropdown-item {
    font-size: 0.875rem;
}

.ktc-sustainability .navbar.navbar--tab-content {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
}

.ktc-sustainability .navbar.navbar--tab-content .navbar__header {
    position: sticky;
    top: 60px;
    left: 0;
    display: flex;
    align-items: flex-end;
    align-self: flex-start;
    width: 100%;
    min-height: 80px;
    margin-bottom: 2.5rem;
    background-color: #FFFFFF;
    -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 1;
}

@media (min-width: 576px) {
    .ktc-sustainability .navbar.navbar--tab-content .navbar__header {
        top: 100px;
    }
}

.ktc-sustainability .navbar.navbar--tab-content.theme-2 {
    margin-top: 1.5rem;
}

@media (min-width: 992px) {
    .ktc-sustainability .navbar.navbar--tab-content.theme-2 {
        margin-top: 2.5rem;
    }
}

.ktc-sustainability .navbar.navbar--tab-content.theme-2 .navbar__header {
    top: 125px;
    align-items: center;
    min-height: 130px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.ktc-sustainability .navbar.navbar--tab-management {
    position: relative;
    padding: 0;
    z-index: 10;
}

.ktc-sustainability .navbar.navbar--tab-management .navbar-collapse {
    display: block;
}

.ktc-sustainability .navbar.navbar--tab-management .navbar-collapse.collapsing {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

.ktc-sustainability .navbar.navbar--tab-management .nav-toggler {
    display: none;
    position: relative;
    padding: 0.5rem 3.25rem 0.5rem 1.5rem;
    margin: 0;
    width: 100%;
    min-height: 45px;
    text-align: left;
    color: #FFFFFF;
    outline: none;
    border-radius: 6px;
    border: 1px solid #0057B8;
    background-color: #0057B8;
    -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
}

.ktc-sustainability .navbar.navbar--tab-management .nav-toggler.collapsed .nav-toggler__icon {
    -webkit-transform: scaleY(-1);
    -moz-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    transform: scaleY(-1);
}

.ktc-sustainability .navbar.navbar--tab-management .nav-toggler .nav-toggler__icon {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    width: auto;
    height: 100%;
    margin: auto 0;
    padding: 0 1rem;
    font-size: 1.75rem;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.ktc-sustainability .navbar.navbar--tab-management .nav-toggler .nav-toggler__icon::before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    content: "";
    color: #FFFFFF;
}

.ktc-sustainability .navbar.navbar--tab-management .nav.nav-tab {
    position: absolute;
    width: 100%;
    flex-flow: row wrap;
    justify-content: center;
    border: 0;
    background-color: #FFFFFF;
    -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 9;
}

@media (min-width: 992px) {
    .ktc-sustainability .navbar.navbar--tab-management .nav.nav-tab {
        position: relative;
        flex-flow: row nowrap;
        justify-content: flex-start;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
}

.ktc-sustainability .navbar.navbar--tab-management .nav.nav-tab .nav-item {
    position: relative;
    margin: 0;
    width: 100%;
}

@media (min-width: 992px) {
    .ktc-sustainability .navbar.navbar--tab-management .nav.nav-tab .nav-item {
        width: auto;
    }

    .ktc-sustainability .navbar.navbar--tab-management .nav.nav-tab .nav-item:not(:last-child) {
        margin-right: 1.5rem;
    }
}

@media (min-width: 1200px) {
    .ktc-sustainability .navbar.navbar--tab-management .nav.nav-tab .nav-item:not(:last-child) {
        margin-right: 2.5rem;
    }
}

.ktc-sustainability .navbar.navbar--tab-management .nav.nav-tab .nav-item:hover .nav-link {
    background-color: rgba(0, 0, 0, 0.05);
}

.ktc-sustainability .navbar.navbar--tab-management .nav.nav-tab .nav-item:hover .nav-link::before {
    opacity: 1;
}

@media (min-width: 992px) {
    .ktc-sustainability .navbar.navbar--tab-management .nav.nav-tab .nav-item:hover .nav-link {
        background-color: transparent;
    }
}

.ktc-sustainability .navbar.navbar--tab-management .nav.nav-tab .nav-link {
    position: relative;
    display: inline-flex;
    margin: 0;
    padding: 0.75rem 1.5rem;
    width: 100%;
    color: #333333;
    border: none;
    border-radius: 0;
    background-color: #FFFFFF;
    text-decoration: none;
    cursor: pointer;
}

@media (min-width: 992px) {
    .ktc-sustainability .navbar.navbar--tab-management .nav.nav-tab .nav-link {
        padding: 1rem 0;
        white-space: nowrap;
    }

    .ktc-sustainability .navbar.navbar--tab-management .nav.nav-tab .nav-link::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: #000000;
        opacity: 0;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .navbar.navbar--tab-management .nav.nav-tab .nav-link.active::before {
        opacity: 1;
    }
}

.ktc-sustainability .tab-management {
    display: flex;
    align-items: flex-end;
    background-color: #FFFFFF;
}

@media (min-width: 992px) {
    .ktc-sustainability .tab-management {
        min-height: 80px;
        -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
        box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    }
}

.ktc-sustainability .navbar.navbar--tab-sdgs {
    --item_size: 70px;
    --circle_size: 370px;
    --border-radar-size-after: calc(var(--item_size) + 30px);
    position: relative;
    padding: 0;
    z-index: 10;
}

@media (min-width: 1200px) {
    .ktc-sustainability .navbar.navbar--tab-sdgs {
        --item_size: 90px;
        --circle_size: 470px;
    }
}

.ktc-sustainability .navbar.navbar--tab-sdgs .navbar-collapse.collapsing {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

.ktc-sustainability .navbar.navbar--tab-sdgs .nav-toggler {
    position: relative;
    padding: 0.5rem 3.25rem 0.5rem 1.5rem;
    margin: 0;
    width: 100%;
    min-height: 45px;
    text-align: left;
    color: #FFFFFF;
    outline: none;
    border-radius: 6px;
    border: 1px solid var(--color);
    background-color: var(--color);
    -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
}

@media (min-width: 992px) {
    .ktc-sustainability .navbar.navbar--tab-sdgs .nav-toggler {
        display: none;
    }
}

.ktc-sustainability .navbar.navbar--tab-sdgs .nav-toggler.collapsed .nav-toggler__icon {
    -webkit-transform: scaleY(-1);
    -moz-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    transform: scaleY(-1);
}

.ktc-sustainability .navbar.navbar--tab-sdgs .nav-toggler .nav-toggler__icon {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    width: auto;
    height: 100%;
    margin: auto 0;
    padding: 0 1rem;
    font-size: 1.75rem;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.ktc-sustainability .navbar.navbar--tab-sdgs .nav-toggler .nav-toggler__icon::before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    content: "";
    color: #FFFFFF;
}

.ktc-sustainability .navbar.navbar--tab-sdgs .nav.nav-tab {
    position: absolute;
    width: 100%;
    flex-flow: row wrap;
    justify-content: center;
    border: 0;
    background-color: #FFFFFF;
    z-index: 9;
}

@media (max-width: 991.98px) {
    .ktc-sustainability .navbar.navbar--tab-sdgs .nav.nav-tab {
        max-height: 350px;
        overflow-y: scroll;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .navbar.navbar--tab-sdgs .nav.nav-tab {
        position: relative;
        display: flex;
        justify-content: flex-start;
        background-color: transparent;
        width: var(--circle_size);
        height: var(--circle_size);
        margin: 0 auto;
        padding: 0;
        border-radius: 100%;
    }
}

.ktc-sustainability .navbar.navbar--tab-sdgs .nav.nav-tab .nav-item {
    position: relative;
    margin: 0;
    width: 100%;
    z-index: 1;
}

@media (min-width: 992px) {
    .ktc-sustainability .navbar.navbar--tab-sdgs .nav.nav-tab .nav-item {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        text-align: center;
        width: var(--item_size);
        height: var(--item_size);
        transform-origin: calc(var(--circle_size) / 2) calc(var(--circle_size) / 2);
    }

    .ktc-sustainability .navbar.navbar--tab-sdgs .nav.nav-tab .nav-item:nth-child(1) {
        transform: rotateZ(0deg);
    }

    .ktc-sustainability .navbar.navbar--tab-sdgs .nav.nav-tab .nav-item:nth-child(1) .nav-link {
        transform: rotateZ(0deg);
    }

    .ktc-sustainability .navbar.navbar--tab-sdgs .nav.nav-tab .nav-item:nth-child(2) {
        transform: rotateZ(32.7272727273deg);
    }

    .ktc-sustainability .navbar.navbar--tab-sdgs .nav.nav-tab .nav-item:nth-child(2) .nav-link {
        transform: rotateZ(-32.7272727273deg);
    }

    .ktc-sustainability .navbar.navbar--tab-sdgs .nav.nav-tab .nav-item:nth-child(3) {
        transform: rotateZ(65.4545454545deg);
    }

    .ktc-sustainability .navbar.navbar--tab-sdgs .nav.nav-tab .nav-item:nth-child(3) .nav-link {
        transform: rotateZ(-65.4545454545deg);
    }

    .ktc-sustainability .navbar.navbar--tab-sdgs .nav.nav-tab .nav-item:nth-child(4) {
        transform: rotateZ(98.1818181818deg);
    }

    .ktc-sustainability .navbar.navbar--tab-sdgs .nav.nav-tab .nav-item:nth-child(4) .nav-link {
        transform: rotateZ(-98.1818181818deg);
    }

    .ktc-sustainability .navbar.navbar--tab-sdgs .nav.nav-tab .nav-item:nth-child(5) {
        transform: rotateZ(130.9090909091deg);
    }

    .ktc-sustainability .navbar.navbar--tab-sdgs .nav.nav-tab .nav-item:nth-child(5) .nav-link {
        transform: rotateZ(-130.9090909091deg);
    }

    .ktc-sustainability .navbar.navbar--tab-sdgs .nav.nav-tab .nav-item:nth-child(6) {
        transform: rotateZ(163.6363636364deg);
    }

    .ktc-sustainability .navbar.navbar--tab-sdgs .nav.nav-tab .nav-item:nth-child(6) .nav-link {
        transform: rotateZ(-163.6363636364deg);
    }

    .ktc-sustainability .navbar.navbar--tab-sdgs .nav.nav-tab .nav-item:nth-child(7) {
        transform: rotateZ(196.3636363636deg);
    }

    .ktc-sustainability .navbar.navbar--tab-sdgs .nav.nav-tab .nav-item:nth-child(7) .nav-link {
        transform: rotateZ(-196.3636363636deg);
    }

    .ktc-sustainability .navbar.navbar--tab-sdgs .nav.nav-tab .nav-item:nth-child(8) {
        transform: rotateZ(229.0909090909deg);
    }

    .ktc-sustainability .navbar.navbar--tab-sdgs .nav.nav-tab .nav-item:nth-child(8) .nav-link {
        transform: rotateZ(-229.0909090909deg);
    }

    .ktc-sustainability .navbar.navbar--tab-sdgs .nav.nav-tab .nav-item:nth-child(9) {
        transform: rotateZ(261.8181818182deg);
    }

    .ktc-sustainability .navbar.navbar--tab-sdgs .nav.nav-tab .nav-item:nth-child(9) .nav-link {
        transform: rotateZ(-261.8181818182deg);
    }

    .ktc-sustainability .navbar.navbar--tab-sdgs .nav.nav-tab .nav-item:nth-child(10) {
        transform: rotateZ(294.5454545455deg);
    }

    .ktc-sustainability .navbar.navbar--tab-sdgs .nav.nav-tab .nav-item:nth-child(10) .nav-link {
        transform: rotateZ(-294.5454545455deg);
    }

    .ktc-sustainability .navbar.navbar--tab-sdgs .nav.nav-tab .nav-item:nth-child(11) {
        transform: rotateZ(327.2727272727deg);
    }

    .ktc-sustainability .navbar.navbar--tab-sdgs .nav.nav-tab .nav-item:nth-child(11) .nav-link {
        transform: rotateZ(-327.2727272727deg);
    }
}

.ktc-sustainability .navbar.navbar--tab-sdgs .nav.nav-tab .nav-link {
    position: relative;
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0.75rem 1.5rem;
    width: 100%;
    color: #333333;
    background-color: #FFFFFF;
    text-decoration: none;
    cursor: pointer;
}

@media (min-width: 992px) {
    .ktc-sustainability .navbar.navbar--tab-sdgs .nav.nav-tab .nav-link {
        justify-content: center;
        padding: 0;
        width: var(--item_size);
        height: var(--item_size);
        background-color: transparent;
    }

    .ktc-sustainability .navbar.navbar--tab-sdgs .nav.nav-tab .nav-link::before,
    .ktc-sustainability .navbar.navbar--tab-sdgs .nav.nav-tab .nav-link::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: var(--border-radar-size-after);
        height: var(--border-radar-size-after);
        border-radius: 6px;
        border: 1px solid rgba(112, 112, 112, 0.5);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        z-index: -1;
        opacity: 0;
        pointer-events: none;
    }
}

.ktc-sustainability .navbar.navbar--tab-sdgs .nav.nav-tab .nav-link:hover {
    background-color: rgba(0, 0, 0, 0.05);
}

@media (min-width: 992px) {
    .ktc-sustainability .navbar.navbar--tab-sdgs .nav.nav-tab .nav-link:hover {
        background-color: transparent;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .navbar.navbar--tab-sdgs .nav.nav-tab .nav-link:hover .nav-icon>img {
        width: var(--item_size);
        height: var(--item_size);
    }
}

.ktc-sustainability .navbar.navbar--tab-sdgs .nav.nav-tab .nav-link.active::before {
    animation: zoom-in-zoom-out 1s ease-out infinite 0.5s;
}

.ktc-sustainability .navbar.navbar--tab-sdgs .nav.nav-tab .nav-link.active::after {
    animation: zoom-in-zoom-out 1s ease-out infinite;
}

@media (min-width: 992px) {
    .ktc-sustainability .navbar.navbar--tab-sdgs .nav.nav-tab .nav-link.active .nav-icon>img {
        width: var(--item_size);
        height: var(--item_size);
    }
}

.ktc-sustainability .navbar.navbar--tab-sdgs .nav.nav-tab .nav-title {
    margin-left: 1rem;
    border-bottom: 1px solid #707070;
}

@media (min-width: 992px) {
    .ktc-sustainability .navbar.navbar--tab-sdgs .nav.nav-tab .nav-title {
        display: none;
    }
}

.ktc-sustainability .navbar.navbar--tab-sdgs .nav.nav-tab .nav-icon {
    display: flex;
    justify-content: center;
    align-items: center;
}

.ktc-sustainability .navbar.navbar--tab-sdgs .nav.nav-tab .nav-icon>img {
    display: block;
    width: 45px;
    height: 45px;
    margin: auto;
    object-fit: contain;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

@media (min-width: 992px) {
    .ktc-sustainability .navbar.navbar--tab-sdgs .nav.nav-tab .nav-icon>img {
        width: 60px;
        height: 60px;
    }
}

@media (min-width: 1200px) {
    .ktc-sustainability .navbar.navbar--tab-sdgs .nav.nav-tab .nav-icon>img {
        width: 80px;
        height: 80px;
    }
}

.ktc-sustainability .tab-sdgs {
    position: relative;
}

.ktc-sustainability .tab-sdgs .tab-sdgs__wrapper {
    display: flex;
    flex-flow: row wrap;
}

@media (min-width: 992px) {
    .ktc-sustainability .tab-sdgs .tab-sdgs__wrapper {
        flex-flow: row-reverse wrap;
    }
}

.ktc-sustainability .tab-sdgs .tab-sdgs__nav,
.ktc-sustainability .tab-sdgs .tab-sdgs__content {
    flex: 0 0 100%;
    max-width: 100%;
    margin-top: 3rem;
}

@media (min-width: 992px) {

    .ktc-sustainability .tab-sdgs .tab-sdgs__nav,
    .ktc-sustainability .tab-sdgs .tab-sdgs__content {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

.ktc-sustainability .tab-sdgs .tab-sdgs__nav {
    position: relative;
    display: none;
    z-index: 1;
}

@media (min-width: 992px) {
    .ktc-sustainability .tab-sdgs .tab-sdgs__nav {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 600px;
    }

    .ktc-sustainability .tab-sdgs .tab-sdgs__nav::before,
    .ktc-sustainability .tab-sdgs .tab-sdgs__nav::after {
        content: "";
        position: absolute;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: -1;
        pointer-events: none;
    }

    .ktc-sustainability .tab-sdgs .tab-sdgs__nav::before {
        top: 59%;
        left: 59%;
        width: 300px;
        height: 100%;
        background-image: url("https://www.ktc.co.th/pub/media/sites/SD/assets/static/images/default/sdg-goal.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }

    .ktc-sustainability .tab-sdgs .tab-sdgs__nav::after {
        top: 50%;
        left: 50%;
        width: 460px;
        height: 460px;
        border-radius: 50%;
        border: 45px solid #E6E6E6;
    }
}

@media (min-width: 1200px) {
    .ktc-sustainability .tab-sdgs .tab-sdgs__nav::before {
        top: 64%;
        left: 60%;
        width: 400px;
    }

    .ktc-sustainability .tab-sdgs .tab-sdgs__nav::after {
        width: 600px;
        height: 600px;
        border-width: 60px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .tab-sdgs .tab-sdgs__content {
        padding-right: 3rem;
    }
}

@media (min-width: 1200px) {
    .ktc-sustainability .tab-sdgs .tab-sdgs__content {
        padding-right: 5rem;
    }
}

.ktc-sustainability .navbar.navbar--tab-social {
    position: relative;
    padding: 0;
    z-index: 10;
}

.ktc-sustainability .navbar.navbar--tab-social .navbar-collapse.collapsing {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

.ktc-sustainability .navbar.navbar--tab-social .nav-toggler {
    position: relative;
    padding: 0.5rem 3.25rem 0.5rem 1.5rem;
    margin: 0;
    width: 100%;
    min-height: 45px;
    text-align: left;
    color: #FFFFFF;
    outline: none;
    border-radius: 6px;
    border: 1px solid #0057B8;
    background-color: #0057B8;
    -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
}

@media (min-width: 992px) {
    .ktc-sustainability .navbar.navbar--tab-social .nav-toggler {
        display: none;
    }
}

.ktc-sustainability .navbar.navbar--tab-social .nav-toggler.collapsed .nav-toggler__icon {
    -webkit-transform: scaleY(-1);
    -moz-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    transform: scaleY(-1);
}

.ktc-sustainability .navbar.navbar--tab-social .nav-toggler .nav-toggler__icon {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    width: auto;
    height: 100%;
    margin: auto 0;
    padding: 0 1rem;
    font-size: 1.75rem;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.ktc-sustainability .navbar.navbar--tab-social .nav-toggler .nav-toggler__icon::before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    content: "";
    color: #FFFFFF;
}

.ktc-sustainability .navbar.navbar--tab-social .nav.nav-tab {
    position: absolute;
    width: 100%;
    flex-flow: row wrap;
    justify-content: center;
    border: 0;
    background-color: #FFFFFF;
    -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 9;
}

@media (min-width: 992px) {
    .ktc-sustainability .navbar.navbar--tab-social .nav.nav-tab {
        position: relative;
        flex-flow: row nowrap;
        justify-content: flex-start;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
}

.ktc-sustainability .navbar.navbar--tab-social .nav.nav-tab .nav-item {
    position: relative;
    margin: 0;
    width: 100%;
}

@media (min-width: 992px) {
    .ktc-sustainability .navbar.navbar--tab-social .nav.nav-tab .nav-item {
        width: auto;
    }

    .ktc-sustainability .navbar.navbar--tab-social .nav.nav-tab .nav-item:not(:last-child) {
        margin-right: 1.5rem;
    }
}

@media (min-width: 1200px) {
    .ktc-sustainability .navbar.navbar--tab-social .nav.nav-tab .nav-item:not(:last-child) {
        margin-right: 2.5rem;
    }
}

.ktc-sustainability .navbar.navbar--tab-social .nav.nav-tab .nav-item:hover .nav-link {
    background-color: rgba(0, 0, 0, 0.05);
}

.ktc-sustainability .navbar.navbar--tab-social .nav.nav-tab .nav-item:hover .nav-link::before {
    opacity: 1;
}

@media (min-width: 992px) {
    .ktc-sustainability .navbar.navbar--tab-social .nav.nav-tab .nav-item:hover .nav-link {
        background-color: transparent;
    }
}

.ktc-sustainability .navbar.navbar--tab-social .nav.nav-tab .nav-link {
    position: relative;
    display: inline-flex;
    margin: 0;
    padding: 0.75rem 1.5rem;
    width: 100%;
    color: #333333;
    border: none;
    border-radius: 0;
    background-color: #FFFFFF;
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
}

@media (min-width: 992px) {
    .ktc-sustainability .navbar.navbar--tab-social .nav.nav-tab .nav-link {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        width: 385px;
        height: 120px;
        border-radius: 120px;
        background: -moz-linear-gradient(308deg, #CBF2EE 6.53%, #FFF 36.55%, #FFF 66.57%, #CBF2EE 96.6%);
        background: -webkit-linear-gradient(308deg, #CBF2EE 6.53%, #FFF 36.55%, #FFF 66.57%, #CBF2EE 96.6%);
        background: linear-gradient(308deg, #CBF2EE 6.53%, #FFF 36.55%, #FFF 66.57%, #CBF2EE 96.6%);
        -webkit-box-shadow: inset 0px 3px 2px #4dd2c9;
        -moz-box-shadow: inset 0px 3px 2px #4dd2c9;
        box-shadow: inset 0px 3px 2px #4dd2c9;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .navbar.navbar--tab-social .nav.nav-tab .nav-link.active {
        color: #FFFFFF;
        background: -moz-linear-gradient(219deg, #80DFD9 6.13%, #4468D6 101.87%);
        background: -webkit-linear-gradient(219deg, #80DFD9 6.13%, #4468D6 101.87%);
        background: linear-gradient(219deg, #80DFD9 6.13%, #4468D6 101.87%);
        -webkit-box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.15);
        -moz-box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.15);
        box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.15);
    }
}

.ktc-sustainability .tab-social {
    display: flex;
    align-items: flex-end;
    background-color: #FFFFFF;
}

@media (min-width: 992px) {
    .ktc-sustainability .tab-social {
        min-height: 120px;
    }
}

.ktc-sustainability .navbar.navbar--tab-sustain {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding: 0;
    border-bottom: 0;
}

.ktc-sustainability .navbar.navbar--tab-sustain .navbar-img {
    position: relative;
    display: none;
}

@media (min-width: 992px) {
    .ktc-sustainability .navbar.navbar--tab-sustain .navbar-img {
        display: block;
    }
}

.ktc-sustainability .navbar.navbar--tab-sustain .navbar-img>img {
    max-width: 100%;
    height: 100%;
    object-fit: cover;
}

.ktc-sustainability .navbar.navbar--tab-sustain .nav-item {
    list-style: none;
    width: 50%;
    cursor: pointer;
}

.ktc-sustainability .navbar.navbar--tab-sustain .nav-item:nth-child(2) .nav-link {
    background: -moz-linear-gradient(272deg, #171754 -10.32%, #4468D6 95.77%);
    background: -webkit-linear-gradient(272deg, #171754 -10.32%, #4468D6 95.77%);
    background: linear-gradient(272deg, #171754 -10.32%, #4468D6 95.77%);
}

.ktc-sustainability .navbar.navbar--tab-sustain .nav-item .nav-link.active .nav-icon {
    background-color: #FFFFFF;
}

.ktc-sustainability .navbar.navbar--tab-sustain .nav-item .nav-link.active .nav-icon::before {
    color: #333333;
    -webkit-transform: translate(-50%, -50%) scaleY(-1);
    -moz-transform: translate(-50%, -50%) scaleY(-1);
    -ms-transform: translate(-50%, -50%) scaleY(-1);
    -o-transform: translate(-50%, -50%) scaleY(-1);
    transform: translate(-50%, -50%) scaleY(-1);
}

.ktc-sustainability .navbar.navbar--tab-sustain .nav-link {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #FFFFFF;
    text-align: center;
    padding: 1rem;
    background: -moz-linear-gradient(90deg, #0057B8 19.34%, #69B3F8 211.11%);
    background: -webkit-linear-gradient(90deg, #0057B8 19.34%, #69B3F8 211.11%);
    background: linear-gradient(90deg, #0057B8 19.34%, #69B3F8 211.11%);
}

@media (min-width: 768px) {
    .ktc-sustainability .navbar.navbar--tab-sustain .nav-link {
        padding: 1.5rem;
    }
}

.ktc-sustainability .navbar.navbar--tab-sustain .nav-icon {
    position: relative;
    width: 32px;
    height: 32px;
    margin-top: 0.75rem;
    border-radius: 50%;
    border: 1px solid #FFFFFF;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.ktc-sustainability .navbar.navbar--tab-sustain .nav-icon::before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    color: #FFFFFF;
    font-size: 0.625rem;
    font-weight: 300;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

@media (max-width: 767.98px) {
    .ktc-sustainability .navbar.navbar--tab-sustain .nav-text {
        display: flex;
        align-items: center;
        min-height: 48px;
    }
}

.ktc-sustainability .navbar.navbar--tab-sustain.theme-economic .nav-item:nth-child(1) .nav-link {
    background: -moz-linear-gradient(62deg, #171754 13.01%, #4468D6 160.67%);
    background: -webkit-linear-gradient(62deg, #171754 13.01%, #4468D6 160.67%);
    background: linear-gradient(62deg, #171754 13.01%, #4468D6 160.67%);
}

.ktc-sustainability .navbar.navbar--tab-sustain.theme-economic .nav-item:nth-child(1) .nav-link.active .nav-icon::before {
    background: -moz-linear-gradient(62deg, #171754 13.01%, #4468D6 160.67%);
    background: -webkit-linear-gradient(62deg, #171754 13.01%, #4468D6 160.67%);
    background: linear-gradient(62deg, #171754 13.01%, #4468D6 160.67%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ktc-sustainability .navbar.navbar--tab-sustain.theme-economic .nav-item:nth-child(2) .nav-link {
    background: -moz-linear-gradient(293deg, #C98ADC -7.37%, #CD1069 71.52%);
    background: -webkit-linear-gradient(293deg, #C98ADC -7.37%, #CD1069 71.52%);
    background: linear-gradient(293deg, #C98ADC -7.37%, #CD1069 71.52%);
}

.ktc-sustainability .navbar.navbar--tab-sustain.theme-economic .nav-item:nth-child(2) .nav-link.active .nav-icon::before {
    background: -moz-linear-gradient(293deg, #C98ADC -7.37%, #CD1069 71.52%);
    background: -webkit-linear-gradient(293deg, #C98ADC -7.37%, #CD1069 71.52%);
    background: linear-gradient(293deg, #C98ADC -7.37%, #CD1069 71.52%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ktc-sustainability .navbar.navbar--tab-sustain.theme-economic+.tab-content {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.8) 100%), linear-gradient(227deg, #CCDDF1 -0.09%, #69B3F8 103.69%);
}

.ktc-sustainability .navbar.navbar--tab-sustain.theme-environment .nav-item:nth-child(1) .nav-link {
    background: -moz-linear-gradient(227deg, #C4D600 -0.09%, #636A01 103.69%);
    background: -webkit-linear-gradient(227deg, #C4D600 -0.09%, #636A01 103.69%);
    background: linear-gradient(227deg, #C4D600 -0.09%, #636A01 103.69%);
}

.ktc-sustainability .navbar.navbar--tab-sustain.theme-environment .nav-item:nth-child(1) .nav-link.active .nav-icon::before {
    background: -moz-linear-gradient(227deg, #C4D600 -0.09%, #636A01 103.69%);
    background: -webkit-linear-gradient(227deg, #C4D600 -0.09%, #636A01 103.69%);
    background: linear-gradient(227deg, #C4D600 -0.09%, #636A01 103.69%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ktc-sustainability .navbar.navbar--tab-sustain.theme-environment .nav-item:nth-child(2) .nav-link {
    background: -moz-linear-gradient(315deg, #FFC72D -0.05%, #CFDD33 100.06%);
    background: -webkit-linear-gradient(315deg, #FFC72D -0.05%, #CFDD33 100.06%);
    background: linear-gradient(315deg, #FFC72D -0.05%, #CFDD33 100.06%);
}

.ktc-sustainability .navbar.navbar--tab-sustain.theme-environment .nav-item:nth-child(2) .nav-link.active .nav-icon::before {
    background: -moz-linear-gradient(315deg, #FFC72D -0.05%, #CFDD33 100.06%);
    background: -webkit-linear-gradient(315deg, #FFC72D -0.05%, #CFDD33 100.06%);
    background: linear-gradient(315deg, #FFC72D -0.05%, #CFDD33 100.06%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ktc-sustainability .navbar.navbar--tab-sustain.theme-environment+.tab-content {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.8) 100%), linear-gradient(227deg, #C1CB54 -0.09%, #F3F7CC 103.69%);
}

.ktc-sustainability .navbar.navbar--tab-sustain.theme-two-column .nav-item:nth-child(1) .nav-link {
    background: -moz-linear-gradient(90deg, #0057B8 19.34%, #69B3F8 211.11%);
    background: -webkit-linear-gradient(90deg, #0057B8 19.34%, #69B3F8 211.11%);
    background: linear-gradient(90deg, #0057B8 19.34%, #69B3F8 211.11%);
}

.ktc-sustainability .navbar.navbar--tab-sustain.theme-two-column .nav-item:nth-child(1) .nav-link.active .nav-icon::before {
    background: -moz-linear-gradient(90deg, #0057B8 19.34%, #69B3F8 211.11%);
    background: -webkit-linear-gradient(90deg, #0057B8 19.34%, #69B3F8 211.11%);
    background: linear-gradient(90deg, #0057B8 19.34%, #69B3F8 211.11%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ktc-sustainability .navbar.navbar--tab-sustain.theme-two-column .nav-item:nth-child(2) .nav-link {
    background: -moz-linear-gradient(272deg, #171754 -10.32%, #4468D6 95.77%);
    background: -webkit-linear-gradient(272deg, #171754 -10.32%, #4468D6 95.77%);
    background: linear-gradient(272deg, #171754 -10.32%, #4468D6 95.77%);
}

.ktc-sustainability .navbar.navbar--tab-sustain.theme-two-column .nav-item:nth-child(2) .nav-link.active .nav-icon::before {
    background: -moz-linear-gradient(272deg, #171754 -10.32%, #4468D6 95.77%);
    background: -webkit-linear-gradient(272deg, #171754 -10.32%, #4468D6 95.77%);
    background: linear-gradient(272deg, #171754 -10.32%, #4468D6 95.77%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

@media (min-width: 992px) {
    .ktc-sustainability .navbar.navbar--tab-sustain.theme-two-column .nav-icon {
        display: none;
    }
}

.ktc-sustainability .navbar.navbar--tab-sustain.theme-human-rights .nav-item:nth-child(1) .nav-link {
    background: -moz-linear-gradient(62deg, #171754 13.01%, #4468D6 160.67%);
    background: -webkit-linear-gradient(62deg, #171754 13.01%, #4468D6 160.67%);
    background: linear-gradient(62deg, #171754 13.01%, #4468D6 160.67%);
}

.ktc-sustainability .navbar.navbar--tab-sustain.theme-human-rights .nav-item:nth-child(1) .nav-link.active .nav-icon::before {
    background: -moz-linear-gradient(62deg, #171754 13.01%, #4468D6 160.67%);
    background: -webkit-linear-gradient(62deg, #171754 13.01%, #4468D6 160.67%);
    background: linear-gradient(62deg, #171754 13.01%, #4468D6 160.67%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ktc-sustainability .navbar.navbar--tab-sustain.theme-human-rights .nav-item:nth-child(2) .nav-link {
    background: -moz-linear-gradient(293deg, #C98ADC -7.37%, #CD1069 71.52%);
    background: -webkit-linear-gradient(293deg, #C98ADC -7.37%, #CD1069 71.52%);
    background: linear-gradient(293deg, #C98ADC -7.37%, #CD1069 71.52%);
}

.ktc-sustainability .navbar.navbar--tab-sustain.theme-human-rights .nav-item:nth-child(2) .nav-link.active .nav-icon::before {
    background: -moz-linear-gradient(293deg, #C98ADC -7.37%, #CD1069 71.52%);
    background: -webkit-linear-gradient(293deg, #C98ADC -7.37%, #CD1069 71.52%);
    background: linear-gradient(293deg, #C98ADC -7.37%, #CD1069 71.52%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ktc-sustainability .navbar.navbar--tab-sustain.theme-human-rights+.tab-content {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.8) 100%), linear-gradient(227deg, #CCDDF1 -0.09%, #69B3F8 103.69%);
}

.ktc-sustainability .navbar.navbar--tab-sustain+.tab-content {
    padding: 2.5rem;
}

@media (max-width: 767.98px) {
    .ktc-sustainability .navbar.navbar--tab-sustain+.tab-content {
        padding: 2.5rem 1.5rem;
    }
}

.ktc-sustainability .navbar.navbar--tab-sustain+.tab-content.tab-content--two-column {
    padding: 0;
}

@media (min-width: 992px) {
    .ktc-sustainability .navbar.navbar--tab-sustain+.tab-content.tab-content--two-column {
        display: flex;
        flex-flow: row nowrap;
    }
}

.ktc-sustainability .navbar.navbar--tab-sustain+.tab-content.tab-content--two-column .tab-pane {
    padding: 2.5rem;
    -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

@media (min-width: 992px) {
    .ktc-sustainability .navbar.navbar--tab-sustain+.tab-content.tab-content--two-column .tab-pane {
        flex: 0 0 50%;
        max-width: 50%;
        display: block;
        opacity: 1;
    }
}

.tab-content .tab-pane.show {
    opacity: 1;
}

.ktc-sustainability .navbar.navbar--tab-sustain+.tab-content .tab-pane__wrapper {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

@media (max-width: 767.98px) {
    .ktc-sustainability .navbar.navbar--tab-sustain+.tab-content .tab-pane__wrapper {
        flex-direction: column;
    }
}

@media (min-width: 768px) {
    .ktc-sustainability .navbar.navbar--tab-sustain+.tab-content .tab-pane__wrapper .tab-pane__img {
        margin-right: 40px;
    }
}

@media (max-width: 767.98px) {
    .ktc-sustainability .navbar.navbar--tab-sustain+.tab-content .tab-pane__wrapper .tab-pane__content {
        text-align: center;
    }
}

.ktc-sustainability .navbar.navbar--tab-sustain+.tab-content .tab-pane__wrapper .tab-pane__content .tab-pane__text {
    color: #00867C;
}

html[lang=en] .ktc-sustainability .navbar.navbar--tab-content .nav-toggler .nav-toggler__title {
    font-weight: 700;
}

@media (max-width: 991.98px) {
    html[lang=en] .ktc-sustainability .navbar.navbar--tab-content .nav.nav-tab .nav-link {
        font-size: 0.875rem;
    }
}

html[lang=en] .ktc-sustainability .navbar.navbar--tab-content .nav.nav-tab .nav-link.active {
    font-weight: 700;
}

html[lang=en] .ktc-sustainability .navbar.navbar--tab-management .nav-toggler .nav-toggler__title {
    font-weight: 700;
}

@media (max-width: 991.98px) {
    html[lang=en] .ktc-sustainability .navbar.navbar--tab-management .nav.nav-tab .nav-link {
        font-size: 0.875rem;
    }
}

html[lang=en] .ktc-sustainability .navbar.navbar--tab-management .nav.nav-tab .nav-link.active {
    font-weight: 700;
}

html[lang=en] .ktc-sustainability .navbar.navbar--tab-sdgs .nav-toggler .nav-toggler__title {
    font-weight: 700;
}

@media (max-width: 991.98px) {
    html[lang=en] .ktc-sustainability .navbar.navbar--tab-sdgs .nav.nav-tab .nav-link {
        font-size: 0.875rem;
    }
}

html[lang=en] .ktc-sustainability .navbar.navbar--tab-sdgs .nav.nav-tab .nav-link.active {
    font-weight: 700;
}

html[lang=en] .ktc-sustainability .navbar.navbar--tab-social .nav-toggler .nav-toggler__title {
    font-weight: 700;
}

@media (max-width: 991.98px) {
    html[lang=en] .ktc-sustainability .navbar.navbar--tab-social .nav.nav-tab .nav-link {
        font-size: 0.875rem;
    }
}

html[lang=en] .ktc-sustainability .navbar.navbar--tab-sustain .nav-link {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
}

@media (min-width: 992px) {
    html[lang=en] .ktc-sustainability .navbar.navbar--tab-sustain .nav-link {
        font-size: 1.25rem;
    }
}

html[lang=en] .ktc-sustainability .navbar.navbar--tab-sustain+.tab-content .tab-pane__wrapper .tab-pane__content .tab-pane__title {
    font-size: 1rem;
    font-weight: 400;
}

html[lang=en] .ktc-sustainability .navbar.navbar--tab-sustain+.tab-content .tab-pane__wrapper .tab-pane__content .tab-pane__text {
    font-size: 1.25rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .navbar.navbar--tab-content .nav-toggler .nav-toggler__title {
    font-weight: 700;
}

@media (max-width: 991.98px) {
    html[lang=th] .ktc-sustainability .navbar.navbar--tab-content .nav.nav-tab .nav-link {
        font-size: 0.875rem;
    }
}

html[lang=th] .ktc-sustainability .navbar.navbar--tab-content .nav.nav-tab .nav-link.active {
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .navbar.navbar--tab-management .nav-toggler .nav-toggler__title {
    font-weight: 700;
}

@media (max-width: 991.98px) {
    html[lang=th] .ktc-sustainability .navbar.navbar--tab-management .nav.nav-tab .nav-link {
        font-size: 0.875rem;
    }
}

html[lang=th] .ktc-sustainability .navbar.navbar--tab-management .nav.nav-tab .nav-link.active {
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .navbar.navbar--tab-sdgs .nav-toggler .nav-toggler__title {
    font-weight: 700;
}

@media (max-width: 991.98px) {
    html[lang=th] .ktc-sustainability .navbar.navbar--tab-sdgs .nav.nav-tab .nav-link {
        font-size: 0.875rem;
    }
}

html[lang=th] .ktc-sustainability .navbar.navbar--tab-sdgs .nav.nav-tab .nav-link.active {
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .navbar.navbar--tab-social .nav-toggler .nav-toggler__title {
    font-weight: 700;
}

@media (max-width: 991.98px) {
    html[lang=th] .ktc-sustainability .navbar.navbar--tab-social .nav.nav-tab .nav-link {
        font-size: 0.875rem;
    }
}

html[lang=th] .ktc-sustainability .navbar.navbar--tab-sustain .nav-link {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
}

@media (min-width: 992px) {
    html[lang=th] .ktc-sustainability .navbar.navbar--tab-sustain .nav-link {
        font-size: 1.25rem;
    }
}

html[lang=th] .ktc-sustainability .navbar.navbar--tab-sustain+.tab-content .tab-pane__wrapper .tab-pane__content .tab-pane__title {
    font-size: 1rem;
    font-weight: 400;
}

html[lang=th] .ktc-sustainability .navbar.navbar--tab-sustain+.tab-content .tab-pane__wrapper .tab-pane__content .tab-pane__text {
    font-size: 1.25rem;
    font-weight: 700;
}

.ktc-sustainability .navbar-nav>.nav-item {
    outline: none;
    position: relative;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.ktc-sustainability .navbar-nav>.nav-item>.nav-link {
    outline: none;
    box-shadow: none;
    text-decoration: none;
    position: relative;
    color: #FFFFFF;
    padding: 0.25rem 1.25rem 0.25rem 0;
}

.ktc-sustainability .navbar-nav>.nav-item>.nav-link:hover {
    color: #cf3339;
}

.ktc-sustainability .navbar-nav>.nav-item>.nav-link:hover::after {
    color: #cf3339;
}

.ktc-sustainability .navbar-nav>.nav-item>.nav-link.show,
.ktc-sustainability .navbar-nav>.nav-item>.nav-link.active {
    color: #cf3339;
}

.ktc-sustainability .navbar-nav>.nav-item>.nav-link.show::after,
.ktc-sustainability .navbar-nav>.nav-item>.nav-link.active::after {
    color: #cf3339;
}

.ktc-sustainability .navbar-nav .dropdown .dropdown-toggle::after {
    border: unset;
    margin-left: 0;
    vertical-align: unset;
    pointer-events: none;
}

.ktc-sustainability .navbar-nav .dropdown .dropdown-toggle::after {
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    content: "";
    position: absolute;
    top: 50%;
    right: 4px;
    color: #FFFFFF;
    font-size: 0.875rem;
    font-weight: 400;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.ktc-sustainability .navbar-nav .dropdown .dropdown-toggle[aria-expanded=true]::after {
    -webkit-transform: translateY(-50%) rotate(90deg);
    -moz-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    -o-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
}

.ktc-sustainability .navbar-nav .dropdown .dropdown-menu {
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    background-color: transparent;
}

.ktc-sustainability .navbar-nav .dropdown .dropdown-item {
    padding: 0;
}

.ktc-sustainability .navbar-nav .dropdown .dropdown-item.active {
    background-color: transparent;
}

.ktc-sustainability .navbar-nav .dropdown .dropdown-item:hover,
.ktc-sustainability .navbar-nav .dropdown .dropdown-item:focus,
.ktc-sustainability .navbar-nav .dropdown .dropdown-item:active {
    background-color: transparent;
}

.ktc-sustainability .navbar-nav .dropdown .dropdown-link {
    text-decoration: none;
}

.ktc-sustainability .navbar-nav .dropdown .dropdown-link:hover,
.ktc-sustainability .navbar-nav .dropdown .dropdown-link:focus,
.ktc-sustainability .navbar-nav .dropdown .dropdown-link:active {
    text-decoration: none;
}

.ktc-sustainability .navbar-nav.navbar-nav--main {
    flex-flow: row nowrap;
    justify-content: space-around;
}

@media (min-width: 576px) {
    .ktc-sustainability .navbar-nav.navbar-nav--main {
        height: 60px;
    }
}

@media (max-width: 991.98px) {
    .ktc-sustainability .navbar-nav.navbar-nav--main {
        display: none;
    }
}

.ktc-sustainability .navbar-nav.navbar-nav--main>.nav-item {
    display: flex;
    align-items: center;
    text-align: center;
}

.ktc-sustainability .navbar-nav.navbar-nav--main>.nav-item>.nav-link {
    padding: 0.5rem 0;
}

.ktc-sustainability .navbar-nav.navbar-nav--main>.nav-item>.nav-link::before {
    content: "";
    position: absolute;
    bottom: -11px;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #cf3339;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 0;
}

.ktc-sustainability .navbar-nav.navbar-nav--main>.nav-item>.nav-link:hover {
    color: #FFFFFF;
}

.ktc-sustainability .navbar-nav.navbar-nav--main>.nav-item>.nav-link:hover::before {
    opacity: 1;
}

.ktc-sustainability .navbar-nav.navbar-nav--main>.nav-item>.nav-link:hover::after {
    color: #FFFFFF;
}

.ktc-sustainability .navbar-nav.navbar-nav--main>.nav-item>.nav-link.show,
.ktc-sustainability .navbar-nav.navbar-nav--main>.nav-item>.nav-link.active {
    color: #FFFFFF;
}

.ktc-sustainability .navbar-nav.navbar-nav--main>.nav-item>.nav-link.show::before,
.ktc-sustainability .navbar-nav.navbar-nav--main>.nav-item>.nav-link.active::before {
    opacity: 1;
}

.ktc-sustainability .navbar-nav.navbar-nav--main>.nav-item>.nav-link.show::after,
.ktc-sustainability .navbar-nav.navbar-nav--main>.nav-item>.nav-link.active::after {
    color: #FFFFFF;
}

.ktc-sustainability .navbar-nav.navbar-nav--main>.nav-item .nav-icon {
    display: none;
}

.ktc-sustainability .navbar-nav.navbar-nav--main .dropdown .dropdown-toggle {
    padding: 0.5rem 1.25rem 0.5rem 0;
}

.ktc-sustainability .navbar-nav.navbar-nav--main .dropdown .dropdown-toggle::after {
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    content: "";
    width: auto;
    height: auto;
    font-size: 0.625rem;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .ktc-sustainability .navbar-nav.navbar-nav--main .dropdown .dropdown-toggle {
        padding: 0.5rem 1rem 0.5rem 0;
    }

    .ktc-sustainability .navbar-nav.navbar-nav--main .dropdown .dropdown-toggle::after {
        font-size: 0.5rem;
    }
}

.ktc-sustainability .navbar-nav.navbar-nav--main .dropdown .dropdown-toggle[aria-expanded=true]::after {
    -webkit-transform: translateY(-50%) rotate(-180deg);
    -moz-transform: translateY(-50%) rotate(-180deg);
    -ms-transform: translateY(-50%) rotate(-180deg);
    -o-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg);
}

.ktc-sustainability .navbar-nav.navbar-nav--main .dropdown .dropdown-menu--lv2 {
    position: absolute;
    top: 100%;
    left: -5px;
    flex-direction: column;
    padding: 0.25rem 1.25rem;
    background-color: #000000;
}

.ktc-sustainability .navbar-nav.navbar-nav--main .dropdown .dropdown-menu--lv2.show {
    display: flex;
}

.ktc-sustainability .navbar-nav.navbar-nav--main .dropdown .dropdown-menu--lv2 .dropdown-item {
    position: relative;
    width: auto;
    padding: 0;
}

.ktc-sustainability .navbar-nav.navbar-nav--main .dropdown .dropdown-menu--lv2 .dropdown-item:not(:last-child) {
    border-bottom: 1px solid #21262B;
}

.ktc-sustainability .navbar-nav.navbar-nav--main .dropdown .dropdown-menu--lv2 .dropdown-link {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0.5rem 0;
    white-space: nowrap;
    color: rgba(255, 255, 255, 0.7);
}

.ktc-sustainability .navbar-nav.navbar-nav--main .dropdown .dropdown-menu--lv2 .dropdown-link:hover {
    color: #FFFFFF;
}

.ktc-sustainability .navbar-nav.navbar-nav--hamburger {
    position: relative;
    z-index: 1;
}

@media (max-width: 991.98px) {
    .ktc-sustainability .navbar-nav.navbar-nav--hamburger {
        padding-bottom: 160px;
    }
}

.ktc-sustainability .navbar-nav.navbar-nav--hamburger>.nav-item {
    border-bottom: 1px solid rgba(91, 102, 112, 0.4);
}

.ktc-sustainability .navbar-nav.navbar-nav--hamburger>.nav-item>.nav-link {
    display: flex;
    align-items: center;
}

.ktc-sustainability .navbar-nav.navbar-nav--hamburger>.nav-item .nav-icon {
    display: block;
    height: auto;
    width: 40px;
    margin-right: 0.75rem;
    margin-bottom: 0.125rem;
}

.ktc-sustainability .navbar-nav.navbar-nav--hamburger .dropdown.show>.nav-link,
.ktc-sustainability .navbar-nav.navbar-nav--hamburger .dropdown.active>.nav-link {
    color: #cf3339;
}

.ktc-sustainability .navbar-nav.navbar-nav--hamburger .dropdown.show>.nav-link::after,
.ktc-sustainability .navbar-nav.navbar-nav--hamburger .dropdown.active>.nav-link::after {
    color: #cf3339;
}

.ktc-sustainability .navbar-nav.navbar-nav--hamburger .dropdown .dropdown-menu--lv2 {
    position: relative;
    flex-direction: column;
    padding: 0 0 0 2.5rem;
    margin-bottom: 0.75rem;
}

.ktc-sustainability .navbar-nav.navbar-nav--hamburger .dropdown .dropdown-menu--lv2 .dropdown-item {
    position: relative;
    width: auto;
}

.ktc-sustainability .navbar-nav.navbar-nav--hamburger .dropdown .dropdown-menu--lv2 .dropdown-item:not(:last-child) {
    margin-bottom: 0.25rem;
}

.ktc-sustainability .navbar-nav.navbar-nav--hamburger .dropdown .dropdown-menu--lv2 .dropdown-link {
    position: relative;
    display: flex;
    padding: 0.325rem 0.75rem;
    color: #FFFFFF;
    white-space: nowrap;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.ktc-sustainability .navbar-nav.navbar-nav--hamburger .dropdown .dropdown-menu--lv2 .dropdown-link:hover {
    color: #cf3339;
}

.ktc-sustainability .navbar-nav.navbar-nav--hamburger .dropdown .dropdown-menu--lv2 .dropdown-link.active {
    color: #cf3339;
}

.ktc-sustainability .navbar-nav.navbar-nav--sustain {
    padding: 0;
    margin: 0;
}

@media (min-width: 992px) {
    .ktc-sustainability .navbar-nav.navbar-nav--sustain {
        position: relative;
        top: 0;
        display: flex;
        align-items: center;
        flex-flow: row nowrap;
        justify-content: space-between;
        min-height: 60px;
        padding-bottom: 0;
    }
}

.ktc-sustainability .navbar-nav.navbar-nav--sustain.show {
    display: flex;
}

.ktc-sustainability .navbar-nav.navbar-nav--sustain>.nav-item {
    display: flex;
    flex-direction: column;
}

.ktc-sustainability .navbar-nav.navbar-nav--sustain>.nav-item>.nav-link {
    display: flex;
    align-items: center;
    color: #333333;
    padding: 0.5rem 0;
}

@media (min-width: 992px) {
    .ktc-sustainability .navbar-nav.navbar-nav--sustain>.nav-item>.nav-link {
        text-align: center;
        white-space: normal;
    }
}

.ktc-sustainability .navbar-nav.navbar-nav--sustain>.nav-item>.nav-link:hover {
    color: #CB333B;
}

.ktc-sustainability .navbar-nav.navbar-nav--sustain>.nav-item>.nav-link:hover::after {
    color: #CB333B;
}

.ktc-sustainability .navbar-nav.navbar-nav--sustain>.nav-item>.nav-link.show,
.ktc-sustainability .navbar-nav.navbar-nav--sustain>.nav-item>.nav-link.active {
    color: #CB333B;
}

.ktc-sustainability .navbar-nav.navbar-nav--sustain>.nav-item>.nav-link.show::after,
.ktc-sustainability .navbar-nav.navbar-nav--sustain>.nav-item>.nav-link.active::after {
    color: #CB333B;
}

.ktc-sustainability .navbar-nav.navbar-nav--sustain .dropdown.show>.nav-link,
.ktc-sustainability .navbar-nav.navbar-nav--sustain .dropdown.active>.nav-link {
    color: #CB333B;
}

.ktc-sustainability .navbar-nav.navbar-nav--sustain .dropdown.show>.nav-link::after,
.ktc-sustainability .navbar-nav.navbar-nav--sustain .dropdown.active>.nav-link::after {
    color: #CB333B;
}

.ktc-sustainability .navbar-nav.navbar-nav--sustain .dropdown .dropdown-toggle {
    padding: 0.5rem 1.25rem 0.5rem 0;
}

.ktc-sustainability .navbar-nav.navbar-nav--sustain .dropdown .dropdown-toggle::after {
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    content: "";
    width: auto;
    height: auto;
    font-size: 0.625rem;
    font-weight: 700;
    color: #333333;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .ktc-sustainability .navbar-nav.navbar-nav--sustain .dropdown .dropdown-toggle {
        padding: 0.5rem 1rem 0.5rem 0;
    }

    .ktc-sustainability .navbar-nav.navbar-nav--sustain .dropdown .dropdown-toggle::after {
        font-size: 0.5rem;
    }
}

.ktc-sustainability .navbar-nav.navbar-nav--sustain .dropdown .dropdown-toggle[aria-expanded=true]::after {
    -webkit-transform: translateY(-50%) rotate(-180deg);
    -moz-transform: translateY(-50%) rotate(-180deg);
    -ms-transform: translateY(-50%) rotate(-180deg);
    -o-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg);
}

.ktc-sustainability .navbar-nav.navbar-nav--sustain .dropdown .dropdown-menu--lv2 {
    position: relative;
    flex-direction: column;
    padding: 0;
    margin-bottom: 0.75rem;
}

@media (min-width: 992px) {
    .ktc-sustainability .navbar-nav.navbar-nav--sustain .dropdown .dropdown-menu--lv2 {
        position: fixed;
        top: 126px;
        left: 0;
        width: 100%;
        height: auto;
        padding: 0;
        background-color: #FAFAFA;
    }
}

.ktc-sustainability .navbar-nav.navbar-nav--sustain .dropdown .dropdown-menu--lv2 .dropdown-item {
    position: relative;
    width: auto;
}

.ktc-sustainability .navbar-nav.navbar-nav--sustain .dropdown .dropdown-menu--lv2 .dropdown-item:not(:last-child) {
    margin-bottom: 0.25rem;
}

.ktc-sustainability .navbar-nav.navbar-nav--sustain .dropdown .dropdown-menu--lv2 .dropdown-item.show>.dropdown-link {
    color: #CB333B;
}

.ktc-sustainability .navbar-nav.navbar-nav--sustain .dropdown .dropdown-menu--lv2 .dropdown-item.show>.dropdown-link::after {
    color: #CB333B;
    -webkit-transform: translateY(-50%) rotate(-180deg);
    -moz-transform: translateY(-50%) rotate(-180deg);
    -ms-transform: translateY(-50%) rotate(-180deg);
    -o-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg);
}

.ktc-sustainability .navbar-nav.navbar-nav--sustain .dropdown .dropdown-menu--lv2 .dropdown-link {
    position: relative;
    display: flex;
    padding: 0.5rem 0;
    color: #333333;
    white-space: nowrap;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.ktc-sustainability .navbar-nav.navbar-nav--sustain .dropdown .dropdown-menu--lv2 .dropdown-link:hover {
    color: #CB333B;
}

.ktc-sustainability .navbar-nav.navbar-nav--sustain .dropdown .dropdown-menu--lv2 .dropdown-link.active {
    color: #CB333B;
}

.ktc-sustainability .navbar-nav.navbar-nav--sustain .dropdown .dropdown-menu--lv2 .dropdown-link.dropdown-toggle {
    padding: 0.5rem 1.25rem 0.5rem 0;
}

.ktc-sustainability .navbar-nav.navbar-nav--sustain .dropdown .dropdown-menu--lv2 .dropdown-link.dropdown-toggle::after {
    display: none;
}

.ktc-sustainability .navbar-nav.navbar-nav--sustain .dropdown .dropdown-menu--lv3 {
    padding-left: 0.75rem;
    display: block;
}

@media (min-width: 992px) {
    .ktc-sustainability .navbar-nav.navbar-nav--sustain .dropdown .dropdown-menu--lv3 {
        padding-left: 0;
    }
}

.ktc-sustainability .navbar-nav.navbar-nav--sustain .dropdown .dropdown-menu--lv3 .dropdown-link {
    padding: 0.325rem 1.25rem 0.325rem 0;
    white-space: normal;
}

@media (max-width: 991.98px) {
    .ktc-sustainability .navbar-nav.navbar-nav--sustain .navbar-nav__wrapper>.container {
        padding: 0;
    }
}

.ktc-sustainability .navbar-nav.navbar-nav--sustain .navbar-nav__wrapper .navbar-nav__dropdown {
    padding: 0;
}

@media (min-width: 992px) {
    .ktc-sustainability .navbar-nav.navbar-nav--sustain .navbar-nav__wrapper .navbar-nav__dropdown {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        padding: 2rem 0 2.5rem;
        margin: auto;
        max-width: 70%;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .navbar-nav.navbar-nav--sustain .navbar-nav__wrapper .navbar-nav__dropdown>.dropdown-item {
        flex: 0 0 32%;
        max-width: 32%;
    }
}

html[lang=en] .ktc-sustainability .navbar-nav.navbar-nav--hamburger .nav-item {
    font-size: 1rem;
    font-weight: 700;
}

html[lang=en] .ktc-sustainability .navbar-nav.navbar-nav--hamburger .dropdown-menu--lv2 .dropdown-item {
    font-size: 0.875rem;
}

html[lang=en] .ktc-sustainability .navbar-nav.navbar-nav--hamburger .dropdown-menu--lv3 .dropdown-item {
    font-size: 0.875rem;
}

html[lang=en] .ktc-sustainability .navbar-nav.navbar-nav--main .nav-item {
    font-size: 0.875rem;
}

@media (max-width: 1199.98px) {
    html[lang=en] .ktc-sustainability .navbar-nav.navbar-nav--main .nav-item {
        font-size: 0.75rem;
    }
}

html[lang=en] .ktc-sustainability .navbar-nav.navbar-nav--main .dropdown-menu--lv2 .dropdown-item {
    font-size: 0.875rem;
}

@media (max-width: 1199.98px) {
    html[lang=en] .ktc-sustainability .navbar-nav.navbar-nav--main .dropdown-menu--lv2 .dropdown-item {
        font-size: 0.75rem;
    }
}

html[lang=en] .ktc-sustainability .navbar-nav.navbar-nav--sustain .nav-item {
    font-size: 0.875rem;
    font-weight: 700;
}

@media (max-width: 1439.98px) {
    html[lang=en] .ktc-sustainability .navbar-nav.navbar-nav--sustain .nav-item {
        font-size: 0.75rem;
    }
}

@media (max-width: 1199.98px) {
    html[lang=en] .ktc-sustainability .navbar-nav.navbar-nav--sustain .nav-item {
        font-size: 0.6875rem;
    }
}

@media (max-width: 991.98px) {
    html[lang=en] .ktc-sustainability .navbar-nav.navbar-nav--sustain .nav-item {
        font-size: 0.875rem;
    }
}

html[lang=en] .ktc-sustainability .navbar-nav.navbar-nav--sustain .dropdown-menu--lv2 .navbar-nav__dropdown>.dropdown-item {
    font-size: 0.875rem;
    font-weight: 700;
}

@media (max-width: 1439.98px) {
    html[lang=en] .ktc-sustainability .navbar-nav.navbar-nav--sustain .dropdown-menu--lv2 .navbar-nav__dropdown>.dropdown-item {
        font-size: 0.75rem;
    }
}

@media (max-width: 1199.98px) {
    html[lang=en] .ktc-sustainability .navbar-nav.navbar-nav--sustain .dropdown-menu--lv2 .navbar-nav__dropdown>.dropdown-item {
        font-size: 0.6875rem;
    }
}

@media (max-width: 991.98px) {
    html[lang=en] .ktc-sustainability .navbar-nav.navbar-nav--sustain .dropdown-menu--lv2 .navbar-nav__dropdown>.dropdown-item {
        font-size: 0.875rem;
    }
}

html[lang=en] .ktc-sustainability .navbar-nav.navbar-nav--sustain .dropdown-menu--lv3 .dropdown-item {
    font-size: 0.875rem;
}

@media (max-width: 1439.98px) {
    html[lang=en] .ktc-sustainability .navbar-nav.navbar-nav--sustain .dropdown-menu--lv3 .dropdown-item {
        font-size: 0.75rem;
    }
}

@media (max-width: 1199.98px) {
    html[lang=en] .ktc-sustainability .navbar-nav.navbar-nav--sustain .dropdown-menu--lv3 .dropdown-item {
        font-size: 0.6875rem;
    }
}

@media (max-width: 991.98px) {
    html[lang=en] .ktc-sustainability .navbar-nav.navbar-nav--sustain .dropdown-menu--lv3 .dropdown-item {
        font-size: 0.875rem;
    }
}

html[lang=th] .ktc-sustainability .navbar-nav.navbar-nav--hamburger .nav-item {
    font-size: 1rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .navbar-nav.navbar-nav--hamburger .dropdown-menu--lv2 .dropdown-item {
    font-size: 0.875rem;
}

html[lang=th] .ktc-sustainability .navbar-nav.navbar-nav--hamburger .dropdown-menu--lv3 .dropdown-item {
    font-size: 0.875rem;
}

html[lang=th] .ktc-sustainability .navbar-nav.navbar-nav--main .nav-item {
    font-size: 0.875rem;
}

@media (max-width: 1199.98px) {
    html[lang=th] .ktc-sustainability .navbar-nav.navbar-nav--main .nav-item {
        font-size: 0.75rem;
    }
}

html[lang=th] .ktc-sustainability .navbar-nav.navbar-nav--main .dropdown-menu--lv2 .dropdown-item {
    font-size: 0.875rem;
}

@media (max-width: 1199.98px) {
    html[lang=th] .ktc-sustainability .navbar-nav.navbar-nav--main .dropdown-menu--lv2 .dropdown-item {
        font-size: 0.75rem;
    }
}

html[lang=th] .ktc-sustainability .navbar-nav.navbar-nav--sustain .nav-item {
    font-size: 0.875rem;
    font-weight: 700;
}

@media (max-width: 1439.98px) {
    html[lang=th] .ktc-sustainability .navbar-nav.navbar-nav--sustain .nav-item {
        font-size: 0.75rem;
    }
}

@media (max-width: 1199.98px) {
    html[lang=th] .ktc-sustainability .navbar-nav.navbar-nav--sustain .nav-item {
        font-size: 0.6875rem;
    }
}

@media (max-width: 991.98px) {
    html[lang=th] .ktc-sustainability .navbar-nav.navbar-nav--sustain .nav-item {
        font-size: 0.875rem;
    }
}

html[lang=th] .ktc-sustainability .navbar-nav.navbar-nav--sustain .dropdown-menu--lv2 .navbar-nav__dropdown>.dropdown-item {
    font-size: 0.875rem;
    font-weight: 700;
}

@media (max-width: 1439.98px) {
    html[lang=th] .ktc-sustainability .navbar-nav.navbar-nav--sustain .dropdown-menu--lv2 .navbar-nav__dropdown>.dropdown-item {
        font-size: 0.75rem;
    }
}

@media (max-width: 1199.98px) {
    html[lang=th] .ktc-sustainability .navbar-nav.navbar-nav--sustain .dropdown-menu--lv2 .navbar-nav__dropdown>.dropdown-item {
        font-size: 0.6875rem;
    }
}

@media (max-width: 991.98px) {
    html[lang=th] .ktc-sustainability .navbar-nav.navbar-nav--sustain .dropdown-menu--lv2 .navbar-nav__dropdown>.dropdown-item {
        font-size: 0.875rem;
    }
}

html[lang=th] .ktc-sustainability .navbar-nav.navbar-nav--sustain .dropdown-menu--lv3 .dropdown-item {
    font-size: 0.875rem;
}

@media (max-width: 1439.98px) {
    html[lang=th] .ktc-sustainability .navbar-nav.navbar-nav--sustain .dropdown-menu--lv3 .dropdown-item {
        font-size: 0.75rem;
    }
}

@media (max-width: 1199.98px) {
    html[lang=th] .ktc-sustainability .navbar-nav.navbar-nav--sustain .dropdown-menu--lv3 .dropdown-item {
        font-size: 0.6875rem;
    }
}

@media (max-width: 991.98px) {
    html[lang=th] .ktc-sustainability .navbar-nav.navbar-nav--sustain .dropdown-menu--lv3 .dropdown-item {
        font-size: 0.875rem;
    }
}

.ktc-sustainability .slick {
    border: 0;
}

.ktc-sustainability .slick .slick-slide {
    outline: none;
}

.ktc-sustainability .slick .slick-dots {
    position: absolute;
    bottom: -30px;
    left: 0;
    right: 0;
    margin: 0 auto;
    list-style: none;
    padding-left: 3px;
    padding-right: 3px;
    display: flex;
    justify-content: center;
}

.ktc-sustainability .slick .slick-dots li {
    position: relative;
    display: block;
    color: transparent;
    height: 12px;
    width: 12px;
    margin: 0 5px;
    border-radius: 50%;
    background-color: #F4F4F4;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
    opacity: 1;
}

.ktc-sustainability .slick .slick-dots li button {
    display: none;
}

.ktc-sustainability .slick .slick-dots li.slick-active {
    width: 19px;
    border-radius: 6px;
    background-color: #CB333B;
}

.ktc-sustainability .slick .slick-prev,
.ktc-sustainability .slick .slick-next {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
    padding-top: 1px;
    border-radius: 50%;
    background-color: #FAFAFA;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 1;
}

.ktc-sustainability .slick .slick-prev::before,
.ktc-sustainability .slick .slick-next::before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    content: "";
    font-weight: 400;
    color: #CB333B;
    font-size: 1rem;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

@media (min-width: 992px) {

    .ktc-sustainability .slick .slick-prev,
    .ktc-sustainability .slick .slick-next {
        width: 48px;
        height: 48px;
    }

    .ktc-sustainability .slick .slick-prev::before,
    .ktc-sustainability .slick .slick-next::before {
        font-size: 1.375rem;
    }
}

.ktc-sustainability .slick .slick-prev:hover,
.ktc-sustainability .slick .slick-next:hover {
    background-color: #CB333B;
}

.ktc-sustainability .slick .slick-prev:hover::before,
.ktc-sustainability .slick .slick-next:hover::before {
    color: #FFFFFF;
}

.ktc-sustainability .slick .slick-prev.slick-disabled,
.ktc-sustainability .slick .slick-next.slick-disabled {
    pointer-events: none;
}

.ktc-sustainability .slick .slick-prev.slick-disabled::before,
.ktc-sustainability .slick .slick-next.slick-disabled::before {
    opacity: 0.3;
}

.ktc-sustainability .slick .slick-prev {
    left: 0;
}

.ktc-sustainability .slick .slick-prev::before {
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
}

.ktc-sustainability .slick .slick-next {
    right: 0;
}

.ktc-sustainability .slick.slick--billboard {
    margin-bottom: 0;
}

.ktc-sustainability .slick.slick--billboard .slick-list {
    position: relative;
    min-height: 550px;
    height: 100vh !important;
}

@media (min-width: 992px) {
    .ktc-sustainability .slick.slick--billboard .slick-list {
        min-height: 650px;
    }
}

.ktc-sustainability .slick.slick--billboard .slick-track {
    height: 100%;
    padding: 0;
}

.ktc-sustainability .slick.slick--billboard .slick__item {
    height: 100%;
    padding: 0;
}

.ktc-sustainability .slick.slick--billboard .slick-dots {
    bottom: 2rem;
}

@media (min-width: 992px) {
    .ktc-sustainability .slick.slick--billboard .slick-dots {
        bottom: 4rem;
    }
}

.ktc-sustainability .slick.slick--billboard .billboard {
    position: relative;
    display: flex;
    margin: 0;
    padding: 0;
    height: 100%;
    overflow: hidden;
    z-index: 1;
}

.ktc-sustainability .slick.slick--billboard .billboard .billboard__wrapper {
    position: relative;
    display: flex;
    align-items: flex-end;
    text-align: center;
    padding: 3rem 0 10rem;
    width: 100%;
    min-height: 100%;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    overflow: hidden;
    z-index: 2;
}

@media (min-width: 992px) {
    .ktc-sustainability .slick.slick--billboard .billboard .billboard__wrapper {
        padding: 5rem 0 12rem;
    }
}

.ktc-sustainability .slick.slick--billboard .billboard .billboard__title {
    color: #FFFFFF;
    margin-bottom: 0;
}

.ktc-sustainability .slick.slick--billboard .billboard .billboard__highlight {
    color: #FFFFFF;
}

.ktc-sustainability .slick.slick--billboard .billboard .billboard__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.ktc-sustainability .slick.slick--billboard .billboard .billboard__bg::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 300px;
    background: -moz-linear-gradient(180deg, transparent 0%, #333333 100%);
    background: -webkit-linear-gradient(180deg, transparent 0%, #333333 100%);
    background: linear-gradient(180deg, transparent 0%, #333333 100%);
    pointer-events: none;
    z-index: -1;
}

.ktc-sustainability .slick.slick--billboard .billboard .billboard__img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    pointer-events: none;
    z-index: -2;
}

.ktc-sustainability .slick.slick--billboard .billboard .billboard__video {
    position: absolute;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    z-index: -2;
}

.ktc-sustainability .slick.slick--billboard .billboard .billboard__video video {
    min-width: 100%;
    min-height: 100vh;
    object-fit: cover;
    z-index: 1;
}

.ktc-sustainability .slick.slick--anti-corruption .slick-list {
    margin: 0 -13px;
}

.ktc-sustainability .slick.slick--anti-corruption .slick-track {
    display: flex;
}

.ktc-sustainability .slick.slick--anti-corruption .slick-slide {
    margin-right: 13px;
    margin-left: 13px;
}

.ktc-sustainability .slick.slick--anti-corruption:hover .slick-prev,
.ktc-sustainability .slick.slick--anti-corruption:hover .slick-next {
    opacity: 1;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.ktc-sustainability .slick.slick--anti-corruption .slick-dots {
    bottom: -30px;
}

.ktc-sustainability .slick.slick--anti-corruption .slick-dots li {
    height: 8px;
    width: 8px;
    margin: 0 0.75rem;
    background-color: rgba(255, 255, 255, 0.5);
}

.ktc-sustainability .slick.slick--anti-corruption .slick-dots li.slick-active {
    border-radius: 50%;
    outline: 6px solid rgba(255, 255, 255, 0.25);
    background-color: #FFFFFF;
}

.ktc-sustainability .slick.slick--anti-corruption .slick-prev,
.ktc-sustainability .slick.slick--anti-corruption .slick-next {
    opacity: 0;
    -webkit-transition: opacity 0.3s linear 1.5s;
    -moz-transition: opacity 0.3s linear 1.5s;
    -ms-transition: opacity 0.3s linear 1.5s;
    -o-transition: opacity 0.3s linear 1.5s;
    transition: opacity 0.3s linear 1.5s;
}

.ktc-sustainability .slick.slick--anti-corruption .slick-prev::before,
.ktc-sustainability .slick.slick--anti-corruption .slick-next::before {
    color: #0057B8;
}

.ktc-sustainability .slick.slick--anti-corruption .slick-prev:hover,
.ktc-sustainability .slick.slick--anti-corruption .slick-next:hover {
    background-color: #0057B8;
}

.ktc-sustainability .slick.slick--anti-corruption .slick-prev:hover::before,
.ktc-sustainability .slick.slick--anti-corruption .slick-next:hover::before {
    color: #FFFFFF;
}

.ktc-sustainability .slick.slick--anti-corruption .slick-prev {
    left: auto;
    right: calc(100% + 30px);
}

.ktc-sustainability .slick.slick--anti-corruption .slick-next {
    right: auto;
    left: calc(100% + 30px);
}

.ktc-sustainability .slick.slick--anti-corruption .slick__item {
    display: flex;
    height: inherit;
    border-radius: 6px;
    border: 1px solid #0057B8;
}

@media (min-width: 992px) {
    .ktc-sustainability .slick.slick--anti-corruption .slick__item {
        min-height: 500px;
    }
}

.ktc-sustainability .slick.slick--anti-corruption+.progress {
    display: block;
    width: 100%;
    max-width: 300px;
    margin: 2.5rem auto 0;
    height: 4px;
    border-radius: 24px;
    overflow: hidden;
    background-color: #FFFFFF;
    background-image: linear-gradient(to right, #0057B8, #0057B8);
    background-repeat: no-repeat;
    background-size: 0 100%;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.ktc-sustainability .slick.slick--anti-corruption+.progress .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

@media (min-width: 768px) {
    .ktc-sustainability .slick.slick--digital-innovation {
        margin-bottom: 0;
    }
}

.ktc-sustainability .slick.slick--digital-innovation .slick-list {
    position: relative;
}

@media (min-width: 768px) {
    .ktc-sustainability .slick.slick--digital-innovation .slick-list {
        min-height: 550px;
        height: calc(100vh - 120px) !important;
    }
}

@media (min-width: 1200px) {
    .ktc-sustainability .slick.slick--digital-innovation .slick-list {
        min-height: 650px;
    }
}

@media (min-width: 768px) {
    .ktc-sustainability .slick.slick--digital-innovation .slick-dots {
        top: 50%;
        left: 0;
        bottom: auto;
        flex-direction: column;
    }
}

@media only screen and (min-width: 1320px) {
    .ktc-sustainability .slick.slick--digital-innovation .slick-dots {
        width: 100%;
        max-width: 1320px;
    }
}

@media (min-width: 1440px) {
    .ktc-sustainability .slick.slick--digital-innovation .slick-dots {
        left: -100px;
    }
}

.ktc-sustainability .slick.slick--digital-innovation .slick-dots li {
    height: 16px;
    width: 16px;
    margin: 4px;
    background-color: transparent;
}

.ktc-sustainability .slick.slick--digital-innovation .slick-dots li::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #D7D7D7;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.ktc-sustainability .slick.slick--digital-innovation .slick-dots li.slick-active {
    background-color: rgba(215, 215, 215, 0.3);
}

.ktc-sustainability .slick.slick--digital-innovation .slick__item {
    border: 0;
}

.ktc-sustainability .slick.slick--digital-innovation .digital-innovation {
    position: relative;
}

.ktc-sustainability .slick.slick--digital-innovation .digital-innovation .digital-innovation__wrapper {
    position: relative;
}

@media (min-width: 768px) {
    .ktc-sustainability .slick.slick--digital-innovation .digital-innovation .digital-innovation__wrapper {
        display: flex;
        min-height: 550px;
        height: calc(100vh - 120px);
        padding: 1rem;
    }
}

@media (min-width: 1200px) {
    .ktc-sustainability .slick.slick--digital-innovation .digital-innovation .digital-innovation__wrapper {
        min-height: 650px;
    }
}

.ktc-sustainability .slick.slick--digital-innovation .digital-innovation .digital-innovation__figure {
    margin-bottom: 1rem;
    background-color: #FAFAFA;
}

@media (min-width: 768px) {
    .ktc-sustainability .slick.slick--digital-innovation .digital-innovation .digital-innovation__figure {
        position: absolute;
        top: 0;
        left: 60%;
        width: 40vw;
        height: 100%;
        border-radius: 0;
    }
}

@media (min-width: 1200px) {
    .ktc-sustainability .slick.slick--digital-innovation .digital-innovation .digital-innovation__figure {
        left: 50%;
        width: 50vw;
    }
}

.ktc-sustainability .slick.slick--digital-innovation .digital-innovation .digital-innovation__img {
    display: block;
    margin: auto;
    max-width: 100%;
    height: auto;
    object-fit: contain;
    object-position: center;
}

@media (min-width: 768px) {
    .ktc-sustainability .slick.slick--digital-innovation .digital-innovation .digital-innovation__img {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}

.ktc-sustainability .slick.slick--digital-innovation .digital-innovation .digital-innovation__body {
    align-self: center;
}

@media (min-width: 768px) {
    .ktc-sustainability .slick.slick--digital-innovation .digital-innovation .digital-innovation__body {
        flex: 0 0 calc(60% - 1rem);
        max-width: calc(60% - 1rem);
        padding: 5rem 1.5rem 5rem 0;
        margin-right: 1rem;
        max-height: 100%;
        overflow-y: auto;
    }
}

@media (min-width: 1200px) {
    .ktc-sustainability .slick.slick--digital-innovation .digital-innovation .digital-innovation__body {
        flex: 0 0 calc(50% - 1rem);
        max-width: calc(50% - 1rem);
    }
}

.ktc-sustainability .slick.slick--digital-innovation .digital-innovation .digital-innovation__title {
    color: #0057B8;
    margin-bottom: 1.5rem;
}

.ktc-sustainability .slick.slick--digital-innovation .digital-innovation .digital-innovation__text {
    margin-bottom: 1rem;
}

.ktc-sustainability .slick.slick--efficiency-in-performing .slick-list {
    margin: 0 -100px;
}

.ktc-sustainability .slick.slick--efficiency-in-performing .slick-slide {
    margin-right: 100px;
    margin-left: 100px;
}

.ktc-sustainability .slick.slick--efficiency-in-performing:hover .slick-prev,
.ktc-sustainability .slick.slick--efficiency-in-performing:hover .slick-next {
    opacity: 1;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.ktc-sustainability .slick.slick--efficiency-in-performing .slick-dots {
    bottom: -30px;
}

.ktc-sustainability .slick.slick--efficiency-in-performing .slick-dots li {
    height: 8px;
    width: 8px;
    margin: 0 0.75rem;
    background-color: rgba(255, 255, 255, 0.5);
}

.ktc-sustainability .slick.slick--efficiency-in-performing .slick-dots li.slick-active {
    border-radius: 50%;
    outline: 6px solid rgba(255, 255, 255, 0.25);
    background-color: #FFFFFF;
}

.ktc-sustainability .slick.slick--efficiency-in-performing .slick-prev,
.ktc-sustainability .slick.slick--efficiency-in-performing .slick-next {
    opacity: 0;
    -webkit-transition: opacity 0.3s linear 1.5s;
    -moz-transition: opacity 0.3s linear 1.5s;
    -ms-transition: opacity 0.3s linear 1.5s;
    -o-transition: opacity 0.3s linear 1.5s;
    transition: opacity 0.3s linear 1.5s;
}

.ktc-sustainability .slick.slick--efficiency-in-performing .slick-prev::before,
.ktc-sustainability .slick.slick--efficiency-in-performing .slick-next::before {
    color: #0057B8;
}

.ktc-sustainability .slick.slick--efficiency-in-performing .slick-prev:hover,
.ktc-sustainability .slick.slick--efficiency-in-performing .slick-next:hover {
    background-color: #0057B8;
}

.ktc-sustainability .slick.slick--efficiency-in-performing .slick-prev:hover::before,
.ktc-sustainability .slick.slick--efficiency-in-performing .slick-next:hover::before {
    color: #FFFFFF;
}

.ktc-sustainability .slick.slick--efficiency-in-performing .slick-prev {
    left: auto;
    right: calc(100% + 5vw);
}

.ktc-sustainability .slick.slick--efficiency-in-performing .slick-next {
    right: auto;
    left: calc(100% + 5vw);
}

.ktc-sustainability .slick.slick--tab .slick-list {
    overflow: inherit !important;
}

.ktc-sustainability .slick.slick--tab .slick__item {
    position: relative;
    padding: 1rem 0;
    cursor: pointer;
}

.ktc-sustainability .slick.slick--tab .slick__item::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    background-color: #000000;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.ktc-sustainability .slick.slick--tab .slick__item:not(:first-child) {
    margin-left: 1.5rem;
}

@media (min-width: 992px) {
    .ktc-sustainability .slick.slick--tab .slick__item:not(:first-child) {
        margin-left: 2.5rem;
    }
}

.ktc-sustainability .slick.slick--tab .slick__item.slick-active::before {
    width: 100%;
}

.ktc-sustainability .slick.slick--tab.theme-2 .slick__item {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 275px;
    min-height: 100px;
    padding: .5rem 0.5rem 1rem;
    border-radius: 120px;
    background: -moz-linear-gradient(308deg, #CBF2EE 6.53%, #FFF 36.55%, #FFF 66.57%, #CBF2EE 96.6%);
    background: -webkit-linear-gradient(308deg, #CBF2EE 6.53%, #FFF 36.55%, #FFF 66.57%, #CBF2EE 96.6%);
    background: linear-gradient(308deg, #CBF2EE 6.53%, #FFF 36.55%, #FFF 66.57%, #CBF2EE 96.6%);
    -webkit-box-shadow: inset 0px 3px 2px #4dd2c9;
    -moz-box-shadow: inset 0px 3px 2px #4dd2c9;
    box-shadow: inset 0px 3px 2px #4dd2c9;
}

.ktc-sustainability .slick.slick--tab.theme-2 .slick__item::before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    content: "";
    position: absolute;
    left: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    color: #FFFFFF;
    background-color: transparent;
    font-size: 1.25rem;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 0;
}

@media (min-width: 992px) {
    .ktc-sustainability .slick.slick--tab.theme-2 .slick__item {
        width: 385px;
        height: 120px;
    }

    .ktc-sustainability .slick.slick--tab.theme-2 .slick__item::before {
        font-size: 1.75rem;
    }
}

.ktc-sustainability .slick.slick--tab.theme-2 .slick__item.slick-active {
    color: #FFFFFF;
    background: -moz-linear-gradient(219deg, #80DFD9 6.13%, #4468D6 101.87%);
    background: -webkit-linear-gradient(219deg, #80DFD9 6.13%, #4468D6 101.87%);
    background: linear-gradient(219deg, #80DFD9 6.13%, #4468D6 101.87%);
    -webkit-box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.15);
}

.ktc-sustainability .slick.slick--tab.theme-2 .slick__item.slick-active::before {
    opacity: 1;
}

.ktc-sustainability .slick.slick--tab-content .slick__item .slick-list.auto {
    height: auto !important;
}

@media (max-width: 767.98px) {
    .ktc-sustainability .slick.slick--tab-content .slick__item {
        height: 100px;
    }
}

@media (max-width: 767.98px) {
    .ktc-sustainability .slick.slick--tab-content .slick-current {
        height: auto;
    }
}

html[lang=en] .ktc-sustainability .slick.slick--billboard .billboard .billboard__title {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5;
}

@media (min-width: 992px) {
    html[lang=en] .ktc-sustainability .slick.slick--billboard .billboard .billboard__title {
        font-size: 2.625rem;
    }
}

@media (min-width: 992px) and (max-width: 991.98px) {
    html[lang=en] .ktc-sustainability .slick.slick--billboard .billboard .billboard__title {
        font-size: 2.3125rem;
    }
}

html[lang=en] .ktc-sustainability .slick.slick--billboard .billboard .billboard__highlight {
    font-family: "The Wedding Signature", sans-serif;
    font-size: 2rem;
    font-weight: 300;
    line-height: 1.2;
}

@media (min-width: 992px) {
    html[lang=en] .ktc-sustainability .slick.slick--billboard .billboard .billboard__highlight {
        font-size: 2.5rem;
    }
}

html[lang=en] .ktc-sustainability .slick.slick--digital-innovation .digital-innovation .digital-innovation__title {
    font-size: 1.25rem;
    font-weight: 700;
}

html[lang=en] .ktc-sustainability .slick.slick--digital-innovation .digital-innovation .digital-innovation__text {
    font-size: 1rem;
}

html[lang=en] .ktc-sustainability .slick.slick--efficiency-in-performing .value {
    font-weight: 700;
    font-size: 3.125rem;
    line-height: 1;
}

html[lang=en] .ktc-sustainability .slick.slick--tab .slick__item {
    font-size: 0.875rem;
}

@media (min-width: 992px) {
    html[lang=en] .ktc-sustainability .slick.slick--tab .slick__item {
        font-size: 1rem;
    }
}

html[lang=en] .ktc-sustainability .slick.slick--tab .slick__item.slick-active {
    font-weight: 700;
}

html[lang=en] .ktc-sustainability .slick.slick--tab.theme-2 .slick__item.slick-active {
    font-weight: 400;
}

html[lang=th] .ktc-sustainability .slick.slick--billboard .billboard .billboard__title {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5;
}

@media (min-width: 992px) {
    html[lang=th] .ktc-sustainability .slick.slick--billboard .billboard .billboard__title {
        font-size: 3.125rem;
    }
}

@media (min-width: 992px) and (max-width: 991.98px) {
    html[lang=th] .ktc-sustainability .slick.slick--billboard .billboard .billboard__title {
        font-size: 2.8125rem;
    }
}

html[lang=th] .ktc-sustainability .slick.slick--billboard .billboard .billboard__highlight {
    font-family: "The Wedding Signature", sans-serif;
    font-size: 2rem;
    font-weight: 300;
    line-height: 1.2;
}

@media (min-width: 992px) {
    html[lang=th] .ktc-sustainability .slick.slick--billboard .billboard .billboard__highlight {
        font-size: 2.5rem;
    }
}

html[lang=th] .ktc-sustainability .slick.slick--digital-innovation .digital-innovation .digital-innovation__title {
    font-size: 1.25rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .slick.slick--digital-innovation .digital-innovation .digital-innovation__text {
    font-size: 1rem;
}

html[lang=th] .ktc-sustainability .slick.slick--efficiency-in-performing .value {
    font-weight: 700;
    font-size: 3.125rem;
    line-height: 1;
}

html[lang=th] .ktc-sustainability .slick.slick--tab .slick__item {
    font-size: 0.875rem;
}

@media (min-width: 992px) {
    html[lang=th] .ktc-sustainability .slick.slick--tab .slick__item {
        font-size: 1rem;
    }
}

html[lang=th] .ktc-sustainability .slick.slick--tab .slick__item.slick-active {
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .slick.slick--tab.theme-2 .slick__item.slick-active {
    font-weight: 400;
}

.ktc-sustainability .table {
    border-bottom: 2px solid #E4E4E4;
}

.ktc-sustainability .table thead tr:first-child th:first-child {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.ktc-sustainability .table thead tr:first-child th:last-child {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.ktc-sustainability .table thead tr th {
    color: #FFFFFF;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    background-color: #00B5E2;
    border: 0;
}

.ktc-sustainability .table tbody tr td {
    padding: 0.625rem 1.625rem;
    border: 0;
}

.ktc-sustainability .table.table--primary tbody tr:nth-child(even) td {
    background-color: rgba(206, 201, 255, 0.2);
}

.ktc-sustainability .table.table--primary tbody tr td {
    border-bottom: 1px solid #D7D7D7;
}

.ktc-sustainability .table.table--primary.theme-human-resource thead tr th {
    color: #333333;
    background: -moz-linear-gradient(181deg, #80DFD9 -111.05%, #B7DEEB 60.61%, #C98ADC 188.57%);
    background: -webkit-linear-gradient(181deg, #80DFD9 -111.05%, #B7DEEB 60.61%, #C98ADC 188.57%);
    background: linear-gradient(181deg, #80DFD9 -111.05%, #B7DEEB 60.61%, #C98ADC 188.57%);
}

.ktc-sustainability .table.table--primary.theme-human-resource tbody tr:nth-child(even) td {
    background-color: #CBF2EE;
}

.ktc-sustainability .table.table--primary.theme-safety-information {
    border-bottom: 0;
}

.ktc-sustainability .table.table--primary.theme-safety-information thead tr th {
    color: #333333;
    background: -moz-linear-gradient(180deg, #C3FAF6 0%, #FCFFFF 100%);
    background: -webkit-linear-gradient(180deg, #C3FAF6 0%, #FCFFFF 100%);
    background: linear-gradient(180deg, #C3FAF6 0%, #FCFFFF 100%);
}

.ktc-sustainability .table.table--primary.theme-safety-information tbody tr:nth-child(even) td {
    background-color: rgba(195, 250, 246, 0.2);
}

.ktc-sustainability .table.table--primary.theme-safety-information tbody tr:last-child td {
    border-bottom: 0;
}

.ktc-sustainability .table.table--primary.theme-safety-information tbody tr td:first-child {
    min-width: 250px;
}

.ktc-sustainability .table.table--primary.theme-safety-information tbody tr td:not(:first-child) {
    text-align: center;
}

.ktc-sustainability .table.table--accordion {
    border-spacing: 0;
    border-collapse: separate;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    border: 1px solid var(--border-color);
}

.ktc-sustainability .table.table--accordion thead tr:first-child th:first-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.ktc-sustainability .table.table--accordion thead tr:first-child th:last-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.ktc-sustainability .table.table--accordion tbody tr td {
    min-width: 33.33333333%;
    border-bottom: 1px solid #D7D7D7;
}

.ktc-sustainability .table.table--accordion tbody tr:nth-child(even) td {
    background-color: rgba(206, 201, 255, 0.2);
}

.ktc-sustainability .table.table--accordion tbody tr:last-child td {
    border-bottom: 0;
}

.ktc-sustainability .table.table--board {
    border-bottom: 0;
}

.ktc-sustainability .table.table--board:last-child {
    border-bottom: 2px solid #E4E4E4;
}

@media (max-width: 1199.98px) {
    .ktc-sustainability .table.table--board tbody {
        display: flex;
        flex-direction: column;
    }
}

@media (max-width: 1199.98px) {
    .ktc-sustainability .table.table--board tbody tr {
        display: flex;
        flex-direction: column;
    }
}

@media (max-width: 991.98px) {
    .ktc-sustainability .table.table--board tbody tr {
        border: 1px solid #E4E4E4;
    }
}

.ktc-sustainability .table.table--board tbody tr th {
    border-color: #E4E4E4;
}

@media (max-width: 991.98px) {
    .ktc-sustainability .table.table--board tbody tr th {
        background-color: rgba(228, 228, 228, 0.6);
    }
}

.ktc-sustainability .table.table--board tbody tr td {
    padding: 0.625rem 0.5rem;
}

.ktc-sustainability .table.table--board tbody tr td:not(:last-child) {
    white-space: nowrap;
    font-weight: bold;
}

.ktc-sustainability .table.table--cg tbody tr:nth-child(even) td {
    background-color: rgba(242, 242, 242, 0.4);
}

.ktc-sustainability .table.table--cg tbody tr:last-child td {
    background-color: rgba(201, 240, 254, 0.5);
}

.ktc-sustainability .table.table--cg tbody tr td:nth-child(1) {
    min-width: 300px;
}

.ktc-sustainability .table.table--cg tbody tr td:nth-child(2) {
    text-align: center;
}

.ktc-sustainability .table.table--cg tbody tr td:nth-child(n+3) {
    text-align: right;
    padding-left: 0.625rem;
    padding-right: 3rem;
}

.ktc-sustainability .table.table--efficiency-in-performing {
    border-radius: 6px;
    background-color: #FFFFFF;
    overflow: hidden;
}

.ktc-sustainability .table.table--efficiency-in-performing tbody tr:nth-child(even) td {
    background-color: #CEDCEF;
}

.ktc-sustainability .table.table--efficiency-in-performing tbody tr td {
    min-width: 33.33333333%;
}

.ktc-sustainability .table.table--efficiency-in-performing tbody tr td:nth-child(n+2) {
    text-align: center;
}

.ktc-sustainability .table.table--efficiency-in-performing tbody tr.tr-parent td {
    padding-top: 0;
    background-color: #CEDCEF;
}

.ktc-sustainability .table.table--gri {
    margin-bottom: 0;
    border-bottom: none;
}

.ktc-sustainability .table.table--gri thead tr:first-child th:first-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.ktc-sustainability .table.table--gri thead tr:first-child th:last-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

@media (min-width: 1200px) {
    .ktc-sustainability .table.table--gri thead tr:first-child th {
        position: sticky;
        top: 60px;
    }
}

@media (min-width: 1200px) {
    .ktc-sustainability .table.table--gri thead tr:nth-child(2) th {
        position: sticky;
        top: calc(60px + 44.5px);
    }
}

.ktc-sustainability .table.table--gri thead tr th {
    color: #FFFFFF;
    padding: 0.625rem 1.5rem;
    text-align: center;
    background-color: transparent;
}

.ktc-sustainability .table.table--gri thead tr th .border-bottom {
    border-bottom: solid 1px #FFFFFF;
}

.ktc-sustainability .table.table--gri tbody tr:nth-child(odd) td {
    background-color: rgba(242, 242, 242, 0.4);
}

.ktc-sustainability .table.table--gri tbody tr td {
    text-align: left;
    padding: 0.625rem 1.5rem;
}

.ktc-sustainability .table.table--gri tbody tr td:first-child:not([colspan]) {
    width: 135px;
    font-weight: bold;
    white-space: nowrap;
}

.ktc-sustainability .table.table--gri tbody tr td:nth-last-child(2):not([colspan]),
.ktc-sustainability .table.table--gri tbody tr td:nth-last-child(3):not([colspan]) {
    text-align: center;
    width: 200px;
    white-space: nowrap;
}

.ktc-sustainability .table.table--gri tbody tr td:last-child:not([colspan]) {
    width: 232px;
    text-align: right;
    white-space: nowrap;
}

.ktc-sustainability .table.table--gri .table__header th,
.ktc-sustainability .table.table--gri .table__header td {
    height: 67px;
    color: #FFFFFF;
    text-align: center;
    vertical-align: middle;
}

.ktc-sustainability .table.table--gri .table__subheader th,
.ktc-sustainability .table.table--gri .table__subheader td {
    height: 48px;
    color: #FFFFFF;
    text-align: center;
    vertical-align: middle;
}

.ktc-sustainability .table.table--gri .table__subtitle th,
.ktc-sustainability .table.table--gri .table__subtitle td {
    text-align: left;
    vertical-align: middle;
}

.ktc-sustainability .table.table--gri .table__subtext th,
.ktc-sustainability .table.table--gri .table__subtext td {
    text-align: left;
    vertical-align: middle;
}

.ktc-sustainability .table.table--gri.theme-purple thead tr th {
    background-color: #7A46B7;
}

.ktc-sustainability .table.table--gri.theme-purple .table__header th,
.ktc-sustainability .table.table--gri.theme-purple .table__header td {
    background-color: #5A2896;
}

.ktc-sustainability .table.table--gri.theme-purple .table__subtitle td {
    background-color: #EEDEFF;
    color: #7A46B7;
}

.ktc-sustainability .table.table--gri.theme-purple .table__subheader td {
    background-color: #AF87D9;
}

.ktc-sustainability .table.table--gri.theme-blue .table__header th,
.ktc-sustainability .table.table--gri.theme-blue .table__header td {
    background: -moz-linear-gradient(227deg, #0057B8 -0.09%, #69B3F8 103.69%);
    background: -webkit-linear-gradient(227deg, #0057B8 -0.09%, #69B3F8 103.69%);
    background: linear-gradient(227deg, #0057B8 -0.09%, #69B3F8 103.69%);
}

.ktc-sustainability .table.table--gri.theme-blue .table__subtitle th,
.ktc-sustainability .table.table--gri.theme-blue .table__subtitle td {
    color: #013D80;
    background-color: #C3DDF8;
}

.ktc-sustainability .table.table--gri.theme-blue .table__subtext th,
.ktc-sustainability .table.table--gri.theme-blue .table__subtext td {
    color: #013D80;
    background-color: #EFF7FF;
}

.ktc-sustainability .table.table--gri.theme-cyan .table__header th,
.ktc-sustainability .table.table--gri.theme-cyan .table__header td {
    background: -moz-linear-gradient(227deg, #4DD2C9 -0.09%, #99F3ED 103.69%);
    background: -webkit-linear-gradient(227deg, #4DD2C9 -0.09%, #99F3ED 103.69%);
    background: linear-gradient(227deg, #4DD2C9 -0.09%, #99F3ED 103.69%);
}

.ktc-sustainability .table.table--gri.theme-cyan .table__subtitle th,
.ktc-sustainability .table.table--gri.theme-cyan .table__subtitle td {
    color: #03605A;
    background-color: #CDF9F6;
}

.ktc-sustainability .table.table--gri.theme-cyan .table__subtext th,
.ktc-sustainability .table.table--gri.theme-cyan .table__subtext td {
    color: #03605A;
    background-color: #EFFFFE;
}

.ktc-sustainability .table.table--gri.theme-green .table__header th,
.ktc-sustainability .table.table--gri.theme-green .table__header td {
    color: #636A01;
    background: -moz-linear-gradient(227deg, #CFDD33 -0.09%, #E3EA97 103.69%);
    background: -webkit-linear-gradient(227deg, #CFDD33 -0.09%, #E3EA97 103.69%);
    background: linear-gradient(227deg, #CFDD33 -0.09%, #E3EA97 103.69%);
}

.ktc-sustainability .table.table--gri.theme-green .table__subtitle th,
.ktc-sustainability .table.table--gri.theme-green .table__subtitle td {
    color: #636A01;
    background-color: #EFF4BE;
}

.ktc-sustainability .table.table--gri.theme-green .table__subtext th,
.ktc-sustainability .table.table--gri.theme-green .table__subtext td {
    color: #636A01;
    background-color: #FCFFE3;
}

.ktc-sustainability .table.table--human-resource thead tr {
    background: linear-gradient(181deg, #80DFD9 -111.05%, #B7DEEB 60.61%, #C98ADC 188.57%);
}

.ktc-sustainability .table.table--human-resource thead tr:first-child th:first-child {
    text-align: left;
    border-radius: 0;
}

.ktc-sustainability .table.table--human-resource thead tr:first-child th:last-child {
    border-radius: 0;
}

.ktc-sustainability .table.table--human-resource thead tr th {
    background-color: transparent;
    color: #333333;
    padding: 1rem 1.625rem;
    text-align: center;
}

.ktc-sustainability .table.table--human-resource tbody tr:nth-child(even) td {
    background-color: #CBF2EE;
}

.ktc-sustainability .table.table--human-resource tbody tr td {
    text-align: left;
    padding: 1.25rem 1.625rem;
}

.ktc-sustainability .table.table--human-resource tbody tr td:nth-child(1) {
    min-width: 300px;
    font-weight: bold;
}

.ktc-sustainability .table.table--human-resource tbody tr td:last-child {
    text-align: center;
}

@media (max-width: 1199.98px) {
    .ktc-sustainability .table-responsive.table-responsive--custom {
        overflow: hidden;
    }

    .ktc-sustainability .table-responsive.table-responsive--custom .table {
        border-collapse: collapse;
    }

    .ktc-sustainability .table-responsive.table-responsive--custom .table thead tr th {
        display: none;
    }

    .ktc-sustainability .table-responsive.table-responsive--custom .table tbody tr td {
        display: block;
        width: 100% !important;
        height: auto;
        border-width: 0 1px 1px 1px;
        border-style: solid;
        border-color: #D7D7D7;
        text-align: left !important;
    }

    .ktc-sustainability .table-responsive.table-responsive--custom .table tbody tr td::before {
        content: attr(data-label);
        display: block;
        margin-bottom: 1rem;
        font-weight: bold;
        font-size: 1.125rem;
        text-transform: uppercase;
    }

    .ktc-sustainability .table-responsive.table-responsive--custom .table tbody tr td:first-child {
        border-top-width: 1px;
    }

    .ktc-sustainability .table-responsive.table-responsive--custom .table tbody tr td:last-child {
        margin-bottom: 1.5rem;
    }
}

.ktc-sustainability .table.table--stakeholder tbody tr:nth-child(even) td {
    background-color: rgba(206, 201, 255, 0.2);
}

.ktc-sustainability .table.table--stakeholder tbody tr td {
    min-width: 33.33333333%;
    border-bottom: 1px solid #D7D7D7;
}

@media (max-width: 991.98px) {
    .table-responsive .ktc-sustainability .table.table--stakeholder {
        border-collapse: collapse;
    }

    .table-responsive .ktc-sustainability .table.table--stakeholder thead tr th {
        display: none;
    }

    .table-responsive .ktc-sustainability .table.table--stakeholder tbody tr td {
        display: block;
        border-width: 0 1px 1px 1px;
        border-style: solid;
        border-color: #D7D7D7;
    }

    .table-responsive .ktc-sustainability .table.table--stakeholder tbody tr td::before {
        display: block;
        margin-bottom: 1rem;
        font-weight: bold;
        font-size: 1.125rem;
    }

    .table-responsive .ktc-sustainability .table.table--stakeholder tbody tr td:nth-child(1)::before {
        content: "รูปแบบการติดต่อสื่อสาร";
    }

    .table-responsive .ktc-sustainability .table.table--stakeholder tbody tr td:nth-child(2)::before {
        content: "ความสนใจและความคาดหวัง";
    }

    .table-responsive .ktc-sustainability .table.table--stakeholder tbody tr td:nth-child(3)::before {
        content: "แนวทางการตอบสนอง";
    }

    .table-responsive .ktc-sustainability .table.table--stakeholder tbody tr td:first-child {
        border-top-width: 1px;
    }

    .table-responsive .ktc-sustainability .table.table--stakeholder tbody tr td:last-child {
        margin-bottom: 1.5rem;
    }
}

.ktc-sustainability .table.table--sustain thead tr {
    background: linear-gradient(222deg, #F3F7CC 5.79%, #C4D600 96.3%);
}

.ktc-sustainability .table.table--sustain thead tr:first-child th:first-child {
    text-align: left;
    border-radius: 0;
}

.ktc-sustainability .table.table--sustain thead tr:first-child th:last-child {
    border-radius: 0;
}

.ktc-sustainability .table.table--sustain thead tr th {
    background-color: transparent;
    color: #333333;
    padding: 1rem 1.625rem;
    text-align: center;
}

.ktc-sustainability .table.table--sustain tbody tr:nth-child(even) td {
    background-color: rgba(240, 243, 205, 0.4);
}

.ktc-sustainability .table.table--sustain tbody tr td {
    text-align: left;
    padding: 1.25rem 1.625rem;
}

.ktc-sustainability .table.table--sustain tbody tr td:first-child {
    min-width: 300px;
    font-weight: bold;
}

@media (min-width: 1200px) {
    .ktc-sustainability .table.table--sustain tbody tr td:last-child {
        text-align: center;
    }
}

@media (max-width: 1199.98px) {
    html[lang=en] .ktc-sustainability .table-responsive-custom .table tr td::before {
        font-size: 1rem;
        font-weight: 700;
    }
}

html[lang=en] .ktc-sustainability .table tr th {
    font-size: 1rem;
    font-weight: 700;
}

html[lang=en] .ktc-sustainability .table tr td {
    font-size: 0.875rem;
}

html[lang=en] .ktc-sustainability .table.table--board tr th {
    font-size: 1.25rem;
}

html[lang=en] .ktc-sustainability .table.table--board tr td {
    font-size: 1rem;
}

html[lang=en] .ktc-sustainability .table.table--gri thead tr th {
    font-size: 1rem;
}

html[lang=en] .ktc-sustainability .table.table--gri .table__header th,
html[lang=en] .ktc-sustainability .table.table--gri .table__header td,
html[lang=en] .ktc-sustainability .table.table--gri .table__subheader th,
html[lang=en] .ktc-sustainability .table.table--gri .table__subheader td,
html[lang=en] .ktc-sustainability .table.table--gri .table__lasttext th,
html[lang=en] .ktc-sustainability .table.table--gri .table__lasttext td {
    font-size: 1.25rem;
    font-weight: 700;
}

html[lang=en] .ktc-sustainability .table.table--gri .table__subtitle th,
html[lang=en] .ktc-sustainability .table.table--gri .table__subtitle td {
    font-size: 1rem;
    font-weight: 700;
}

html[lang=en] .ktc-sustainability .table.table--gri .table__subtext th,
html[lang=en] .ktc-sustainability .table.table--gri .table__subtext td {
    font-size: 0.875rem;
    font-weight: 700;
}

@media (max-width: 1199.98px) {
    html[lang=th] .ktc-sustainability .table-responsive-custom .table tr td::before {
        font-size: 1rem;
        font-weight: 700;
    }
}

html[lang=th] .ktc-sustainability .table tr th {
    font-size: 1rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .table tr td {
    font-size: 0.875rem;
}

html[lang=th] .ktc-sustainability .table.table--board tr th {
    font-size: 1.25rem;
}

html[lang=th] .ktc-sustainability .table.table--board tr td {
    font-size: 1rem;
}

html[lang=th] .ktc-sustainability .table.table--gri thead tr th {
    font-size: 1rem;
}

html[lang=th] .ktc-sustainability .table.table--gri .table__header th,
html[lang=th] .ktc-sustainability .table.table--gri .table__header td,
html[lang=th] .ktc-sustainability .table.table--gri .table__subheader th,
html[lang=th] .ktc-sustainability .table.table--gri .table__subheader td,
html[lang=th] .ktc-sustainability .table.table--gri .table__lasttext th,
html[lang=th] .ktc-sustainability .table.table--gri .table__lasttext td {
    font-size: 1.25rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .table.table--gri .table__subtitle th,
html[lang=th] .ktc-sustainability .table.table--gri .table__subtitle td {
    font-size: 1rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .table.table--gri .table__subtext th,
html[lang=th] .ktc-sustainability .table.table--gri .table__subtext td {
    font-size: 0.875rem;
    font-weight: 700;
}

[data-animate^=fade-],
[data-animate*=" fade-"] {
    --position: 100px;
    opacity: 0;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

[data-animate=fade-up]:nth-child(1) {
    -webkit-transform: translateY(calc(1 * var(--position) / 1));
    -moz-transform: translateY(calc(1 * var(--position) / 1));
    -ms-transform: translateY(calc(1 * var(--position) / 1));
    -o-transform: translateY(calc(1 * var(--position) / 1));
    transform: translateY(calc(1 * var(--position) / 1));
}

.animate-on-scroll [data-animate=fade-up]:nth-child(1) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=fade-up]:nth-child(2) {
    -webkit-transform: translateY(calc(1 * var(--position) / 2));
    -moz-transform: translateY(calc(1 * var(--position) / 2));
    -ms-transform: translateY(calc(1 * var(--position) / 2));
    -o-transform: translateY(calc(1 * var(--position) / 2));
    transform: translateY(calc(1 * var(--position) / 2));
}

.animate-on-scroll [data-animate=fade-up]:nth-child(2) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=fade-up]:nth-child(3) {
    -webkit-transform: translateY(calc(1 * var(--position) / 3));
    -moz-transform: translateY(calc(1 * var(--position) / 3));
    -ms-transform: translateY(calc(1 * var(--position) / 3));
    -o-transform: translateY(calc(1 * var(--position) / 3));
    transform: translateY(calc(1 * var(--position) / 3));
}

.animate-on-scroll [data-animate=fade-up]:nth-child(3) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=fade-up]:nth-child(4) {
    -webkit-transform: translateY(calc(1 * var(--position) / 4));
    -moz-transform: translateY(calc(1 * var(--position) / 4));
    -ms-transform: translateY(calc(1 * var(--position) / 4));
    -o-transform: translateY(calc(1 * var(--position) / 4));
    transform: translateY(calc(1 * var(--position) / 4));
}

.animate-on-scroll [data-animate=fade-up]:nth-child(4) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=fade-up]:nth-child(5) {
    -webkit-transform: translateY(calc(1 * var(--position) / 5));
    -moz-transform: translateY(calc(1 * var(--position) / 5));
    -ms-transform: translateY(calc(1 * var(--position) / 5));
    -o-transform: translateY(calc(1 * var(--position) / 5));
    transform: translateY(calc(1 * var(--position) / 5));
}

.animate-on-scroll [data-animate=fade-up]:nth-child(5) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=fade-up]:nth-child(6) {
    -webkit-transform: translateY(calc(1 * var(--position) / 6));
    -moz-transform: translateY(calc(1 * var(--position) / 6));
    -ms-transform: translateY(calc(1 * var(--position) / 6));
    -o-transform: translateY(calc(1 * var(--position) / 6));
    transform: translateY(calc(1 * var(--position) / 6));
}

.animate-on-scroll [data-animate=fade-up]:nth-child(6) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=fade-up]:nth-child(7) {
    -webkit-transform: translateY(calc(1 * var(--position) / 7));
    -moz-transform: translateY(calc(1 * var(--position) / 7));
    -ms-transform: translateY(calc(1 * var(--position) / 7));
    -o-transform: translateY(calc(1 * var(--position) / 7));
    transform: translateY(calc(1 * var(--position) / 7));
}

.animate-on-scroll [data-animate=fade-up]:nth-child(7) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=fade-up]:nth-child(8) {
    -webkit-transform: translateY(calc(1 * var(--position) / 8));
    -moz-transform: translateY(calc(1 * var(--position) / 8));
    -ms-transform: translateY(calc(1 * var(--position) / 8));
    -o-transform: translateY(calc(1 * var(--position) / 8));
    transform: translateY(calc(1 * var(--position) / 8));
}

.animate-on-scroll [data-animate=fade-up]:nth-child(8) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=fade-up]:nth-child(9) {
    -webkit-transform: translateY(calc(1 * var(--position) / 9));
    -moz-transform: translateY(calc(1 * var(--position) / 9));
    -ms-transform: translateY(calc(1 * var(--position) / 9));
    -o-transform: translateY(calc(1 * var(--position) / 9));
    transform: translateY(calc(1 * var(--position) / 9));
}

.animate-on-scroll [data-animate=fade-up]:nth-child(9) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=fade-up]:nth-child(10) {
    -webkit-transform: translateY(calc(1 * var(--position) / 10));
    -moz-transform: translateY(calc(1 * var(--position) / 10));
    -ms-transform: translateY(calc(1 * var(--position) / 10));
    -o-transform: translateY(calc(1 * var(--position) / 10));
    transform: translateY(calc(1 * var(--position) / 10));
}

.animate-on-scroll [data-animate=fade-up]:nth-child(10) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=fade-right]:nth-child(1) {
    -webkit-transform: translateX(calc(-1 * var(--position) / 1));
    -moz-transform: translateX(calc(-1 * var(--position) / 1));
    -ms-transform: translateX(calc(-1 * var(--position) / 1));
    -o-transform: translateX(calc(-1 * var(--position) / 1));
    transform: translateX(calc(-1 * var(--position) / 1));
}

.animate-on-scroll [data-animate=fade-right]:nth-child(1) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=fade-right]:nth-child(2) {
    -webkit-transform: translateX(calc(-1 * var(--position) / 2));
    -moz-transform: translateX(calc(-1 * var(--position) / 2));
    -ms-transform: translateX(calc(-1 * var(--position) / 2));
    -o-transform: translateX(calc(-1 * var(--position) / 2));
    transform: translateX(calc(-1 * var(--position) / 2));
}

.animate-on-scroll [data-animate=fade-right]:nth-child(2) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=fade-right]:nth-child(3) {
    -webkit-transform: translateX(calc(-1 * var(--position) / 3));
    -moz-transform: translateX(calc(-1 * var(--position) / 3));
    -ms-transform: translateX(calc(-1 * var(--position) / 3));
    -o-transform: translateX(calc(-1 * var(--position) / 3));
    transform: translateX(calc(-1 * var(--position) / 3));
}

.animate-on-scroll [data-animate=fade-right]:nth-child(3) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=fade-right]:nth-child(4) {
    -webkit-transform: translateX(calc(-1 * var(--position) / 4));
    -moz-transform: translateX(calc(-1 * var(--position) / 4));
    -ms-transform: translateX(calc(-1 * var(--position) / 4));
    -o-transform: translateX(calc(-1 * var(--position) / 4));
    transform: translateX(calc(-1 * var(--position) / 4));
}

.animate-on-scroll [data-animate=fade-right]:nth-child(4) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=fade-right]:nth-child(5) {
    -webkit-transform: translateX(calc(-1 * var(--position) / 5));
    -moz-transform: translateX(calc(-1 * var(--position) / 5));
    -ms-transform: translateX(calc(-1 * var(--position) / 5));
    -o-transform: translateX(calc(-1 * var(--position) / 5));
    transform: translateX(calc(-1 * var(--position) / 5));
}

.animate-on-scroll [data-animate=fade-right]:nth-child(5) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=fade-right]:nth-child(6) {
    -webkit-transform: translateX(calc(-1 * var(--position) / 6));
    -moz-transform: translateX(calc(-1 * var(--position) / 6));
    -ms-transform: translateX(calc(-1 * var(--position) / 6));
    -o-transform: translateX(calc(-1 * var(--position) / 6));
    transform: translateX(calc(-1 * var(--position) / 6));
}

.animate-on-scroll [data-animate=fade-right]:nth-child(6) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=fade-right]:nth-child(7) {
    -webkit-transform: translateX(calc(-1 * var(--position) / 7));
    -moz-transform: translateX(calc(-1 * var(--position) / 7));
    -ms-transform: translateX(calc(-1 * var(--position) / 7));
    -o-transform: translateX(calc(-1 * var(--position) / 7));
    transform: translateX(calc(-1 * var(--position) / 7));
}

.animate-on-scroll [data-animate=fade-right]:nth-child(7) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=fade-right]:nth-child(8) {
    -webkit-transform: translateX(calc(-1 * var(--position) / 8));
    -moz-transform: translateX(calc(-1 * var(--position) / 8));
    -ms-transform: translateX(calc(-1 * var(--position) / 8));
    -o-transform: translateX(calc(-1 * var(--position) / 8));
    transform: translateX(calc(-1 * var(--position) / 8));
}

.animate-on-scroll [data-animate=fade-right]:nth-child(8) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=fade-right]:nth-child(9) {
    -webkit-transform: translateX(calc(-1 * var(--position) / 9));
    -moz-transform: translateX(calc(-1 * var(--position) / 9));
    -ms-transform: translateX(calc(-1 * var(--position) / 9));
    -o-transform: translateX(calc(-1 * var(--position) / 9));
    transform: translateX(calc(-1 * var(--position) / 9));
}

.animate-on-scroll [data-animate=fade-right]:nth-child(9) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=fade-right]:nth-child(10) {
    -webkit-transform: translateX(calc(-1 * var(--position) / 10));
    -moz-transform: translateX(calc(-1 * var(--position) / 10));
    -ms-transform: translateX(calc(-1 * var(--position) / 10));
    -o-transform: translateX(calc(-1 * var(--position) / 10));
    transform: translateX(calc(-1 * var(--position) / 10));
}

.animate-on-scroll [data-animate=fade-right]:nth-child(10) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=fade-down]:nth-child(1) {
    -webkit-transform: translateY(calc(-1 * var(--position) / 1));
    -moz-transform: translateY(calc(-1 * var(--position) / 1));
    -ms-transform: translateY(calc(-1 * var(--position) / 1));
    -o-transform: translateY(calc(-1 * var(--position) / 1));
    transform: translateY(calc(-1 * var(--position) / 1));
}

.animate-on-scroll [data-animate=fade-down]:nth-child(1) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=fade-down]:nth-child(2) {
    -webkit-transform: translateY(calc(-1 * var(--position) / 2));
    -moz-transform: translateY(calc(-1 * var(--position) / 2));
    -ms-transform: translateY(calc(-1 * var(--position) / 2));
    -o-transform: translateY(calc(-1 * var(--position) / 2));
    transform: translateY(calc(-1 * var(--position) / 2));
}

.animate-on-scroll [data-animate=fade-down]:nth-child(2) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=fade-down]:nth-child(3) {
    -webkit-transform: translateY(calc(-1 * var(--position) / 3));
    -moz-transform: translateY(calc(-1 * var(--position) / 3));
    -ms-transform: translateY(calc(-1 * var(--position) / 3));
    -o-transform: translateY(calc(-1 * var(--position) / 3));
    transform: translateY(calc(-1 * var(--position) / 3));
}

.animate-on-scroll [data-animate=fade-down]:nth-child(3) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=fade-down]:nth-child(4) {
    -webkit-transform: translateY(calc(-1 * var(--position) / 4));
    -moz-transform: translateY(calc(-1 * var(--position) / 4));
    -ms-transform: translateY(calc(-1 * var(--position) / 4));
    -o-transform: translateY(calc(-1 * var(--position) / 4));
    transform: translateY(calc(-1 * var(--position) / 4));
}

.animate-on-scroll [data-animate=fade-down]:nth-child(4) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=fade-down]:nth-child(5) {
    -webkit-transform: translateY(calc(-1 * var(--position) / 5));
    -moz-transform: translateY(calc(-1 * var(--position) / 5));
    -ms-transform: translateY(calc(-1 * var(--position) / 5));
    -o-transform: translateY(calc(-1 * var(--position) / 5));
    transform: translateY(calc(-1 * var(--position) / 5));
}

.animate-on-scroll [data-animate=fade-down]:nth-child(5) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=fade-down]:nth-child(6) {
    -webkit-transform: translateY(calc(-1 * var(--position) / 6));
    -moz-transform: translateY(calc(-1 * var(--position) / 6));
    -ms-transform: translateY(calc(-1 * var(--position) / 6));
    -o-transform: translateY(calc(-1 * var(--position) / 6));
    transform: translateY(calc(-1 * var(--position) / 6));
}

.animate-on-scroll [data-animate=fade-down]:nth-child(6) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=fade-down]:nth-child(7) {
    -webkit-transform: translateY(calc(-1 * var(--position) / 7));
    -moz-transform: translateY(calc(-1 * var(--position) / 7));
    -ms-transform: translateY(calc(-1 * var(--position) / 7));
    -o-transform: translateY(calc(-1 * var(--position) / 7));
    transform: translateY(calc(-1 * var(--position) / 7));
}

.animate-on-scroll [data-animate=fade-down]:nth-child(7) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=fade-down]:nth-child(8) {
    -webkit-transform: translateY(calc(-1 * var(--position) / 8));
    -moz-transform: translateY(calc(-1 * var(--position) / 8));
    -ms-transform: translateY(calc(-1 * var(--position) / 8));
    -o-transform: translateY(calc(-1 * var(--position) / 8));
    transform: translateY(calc(-1 * var(--position) / 8));
}

.animate-on-scroll [data-animate=fade-down]:nth-child(8) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=fade-down]:nth-child(9) {
    -webkit-transform: translateY(calc(-1 * var(--position) / 9));
    -moz-transform: translateY(calc(-1 * var(--position) / 9));
    -ms-transform: translateY(calc(-1 * var(--position) / 9));
    -o-transform: translateY(calc(-1 * var(--position) / 9));
    transform: translateY(calc(-1 * var(--position) / 9));
}

.animate-on-scroll [data-animate=fade-down]:nth-child(9) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=fade-down]:nth-child(10) {
    -webkit-transform: translateY(calc(-1 * var(--position) / 10));
    -moz-transform: translateY(calc(-1 * var(--position) / 10));
    -ms-transform: translateY(calc(-1 * var(--position) / 10));
    -o-transform: translateY(calc(-1 * var(--position) / 10));
    transform: translateY(calc(-1 * var(--position) / 10));
}

.animate-on-scroll [data-animate=fade-down]:nth-child(10) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=fade-left]:nth-child(1) {
    -webkit-transform: translateX(calc(1 * var(--position) / 1));
    -moz-transform: translateX(calc(1 * var(--position) / 1));
    -ms-transform: translateX(calc(1 * var(--position) / 1));
    -o-transform: translateX(calc(1 * var(--position) / 1));
    transform: translateX(calc(1 * var(--position) / 1));
}

.animate-on-scroll [data-animate=fade-left]:nth-child(1) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=fade-left]:nth-child(2) {
    -webkit-transform: translateX(calc(1 * var(--position) / 2));
    -moz-transform: translateX(calc(1 * var(--position) / 2));
    -ms-transform: translateX(calc(1 * var(--position) / 2));
    -o-transform: translateX(calc(1 * var(--position) / 2));
    transform: translateX(calc(1 * var(--position) / 2));
}

.animate-on-scroll [data-animate=fade-left]:nth-child(2) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=fade-left]:nth-child(3) {
    -webkit-transform: translateX(calc(1 * var(--position) / 3));
    -moz-transform: translateX(calc(1 * var(--position) / 3));
    -ms-transform: translateX(calc(1 * var(--position) / 3));
    -o-transform: translateX(calc(1 * var(--position) / 3));
    transform: translateX(calc(1 * var(--position) / 3));
}

.animate-on-scroll [data-animate=fade-left]:nth-child(3) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=fade-left]:nth-child(4) {
    -webkit-transform: translateX(calc(1 * var(--position) / 4));
    -moz-transform: translateX(calc(1 * var(--position) / 4));
    -ms-transform: translateX(calc(1 * var(--position) / 4));
    -o-transform: translateX(calc(1 * var(--position) / 4));
    transform: translateX(calc(1 * var(--position) / 4));
}

.animate-on-scroll [data-animate=fade-left]:nth-child(4) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=fade-left]:nth-child(5) {
    -webkit-transform: translateX(calc(1 * var(--position) / 5));
    -moz-transform: translateX(calc(1 * var(--position) / 5));
    -ms-transform: translateX(calc(1 * var(--position) / 5));
    -o-transform: translateX(calc(1 * var(--position) / 5));
    transform: translateX(calc(1 * var(--position) / 5));
}

.animate-on-scroll [data-animate=fade-left]:nth-child(5) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=fade-left]:nth-child(6) {
    -webkit-transform: translateX(calc(1 * var(--position) / 6));
    -moz-transform: translateX(calc(1 * var(--position) / 6));
    -ms-transform: translateX(calc(1 * var(--position) / 6));
    -o-transform: translateX(calc(1 * var(--position) / 6));
    transform: translateX(calc(1 * var(--position) / 6));
}

.animate-on-scroll [data-animate=fade-left]:nth-child(6) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=fade-left]:nth-child(7) {
    -webkit-transform: translateX(calc(1 * var(--position) / 7));
    -moz-transform: translateX(calc(1 * var(--position) / 7));
    -ms-transform: translateX(calc(1 * var(--position) / 7));
    -o-transform: translateX(calc(1 * var(--position) / 7));
    transform: translateX(calc(1 * var(--position) / 7));
}

.animate-on-scroll [data-animate=fade-left]:nth-child(7) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=fade-left]:nth-child(8) {
    -webkit-transform: translateX(calc(1 * var(--position) / 8));
    -moz-transform: translateX(calc(1 * var(--position) / 8));
    -ms-transform: translateX(calc(1 * var(--position) / 8));
    -o-transform: translateX(calc(1 * var(--position) / 8));
    transform: translateX(calc(1 * var(--position) / 8));
}

.animate-on-scroll [data-animate=fade-left]:nth-child(8) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=fade-left]:nth-child(9) {
    -webkit-transform: translateX(calc(1 * var(--position) / 9));
    -moz-transform: translateX(calc(1 * var(--position) / 9));
    -ms-transform: translateX(calc(1 * var(--position) / 9));
    -o-transform: translateX(calc(1 * var(--position) / 9));
    transform: translateX(calc(1 * var(--position) / 9));
}

.animate-on-scroll [data-animate=fade-left]:nth-child(9) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=fade-left]:nth-child(10) {
    -webkit-transform: translateX(calc(1 * var(--position) / 10));
    -moz-transform: translateX(calc(1 * var(--position) / 10));
    -ms-transform: translateX(calc(1 * var(--position) / 10));
    -o-transform: translateX(calc(1 * var(--position) / 10));
    transform: translateX(calc(1 * var(--position) / 10));
}

.animate-on-scroll [data-animate=fade-left]:nth-child(10) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate^=children-]>*,
[data-animate*=" children-"]>* {
    --position: 100px;
    opacity: 0;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

[data-animate=children-fade-up]>*:nth-child(1) {
    -webkit-transform: translateY(calc(1 * var(--position) / 1));
    -moz-transform: translateY(calc(1 * var(--position) / 1));
    -ms-transform: translateY(calc(1 * var(--position) / 1));
    -o-transform: translateY(calc(1 * var(--position) / 1));
    transform: translateY(calc(1 * var(--position) / 1));
}

.animate-on-scroll [data-animate=children-fade-up]>*:nth-child(1) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=children-fade-up]>*:nth-child(2) {
    -webkit-transform: translateY(calc(1 * var(--position) / 2));
    -moz-transform: translateY(calc(1 * var(--position) / 2));
    -ms-transform: translateY(calc(1 * var(--position) / 2));
    -o-transform: translateY(calc(1 * var(--position) / 2));
    transform: translateY(calc(1 * var(--position) / 2));
}

.animate-on-scroll [data-animate=children-fade-up]>*:nth-child(2) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=children-fade-up]>*:nth-child(3) {
    -webkit-transform: translateY(calc(1 * var(--position) / 3));
    -moz-transform: translateY(calc(1 * var(--position) / 3));
    -ms-transform: translateY(calc(1 * var(--position) / 3));
    -o-transform: translateY(calc(1 * var(--position) / 3));
    transform: translateY(calc(1 * var(--position) / 3));
}

.animate-on-scroll [data-animate=children-fade-up]>*:nth-child(3) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=children-fade-up]>*:nth-child(4) {
    -webkit-transform: translateY(calc(1 * var(--position) / 4));
    -moz-transform: translateY(calc(1 * var(--position) / 4));
    -ms-transform: translateY(calc(1 * var(--position) / 4));
    -o-transform: translateY(calc(1 * var(--position) / 4));
    transform: translateY(calc(1 * var(--position) / 4));
}

.animate-on-scroll [data-animate=children-fade-up]>*:nth-child(4) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=children-fade-up]>*:nth-child(5) {
    -webkit-transform: translateY(calc(1 * var(--position) / 5));
    -moz-transform: translateY(calc(1 * var(--position) / 5));
    -ms-transform: translateY(calc(1 * var(--position) / 5));
    -o-transform: translateY(calc(1 * var(--position) / 5));
    transform: translateY(calc(1 * var(--position) / 5));
}

.animate-on-scroll [data-animate=children-fade-up]>*:nth-child(5) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=children-fade-up]>*:nth-child(6) {
    -webkit-transform: translateY(calc(1 * var(--position) / 6));
    -moz-transform: translateY(calc(1 * var(--position) / 6));
    -ms-transform: translateY(calc(1 * var(--position) / 6));
    -o-transform: translateY(calc(1 * var(--position) / 6));
    transform: translateY(calc(1 * var(--position) / 6));
}

.animate-on-scroll [data-animate=children-fade-up]>*:nth-child(6) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=children-fade-up]>*:nth-child(7) {
    -webkit-transform: translateY(calc(1 * var(--position) / 7));
    -moz-transform: translateY(calc(1 * var(--position) / 7));
    -ms-transform: translateY(calc(1 * var(--position) / 7));
    -o-transform: translateY(calc(1 * var(--position) / 7));
    transform: translateY(calc(1 * var(--position) / 7));
}

.animate-on-scroll [data-animate=children-fade-up]>*:nth-child(7) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=children-fade-up]>*:nth-child(8) {
    -webkit-transform: translateY(calc(1 * var(--position) / 8));
    -moz-transform: translateY(calc(1 * var(--position) / 8));
    -ms-transform: translateY(calc(1 * var(--position) / 8));
    -o-transform: translateY(calc(1 * var(--position) / 8));
    transform: translateY(calc(1 * var(--position) / 8));
}

.animate-on-scroll [data-animate=children-fade-up]>*:nth-child(8) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=children-fade-up]>*:nth-child(9) {
    -webkit-transform: translateY(calc(1 * var(--position) / 9));
    -moz-transform: translateY(calc(1 * var(--position) / 9));
    -ms-transform: translateY(calc(1 * var(--position) / 9));
    -o-transform: translateY(calc(1 * var(--position) / 9));
    transform: translateY(calc(1 * var(--position) / 9));
}

.animate-on-scroll [data-animate=children-fade-up]>*:nth-child(9) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=children-fade-up]>*:nth-child(10) {
    -webkit-transform: translateY(calc(1 * var(--position) / 10));
    -moz-transform: translateY(calc(1 * var(--position) / 10));
    -ms-transform: translateY(calc(1 * var(--position) / 10));
    -o-transform: translateY(calc(1 * var(--position) / 10));
    transform: translateY(calc(1 * var(--position) / 10));
}

.animate-on-scroll [data-animate=children-fade-up]>*:nth-child(10) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=children-fade-right]>*:nth-child(1) {
    -webkit-transform: translateX(calc(-1 * var(--position) / 1));
    -moz-transform: translateX(calc(-1 * var(--position) / 1));
    -ms-transform: translateX(calc(-1 * var(--position) / 1));
    -o-transform: translateX(calc(-1 * var(--position) / 1));
    transform: translateX(calc(-1 * var(--position) / 1));
}

.animate-on-scroll [data-animate=children-fade-right]>*:nth-child(1) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=children-fade-right]>*:nth-child(2) {
    -webkit-transform: translateX(calc(-1 * var(--position) / 2));
    -moz-transform: translateX(calc(-1 * var(--position) / 2));
    -ms-transform: translateX(calc(-1 * var(--position) / 2));
    -o-transform: translateX(calc(-1 * var(--position) / 2));
    transform: translateX(calc(-1 * var(--position) / 2));
}

.animate-on-scroll [data-animate=children-fade-right]>*:nth-child(2) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=children-fade-right]>*:nth-child(3) {
    -webkit-transform: translateX(calc(-1 * var(--position) / 3));
    -moz-transform: translateX(calc(-1 * var(--position) / 3));
    -ms-transform: translateX(calc(-1 * var(--position) / 3));
    -o-transform: translateX(calc(-1 * var(--position) / 3));
    transform: translateX(calc(-1 * var(--position) / 3));
}

.animate-on-scroll [data-animate=children-fade-right]>*:nth-child(3) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=children-fade-right]>*:nth-child(4) {
    -webkit-transform: translateX(calc(-1 * var(--position) / 4));
    -moz-transform: translateX(calc(-1 * var(--position) / 4));
    -ms-transform: translateX(calc(-1 * var(--position) / 4));
    -o-transform: translateX(calc(-1 * var(--position) / 4));
    transform: translateX(calc(-1 * var(--position) / 4));
}

.animate-on-scroll [data-animate=children-fade-right]>*:nth-child(4) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=children-fade-right]>*:nth-child(5) {
    -webkit-transform: translateX(calc(-1 * var(--position) / 5));
    -moz-transform: translateX(calc(-1 * var(--position) / 5));
    -ms-transform: translateX(calc(-1 * var(--position) / 5));
    -o-transform: translateX(calc(-1 * var(--position) / 5));
    transform: translateX(calc(-1 * var(--position) / 5));
}

.animate-on-scroll [data-animate=children-fade-right]>*:nth-child(5) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=children-fade-right]>*:nth-child(6) {
    -webkit-transform: translateX(calc(-1 * var(--position) / 6));
    -moz-transform: translateX(calc(-1 * var(--position) / 6));
    -ms-transform: translateX(calc(-1 * var(--position) / 6));
    -o-transform: translateX(calc(-1 * var(--position) / 6));
    transform: translateX(calc(-1 * var(--position) / 6));
}

.animate-on-scroll [data-animate=children-fade-right]>*:nth-child(6) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=children-fade-right]>*:nth-child(7) {
    -webkit-transform: translateX(calc(-1 * var(--position) / 7));
    -moz-transform: translateX(calc(-1 * var(--position) / 7));
    -ms-transform: translateX(calc(-1 * var(--position) / 7));
    -o-transform: translateX(calc(-1 * var(--position) / 7));
    transform: translateX(calc(-1 * var(--position) / 7));
}

.animate-on-scroll [data-animate=children-fade-right]>*:nth-child(7) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=children-fade-right]>*:nth-child(8) {
    -webkit-transform: translateX(calc(-1 * var(--position) / 8));
    -moz-transform: translateX(calc(-1 * var(--position) / 8));
    -ms-transform: translateX(calc(-1 * var(--position) / 8));
    -o-transform: translateX(calc(-1 * var(--position) / 8));
    transform: translateX(calc(-1 * var(--position) / 8));
}

.animate-on-scroll [data-animate=children-fade-right]>*:nth-child(8) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=children-fade-right]>*:nth-child(9) {
    -webkit-transform: translateX(calc(-1 * var(--position) / 9));
    -moz-transform: translateX(calc(-1 * var(--position) / 9));
    -ms-transform: translateX(calc(-1 * var(--position) / 9));
    -o-transform: translateX(calc(-1 * var(--position) / 9));
    transform: translateX(calc(-1 * var(--position) / 9));
}

.animate-on-scroll [data-animate=children-fade-right]>*:nth-child(9) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=children-fade-right]>*:nth-child(10) {
    -webkit-transform: translateX(calc(-1 * var(--position) / 10));
    -moz-transform: translateX(calc(-1 * var(--position) / 10));
    -ms-transform: translateX(calc(-1 * var(--position) / 10));
    -o-transform: translateX(calc(-1 * var(--position) / 10));
    transform: translateX(calc(-1 * var(--position) / 10));
}

.animate-on-scroll [data-animate=children-fade-right]>*:nth-child(10) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=children-fade-down]>*:nth-child(1) {
    -webkit-transform: translateY(calc(-1 * var(--position) / 1));
    -moz-transform: translateY(calc(-1 * var(--position) / 1));
    -ms-transform: translateY(calc(-1 * var(--position) / 1));
    -o-transform: translateY(calc(-1 * var(--position) / 1));
    transform: translateY(calc(-1 * var(--position) / 1));
}

.animate-on-scroll [data-animate=children-fade-down]>*:nth-child(1) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=children-fade-down]>*:nth-child(2) {
    -webkit-transform: translateY(calc(-1 * var(--position) / 2));
    -moz-transform: translateY(calc(-1 * var(--position) / 2));
    -ms-transform: translateY(calc(-1 * var(--position) / 2));
    -o-transform: translateY(calc(-1 * var(--position) / 2));
    transform: translateY(calc(-1 * var(--position) / 2));
}

.animate-on-scroll [data-animate=children-fade-down]>*:nth-child(2) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=children-fade-down]>*:nth-child(3) {
    -webkit-transform: translateY(calc(-1 * var(--position) / 3));
    -moz-transform: translateY(calc(-1 * var(--position) / 3));
    -ms-transform: translateY(calc(-1 * var(--position) / 3));
    -o-transform: translateY(calc(-1 * var(--position) / 3));
    transform: translateY(calc(-1 * var(--position) / 3));
}

.animate-on-scroll [data-animate=children-fade-down]>*:nth-child(3) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=children-fade-down]>*:nth-child(4) {
    -webkit-transform: translateY(calc(-1 * var(--position) / 4));
    -moz-transform: translateY(calc(-1 * var(--position) / 4));
    -ms-transform: translateY(calc(-1 * var(--position) / 4));
    -o-transform: translateY(calc(-1 * var(--position) / 4));
    transform: translateY(calc(-1 * var(--position) / 4));
}

.animate-on-scroll [data-animate=children-fade-down]>*:nth-child(4) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=children-fade-down]>*:nth-child(5) {
    -webkit-transform: translateY(calc(-1 * var(--position) / 5));
    -moz-transform: translateY(calc(-1 * var(--position) / 5));
    -ms-transform: translateY(calc(-1 * var(--position) / 5));
    -o-transform: translateY(calc(-1 * var(--position) / 5));
    transform: translateY(calc(-1 * var(--position) / 5));
}

.animate-on-scroll [data-animate=children-fade-down]>*:nth-child(5) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=children-fade-down]>*:nth-child(6) {
    -webkit-transform: translateY(calc(-1 * var(--position) / 6));
    -moz-transform: translateY(calc(-1 * var(--position) / 6));
    -ms-transform: translateY(calc(-1 * var(--position) / 6));
    -o-transform: translateY(calc(-1 * var(--position) / 6));
    transform: translateY(calc(-1 * var(--position) / 6));
}

.animate-on-scroll [data-animate=children-fade-down]>*:nth-child(6) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=children-fade-down]>*:nth-child(7) {
    -webkit-transform: translateY(calc(-1 * var(--position) / 7));
    -moz-transform: translateY(calc(-1 * var(--position) / 7));
    -ms-transform: translateY(calc(-1 * var(--position) / 7));
    -o-transform: translateY(calc(-1 * var(--position) / 7));
    transform: translateY(calc(-1 * var(--position) / 7));
}

.animate-on-scroll [data-animate=children-fade-down]>*:nth-child(7) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=children-fade-down]>*:nth-child(8) {
    -webkit-transform: translateY(calc(-1 * var(--position) / 8));
    -moz-transform: translateY(calc(-1 * var(--position) / 8));
    -ms-transform: translateY(calc(-1 * var(--position) / 8));
    -o-transform: translateY(calc(-1 * var(--position) / 8));
    transform: translateY(calc(-1 * var(--position) / 8));
}

.animate-on-scroll [data-animate=children-fade-down]>*:nth-child(8) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=children-fade-down]>*:nth-child(9) {
    -webkit-transform: translateY(calc(-1 * var(--position) / 9));
    -moz-transform: translateY(calc(-1 * var(--position) / 9));
    -ms-transform: translateY(calc(-1 * var(--position) / 9));
    -o-transform: translateY(calc(-1 * var(--position) / 9));
    transform: translateY(calc(-1 * var(--position) / 9));
}

.animate-on-scroll [data-animate=children-fade-down]>*:nth-child(9) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=children-fade-down]>*:nth-child(10) {
    -webkit-transform: translateY(calc(-1 * var(--position) / 10));
    -moz-transform: translateY(calc(-1 * var(--position) / 10));
    -ms-transform: translateY(calc(-1 * var(--position) / 10));
    -o-transform: translateY(calc(-1 * var(--position) / 10));
    transform: translateY(calc(-1 * var(--position) / 10));
}

.animate-on-scroll [data-animate=children-fade-down]>*:nth-child(10) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=children-fade-left]>*:nth-child(1) {
    -webkit-transform: translateX(calc(1 * var(--position) / 1));
    -moz-transform: translateX(calc(1 * var(--position) / 1));
    -ms-transform: translateX(calc(1 * var(--position) / 1));
    -o-transform: translateX(calc(1 * var(--position) / 1));
    transform: translateX(calc(1 * var(--position) / 1));
}

.animate-on-scroll [data-animate=children-fade-left]>*:nth-child(1) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=children-fade-left]>*:nth-child(2) {
    -webkit-transform: translateX(calc(1 * var(--position) / 2));
    -moz-transform: translateX(calc(1 * var(--position) / 2));
    -ms-transform: translateX(calc(1 * var(--position) / 2));
    -o-transform: translateX(calc(1 * var(--position) / 2));
    transform: translateX(calc(1 * var(--position) / 2));
}

.animate-on-scroll [data-animate=children-fade-left]>*:nth-child(2) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=children-fade-left]>*:nth-child(3) {
    -webkit-transform: translateX(calc(1 * var(--position) / 3));
    -moz-transform: translateX(calc(1 * var(--position) / 3));
    -ms-transform: translateX(calc(1 * var(--position) / 3));
    -o-transform: translateX(calc(1 * var(--position) / 3));
    transform: translateX(calc(1 * var(--position) / 3));
}

.animate-on-scroll [data-animate=children-fade-left]>*:nth-child(3) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=children-fade-left]>*:nth-child(4) {
    -webkit-transform: translateX(calc(1 * var(--position) / 4));
    -moz-transform: translateX(calc(1 * var(--position) / 4));
    -ms-transform: translateX(calc(1 * var(--position) / 4));
    -o-transform: translateX(calc(1 * var(--position) / 4));
    transform: translateX(calc(1 * var(--position) / 4));
}

.animate-on-scroll [data-animate=children-fade-left]>*:nth-child(4) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=children-fade-left]>*:nth-child(5) {
    -webkit-transform: translateX(calc(1 * var(--position) / 5));
    -moz-transform: translateX(calc(1 * var(--position) / 5));
    -ms-transform: translateX(calc(1 * var(--position) / 5));
    -o-transform: translateX(calc(1 * var(--position) / 5));
    transform: translateX(calc(1 * var(--position) / 5));
}

.animate-on-scroll [data-animate=children-fade-left]>*:nth-child(5) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=children-fade-left]>*:nth-child(6) {
    -webkit-transform: translateX(calc(1 * var(--position) / 6));
    -moz-transform: translateX(calc(1 * var(--position) / 6));
    -ms-transform: translateX(calc(1 * var(--position) / 6));
    -o-transform: translateX(calc(1 * var(--position) / 6));
    transform: translateX(calc(1 * var(--position) / 6));
}

.animate-on-scroll [data-animate=children-fade-left]>*:nth-child(6) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=children-fade-left]>*:nth-child(7) {
    -webkit-transform: translateX(calc(1 * var(--position) / 7));
    -moz-transform: translateX(calc(1 * var(--position) / 7));
    -ms-transform: translateX(calc(1 * var(--position) / 7));
    -o-transform: translateX(calc(1 * var(--position) / 7));
    transform: translateX(calc(1 * var(--position) / 7));
}

.animate-on-scroll [data-animate=children-fade-left]>*:nth-child(7) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=children-fade-left]>*:nth-child(8) {
    -webkit-transform: translateX(calc(1 * var(--position) / 8));
    -moz-transform: translateX(calc(1 * var(--position) / 8));
    -ms-transform: translateX(calc(1 * var(--position) / 8));
    -o-transform: translateX(calc(1 * var(--position) / 8));
    transform: translateX(calc(1 * var(--position) / 8));
}

.animate-on-scroll [data-animate=children-fade-left]>*:nth-child(8) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=children-fade-left]>*:nth-child(9) {
    -webkit-transform: translateX(calc(1 * var(--position) / 9));
    -moz-transform: translateX(calc(1 * var(--position) / 9));
    -ms-transform: translateX(calc(1 * var(--position) / 9));
    -o-transform: translateX(calc(1 * var(--position) / 9));
    transform: translateX(calc(1 * var(--position) / 9));
}

.animate-on-scroll [data-animate=children-fade-left]>*:nth-child(9) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=children-fade-left]>*:nth-child(10) {
    -webkit-transform: translateX(calc(1 * var(--position) / 10));
    -moz-transform: translateX(calc(1 * var(--position) / 10));
    -ms-transform: translateX(calc(1 * var(--position) / 10));
    -o-transform: translateX(calc(1 * var(--position) / 10));
    transform: translateX(calc(1 * var(--position) / 10));
}

.animate-on-scroll [data-animate=children-fade-left]>*:nth-child(10) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=children-step-up]>*:nth-child(1) {
    -webkit-transform: translateY(calc(1 * (75px * 1)));
    -moz-transform: translateY(calc(1 * (75px * 1)));
    -ms-transform: translateY(calc(1 * (75px * 1)));
    -o-transform: translateY(calc(1 * (75px * 1)));
    transform: translateY(calc(1 * (75px * 1)));
}

.animate-on-scroll [data-animate=children-step-up]>*:nth-child(1) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=children-step-up]>*:nth-child(2) {
    -webkit-transform: translateY(calc(1 * (75px * 2)));
    -moz-transform: translateY(calc(1 * (75px * 2)));
    -ms-transform: translateY(calc(1 * (75px * 2)));
    -o-transform: translateY(calc(1 * (75px * 2)));
    transform: translateY(calc(1 * (75px * 2)));
}

.animate-on-scroll [data-animate=children-step-up]>*:nth-child(2) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=children-step-up]>*:nth-child(3) {
    -webkit-transform: translateY(calc(1 * (75px * 3)));
    -moz-transform: translateY(calc(1 * (75px * 3)));
    -ms-transform: translateY(calc(1 * (75px * 3)));
    -o-transform: translateY(calc(1 * (75px * 3)));
    transform: translateY(calc(1 * (75px * 3)));
}

.animate-on-scroll [data-animate=children-step-up]>*:nth-child(3) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=children-step-up]>*:nth-child(4) {
    -webkit-transform: translateY(calc(1 * (75px * 4)));
    -moz-transform: translateY(calc(1 * (75px * 4)));
    -ms-transform: translateY(calc(1 * (75px * 4)));
    -o-transform: translateY(calc(1 * (75px * 4)));
    transform: translateY(calc(1 * (75px * 4)));
}

.animate-on-scroll [data-animate=children-step-up]>*:nth-child(4) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=children-step-up]>*:nth-child(5) {
    -webkit-transform: translateY(calc(1 * (75px * 5)));
    -moz-transform: translateY(calc(1 * (75px * 5)));
    -ms-transform: translateY(calc(1 * (75px * 5)));
    -o-transform: translateY(calc(1 * (75px * 5)));
    transform: translateY(calc(1 * (75px * 5)));
}

.animate-on-scroll [data-animate=children-step-up]>*:nth-child(5) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=children-step-up]>*:nth-child(6) {
    -webkit-transform: translateY(calc(1 * (75px * 6)));
    -moz-transform: translateY(calc(1 * (75px * 6)));
    -ms-transform: translateY(calc(1 * (75px * 6)));
    -o-transform: translateY(calc(1 * (75px * 6)));
    transform: translateY(calc(1 * (75px * 6)));
}

.animate-on-scroll [data-animate=children-step-up]>*:nth-child(6) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=children-step-up]>*:nth-child(7) {
    -webkit-transform: translateY(calc(1 * (75px * 7)));
    -moz-transform: translateY(calc(1 * (75px * 7)));
    -ms-transform: translateY(calc(1 * (75px * 7)));
    -o-transform: translateY(calc(1 * (75px * 7)));
    transform: translateY(calc(1 * (75px * 7)));
}

.animate-on-scroll [data-animate=children-step-up]>*:nth-child(7) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=children-step-up]>*:nth-child(8) {
    -webkit-transform: translateY(calc(1 * (75px * 8)));
    -moz-transform: translateY(calc(1 * (75px * 8)));
    -ms-transform: translateY(calc(1 * (75px * 8)));
    -o-transform: translateY(calc(1 * (75px * 8)));
    transform: translateY(calc(1 * (75px * 8)));
}

.animate-on-scroll [data-animate=children-step-up]>*:nth-child(8) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=children-step-up]>*:nth-child(9) {
    -webkit-transform: translateY(calc(1 * (75px * 9)));
    -moz-transform: translateY(calc(1 * (75px * 9)));
    -ms-transform: translateY(calc(1 * (75px * 9)));
    -o-transform: translateY(calc(1 * (75px * 9)));
    transform: translateY(calc(1 * (75px * 9)));
}

.animate-on-scroll [data-animate=children-step-up]>*:nth-child(9) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

[data-animate=children-step-up]>*:nth-child(10) {
    -webkit-transform: translateY(calc(1 * (75px * 10)));
    -moz-transform: translateY(calc(1 * (75px * 10)));
    -ms-transform: translateY(calc(1 * (75px * 10)));
    -o-transform: translateY(calc(1 * (75px * 10)));
    transform: translateY(calc(1 * (75px * 10)));
}

.animate-on-scroll [data-animate=children-step-up]>*:nth-child(10) {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

html[lang=en] .ktc-sustainability .breadcrumb .breadcrumb-item {
    font-family: "Gotham Rnd", "Sukhumvit Tadmai";
    font-size: 0.875rem;
}

@media (max-width: 1439.98px) {
    html[lang=en] .ktc-sustainability .breadcrumb .breadcrumb-item {
        font-size: 0.75rem;
    }
}

@media (max-width: 1199.98px) {
    html[lang=en] .ktc-sustainability .breadcrumb .breadcrumb-item {
        font-size: 0.6875rem;
    }
}

@media (max-width: 991.98px) {
    html[lang=en] .ktc-sustainability .breadcrumb .breadcrumb-item {
        font-size: 0.875rem;
    }
}

html[lang=en] .ktc-sustainability .breadcrumb .breadcrumb-item.active {
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .breadcrumb .breadcrumb-item {
    font-family: "Gotham Rnd", "Sukhumvit Tadmai";
    font-size: 0.875rem;
}

@media (max-width: 1439.98px) {
    html[lang=th] .ktc-sustainability .breadcrumb .breadcrumb-item {
        font-size: 0.75rem;
    }
}

@media (max-width: 1199.98px) {
    html[lang=th] .ktc-sustainability .breadcrumb .breadcrumb-item {
        font-size: 0.6875rem;
    }
}

@media (max-width: 991.98px) {
    html[lang=th] .ktc-sustainability .breadcrumb .breadcrumb-item {
        font-size: 0.875rem;
    }
}

html[lang=th] .ktc-sustainability .breadcrumb .breadcrumb-item.active {
    font-weight: 700;
}

.ktc-sustainability nav[aria-label=breadcrumb] {
    padding: 0;
}

.ktc-sustainability .breadcrumb {
    display: flex;
    align-items: center;
    flex-flow: row wrap;
    padding: 0.75rem 0;
    margin-bottom: 0;
    background-color: transparent;
}

.ktc-sustainability .breadcrumb .breadcrumb-item {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0;
}

.ktc-sustainability .breadcrumb .breadcrumb-item+.breadcrumb-item {
    padding-left: 0.875rem;
    margin-left: 0.5rem;
}

.ktc-sustainability .breadcrumb .breadcrumb-item+.breadcrumb-item::before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    padding: 0;
    font-size: 0.625rem;
    font-weight: 400;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.ktc-sustainability .breadcrumb .breadcrumb-item.active {
    color: #333333;
}

.ktc-sustainability .breadcrumb .breadcrumb-link {
    padding: 0;
    margin: 0;
    color: #333333;
    text-decoration: none;
}

.ktc-sustainability .block-sum .block-sum__text {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem 0;
}

.ktc-sustainability .block-sum .block-sum__text .form-control {
    background-color: #FFFFFF;
    border: none;
    border-radius: 0;
    color: #000000;
    width: auto;
    border-bottom: 1px solid #000000;
}

.ktc-sustainability .block-sum .block-sum__text .form-control:focus {
    box-shadow: none;
}

.ktc-sustainability .block-sum .block-sum__button {
    padding: 0.5rem 0;
    display: flex;
    justify-content: center;
}

.ktc-sustainability .block-sum .block-sum__button .btn {
    margin: 0.5rem 0.75rem;
}

html[lang=en] .ktc-sustainability .chain-value .chain-value__title {
    font-size: 0.875rem;
}

html[lang=th] .ktc-sustainability .chain-value .chain-value__title {
    font-size: 0.875rem;
}

.ktc-sustainability .chain-value {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.ktc-sustainability .chain-value .chain-value__img {
    display: block;
    margin: auto;
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .ktc-sustainability .chain-value .chain-value__img {
        margin-left: 0;
    }
}

.ktc-sustainability .chain-value .chain-value__legend {
    display: inline-flex;
    flex-direction: column;
    padding: 1.25rem;
    margin-top: 1.5rem;
    border-radius: 6px;
    border: 1px solid #EDEDED;
    background-color: #FFFFFF;
}

@media (min-width: 576px) and (max-width: 991.98px) {
    .ktc-sustainability .chain-value .chain-value__legend {
        flex-flow: row wrap;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .chain-value .chain-value__legend {
        position: absolute;
        top: 50%;
        right: 0;
        padding: 2.25rem 1.5rem;
        margin-top: 0;
        justify-content: center;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

.ktc-sustainability .chain-value .chain-value__item {
    position: relative;
}

@media (min-width: 576px) and (max-width: 991.98px) {
    .ktc-sustainability .chain-value .chain-value__item {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

.ktc-sustainability .chain-value .chain-value__item:not(:first-child) {
    margin-top: 0.125rem;
}

.ktc-sustainability .chain-value .chain-value__item:nth-child(1) .chain-value__title::before {
    background: -moz-linear-gradient(90deg, #C3D602 0%, #899502 100%);
    background: -webkit-linear-gradient(90deg, #C3D602 0%, #899502 100%);
    background: linear-gradient(90deg, #C3D602 0%, #899502 100%);
}

.ktc-sustainability .chain-value .chain-value__item:nth-child(2) .chain-value__title::before {
    border: 1px solid #D5E14D;
}

.ktc-sustainability .chain-value .chain-value__item:nth-child(3) .chain-value__title::before {
    background: -moz-linear-gradient(90deg, #E1EB7F 0%, #C3D602 100%);
    background: -webkit-linear-gradient(90deg, #E1EB7F 0%, #C3D602 100%);
    background: linear-gradient(90deg, #E1EB7F 0%, #C3D602 100%);
}

.ktc-sustainability .chain-value .chain-value__item:nth-child(4) .chain-value__title::before {
    background: -moz-linear-gradient(90deg, #C3BDBD 0%, #ECECEC 100%);
    background: -webkit-linear-gradient(90deg, #C3BDBD 0%, #ECECEC 100%);
    background: linear-gradient(90deg, #C3BDBD 0%, #ECECEC 100%);
}

.ktc-sustainability .chain-value .chain-value__title {
    position: relative;
    padding-left: 1.5rem;
    color: #000000;
}

.ktc-sustainability .chain-value .chain-value__title::before {
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: white;
    pointer-events: none;
}

@media (min-width: 992px) {
    .ktc-sustainability .chain-value.chain-value--ranking .chain-value__item:not(:first-child) {
        margin-top: 1rem;
    }
}

.ktc-sustainability .chain-value.chain-value--ranking .chain-value__item:nth-child(1) .chain-value__title::before {
    background: transparent;
    background-color: #0057B8;
}

.ktc-sustainability .chain-value.chain-value--ranking .chain-value__item:nth-child(2) .chain-value__title::before {
    border: 2px solid #FFFFFF;
    background-color: #00BFB3;
}

.ktc-sustainability .chain-value.chain-value--ranking .chain-value__item:nth-child(3) .chain-value__title::before {
    background: transparent;
    background-color: #C4D600;
}

.ktc-sustainability .chain-value.chain-value--ranking .chain-value__title::before {
    top: 1px;
    width: 16px;
    height: 16px;
    border: 2px solid #FFFFFF;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
}

html[lang=en] .ktc-sustainability .goals-step .goals-step__title {
    font-weight: 700;
    font-size: 1.125rem;
}

@media (min-width: 1200px) {
    html[lang=en] .ktc-sustainability .goals-step .goals-step__title {
        font-size: 1.25rem;
    }
}

html[lang=en] .ktc-sustainability .goals-step .goals-step__text {
    font-size: 0.875rem;
}

@media (min-width: 1200px) {
    html[lang=en] .ktc-sustainability .goals-step .goals-step__text {
        font-size: 1rem;
    }
}

html[lang=th] .ktc-sustainability .goals-step .goals-step__title {
    font-weight: 700;
    font-size: 1.125rem;
}

@media (min-width: 1200px) {
    html[lang=th] .ktc-sustainability .goals-step .goals-step__title {
        font-size: 1.25rem;
    }
}

html[lang=th] .ktc-sustainability .goals-step .goals-step__text {
    font-size: 0.875rem;
}

@media (min-width: 1200px) {
    html[lang=th] .ktc-sustainability .goals-step .goals-step__text {
        font-size: 1rem;
    }
}

.ktc-sustainability .goals-step {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.ktc-sustainability .goals-step .goals-step__wrapper {
    display: flex;
    flex-flow: row wrap;
}

.ktc-sustainability .goals-step .goals-step__item {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    flex: 0 0 100%;
    max-width: 100%;
    margin-top: 2.5rem;
}

.ktc-sustainability .goals-step .goals-step__item:nth-last-child(1) {
    z-index: 1;
}

.ktc-sustainability .goals-step .goals-step__item:nth-last-child(2) {
    z-index: 2;
}

.ktc-sustainability .goals-step .goals-step__item:nth-last-child(3) {
    z-index: 3;
}

.ktc-sustainability .goals-step .goals-step__item:not(:first-child)::before,
.ktc-sustainability .goals-step .goals-step__item:not(:first-child)::after {
    content: "";
    position: absolute;
    top: 0;
    right: 50%;
    -webkit-transform: rotate(90deg) translate(-55%, -90%);
    -moz-transform: rotate(90deg) translate(-55%, -90%);
    -ms-transform: rotate(90deg) translate(-55%, -90%);
    -o-transform: rotate(90deg) translate(-55%, -90%);
    transform: rotate(90deg) translate(-55%, -90%);
}

.ktc-sustainability .goals-step .goals-step__item:not(:first-child)::before {
    width: 110px;
    height: 60px;
    background-image: url("https://www.ktc.co.th/pub/media/sites/SD/assets/static/images/default/goals-step-arrow.svg");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
}

.ktc-sustainability .goals-step .goals-step__item:not(:first-child)::after {
    display: none;
    width: 185px;
    height: 42px;
    background-color: #E1E1E1;
    z-index: -2;
}

@media (min-width: 768px) {
    .ktc-sustainability .goals-step .goals-step__item {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .ktc-sustainability .goals-step .goals-step__item:not(:first-child)::before,
    .ktc-sustainability .goals-step .goals-step__item:not(:first-child)::after {
        top: 57%;
        right: 100%;
        -webkit-transform: translate(50%, -50%);
        -moz-transform: translate(50%, -50%);
        -ms-transform: translate(50%, -50%);
        -o-transform: translate(50%, -50%);
        transform: translate(50%, -50%);
    }

    .ktc-sustainability .goals-step .goals-step__item:not(:first-child)::after {
        display: block;
    }
}

@media (min-width: 768px) and (max-width: 1199.98px) {
    .ktc-sustainability .goals-step .goals-step__item:first-child {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .ktc-sustainability .goals-step .goals-step__item:nth-child(2)::before,
    .ktc-sustainability .goals-step .goals-step__item:nth-child(2)::after {
        top: -7%;
        right: 25%;
        -webkit-transform: translate(50%, -50%) rotate(130deg);
        -moz-transform: translate(50%, -50%) rotate(130deg);
        -ms-transform: translate(50%, -50%) rotate(130deg);
        -o-transform: translate(50%, -50%) rotate(130deg);
        transform: translate(50%, -50%) rotate(130deg);
    }
}

@media (min-width: 1200px) {
    .ktc-sustainability .goals-step .goals-step__item {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%;
    }
}

.ktc-sustainability .goals-step .goals-step__title {
    position: absolute;
    top: 50px;
    color: #333333;
    margin-bottom: 1.5rem;
    z-index: 1;
}

@media (min-width: 1200px) {
    .ktc-sustainability .goals-step .goals-step__title {
        position: relative;
        top: 0;
    }
}

.ktc-sustainability .goals-step .goals-step__circle {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 335px;
    height: 335px;
    padding: 3rem 1rem 1rem;
    text-align: center;
    border-radius: 50%;
    border: 10px solid #FAFAFA;
    background-color: #FFFFFF;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

@media (min-width: 768px) and (max-width: 1439.98px) {
    .ktc-sustainability .goals-step .goals-step__circle {
        width: 300px;
        height: 300px;
    }
}

@media (min-width: 1200px) {
    .ktc-sustainability .goals-step .goals-step__circle {
        align-items: center;
        padding: 1rem;
    }
}

@media (min-width: 1440px) {
    .ktc-sustainability .goals-step .goals-step__circle {
        border-width: 19px;
    }
}

.ktc-sustainability .goals-step .goals-step__text {
    color: #333333;
}

.ktc-sustainability .goals-step.theme-economic .goals-step__item:nth-child(1) .goals-step__circle {
    border-color: #103D9F;
}

.ktc-sustainability .goals-step.theme-economic .goals-step__item:nth-child(2) .goals-step__circle {
    border-color: #C98BDB;
}

.ktc-sustainability .goals-step.theme-economic .goals-step__item:nth-child(3) .goals-step__circle {
    border-color: #0057B8;
}

.ktc-sustainability .goals-step.theme-social .goals-step__item:nth-child(1) .goals-step__circle {
    border-color: #00867C;
}

.ktc-sustainability .goals-step.theme-social .goals-step__item:nth-child(2) .goals-step__circle {
    border-color: #03BFB2;
}

.ktc-sustainability .goals-step.theme-social .goals-step__item:nth-child(3) .goals-step__circle {
    border-color: #02978E;
}

@media (min-width: 768px) {
    .ktc-sustainability .goals-step.theme-social .goals-step__item:not(:first-child)::before {
        background-image: url("https://www.ktc.co.th/pub/media/sites/SD/assets/static/images/default/purple-step-arrow.svg");
    }
}

.ktc-sustainability .goals-step.theme-environment .goals-step__item:nth-child(1) .goals-step__circle {
    border-color: #8A9500;
}

.ktc-sustainability .goals-step.theme-environment .goals-step__item:nth-child(2) .goals-step__circle {
    border-color: #D5E14E;
}

.ktc-sustainability .goals-step.theme-environment .goals-step__item:nth-child(3) .goals-step__circle {
    border-color: #FFC72D;
}

@media (min-width: 768px) {
    .ktc-sustainability .goals-step.theme-environment .goals-step__item:not(:first-child)::before {
        background-image: url("https://www.ktc.co.th/pub/media/sites/SD/assets/static/images/default/green-step-arrow.svg");
    }
}

html[lang=en] .ktc-sustainability .info-risk .info-risk__title {
    font-size: 1.125rem;
    font-weight: 700;
}

html[lang=en] .ktc-sustainability .info-risk .info-risk__link {
    font-size: 0.875rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .info-risk .info-risk__title {
    font-size: 1.125rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .info-risk .info-risk__link {
    font-size: 0.875rem;
    font-weight: 700;
}

.ktc-sustainability .info-risk {
    position: relative;
}

.ktc-sustainability .info-risk .info-risk__wrapper {
    display: flex;
    flex-flow: row wrap;
}

@media (min-width: 992px) {
    .ktc-sustainability .info-risk .info-risk__wrapper {
        flex-flow: row nowrap;
        justify-content: center;
    }
}

.ktc-sustainability .info-risk .info-risk__item {
    flex: 0 0 100%;
    max-width: 100%;
}

.ktc-sustainability .info-risk .info-risk__item:nth-last-child(1) {
    z-index: 1;
}

.ktc-sustainability .info-risk .info-risk__item:nth-last-child(2) {
    z-index: 2;
}

.ktc-sustainability .info-risk .info-risk__item:nth-last-child(3) {
    z-index: 3;
}

.ktc-sustainability .info-risk .info-risk__item:nth-last-child(4) {
    z-index: 4;
}

@media (min-width: 768px) {
    .ktc-sustainability .info-risk .info-risk__item {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .info-risk .info-risk__item {
        flex: 0 0 auto;
        max-width: 100%;
    }
}

.ktc-sustainability .info-risk .info-risk__body {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 270px;
    height: 270px;
    margin: 0 auto 1.5rem;
    border-radius: 50%;
    background-color: #0057B8;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 1;
}

.ktc-sustainability .info-risk .info-risk__body::before,
.ktc-sustainability .info-risk .info-risk__body::after {
    content: "";
    position: absolute;
    z-index: -1;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.ktc-sustainability .info-risk .info-risk__body::before {
    width: 25px;
    height: 35px;
    clip-path: polygon(0 0, 0% 100%, 100% 50%);
}

.ktc-sustainability .info-risk .info-risk__body::after {
    top: 100%;
    left: 50%;
    width: 100%;
    height: 30px;
    border-radius: 314.407px;
    background: radial-gradient(50% 50% at 50% 50%, #000 0%, rgba(0, 0, 0, 0) 100%);
    filter: blur(2px);
    opacity: 0.2;
}

@media (max-width: 991.98px) {
    .ktc-sustainability .info-risk .info-risk__body::before {
        display: none;
    }
}

.ktc-sustainability .info-risk .info-risk__img {
    display: block;
    margin: 0 auto 1rem;
    height: 75px;
    max-width: 100%;
    object-fit: contain;
    object-position: center;
}

@media (min-width: 992px) {
    .ktc-sustainability .info-risk .info-risk__img.info-risk__img--big {
        height: 100px;
    }
}

.ktc-sustainability .info-risk .info-risk__title {
    color: #FFFFFF;
    margin-bottom: 1rem;
}

.ktc-sustainability .info-risk .info-risk__link {
    position: relative;
    display: block;
    color: #FFFFFF;
    cursor: pointer;
}

.ktc-sustainability .info-risk .info-risk__link::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    width: 0;
    height: 1px;
    background-color: #FFFFFF;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.ktc-sustainability .info-risk .info-risk__link:hover::before {
    width: 100%;
}

@media (min-width: 992px) {
    .ktc-sustainability .info-risk.theme-economic .info-risk__item:not(:nth-child(2)) .info-risk__body {
        width: 292px;
        height: 292px;
    }
}

.ktc-sustainability .info-risk.theme-economic .info-risk__item:nth-child(1) .info-risk__body {
    background: -moz-linear-gradient(126deg, #20266C 12.35%, #3E5DC4 85.23%);
    background: -webkit-linear-gradient(126deg, #20266C 12.35%, #3E5DC4 85.23%);
    background: linear-gradient(126deg, #20266C 12.35%, #3E5DC4 85.23%);
}

@media (min-width: 992px) {
    .ktc-sustainability .info-risk.theme-economic .info-risk__item:nth-child(1) .info-risk__body::before {
        left: 90%;
        top: 80%;
        rotate: 30deg;
        background-color: #3C59BE;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .info-risk.theme-economic .info-risk__item:nth-child(2) {
        margin-top: 150px;
        margin-left: -70px;
    }
}

.ktc-sustainability .info-risk.theme-economic .info-risk__item:nth-child(2) .info-risk__body {
    background: -moz-linear-gradient(333deg, #0156B7 2.36%, #C98ADC 95.11%);
    background: -webkit-linear-gradient(333deg, #0156B7 2.36%, #C98ADC 95.11%);
    background: linear-gradient(333deg, #0156B7 2.36%, #C98ADC 95.11%);
}

@media (min-width: 992px) {
    .ktc-sustainability .info-risk.theme-economic .info-risk__item:nth-child(2) .info-risk__body::before {
        left: 103%;
        top: 35%;
        rotate: -16deg;
        background-color: #556CC6;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .info-risk.theme-economic .info-risk__item:nth-child(3) {
        margin-top: 10px;
        margin-left: -70px;
    }
}

.ktc-sustainability .info-risk.theme-economic .info-risk__item:nth-child(3) .info-risk__body {
    background: -moz-linear-gradient(143deg, #C98ADC 17.85%, #CD1069 93.15%);
    background: -webkit-linear-gradient(143deg, #C98ADC 17.85%, #CD1069 93.15%);
    background: linear-gradient(143deg, #C98ADC 17.85%, #CD1069 93.15%);
}

@media (min-width: 992px) {
    .ktc-sustainability .info-risk.theme-economic .info-risk__item:nth-child(3) .info-risk__body::before {
        left: 90%;
        top: 80%;
        rotate: 30deg;
        background-color: #CC247C;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .info-risk.theme-economic .info-risk__item:nth-child(4) {
        margin-top: 50px;
        margin-left: -40px;
    }
}

.ktc-sustainability .info-risk.theme-economic .info-risk__item:nth-child(4) .info-risk__body {
    background: -moz-linear-gradient(74deg, #63AEF4 10.25%, #0259BA 98.8%);
    background: -webkit-linear-gradient(74deg, #63AEF4 10.25%, #0259BA 98.8%);
    background: linear-gradient(74deg, #63AEF4 10.25%, #0259BA 98.8%);
}

@media (min-width: 992px) {
    .ktc-sustainability .info-risk.theme-social .info-risk__item .info-risk__body {
        width: 350px;
        height: 350px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .info-risk.theme-social .info-risk__item:nth-child(1) {
        margin-top: 60px;
    }
}

.ktc-sustainability .info-risk.theme-social .info-risk__item:nth-child(1) .info-risk__body {
    background: -moz-linear-gradient(219deg, #80DFD9 6.13%, #4468D6 101.87%);
    background: -webkit-linear-gradient(219deg, #80DFD9 6.13%, #4468D6 101.87%);
    background: linear-gradient(219deg, #80DFD9 6.13%, #4468D6 101.87%);
}

@media (min-width: 992px) {
    .ktc-sustainability .info-risk.theme-social .info-risk__item:nth-child(1) .info-risk__body::before {
        left: 100%;
        top: 29%;
        rotate: -21deg;
        background-color: #78D0D8;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .info-risk.theme-social .info-risk__item:nth-child(2) {
        margin-left: -70px;
    }
}

.ktc-sustainability .info-risk.theme-social .info-risk__item:nth-child(2) .info-risk__body {
    background: -moz-linear-gradient(227deg, #00867C 1.53%, #582798 103.69%);
    background: -webkit-linear-gradient(227deg, #00867C 1.53%, #582798 103.69%);
    background: linear-gradient(227deg, #00867C 1.53%, #582798 103.69%);
}

@media (min-width: 992px) {
    .ktc-sustainability .info-risk.theme-social .info-risk__item:nth-child(2) .info-risk__body::before {
        left: 95%;
        top: 73%;
        rotate: 26deg;
        background-color: #1F6586;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .info-risk.theme-social .info-risk__item:nth-child(3) {
        margin-top: 50px;
        margin-left: -70px;
    }
}

.ktc-sustainability .info-risk.theme-social .info-risk__item:nth-child(3) .info-risk__body {
    background: -moz-linear-gradient(111deg, #00867C -8.75%, #C98ADC 102.45%);
    background: -webkit-linear-gradient(111deg, #00867C -8.75%, #C98ADC 102.45%);
    background: linear-gradient(111deg, #00867C -8.75%, #C98ADC 102.45%);
}

@keyframes zoom-in-zoom-out {
    0% {
        -webkit-transform: translate(-50%, -50%) scale(0.8);
        -moz-transform: translate(-50%, -50%) scale(0.8);
        -ms-transform: translate(-50%, -50%) scale(0.8);
        -o-transform: translate(-50%, -50%) scale(0.8);
        transform: translate(-50%, -50%) scale(0.8);
        opacity: 1;
    }

    100% {
        -webkit-transform: translate(-50%, -50%) scale(1);
        -moz-transform: translate(-50%, -50%) scale(1);
        -ms-transform: translate(-50%, -50%) scale(1);
        -o-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
        opacity: 0;
    }
}

@keyframes zoom-out {
    0% {
        -webkit-transform: translate(-50%, -50%) scale(1);
        -moz-transform: translate(-50%, -50%) scale(1);
        -ms-transform: translate(-50%, -50%) scale(1);
        -o-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }

    100% {
        -webkit-transform: translate(-50%, -50%) scale(1.1);
        -moz-transform: translate(-50%, -50%) scale(1.1);
        -ms-transform: translate(-50%, -50%) scale(1.1);
        -o-transform: translate(-50%, -50%) scale(1.1);
        transform: translate(-50%, -50%) scale(1.1);
        opacity: 0;
    }
}

@keyframes download-icon {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    10% {
        -webkit-transform: translateY(-1px);
        -moz-transform: translateY(-1px);
        -ms-transform: translateY(-1px);
        -o-transform: translateY(-1px);
        transform: translateY(-1px);
    }

    80% {
        -webkit-transform: translateY(2px);
        -moz-transform: translateY(2px);
        -ms-transform: translateY(2px);
        -o-transform: translateY(2px);
        transform: translateY(2px);
    }

    90% {
        -webkit-transform: translateY(1.5px);
        -moz-transform: translateY(1.5px);
        -ms-transform: translateY(1.5px);
        -o-transform: translateY(1.5px);
        transform: translateY(1.5px);
    }

    100% {
        -webkit-transform: translateY(2px);
        -moz-transform: translateY(2px);
        -ms-transform: translateY(2px);
        -o-transform: translateY(2px);
        transform: translateY(2px);
    }
}

@keyframes slide-right {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    5% {
        -webkit-transform: translateX(-2px);
        -moz-transform: translateX(-2px);
        -ms-transform: translateX(-2px);
        -o-transform: translateX(-2px);
        transform: translateX(-2px);
    }

    100% {
        -webkit-transform: translateX(5px);
        -moz-transform: translateX(5px);
        -ms-transform: translateX(5px);
        -o-transform: translateX(5px);
        transform: translateX(5px);
    }
}

@keyframes gelatine {
    0% {
        -webkit-transform: translate(-50%, -50%) scale(1, 1);
        -moz-transform: translate(-50%, -50%) scale(1, 1);
        -ms-transform: translate(-50%, -50%) scale(1, 1);
        -o-transform: translate(-50%, -50%) scale(1, 1);
        transform: translate(-50%, -50%) scale(1, 1);
    }

    25% {
        -webkit-transform: translate(-50%, -50%) scale(0.9, 1.1);
        -moz-transform: translate(-50%, -50%) scale(0.9, 1.1);
        -ms-transform: translate(-50%, -50%) scale(0.9, 1.1);
        -o-transform: translate(-50%, -50%) scale(0.9, 1.1);
        transform: translate(-50%, -50%) scale(0.9, 1.1);
    }

    50% {
        -webkit-transform: translate(-50%, -50%) scale(1.1, 0.9);
        -moz-transform: translate(-50%, -50%) scale(1.1, 0.9);
        -ms-transform: translate(-50%, -50%) scale(1.1, 0.9);
        -o-transform: translate(-50%, -50%) scale(1.1, 0.9);
        transform: translate(-50%, -50%) scale(1.1, 0.9);
    }

    75% {
        -webkit-transform: translate(-50%, -50%) scale(0.95, 1.05);
        -moz-transform: translate(-50%, -50%) scale(0.95, 1.05);
        -ms-transform: translate(-50%, -50%) scale(0.95, 1.05);
        -o-transform: translate(-50%, -50%) scale(0.95, 1.05);
        transform: translate(-50%, -50%) scale(0.95, 1.05);
    }

    100% {
        -webkit-transform: translate(-50%, -50%) scale(1, 1);
        -moz-transform: translate(-50%, -50%) scale(1, 1);
        -ms-transform: translate(-50%, -50%) scale(1, 1);
        -o-transform: translate(-50%, -50%) scale(1, 1);
        transform: translate(-50%, -50%) scale(1, 1);
    }
}

html[lang=en] .ktc-sustainability .ktc-loan .ktc-loan__header {
    font-size: 1.25rem;
    font-weight: 700;
}

html[lang=en] .ktc-sustainability .ktc-loan .ktc-loan__title {
    font-size: 1rem;
}

html[lang=en] .ktc-sustainability .ktc-loan .ktc-loan__value {
    font-size: 1.25rem;
    font-weight: 700;
}

html[lang=en] .ktc-sustainability .ktc-loan .ktc-loan__unit {
    font-size: 1rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .ktc-loan .ktc-loan__header {
    font-size: 1.25rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .ktc-loan .ktc-loan__title {
    font-size: 1rem;
}

html[lang=th] .ktc-sustainability .ktc-loan .ktc-loan__value {
    font-size: 1.25rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .ktc-loan .ktc-loan__unit {
    font-size: 1rem;
    font-weight: 700;
}

.ktc-sustainability .ktc-loan {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.ktc-sustainability .ktc-loan .ktc-loan__header {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    min-height: 42px;
    padding: 0.25rem 1rem;
    margin: 0 1rem -21px;
    color: #FFFFFF;
    border-radius: 16px;
    background: -moz-linear-gradient(131deg, #5A2896 12.56%, #C98ADC 86.38%);
    background: -webkit-linear-gradient(131deg, #5A2896 12.56%, #C98ADC 86.38%);
    background: linear-gradient(131deg, #5A2896 12.56%, #C98ADC 86.38%);
}

.ktc-sustainability .ktc-loan .ktc-loan__wrapper {
    flex-grow: 1;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 3rem 1rem 1rem;
    border-radius: 16px;
    background: -moz-linear-gradient(310deg, #DAE2FF 7.42%, #FFF 40.89%, #FFF 69.75%, #B0C4FF 122.98%);
    background: -webkit-linear-gradient(310deg, #DAE2FF 7.42%, #FFF 40.89%, #FFF 69.75%, #B0C4FF 122.98%);
    background: linear-gradient(310deg, #DAE2FF 7.42%, #FFF 40.89%, #FFF 69.75%, #B0C4FF 122.98%);
}

@media (min-width: 576px) {
    .ktc-sustainability .ktc-loan .ktc-loan__wrapper {
        padding: 3rem 2rem 2rem;
    }
}

.ktc-sustainability .ktc-loan .ktc-loan__figure {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ktc-sustainability .ktc-loan .ktc-loan__img {
    display: block;
    height: auto;
    max-width: 125px;
    margin: auto;
    object-fit: contain;
    object-position: center;
}

@media (min-width: 576px) {
    .ktc-sustainability .ktc-loan .ktc-loan__img {
        width: auto;
        max-width: 135px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .ktc-loan .ktc-loan__img {
        width: auto;
        max-width: 170px;
    }
}

.ktc-sustainability .ktc-loan .ktc-loan__body {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    margin-left: 1.5rem;
}

@media (min-width: 992px) {
    .ktc-sustainability .ktc-loan .ktc-loan__body.ktc-loan__body--row {
        flex-direction: row;
        justify-content: space-between;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .ktc-loan .ktc-loan__body.ktc-loan__body--row .ktc-loan__item {
        margin-top: 2rem;
    }
}

.ktc-sustainability .ktc-loan .ktc-loan__item {
    display: flex;
    flex-direction: column;
    margin-top: 1rem;
}

.ktc-sustainability .ktc-loan .ktc-loan__title {
    color: #333333;
}

.ktc-sustainability .ktc-loan .ktc-loan__value {
    display: block;
    margin-top: 0.5rem;
    color: #0057B8;
    white-space: nowrap;
}

.ktc-sustainability .ktc-loan .ktc-loan__unit {
    color: #333333;
}

.ktc-sustainability .ktc-loan.theme-personal .ktc-loan__header {
    background: -moz-linear-gradient(297deg, #C98ADC -5.46%, #CD1069 108.28%);
    background: -webkit-linear-gradient(297deg, #C98ADC -5.46%, #CD1069 108.28%);
    background: linear-gradient(297deg, #C98ADC -5.46%, #CD1069 108.28%);
}

.ktc-sustainability .ktc-loan.theme-credit .ktc-load__header {
    background: -moz-linear-gradient(131deg, #5A2896 12.56%, #C98ADC 86.38%);
    background: -webkit-linear-gradient(131deg, #5A2896 12.56%, #C98ADC 86.38%);
    background: linear-gradient(131deg, #5A2896 12.56%, #C98ADC 86.38%);
}

@media (min-width: 576px) {

    .ktc-sustainability .ktc-loan.theme-car .ktc-loan__img,
    .ktc-sustainability .ktc-loan.theme-motorcycle .ktc-loan__img {
        max-width: 100%;
    }
}

.ktc-sustainability .ktc-loan.theme-car .ktc-load__wrapper,
.ktc-sustainability .ktc-loan.theme-motorcycle .ktc-load__wrapper {
    background: -moz-linear-gradient(310deg, rgba(218, 226, 255, 0.3) 7.42%, rgba(255, 255, 255, 0.3) 40.89%, rgba(255, 255, 255, 0.3) 69.75%, rgba(176, 196, 255, 0.3) 122.98%);
    background: -webkit-linear-gradient(310deg, rgba(218, 226, 255, 0.3) 7.42%, rgba(255, 255, 255, 0.3) 40.89%, rgba(255, 255, 255, 0.3) 69.75%, rgba(176, 196, 255, 0.3) 122.98%);
    background: linear-gradient(310deg, rgba(218, 226, 255, 0.3) 7.42%, rgba(255, 255, 255, 0.3) 40.89%, rgba(255, 255, 255, 0.3) 69.75%, rgba(176, 196, 255, 0.3) 122.98%);
}

.ktc-sustainability .ktc-loan.theme-car .ktc-loan__value,
.ktc-sustainability .ktc-loan.theme-motorcycle .ktc-loan__value {
    color: #00867C;
}

.ktc-sustainability .ktc-loan.theme-car .ktc-loan__header {
    background: -moz-linear-gradient(90deg, #02978E 0.13%, #03BFB2 102.12%);
    background: -webkit-linear-gradient(90deg, #02978E 0.13%, #03BFB2 102.12%);
    background: linear-gradient(90deg, #02978E 0.13%, #03BFB2 102.12%);
}

.ktc-sustainability .ktc-loan.theme-motorcycle .ktc-loan__header {
    background: -moz-linear-gradient(117deg, #30BAC1 32.52%, #40D3E2 102.66%);
    background: -webkit-linear-gradient(117deg, #30BAC1 32.52%, #40D3E2 102.66%);
    background: linear-gradient(117deg, #30BAC1 32.52%, #40D3E2 102.66%);
}

.ktc-sustainability .main-banner {
    position: relative;
    margin-top: 90px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

@media (min-width: 576px) {
    .ktc-sustainability .main-banner {
        margin-top: 58px;
    }
}

.ktc-sustainability .main-banner .main-banner__top {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    min-height: 48px;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.9);
    z-index: 1;
    overflow: hidden;
}

.ktc-sustainability .main-banner .main-banner__bottom {
    position: relative;
    display: flex;
    align-items: flex-end;
    min-height: 420px;
    padding: 8rem 0 3rem;
    text-align: center;
    background-position: center bottom;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 0;
}

.ktc-sustainability .main-banner .main-banner__bottom::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 50%;
    width: 100%;
    background: -moz-linear-gradient(180deg, transparent 0%, #000000 100%);
    background: -webkit-linear-gradient(180deg, transparent 0%, #000000 100%);
    background: linear-gradient(180deg, transparent 0%, #000000 100%);
    opacity: 0.55;
    pointer-events: none;
    z-index: -1;
}

@media (min-width: 992px) {
    .ktc-sustainability .main-banner .main-banner__bottom {
        padding: 5rem 0 3rem;
    }
}

html[lang=en] .ktc-sustainability .msg-from-chairman .msg-from-chairman__title {
    font-size: 1.375rem;
    font-weight: 700;
}

html[lang=en] .ktc-sustainability .msg-from-chairman .msg-from-chairman__text {
    font-size: 1.25rem;
}

html[lang=th] .ktc-sustainability .msg-from-chairman .msg-from-chairman__title {
    font-size: 1.375rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .msg-from-chairman .msg-from-chairman__text {
    font-size: 1.25rem;
}

.ktc-sustainability .msg-from-chairman {
    position: relative;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}

.ktc-sustainability .msg-from-chairman .msg-from-chairman__figure {
    flex: 0 0 100%;
    max-width: 350px;
}

@media (max-width: 991.98px) {
    .ktc-sustainability .msg-from-chairman .msg-from-chairman__figure {
        margin-bottom: 1.5rem;
        border-radius: 40px;
        background-color: #F4F4F4;
        -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.6);
        -moz-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.6);
        box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.6);
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .msg-from-chairman .msg-from-chairman__figure {
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%;
    }
}

.ktc-sustainability .msg-from-chairman .msg-from-chairman__img {
    display: block;
    margin: auto;
    height: auto;
    max-width: 300px;
}

@media (min-width: 992px) {
    .ktc-sustainability .msg-from-chairman .msg-from-chairman__img {
        max-width: 450px;
    }
}

.ktc-sustainability .msg-from-chairman .msg-from-chairman__body {
    flex: 0 0 100%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    align-self: center;
    text-align: center;
}

@media (min-width: 992px) {
    .ktc-sustainability .msg-from-chairman .msg-from-chairman__body {
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%;
    }
}

.ktc-sustainability .msg-from-chairman .msg-from-chairman__title {
    margin-bottom: 2.5rem;
}

.ktc-sustainability .msg-from-chairman .msg-from-chairman__text {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    z-index: 1;
}

.ktc-sustainability .msg-from-chairman .msg-from-chairman__text::before,
.ktc-sustainability .msg-from-chairman .msg-from-chairman__text::after {
    font-family: "icomoon";
    font-weight: 300;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    content: "";
    color: #CB333B;
    padding-bottom: 1.5rem;
    pointer-events: none;
    z-index: -1;
}

.ktc-sustainability .msg-from-chairman .msg-from-chairman__text::after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.ktc-sustainability .msg-from-chairman .msg-from-chairman__btn,
.ktc-sustainability .msg-from-chairman .msg-from-chairman__sign {
    margin-top: 4rem;
}

.ktc-sustainability .org-chart {
    position: relative;
}

.ktc-sustainability .org-chart .org-chart__trigger {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1;
}

.ktc-sustainability .org-chart .org-chart__animate {
    position: relative;
    z-index: 1;
}

.ktc-sustainability .org-chart .org-chart__desktop {
    display: none;
}

@media (min-width: 992px) {
    .ktc-sustainability .org-chart .org-chart__desktop {
        display: block;
    }
}

.ktc-sustainability .org-chart .org-chart__tablet {
    display: none;
}

@media (min-width: 768px) {
    .ktc-sustainability .org-chart .org-chart__tablet {
        display: block;
    }
}

.ktc-sustainability .org-chart .org-chart__mobile {
    display: block;
}

@media (min-width: 768px) {
    .ktc-sustainability .org-chart .org-chart__mobile {
        display: none;
    }
}

html[lang=en] .ktc-sustainability .page-title {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5;
}

@media (min-width: 992px) {
    html[lang=en] .ktc-sustainability .page-title {
        font-size: 2.625rem;
    }
}

@media (min-width: 992px) and (max-width: 991.98px) {
    html[lang=en] .ktc-sustainability .page-title {
        font-size: 2.3125rem;
    }
}

html[lang=en] .ktc-sustainability .page-text-highlight {
    font-family: "The Wedding Signature", sans-serif;
    font-size: 2rem;
    font-weight: 300;
    line-height: 1.2;
}

@media (min-width: 992px) {
    html[lang=en] .ktc-sustainability .page-text-highlight {
        font-size: 2.5rem;
    }
}

html[lang=th] .ktc-sustainability .page-title {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5;
}

@media (min-width: 992px) {
    html[lang=th] .ktc-sustainability .page-title {
        font-size: 3.125rem;
    }
}

@media (min-width: 992px) and (max-width: 991.98px) {
    html[lang=th] .ktc-sustainability .page-title {
        font-size: 2.8125rem;
    }
}

html[lang=th] .ktc-sustainability .page-text-highlight {
    font-family: "The Wedding Signature", sans-serif;
    font-size: 2rem;
    font-weight: 300;
    line-height: 1.2;
}

@media (min-width: 992px) {
    html[lang=th] .ktc-sustainability .page-text-highlight {
        font-size: 4.5rem;
    }
}

.ktc-sustainability .page-title,
.ktc-sustainability .page-text-highlight {
    position: relative;
    color: #FFFFFF;
    margin-bottom: 0;
}

html[lang=en] .ktc-sustainability .pagination .page-item .page-link {
    font-size: 0.75rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .pagination .page-item .page-link {
    font-size: 0.75rem;
    font-weight: 700;
}

.ktc-sustainability .pagination {
    margin: 3rem 0 0 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    column-gap: 0.5rem;
    list-style-type: none;
}

.ktc-sustainability .pagination .page-item .page-link {
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    padding: 0.5px 3px;
    color: #A0A0A0;
    width: 30px;
    height: 30px;
    border-radius: 6px;
    background: #FAFAFA;
}

.ktc-sustainability .pagination .page-item .page-link.page-link--text {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 47px;
    min-width: 30px;
    height: 30px;
    border: 1px solid #A0A0A0;
    background: #FAFAFA;
    border-radius: 6px;
}

.ktc-sustainability .pagination .page-item .page-link:hover,
.ktc-sustainability .pagination .page-item .page-link:focus {
    background-color: #333333;
    color: #FFFFFF;
}

.ktc-sustainability .pagination .page-item .page-dot {
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    padding: 0.5px 3px;
    color: #A0A0A0;
    width: 30px;
    height: 30px;
    border-radius: 6px;
    background: #FAFAFA;
    text-decoration: none;
}

.ktc-sustainability .pagination .page-item.active .page-link {
    background-color: #333333;
    color: #FFFFFF;
}

.ktc-sustainability .pagination .page-item.active .page-link:hover,
.ktc-sustainability .pagination .page-item.active .page-link:focus {
    cursor: default;
}

.ktc-sustainability .scroll-to-top {
    position: fixed;
    right: 1rem;
    bottom: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    color: #CB333B;
    font-size: 1.125rem;
    text-decoration: none;
    border-radius: 50%;
    background-color: #FFFFFF;
    -webkit-box-shadow: 5px 5px 3px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 5px 5px 3px rgba(0, 0, 0, 0.16);
    box-shadow: 5px 5px 3px rgba(0, 0, 0, 0.16);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 1021;
}

@media (min-width: 768px) {
    .ktc-sustainability .scroll-to-top {
        right: 2rem;
    }
}

.ktc-sustainability .scroll-to-top:hover {
    color: #CB333B;
    -webkit-transform: translate(1px, 1px);
    -moz-transform: translate(1px, 1px);
    -ms-transform: translate(1px, 1px);
    -o-transform: translate(1px, 1px);
    transform: translate(1px, 1px);
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.16);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.16);
}

.ktc-sustainability .sd-report {
    position: relative;
    display: flex;
    flex-flow: row wrap-reverse;
}

@media (max-width: 575.98px) {
    .home .ktc-sustainability .sd-report {
        margin-left: -15px;
        margin-right: -15px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .sd-report {
        margin-top: 220px;
    }
}

.ktc-sustainability .sd-report .sd-report__figure {
    display: flex;
    align-items: flex-end;
    flex: 0 0 100%;
    max-width: 100%;
}

@media (min-width: 992px) {
    .ktc-sustainability .sd-report .sd-report__figure {
        flex: 0 0 55%;
        max-width: 55%;
        margin-top: -220px;
    }
}

.ktc-sustainability .sd-report .sd-report__img {
    display: block;
    height: auto;
    max-width: 80%;
    margin: 0 auto;
    object-fit: contain;
}

@media (min-width: 992px) {
    .ktc-sustainability .sd-report .sd-report__img {
        max-width: 100%;
    }
}

.ktc-sustainability .sd-report .sd-report__body {
    flex: 0 0 100%;
    max-width: 100%;
    align-self: center;
    display: flex;
    flex-direction: column;
    padding: 2rem 1rem;
    text-align: center;
}

@media (min-width: 992px) {
    .ktc-sustainability .sd-report .sd-report__body {
        flex: 0 0 45%;
        max-width: 45%;
        padding: 3rem 1rem;
        text-align: left;
    }
}

.ktc-sustainability .sd-report .sd-report__title {
    color: #333333;
}

.ktc-sustainability .sd-report .sd-report__btn {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    margin-top: 1.25rem;
}

@media (min-width: 992px) {
    .ktc-sustainability .sd-report .sd-report__btn {
        justify-content: flex-start;
    }
}

.ktc-sustainability .sd-report .sd-report__btn .btn.btn--primary:not(:first-child),
.ktc-sustainability .sd-report .sd-report__btn .btn.btn--primary-outline:not(:first-child),
.ktc-sustainability .sd-report .sd-report__btn .btn.btn--primary-white:not(:first-child),
.ktc-sustainability .sd-report .sd-report__btn .btn.btn--primary-outline-green:not(:first-child) {
    margin-left: 1rem;
}

@media (min-width: 576px) {

    .ktc-sustainability .sd-report .sd-report__btn .btn.btn--primary:not(:first-child),
    .ktc-sustainability .sd-report .sd-report__btn .btn.btn--primary-outline:not(:first-child),
    .ktc-sustainability .sd-report .sd-report__btn .btn.btn--primary-white:not(:first-child),
    .ktc-sustainability .sd-report .sd-report__btn .btn.btn--primary-outline-green:not(:first-child) {
        margin-left: 2.5rem;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {

    .ktc-sustainability .sd-report .sd-report__btn .btn.btn--primary:not(:first-child),
    .ktc-sustainability .sd-report .sd-report__btn .btn.btn--primary-outline:not(:first-child),
    .ktc-sustainability .sd-report .sd-report__btn .btn.btn--primary-white:not(:first-child),
    .ktc-sustainability .sd-report .sd-report__btn .btn.btn--primary-outline-green:not(:first-child) {
        margin-left: 1.5rem;
    }
}

.ktc-sustainability .section-background {
    position: relative;
    padding: 5rem 0;
    border-radius: 96px 96px 0px 0px;
    background: #FFFFFF;
}

.ktc-sustainability .section-content,
.ktc-sustainability .msg-from-chairman-page .section-scene-2,
.ktc-sustainability .msg-from-chairman-page .section-scene-1,
.ktc-sustainability .financial-inclusion-and-literacy-page .financial-inclusion-and-literacy-scene-3,
.ktc-sustainability .supply-chain-management-page .supply-chain-management-scene-8,
.ktc-sustainability .esg-products-and-services-page .esg-products-and-services-scene-11,
.ktc-sustainability .esg-products-and-services-page .esg-products-and-services-scene-8,
.ktc-sustainability .anti-corruption-and-bribery-page .anti-corruption-scene-8,
.ktc-sustainability .anti-corruption-and-bribery-page .anti-corruption-scene-7,
.ktc-sustainability .anti-corruption-and-bribery-page .anti-corruption-scene-6,
.ktc-sustainability .corporate-governance-page .cg-scene-6,
.ktc-sustainability .corporate-governance-page .cg-scene-5,
.ktc-sustainability .corporate-governance-page .cg-scene-3,
.ktc-sustainability .overview-economic-dimension-page .overview-scene-2,
.ktc-sustainability .overview-economic-dimension-page .overview-scene-1,
.ktc-sustainability .sustainability-definition-page .sustainability-definition-scene-3 {
    position: relative;
    padding: 3rem 0;
    overflow: hidden;
    background-color: #FFFFFF;
}

@media (min-width: 992px) {

    .ktc-sustainability .section-content,
    .ktc-sustainability .msg-from-chairman-page .section-scene-2,
    .ktc-sustainability .msg-from-chairman-page .section-scene-1,
    .ktc-sustainability .financial-inclusion-and-literacy-page .financial-inclusion-and-literacy-scene-3,
    .ktc-sustainability .supply-chain-management-page .supply-chain-management-scene-8,
    .ktc-sustainability .esg-products-and-services-page .esg-products-and-services-scene-11,
    .ktc-sustainability .esg-products-and-services-page .esg-products-and-services-scene-8,
    .ktc-sustainability .anti-corruption-and-bribery-page .anti-corruption-scene-8,
    .ktc-sustainability .anti-corruption-and-bribery-page .anti-corruption-scene-7,
    .ktc-sustainability .anti-corruption-and-bribery-page .anti-corruption-scene-6,
    .ktc-sustainability .corporate-governance-page .cg-scene-6,
    .ktc-sustainability .corporate-governance-page .cg-scene-5,
    .ktc-sustainability .corporate-governance-page .cg-scene-3,
    .ktc-sustainability .overview-economic-dimension-page .overview-scene-2,
    .ktc-sustainability .overview-economic-dimension-page .overview-scene-1,
    .ktc-sustainability .sustainability-definition-page .sustainability-definition-scene-3 {
        padding: 5rem 0;
    }
}

.ktc-sustainability .section-tab-content {
    position: relative;
    padding: 0 0 3rem;
    contain: paint;
    background-color: #FFFFFF;
    z-index: 1;
}

@media (min-width: 992px) {
    .ktc-sustainability .section-tab-content {
        padding: 0 0 5rem;
    }
}

.ktc-sustainability .section-tab-content.theme-2 {
    padding: 3rem 0;
}

@media (min-width: 992px) {
    .ktc-sustainability .section-tab-content.theme-2 {
        padding: 5rem 0;
    }
}

.ktc-sustainability .section-image {
    display: block;
    margin: auto;
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

.ktc-sustainability .social {
    display: flex;
    align-items: center;
}

.ktc-sustainability .social .social__link {
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.ktc-sustainability .social .social__link:hover .icon-facebook {
    color: #4267B2;
}

.ktc-sustainability .social .social__link:hover .icon-twitter {
    color: #1DA1F2;
}

.ktc-sustainability .social .social__link:hover .icon-line {
    color: #25D366;
}

.ktc-sustainability .social .social__link:hover .icon-instagram {
    color: transparent;
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    background: -webkit-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    background-clip: text;
    -webkit-background-clip: text;
}

.ktc-sustainability .social.social--footer {
    flex-flow: row wrap;
    justify-content: center;
    padding: 1rem 0;
}

.ktc-sustainability .social.social--footer .social__item:not(:first-child) {
    margin-left: 1.75rem;
}

.ktc-sustainability .social.social--footer .social__link {
    color: #757575;
    font-size: 1.25rem;
}

html[lang=en] .ktc-sustainability .chart-diagram .chart-diagram__title {
    font-size: 0.875rem;
    font-weight: 400;
}

@media (min-width: 992px) {
    html[lang=en] .ktc-sustainability .chart-diagram .chart-diagram__title {
        font-size: 1rem;
    }
}

html[lang=th] .ktc-sustainability .chart-diagram .chart-diagram__title {
    font-size: 0.875rem;
    font-weight: 400;
}

@media (min-width: 992px) {
    html[lang=th] .ktc-sustainability .chart-diagram .chart-diagram__title {
        font-size: 1rem;
    }
}

.ktc-sustainability .chart-diagram {
    position: relative;
}

.ktc-sustainability .chart-diagram .chart-diagram__wrapper {
    display: flex;
    flex-direction: column;
}

.ktc-sustainability .chart-diagram .chart-diagram__row {
    position: relative;
    display: flex;
    justify-content: center;
    width: 100%;
    z-index: 1;
}

@media (max-width: 991.98px) {
    .ktc-sustainability .chart-diagram .chart-diagram__row:nth-child(1) .chart-diagram__item::before {
        display: none;
    }

    .ktc-sustainability .chart-diagram .chart-diagram__row:nth-child(1) .chart-diagram__item::after {
        left: 10px;
        height: calc(400% + 138px);
    }
}

@media (max-width: 991.98px) {

    .ktc-sustainability .chart-diagram .chart-diagram__row:nth-child(2)::before,
    .ktc-sustainability .chart-diagram .chart-diagram__row:nth-child(2)::after {
        display: none;
    }
}

@media (max-width: 991.98px) {
    .ktc-sustainability .chart-diagram .chart-diagram__row:nth-child(2) .chart-diagram__item::after {
        display: none;
    }

    .ktc-sustainability .chart-diagram .chart-diagram__row:nth-child(2) .chart-diagram__item::before {
        top: 50%;
        left: auto;
        right: 100%;
        width: 20px;
        height: 2px;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }
}

.ktc-sustainability .chart-diagram .chart-diagram__row:nth-child(3)::after {
    content: "";
    position: absolute;
    top: calc(50% + 1rem);
    left: 50%;
    width: calc(50% - 140px);
    height: 2px;
    border-top: 2px dashed rgba(112, 112, 112, 0.5);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: -2;
}

@media (max-width: 991.98px) {
    .ktc-sustainability .chart-diagram .chart-diagram__row:nth-child(3) {
        flex-direction: column-reverse;
    }

    .ktc-sustainability .chart-diagram .chart-diagram__row:nth-child(3)::before,
    .ktc-sustainability .chart-diagram .chart-diagram__row:nth-child(3)::after {
        display: none;
    }
}

@media (max-width: 991.98px) {
    .ktc-sustainability .chart-diagram .chart-diagram__row:nth-child(3) .chart-diagram__item::before {
        top: 50%;
        left: auto;
        right: 100%;
        width: 20px;
        height: 2px;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }

    .ktc-sustainability .chart-diagram .chart-diagram__row:nth-child(3) .chart-diagram__item:nth-child(1)::after {
        left: 55%;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .chart-diagram .chart-diagram__row:nth-child(3) .chart-diagram__item:first-child {
        margin-left: calc(50% - 140px);
    }
}

.ktc-sustainability .chart-diagram .chart-diagram__row:nth-child(3) .chart-diagram__item:not(.chart-diagram__item--bg) {
    border: 1px solid #3EB0F0;
    background: -moz-linear-gradient(0deg, #3A9DF9 50%, #EFF7FF 100%);
    background: -webkit-linear-gradient(0deg, #3A9DF9 50%, #EFF7FF 100%);
    background: linear-gradient(0deg, #3A9DF9 50%, #EFF7FF 100%);
}

.ktc-sustainability .chart-diagram .chart-diagram__row:nth-child(4) .chart-diagram__item {
    background: -moz-linear-gradient(90deg, #A6C9FF 0%, #269EEA 51.56%, #9FD1FF 100%);
    background: -webkit-linear-gradient(90deg, #A6C9FF 0%, #269EEA 51.56%, #9FD1FF 100%);
    background: linear-gradient(90deg, #A6C9FF 0%, #269EEA 51.56%, #9FD1FF 100%);
}

@media (max-width: 991.98px) {

    .ktc-sustainability .chart-diagram .chart-diagram__row:nth-child(4) .chart-diagram__item::before,
    .ktc-sustainability .chart-diagram .chart-diagram__row:nth-child(4) .chart-diagram__item::after {
        left: 55%;
    }
}

.ktc-sustainability .chart-diagram .chart-diagram__row:last-child .chart-diagram__item {
    background: -moz-linear-gradient(90deg, #A6C9FF 0%, #269EEA 51.56%, #9FD1FF 100%);
    background: -webkit-linear-gradient(90deg, #A6C9FF 0%, #269EEA 51.56%, #9FD1FF 100%);
    background: linear-gradient(90deg, #A6C9FF 0%, #269EEA 51.56%, #9FD1FF 100%);
}

.ktc-sustainability .chart-diagram .chart-diagram__row:last-child .chart-diagram__item::after {
    display: none;
}

@media (max-width: 991.98px) {
    .ktc-sustainability .chart-diagram .chart-diagram__row:last-child .chart-diagram__item::before {
        left: 55%;
    }
}

.ktc-sustainability .chart-diagram .chart-diagram__row.chart-diagram__row--line {
    justify-content: space-between;
}

.ktc-sustainability .chart-diagram .chart-diagram__row.chart-diagram__row--line::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 50%;
    width: calc(100% - 278px);
    height: 2px;
    background-color: rgba(62, 174, 244, 0.5);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media (max-width: 991.98px) {
    .ktc-sustainability .chart-diagram .chart-diagram__row {
        flex-direction: column;
        align-items: center;
    }

    .ktc-sustainability .chart-diagram .chart-diagram__row:not(:first-child) .chart-diagram__item {
        max-width: 250px;
        margin-left: 30px;
    }
}

.ktc-sustainability .chart-diagram .chart-diagram__item {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 64px;
    width: 100%;
    max-width: 280px;
    margin-top: 40px;
    border-radius: 6px;
    background: -moz-linear-gradient(180deg, #0057B8 0%, #69B3F8 100%);
    background: -webkit-linear-gradient(180deg, #0057B8 0%, #69B3F8 100%);
    background: linear-gradient(180deg, #0057B8 0%, #69B3F8 100%);
}

.ktc-sustainability .chart-diagram .chart-diagram__item::before,
.ktc-sustainability .chart-diagram .chart-diagram__item::after {
    content: "";
    position: absolute;
    left: 50%;
    width: 2px;
    height: 20px;
    background-color: rgba(62, 174, 244, 0.5);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.ktc-sustainability .chart-diagram .chart-diagram__item::before {
    bottom: 100%;
}

.ktc-sustainability .chart-diagram .chart-diagram__item::after {
    top: 100%;
}

@media (min-width: 992px) {
    .ktc-sustainability .chart-diagram .chart-diagram__item.chart-diagram__item--line-top::after {
        display: none;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .chart-diagram .chart-diagram__item.chart-diagram__item--line-bottom::before {
        display: none;
    }
}

.ktc-sustainability .chart-diagram .chart-diagram__item.chart-diagram__item--bg {
    height: 82px;
    padding-bottom: 1rem;
    background-image: url("https://www.ktc.co.th/pub/media/sites/SD/assets/static/images/default/org-chart.png");
}

.ktc-sustainability .chart-diagram .chart-diagram__item.active .chart-diagram__body::before,
.ktc-sustainability .chart-diagram .chart-diagram__item.active .chart-diagram__body::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 255px;
    height: 74px;
    border-radius: 6px;
    border: 1px solid rgba(112, 112, 112, 0.5);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
    z-index: -1;
    opacity: 0;
    pointer-events: none;
}

@media (min-width: 992px) {

    .ktc-sustainability .chart-diagram .chart-diagram__item.active .chart-diagram__body::before,
    .ktc-sustainability .chart-diagram .chart-diagram__item.active .chart-diagram__body::after {
        width: 285px;
    }
}

.ktc-sustainability .chart-diagram .chart-diagram__item.active .chart-diagram__body::before {
    animation: zoom-out 1s ease-out infinite 0.5s;
}

.ktc-sustainability .chart-diagram .chart-diagram__item.active .chart-diagram__body::after {
    animation: zoom-out 1s ease-out infinite;
}

.ktc-sustainability .chart-diagram .chart-diagram__item.active .chart-diagram__title {
    cursor: pointer;
}

.ktc-sustainability .chart-diagram .chart-diagram__item.active .chart-diagram__title::before,
.ktc-sustainability .chart-diagram .chart-diagram__item.active .chart-diagram__title::after {
    display: flex;
    opacity: 1;
}

.ktc-sustainability .chart-diagram .chart-diagram__body {
    display: flex;
    width: 100%;
    flex-grow: 1;
    padding: 0;
}

.ktc-sustainability .chart-diagram .chart-diagram__title {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-grow: 1;
    color: #FFFFFF;
}

.ktc-sustainability .chart-diagram .chart-diagram__title::before,
.ktc-sustainability .chart-diagram .chart-diagram__title::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    width: 15px;
    height: 15px;
    display: none;
    justify-content: center;
    align-items: center;
    font-size: 0.5rem;
    border: 1px solid #FFFFFF;
    border-radius: 50%;
    background: -moz-linear-gradient(90deg, #0057B8 19.34%, #69B3F8 113.19%);
    background: -webkit-linear-gradient(90deg, #0057B8 19.34%, #69B3F8 113.19%);
    background: linear-gradient(90deg, #0057B8 19.34%, #69B3F8 113.19%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    z-index: 1;
}

.ktc-sustainability .chart-diagram .chart-diagram__title::after {
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    content: "";
    display: none;
    padding-left: 1px;
    padding-bottom: 1px;
}

.ktc-sustainability {
    color: #333333;
    /* width */
    /* Track */
    /* Handle */
}

.ktc-sustainability ::-webkit-scrollbar {
    width: 10px;
}

.ktc-sustainability ::-webkit-scrollbar-track {
    background: #F4F4F4;
}

.ktc-sustainability ::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background: #D7D7D7;
}

.ktc-sustainability sub,
.ktc-sustainability sup {
    font-size: 75%;
}

html[lang=en] .ktc-sustainability .header .language .language__link {
    font-size: 1rem;
    font-weight: 700;
}

html[lang=en] .ktc-sustainability .header .header__bottom .navbar-toggler .navbar-toggler__title {
    font-size: 1.125rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .header .language .language__link {
    font-size: 1rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .header .header__bottom .navbar-toggler .navbar-toggler__title {
    font-size: 1.125rem;
    font-weight: 700;
}

.ktc-sustainability .header {
    position: fixed;
    top: 66px;
    left: 0;
    width: 100%;
    background-color: transparent;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 3;
}

.ktc-sustainability .header>.navbar {
    padding: 0;
    height: 100%;
}

.ktc-sustainability .header .header__top,
.ktc-sustainability .header .header__bottom {
    display: flex;
    align-items: center;
    height: 45px;
    width: 100%;
    background-color: #000000;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.ktc-sustainability .header .header__top {
    z-index: 3;
}

@media (min-width: 576px) {
    .ktc-sustainability .header .header__top {
        height: 66px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .ktc-sustainability .header .header__top>.container {
        max-width: 100%;
    }
}

@media (min-width: 1200px) and (max-width: 1439.98px) {
    .ktc-sustainability .header .header__top>.container {
        max-width: 1240px;
    }
}

.ktc-sustainability .header .header__top .header__menu {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

@media (min-width: 992px) {
    .ktc-sustainability .header .header__top .header__menu {
        display: block;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .header .header__top .header__hamburger {
        display: none;
    }
}

.ktc-sustainability .header .header__top .navbar-toggler {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    border-radius: 0;
    outline: none;
    -webkit-box-shadow: 0 0 0 0 !important;
    -moz-box-shadow: 0 0 0 0 !important;
    box-shadow: 0 0 0 0 !important;
}

@media (min-width: 992px) {
    .ktc-sustainability .header .header__top .navbar-toggler {
        display: none;
    }
}

.ktc-sustainability .header .header__top .navbar-toggler>span {
    display: block;
}

.ktc-sustainability .header .header__top .navbar-toggler>span span {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.ktc-sustainability .header .header__top .navbar-toggler>span span:nth-child(n+1):nth-child(-n+3) {
    position: relative;
    display: block;
    height: 2px;
    width: 24px;
    margin: 4px auto;
    background-color: #FFFFFF;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

@media (min-width: 576px) {
    .ktc-sustainability .header .header__top .navbar-toggler>span span:nth-child(n+1):nth-child(-n+3) {
        width: 26px;
        margin: 5px auto;
    }
}

.ktc-sustainability .header .header__top .navbar-toggler:not(.collapsed)>span {
    color: #FFFFFF;
}

.ktc-sustainability .header .header__top .navbar-toggler:not(.collapsed)>span span:nth-child(1) {
    top: 6px;
    background-color: #FFFFFF;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}

.ktc-sustainability .header .header__top .navbar-toggler:not(.collapsed)>span span:nth-child(2) {
    width: 0;
}

.ktc-sustainability .header .header__top .navbar-toggler:not(.collapsed)>span span:nth-child(3) {
    bottom: 6px;
    background-color: #FFFFFF;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

@media (min-width: 576px) {
    .ktc-sustainability .header .header__top .navbar-toggler:not(.collapsed)>span span:nth-child(3) {
        bottom: 8px;
    }
}

.ktc-sustainability .header .header__top .btn.btn--primary,
.ktc-sustainability .header .header__top .btn.btn--primary-outline,
.ktc-sustainability .header .header__top .btn.btn--primary-white,
.ktc-sustainability .header .header__top .btn.btn--primary-outline-green,
.ktc-sustainability .header .header__top .btn.btn--login {
    margin-top: 0.75rem;
}

@media (min-width: 768px) {

    .ktc-sustainability .header .header__top .btn.btn--primary,
    .ktc-sustainability .header .header__top .btn.btn--primary-outline,
    .ktc-sustainability .header .header__top .btn.btn--primary-white,
    .ktc-sustainability .header .header__top .btn.btn--primary-outline-green,
    .ktc-sustainability .header .header__top .btn.btn--login {
        margin-top: 1.75rem;
    }
}

@media (min-width: 992px) {

    .ktc-sustainability .header .header__top .btn.btn--primary,
    .ktc-sustainability .header .header__top .btn.btn--primary-outline,
    .ktc-sustainability .header .header__top .btn.btn--primary-white,
    .ktc-sustainability .header .header__top .btn.btn--primary-outline-green,
    .ktc-sustainability .header .header__top .btn.btn--login {
        min-height: inherit;
        height: 28px;
        min-width: 100px;
        margin-top: 0;
    }
}

@media (min-width: 992px) {

    .ktc-sustainability .header .header__top .btn.btn--primary .btn__title,
    .ktc-sustainability .header .header__top .btn.btn--primary-outline .btn__title,
    .ktc-sustainability .header .header__top .btn.btn--primary-white .btn__title,
    .ktc-sustainability .header .header__top .btn.btn--primary-outline-green .btn__title,
    .ktc-sustainability .header .header__top .btn.btn--primary .btn__icon,
    .ktc-sustainability .header .header__top .btn.btn--primary-outline .btn__icon,
    .ktc-sustainability .header .header__top .btn.btn--primary-white .btn__icon,
    .ktc-sustainability .header .header__top .btn.btn--primary-outline-green .btn__icon,
    .ktc-sustainability .header .header__top .btn.btn--login .btn__title,
    .ktc-sustainability .header .header__top .btn.btn--login .btn__icon {
        font-weight: 400;
    }
}

@media (max-width: 991.98px) {

    .ktc-sustainability .header .header__top .btn.btn--primary .btn__title,
    .ktc-sustainability .header .header__top .btn.btn--primary-outline .btn__title,
    .ktc-sustainability .header .header__top .btn.btn--primary-white .btn__title,
    .ktc-sustainability .header .header__top .btn.btn--primary-outline-green .btn__title,
    .ktc-sustainability .header .header__top .btn.btn--primary .btn__icon,
    .ktc-sustainability .header .header__top .btn.btn--primary-outline .btn__icon,
    .ktc-sustainability .header .header__top .btn.btn--primary-white .btn__icon,
    .ktc-sustainability .header .header__top .btn.btn--primary-outline-green .btn__icon,
    .ktc-sustainability .header .header__top .btn.btn--login .btn__title,
    .ktc-sustainability .header .header__top .btn.btn--login .btn__icon {
        font-size: 1.125rem;
    }
}

@media (max-width: 991.98px) {
    .ktc-sustainability .header .header__top .btn.btn--login {
        border: 0;
        padding: 0;
        margin-top: 0;
        min-width: inherit;
    }
}

@media (max-width: 991.98px) {
    .ktc-sustainability .header .header__top .btn.btn--login .btn__title {
        display: none;
    }
}

@media (max-width: 991.98px) {
    .ktc-sustainability .header .header__top .btn.btn--login:hover {
        background-color: transparent;
    }

    .ktc-sustainability .header .header__top .btn.btn--login:hover .btn__title,
    .ktc-sustainability .header .header__top .btn.btn--login:hover .btn__icon {
        color: #cf3339;
    }
}

.ktc-sustainability .header .header__bottom {
    background-color: #FFFFFF;
    border-bottom: 1px solid #E4E4E4;
    z-index: 999;
}

@media (min-width: 576px) {
    .ktc-sustainability .header .header__bottom {
        height: 60px;
    }
}

.ktc-sustainability .header .header__bottom.hide {
    margin-top: -60px;
    opacity: 0;
    pointer-events: none;
}

.ktc-sustainability .header .header__bottom .header__hamburger {
    height: calc(100vh - 45px);
    background-color: #FAFAFA;
}

@media (min-width: 576px) {
    .ktc-sustainability .header .header__bottom .header__hamburger {
        height: calc(100vh - 60px);
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .header .header__bottom .header__hamburger {
        position: relative;
        top: 0;
        left: 0;
        width: auto;
        height: auto;
        display: block;
        padding: 0;
        background-color: transparent;
        z-index: 1;
    }
}

.ktc-sustainability .header .header__bottom .navbar-toggler {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 45px;
    padding: 0;
    border: 0;
    border-radius: 0;
    outline: none;
    -webkit-box-shadow: 0 0 0 0 !important;
    -moz-box-shadow: 0 0 0 0 !important;
    box-shadow: 0 0 0 0 !important;
}

.ktc-sustainability .header .header__bottom .navbar-toggler[aria-expanded=true] .navbar-toggler__icon::before {
    -webkit-transform: translateY(-50%) rotate(-180deg);
    -moz-transform: translateY(-50%) rotate(-180deg);
    -ms-transform: translateY(-50%) rotate(-180deg);
    -o-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg);
}

@media (min-width: 576px) {
    .ktc-sustainability .header .header__bottom .navbar-toggler {
        height: 60px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .header .header__bottom .navbar-toggler {
        display: none;
    }
}

.ktc-sustainability .header .header__bottom .navbar-toggler .navbar-toggler__title {
    color: #333333;
}

.ktc-sustainability .header .header__bottom .navbar-toggler .navbar-toggler__icon {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    width: 20px;
    height: 100%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.ktc-sustainability .header .header__bottom .navbar-toggler .navbar-toggler__icon::before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    content: "";
    position: absolute;
    top: 50%;
    right: 4px;
    color: #333333;
    font-size: 1.125rem;
    font-weight: 400;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.ktc-sustainability .header .header__figure {
    position: relative;
    display: block;
}

.ktc-sustainability .header .header__img {
    width: 100%;
    height: auto;
    max-height: 32px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

@media (min-width: 576px) {
    .ktc-sustainability .header .header__img {
        max-height: 45px;
    }
}

.ktc-sustainability .header .header__option {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (min-width: 992px) {
    .ktc-sustainability .header .header__option>*:not(:first-child) {
        margin-left: 1.25rem;
    }
}

.ktc-sustainability .header .header__button {
    display: flex;
    align-items: center;
    justify-content: center;
}

.ktc-sustainability .header .header__button>*:not(:first-child) {
    margin-left: 1rem;
}

@media (min-width: 1200px) {
    .ktc-sustainability .header .header__button>*:not(:first-child) {
        margin-left: 0.5rem;
    }
}

@media (max-width: 991.98px) {

    .ktc-sustainability .header .header__button .btn.btn--primary,
    .ktc-sustainability .header .header__button .btn.btn--primary-outline,
    .ktc-sustainability .header .header__button .btn.btn--primary-white,
    .ktc-sustainability .header .header__button .btn.btn--primary-outline-green {
        display: none;
    }
}

.ktc-sustainability .header .header__hamburger {
    position: fixed;
    top: 90px;
    left: 0;
    width: 100%;
    height: calc(100vh - 90px);
    padding: 1rem 0 3rem;
    margin: 0 !important;
    background-color: #000000;
    z-index: 1;
}

@media (min-width: 576px) {
    .ktc-sustainability .header .header__hamburger {
        top: 126px;
        height: calc(100vh - 126px);
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .header .header__hamburger>.container {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width: 991.98px) {
    .ktc-sustainability .header .header__hamburger {
        overflow-y: auto;
    }
}

.ktc-sustainability .header .header__hamburger.show .header__hamburger-bottom {
    opacity: 1;
}

.ktc-sustainability .header .header__hamburger-bottom {
    position: fixed;
    left: 50%;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 100%;
    height: auto;
    padding: 0.5rem 15px;
    border-top: 1px solid rgba(91, 102, 112, 0.4);
    background-color: #000000;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 0;
    z-index: 2;
}

.ktc-sustainability .header .header__hamburger-bottom::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: -50vw;
    width: 150vw;
    height: 100%;
    background-color: #000000;
    pointer-events: none;
    z-index: -1;
}

@media (min-width: 576px) {
    .ktc-sustainability .header .header__hamburger-bottom {
        max-width: calc(540px - 30px);
    }
}

@media (min-width: 768px) {
    .ktc-sustainability .header .header__hamburger-bottom {
        padding: 1rem 15px 1.5rem;
        max-width: calc(720px - 30px);
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .header.header--transparent {
        height: 66px;
    }

    .ktc-sustainability .header.header--transparent::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: -moz-linear-gradient(180deg, #000000 0%, transparent 100%);
        background: -webkit-linear-gradient(180deg, #000000 0%, transparent 100%);
        background: linear-gradient(180deg, #000000 0%, transparent 100%);
        opacity: 0.75;
    }
}

.ktc-sustainability .header.header--transparent .header__top {
    height: 75px;
    background-color: transparent;
}

@media (min-width: 576px) {
    .ktc-sustainability .header.header--transparent .header__top {
        height: 90px;
    }
}

.ktc-sustainability .header.header--transparent .header__top .header__menu {
    opacity: 0;
    pointer-events: none;
}

.ktc-sustainability .header.header--transparent .header__img {
    max-height: 45px;
}

@media (min-width: 576px) {
    .ktc-sustainability .header.header--transparent .header__img {
        max-height: 55px;
    }
}

.ktc-sustainability .header.header--transparent .header__bottom {
    opacity: 0;
    pointer-events: none;
}

.ktc-sustainability .header .language {
    position: relative;
}

@media (min-width: 1200px) {
    .ktc-sustainability .header .language {
        display: none;
    }
}

.ktc-sustainability .header .language .language__item {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ktc-sustainability .header .language .language__link {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.125rem 0.5rem 0;
    color: #707070;
    border-radius: 6px;
    border: 1px solid #707070;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.ktc-sustainability .header .language .language__link:hover {
    color: #FFFFFF;
    border-color: #FFFFFF;
}

.ktc-sustainability .header .language .language__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFFFFF;
    font-size: 1.5625rem;
}

.ktc-sustainability .header .search {
    position: relative;
}

.ktc-sustainability .header .search .search__item {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ktc-sustainability .header .search .search__link {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.25rem 0;
    color: #FFFFFF;
    text-decoration: none;
    font-size: 1rem;
}

.ktc-sustainability .header .search .search__link:hover {
    color: #cf3339;
}

html[lang=en] .ktc-sustainability .footer .footer__copyright {
    font-size: 0.875rem;
    font-weight: 700;
}

html[lang=en] .ktc-sustainability .footer .ktc-contact .ktc-contact__title {
    font-size: 1.25rem;
    font-weight: 700;
}

html[lang=en] .ktc-sustainability .footer .download-app .download-app__title {
    font-size: 1.125rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .footer .footer__copyright {
    font-size: 0.875rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .footer .ktc-contact .ktc-contact__title {
    font-size: 1.25rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .footer .download-app .download-app__title {
    font-size: 1.125rem;
    font-weight: 700;
}

.ktc-sustainability .footer {
    position: relative;
    background-color: #EDEDED;
    overflow: hidden;
}

.ktc-sustainability .footer .footer__top {
    position: relative;
    padding: 2rem 0;
}

.ktc-sustainability .footer .footer__bottom {
    position: relative;
}

@media (min-width: 992px) {
    .ktc-sustainability .footer .footer__bottom::before {
        content: "";
        position: absolute;
        top: 0;
        left: -50px;
        height: 1px;
        width: calc(100% + 100px);
        background-color: #dfe1e1;
    }
}

.ktc-sustainability .footer .footer__copyright {
    position: relative;
    padding: 1rem 0;
}

@media (max-width: 991.98px) {
    .ktc-sustainability .footer .footer__copyright {
        text-align: center;
    }

    .ktc-sustainability .footer .footer__copyright::before {
        content: "";
        position: absolute;
        top: 0;
        left: -50vw;
        height: 1px;
        width: 150vw;
        background-color: #dfe1e1;
    }
}

.ktc-sustainability .footer .ktc-contact {
    position: relative;
}

.ktc-sustainability .footer .ktc-contact .ktc-contact__header {
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (min-width: 768px) {
    .ktc-sustainability .footer .ktc-contact .ktc-contact__header {
        flex-direction: column;
        align-items: flex-start;
    }
}

.ktc-sustainability .footer .ktc-contact .ktc-contact__header>*:not(:first-child) {
    margin-left: 1.5rem;
}

@media (min-width: 768px) {
    .ktc-sustainability .footer .ktc-contact .ktc-contact__header>*:not(:first-child) {
        margin-left: 0;
    }
}

.ktc-sustainability .footer .ktc-contact .ktc-contact__body {
    margin-top: 2.5rem;
}

@media (min-width: 768px) {
    .ktc-sustainability .footer .ktc-contact .ktc-contact__body {
        margin-top: 0;
    }
}

.ktc-sustainability .footer .ktc-contact .ktc-contact__title {
    color: #333333;
}

.ktc-sustainability .footer .download-app {
    position: relative;
    display: flex;
    flex-direction: column;
}

.ktc-sustainability .footer .download-app .download-app__header {
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (min-width: 768px) {
    .ktc-sustainability .footer .download-app .download-app__header {
        flex-direction: column;
        align-items: flex-start;
        margin-top: 1.75rem;
        order: 2;
    }
}

.ktc-sustainability .footer .download-app .download-app__header>*:not(:first-child) {
    margin-left: 1.5rem;
}

@media (min-width: 768px) {
    .ktc-sustainability .footer .download-app .download-app__header>*:not(:first-child) {
        margin-left: 0;
    }
}

.ktc-sustainability .footer .download-app .download-app__header .download-app__img {
    height: 34px;
}

.ktc-sustainability .footer .download-app .download-app__wrapper {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}

@media (min-width: 768px) {
    .ktc-sustainability .footer .download-app .download-app__wrapper {
        order: 3;
    }
}

@media (min-width: 768px) {
    .ktc-sustainability .footer .download-app .download-app__wrapper {
        max-width: 185px;
        justify-content: flex-start;
    }
}

@media (min-width: 1200px) {
    .ktc-sustainability .footer .download-app .download-app__wrapper {
        max-width: 240px;
    }
}

.ktc-sustainability .footer .download-app .download-app__item {
    margin-top: 1.25rem;
}

@media (min-width: 768px) {
    .ktc-sustainability .footer .download-app .download-app__item {
        margin-top: 0.75rem;
    }
}

.ktc-sustainability .footer .download-app .download-app__item:not(:first-child) {
    margin-left: 1.5rem;
}

@media (min-width: 768px) {
    .ktc-sustainability .footer .download-app .download-app__item:not(:first-child) {
        margin-left: 0;
    }
}

@media (min-width: 768px) {
    .ktc-sustainability .footer .download-app .download-app__item:nth-child(even) {
        margin-left: 0.75rem;
    }
}

.ktc-sustainability .footer .download-app .download-app__title {
    color: #333333;
}

@media (min-width: 768px) {
    .ktc-sustainability .footer .download-app .download-app__title {
        margin-bottom: 0.75rem;
    }
}

.ktc-sustainability .footer .download-app .download-app__img {
    display: block;
    height: 30px;
    max-width: 100%;
    object-fit: contain;
}

@media (min-width: 768px) {
    .ktc-sustainability .footer .download-app .download-app__img {
        height: 25px;
    }
}

.ktc-sustainability .footer .download-app .download-app__footer {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1.25rem;
}

@media (min-width: 768px) {
    .ktc-sustainability .footer .download-app .download-app__footer {
        justify-content: flex-start;
        margin-top: 1.75rem;
        order: 1;
    }
}

.ktc-sustainability .footer .download-app .download-app__footer .download-app__img {
    height: 70px;
}

.ktc-sustainability .footer .language {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 1rem;
    margin-left: 1rem;
}

.ktc-sustainability .footer .language::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 30px;
    background-color: #dfe1e1;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media (max-width: 991.98px) {
    .ktc-sustainability .footer .language {
        display: none;
    }
}

.ktc-sustainability .footer .language .language__item {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ktc-sustainability .footer .language .language__link {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.125rem 0.5rem 0;
    color: #757575;
    border-radius: 6px;
    border: 1px solid #757575;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.ktc-sustainability .footer .language .language__link:hover {
    color: #CB333B;
    border-color: #CB333B;
}

html[lang=en] .ktc-sustainability .sustainability-definition-page .sustainable-structure .sustainable-structure__title {
    font-size: 1.125rem;
    font-weight: 700;
  }
  html[lang=en] .ktc-sustainability .sustainability-definition-page .circle .circle__title {
    font-size: 0.5625rem;
  }
  @media (min-width: 576px) {
    html[lang=en] .ktc-sustainability .sustainability-definition-page .circle .circle__title {
      font-size: 0.875rem;
    }
  }
  html[lang=en] .ktc-sustainability .sustainability-definition-page .pyramid-structure .pyramid-structure__title {
    font-size: 0.5625rem;
  }
  @media (min-width: 576px) {
    html[lang=en] .ktc-sustainability .sustainability-definition-page .pyramid-structure .pyramid-structure__title {
      font-size: 0.875rem;
    }
  }
  
  html[lang=th] .ktc-sustainability .sustainability-definition-page .sustainable-structure .sustainable-structure__title {
    font-size: 1.125rem;
    font-weight: 700;
  }
  html[lang=th] .ktc-sustainability .sustainability-definition-page .circle .circle__title {
    font-size: 0.5625rem;
  }
  @media (min-width: 576px) {
    html[lang=th] .ktc-sustainability .sustainability-definition-page .circle .circle__title {
      font-size: 0.875rem;
    }
  }
  html[lang=th] .ktc-sustainability .sustainability-definition-page .pyramid-structure .pyramid-structure__title {
    font-size: 0.5625rem;
  }
  @media (min-width: 576px) {
    html[lang=th] .ktc-sustainability .sustainability-definition-page .pyramid-structure .pyramid-structure__title {
      font-size: 0.875rem;
    }
  }
  
  @media (max-width: 991.98px) {
    .ktc-sustainability .sustainability-definition-page .sustainability-definition-scene-3 {
      background-color: #FAFAFA;
    }
  }
  .ktc-sustainability .sustainability-definition-page .sustainable-structure {
    position: relative;
    border-radius: 6px;
    background-color: #FAFAFA;
    overflow: hidden;
  }
  .ktc-sustainability .sustainability-definition-page .sustainable-structure .sustainable-structure__wrapper {
    display: flex;
    flex-flow: row wrap;
    padding: 1.5rem 0;
  }
  @media (min-width: 992px) {
    .ktc-sustainability .sustainability-definition-page .sustainable-structure .sustainable-structure__wrapper {
      padding: 0.75rem;
    }
  }
  .ktc-sustainability .sustainability-definition-page .sustainable-structure .sustainable-structure__left {
    flex: 0 0 100%;
    max-width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  @media (min-width: 992px) {
    .ktc-sustainability .sustainability-definition-page .sustainable-structure .sustainable-structure__left {
      flex: 0 0 600px;
      max-width: 600px;
    }
  }
  .ktc-sustainability .sustainability-definition-page .sustainable-structure .sustainable-structure__right {
    flex: 0 0 100%;
    max-width: 100%;
    margin-top: 2rem;
  }
  @media (min-width: 992px) {
    .ktc-sustainability .sustainability-definition-page .sustainable-structure .sustainable-structure__right {
      flex: 0 0 calc(100% - 600px);
      max-width: calc(100% - 600px);
      margin-top: 0;
      padding: 1.5rem 1rem;
      height: 515px;
      overflow-y: scroll;
    }
  }
  @media (min-width: 1200px) {
    .ktc-sustainability .sustainability-definition-page .sustainable-structure .sustainable-structure__right {
      padding-left: 4rem;
    }
  }
  .ktc-sustainability .sustainability-definition-page .sustainable-structure .sustainable-structure__item:not(:first-child) {
    margin-top: 1.5rem;
  }
  .ktc-sustainability .sustainability-definition-page .sustainable-structure .sustainable-structure__item.active .sustainable-structure__title {
    color: #0057B8;
  }
  .ktc-sustainability .sustainability-definition-page .sustainable-structure .sustainable-structure__item.active .sustainable-structure__text {
    color: #0057B8;
  }
  .ktc-sustainability .sustainability-definition-page .sustainable-structure .sustainable-structure__title {
    margin-bottom: 0.25rem;
  }
  .ktc-sustainability .sustainability-definition-page .circle {
    --circle-size: 90px;
    position: absolute;
    top: -1.5rem;
    width: calc(100% - 30px);
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 1;
  }
  @media (min-width: 576px) {
    .ktc-sustainability .sustainability-definition-page .circle {
      --circle-size: 150px;
    }
  }
  @media (min-width: 768px) {
    .ktc-sustainability .sustainability-definition-page .circle {
      top: 25px;
    }
  }
  .ktc-sustainability .sustainability-definition-page .circle .circle__wrapper {
    position: relative;
    display: flex;
    justify-content: space-between;
  }
  .ktc-sustainability .sustainability-definition-page .circle .circle__item {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .ktc-sustainability .sustainability-definition-page .circle .circle__item:nth-child(1) {
    left: 0;
  }
  .ktc-sustainability .sustainability-definition-page .circle .circle__item:nth-child(2) {
    right: 0;
  }
  .ktc-sustainability .sustainability-definition-page .circle .circle__body {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-bottom: 1.5rem;
    width: var(--circle-size);
    height: var(--circle-size);
    border-radius: 50%;
    background-color: rgba(99, 106, 29, 0.5);
  }
  .ktc-sustainability .sustainability-definition-page .circle .circle__title {
    color: #FFFFFF;
  }
  .ktc-sustainability .sustainability-definition-page .circle .circle__icon {
    display: block;
    margin: auto;
    height: auto;
    width: 30px;
    max-width: 100%;
    object-fit: contain;
    pointer-events: none;
  }
  @media (min-width: 576px) {
    .ktc-sustainability .sustainability-definition-page .circle .circle__icon {
      width: 50px;
    }
  }
  @media (min-width: 992px) {
    .ktc-sustainability .sustainability-definition-page .circle .circle__icon {
      display: block;
      width: 60px;
    }
  }
  .ktc-sustainability .sustainability-definition-page .circle .circle__icon.circle__icon--reverse {
    -webkit-transform: scaleY(-1);
    -moz-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    transform: scaleY(-1);
  }
  .ktc-sustainability .sustainability-definition-page .pyramid-structure {
    --pyramid-item-height: 65px;
    --pyramid-stair-height: 11px;
    position: relative;
    width: 100%;
  }
  @media (min-width: 576px) {
    .ktc-sustainability .sustainability-definition-page .pyramid-structure {
      --pyramid-item-height: 95px;
      --pyramid-stair-height: 16px;
    }
  }
  @media (min-width: 992px) {
    .ktc-sustainability .sustainability-definition-page .pyramid-structure {
      --pyramid-item-height: 114px;
      --pyramid-stair-height: 20px;
    }
  }
  .ktc-sustainability .sustainability-definition-page .pyramid-structure .pyramid-structure__wrapper {
    position: relative;
    overflow: hidden;
  }
  .ktc-sustainability .sustainability-definition-page .pyramid-structure .pyramid-structure__item {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: auto;
    height: var(--pyramid-item-height);
    text-decoration: none;
    cursor: pointer;
  }
  .ktc-sustainability .sustainability-definition-page .pyramid-structure .pyramid-structure__item:nth-child(1) {
    z-index: 1;
  }
  .ktc-sustainability .sustainability-definition-page .pyramid-structure .pyramid-structure__item:nth-child(1) .pyramid-structure__bg {
    background-image: url("https://www.ktc.co.th/pub/media/sites/SD/assets/static/images/default/sustainable-structure/pyramid-1.svg");
  }
  .ktc-sustainability .sustainability-definition-page .pyramid-structure .pyramid-structure__item:nth-child(1):not(:last-child)::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    width: 100%;
    height: var(--pyramid-stair-height);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    pointer-events: none;
    z-index: -1;
    background-image: url("https://www.ktc.co.th/pub/media/sites/SD/assets/static/images/default/sustainable-structure/pyramid-stair-1.svg");
  }
  .ktc-sustainability .sustainability-definition-page .pyramid-structure .pyramid-structure__item:nth-child(2) {
    z-index: 2;
  }
  .ktc-sustainability .sustainability-definition-page .pyramid-structure .pyramid-structure__item:nth-child(2) .pyramid-structure__bg {
    background-image: url("https://www.ktc.co.th/pub/media/sites/SD/assets/static/images/default/sustainable-structure/pyramid-2.svg");
  }
  .ktc-sustainability .sustainability-definition-page .pyramid-structure .pyramid-structure__item:nth-child(2):not(:last-child)::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    width: 100%;
    height: var(--pyramid-stair-height);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    pointer-events: none;
    z-index: -1;
    background-image: url("https://www.ktc.co.th/pub/media/sites/SD/assets/static/images/default/sustainable-structure/pyramid-stair-2.svg");
  }
  .ktc-sustainability .sustainability-definition-page .pyramid-structure .pyramid-structure__item:nth-child(3) {
    z-index: 3;
  }
  .ktc-sustainability .sustainability-definition-page .pyramid-structure .pyramid-structure__item:nth-child(3) .pyramid-structure__bg {
    background-image: url("https://www.ktc.co.th/pub/media/sites/SD/assets/static/images/default/sustainable-structure/pyramid-3.svg");
  }
  .ktc-sustainability .sustainability-definition-page .pyramid-structure .pyramid-structure__item:nth-child(3):not(:last-child)::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    width: 100%;
    height: var(--pyramid-stair-height);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    pointer-events: none;
    z-index: -1;
    background-image: url("https://www.ktc.co.th/pub/media/sites/SD/assets/static/images/default/sustainable-structure/pyramid-stair-3.svg");
  }
  .ktc-sustainability .sustainability-definition-page .pyramid-structure .pyramid-structure__item:nth-child(4) {
    z-index: 4;
  }
  .ktc-sustainability .sustainability-definition-page .pyramid-structure .pyramid-structure__item:nth-child(4) .pyramid-structure__bg {
    background-image: url("https://www.ktc.co.th/pub/media/sites/SD/assets/static/images/default/sustainable-structure/pyramid-4.svg");
  }
  .ktc-sustainability .sustainability-definition-page .pyramid-structure .pyramid-structure__item:nth-child(4):not(:last-child)::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    width: 100%;
    height: var(--pyramid-stair-height);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    pointer-events: none;
    z-index: -1;
    background-image: url("https://www.ktc.co.th/pub/media/sites/SD/assets/static/images/default/sustainable-structure/pyramid-stair-4.svg");
  }
  .ktc-sustainability .sustainability-definition-page .pyramid-structure .pyramid-structure__item:nth-child(1) .pyramid-structure__title {
    margin-top: 30px;
  }
  @media (min-width: 576px) {
    .ktc-sustainability .sustainability-definition-page .pyramid-structure .pyramid-structure__item:nth-child(1) .pyramid-structure__title {
      margin-top: 40px;
    }
  }
  .ktc-sustainability .sustainability-definition-page .pyramid-structure .pyramid-structure__item:not(:first-child) {
    margin-top: var(--pyramid-stair-height);
  }
  .ktc-sustainability .sustainability-definition-page .pyramid-structure .pyramid-structure__item:hover .pyramid-structure__bg {
    -webkit-transform: translateX(-50%) scale(1.05);
    -moz-transform: translateX(-50%) scale(1.05);
    -ms-transform: translateX(-50%) scale(1.05);
    -o-transform: translateX(-50%) scale(1.05);
    transform: translateX(-50%) scale(1.05);
  }
  .ktc-sustainability .sustainability-definition-page .pyramid-structure .pyramid-structure__bg {
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    height: var(--pyramid-item-height);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: -1;
  }
  .ktc-sustainability .sustainability-definition-page .pyramid-structure .pyramid-structure__title {
    color: #FFFFFF;
  }

html[lang=en] .ktc-sustainability .overview-economic-dimension-page .sustain-key .sustain-key__link {
    font-size: 1.25rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .overview-economic-dimension-page .sustain-key .sustain-key__link {
    font-size: 1.25rem;
    font-weight: 700;
}

.ktc-sustainability .overview-economic-dimension-page .overview-scene-1 {
    background-color: transparent;
    overflow: visible;
    z-index: 2;
}

@media (min-width: 992px) {
    .ktc-sustainability .overview-economic-dimension-page .overview-scene-1 {
        padding-top: 0;
        padding-bottom: 0;
    }
}

.ktc-sustainability .overview-economic-dimension-page .overview-scene-2 {
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    background-color: #F4F4F4;
}

@media (min-width: 992px) {
    .ktc-sustainability .overview-economic-dimension-page .overview-scene-2 {
        margin-top: -40px;
        border-top-left-radius: 96px;
        border-top-right-radius: 96px;
        z-index: 1;
        overflow: visible;
    }
}

html[lang=en] .ktc-sustainability .corporate-governance-page .cg-scene-3 .directors-format .directors-format__title {
    font-size: 1.25rem;
    font-weight: 700;
}

html[lang=en] .ktc-sustainability .corporate-governance-page .cg-scene-3 .directors-format .directors-format__value {
    font-size: 1.875rem;
    font-weight: 700;
    line-height: 0.95;
}

@media (min-width: 576px) {
    html[lang=en] .ktc-sustainability .corporate-governance-page .cg-scene-3 .directors-format .directors-format__value {
        font-size: 2.5rem;
    }
}

@media (min-width: 992px) {
    html[lang=en] .ktc-sustainability .corporate-governance-page .cg-scene-3 .directors-format .directors-format__value {
        font-size: 3.125rem;
    }
}

html[lang=en] .ktc-sustainability .corporate-governance-page .cg-scene-3 .directors-format .directors-format__unit {
    font-size: 1rem;
}

html[lang=en] .ktc-sustainability .corporate-governance-page .cg-scene-6 .average-tenure .average-tenure__text {
    font-size: 1.25rem;
    font-weight: 700;
}

html[lang=en] .ktc-sustainability .corporate-governance-page .cg-scene-6 .average-tenure .average-tenure__highlight {
    font-size: 3.125rem;
    font-weight: 700;
    line-height: 0.95;
}

html[lang=en] .ktc-sustainability .corporate-governance-page .cg-scene-6 .average-tenure .average-tenure__unit {
    font-size: 1.25rem;
    font-weight: 400;
}

html[lang=th] .ktc-sustainability .corporate-governance-page .cg-scene-3 .directors-format .directors-format__title {
    font-size: 1.25rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .corporate-governance-page .cg-scene-3 .directors-format .directors-format__value {
    font-size: 1.875rem;
    font-weight: 700;
    line-height: 0.95;
}

@media (min-width: 576px) {
    html[lang=th] .ktc-sustainability .corporate-governance-page .cg-scene-3 .directors-format .directors-format__value {
        font-size: 2.5rem;
    }
}

@media (min-width: 992px) {
    html[lang=th] .ktc-sustainability .corporate-governance-page .cg-scene-3 .directors-format .directors-format__value {
        font-size: 3.125rem;
    }
}

html[lang=th] .ktc-sustainability .corporate-governance-page .cg-scene-3 .directors-format .directors-format__unit {
    font-size: 1rem;
}

html[lang=th] .ktc-sustainability .corporate-governance-page .cg-scene-6 .average-tenure .average-tenure__text {
    font-size: 1.25rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .corporate-governance-page .cg-scene-6 .average-tenure .average-tenure__highlight {
    font-size: 3.125rem;
    font-weight: 700;
    line-height: 0.95;
}

html[lang=th] .ktc-sustainability .corporate-governance-page .cg-scene-6 .average-tenure .average-tenure__unit {
    font-size: 1.25rem;
    font-weight: 400;
}

.ktc-sustainability .corporate-governance-page .cg-scene-3 {
    background-color: #F4F4F4;
}

.ktc-sustainability .corporate-governance-page .cg-scene-4 {
    position: relative;
    padding: 5rem 0;
    background-color: #061F49;
    overflow: hidden;
}

@media (min-width: 992px) {
    .ktc-sustainability .corporate-governance-page .cg-scene-4 {
        padding: 7rem 0;
    }
}

.ktc-sustainability .corporate-governance-page .cg-scene-5 {
    min-height: 550px;
    background-position: center bottom;
    background-size: cover;
    background-repeat: no-repeat;
    color: #FFFFFF;
    overflow: hidden;
    z-index: 1;
}

.ktc-sustainability .corporate-governance-page .cg-scene-5::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: -moz-linear-gradient(180deg, #061F49 0%, transparent 100%);
    background: -webkit-linear-gradient(180deg, #061F49 0%, transparent 100%);
    background: linear-gradient(180deg, #061F49 0%, transparent 100%);
    pointer-events: none;
    z-index: -1;
}

@media (min-width: 992px) {
    .ktc-sustainability .corporate-governance-page .cg-scene-5 {
        min-height: 650px;
        height: 100vh;
    }
}

.ktc-sustainability .corporate-governance-page .cg-scene-6 {
    position: relative;
    background-position: center bottom;
    background-size: cover;
    background-repeat: no-repeat;
}

@media (max-width: 991.98px) {
    .ktc-sustainability .corporate-governance-page .cg-scene-6 {
        padding-bottom: 10rem;
    }
}

.ktc-sustainability .corporate-governance-page .cg-scene-6 .average-tenure {
    position: relative;
    padding: 5rem 0;
    text-align: center;
}

@media (min-width: 992px) {
    .ktc-sustainability .corporate-governance-page .cg-scene-6 .average-tenure {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        padding: 7rem 0 15rem;
        height: 90vh;
        min-height: 550px;
    }
}

.ktc-sustainability .corporate-governance-page .cg-scene-6 .average-tenure .average-tenure__wrapper {
    display: flex;
    flex-direction: column;
    margin-top: 2rem;
}

.ktc-sustainability .corporate-governance-page .cg-scene-6 .average-tenure .average-tenure__text {
    color: var(--color);
}

.ktc-sustainability .corporate-governance-page .cg-scene-6 .average-tenure .average-tenure__highlight {
    background: linear-gradient(90deg, #171754 16.03%, #4468D6 115.41%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    vertical-align: top;
    padding-left: 0.5rem;
}

.ktc-sustainability .corporate-governance-page .cg-scene-6 .average-tenure .average-tenure__unit {
    color: #333333;
    vertical-align: bottom;
    padding-left: 0.5rem;
}

.ktc-sustainability .corporate-governance-page .directors-format {
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    padding: 1rem 0.5rem;
    border-radius: 6px;
    background-color: #FFFFFF;
    overflow: hidden;
}

.ktc-sustainability .corporate-governance-page .directors-format .directors-format__figure {
    flex: 0 0 40%;
    max-width: 40%;
    padding-right: 5%;
}

.ktc-sustainability .corporate-governance-page .directors-format .directors-format__img {
    display: block;
    height: auto;
    max-width: 100%;
    margin: auto;
    object-fit: contain;
}

.ktc-sustainability .corporate-governance-page .directors-format .directors-format__body {
    flex: 0 0 60%;
    max-width: 60%;
}

.ktc-sustainability .corporate-governance-page .directors-format .directors-format__top {
    position: relative;
    margin-bottom: 0.25rem;
}

.ktc-sustainability .corporate-governance-page .directors-format .directors-format__bottom {
    display: flex;
    flex-flow: row wrap;
}

.ktc-sustainability .corporate-governance-page .directors-format .directors-format__item {
    position: relative;
    display: flex;
    align-items: flex-end;
}

.ktc-sustainability .corporate-governance-page .directors-format .directors-format__item:nth-child(odd) {
    flex: 0 0 auto;
    max-width: 55%;
    padding-right: 10%;
}

.ktc-sustainability .corporate-governance-page .directors-format .directors-format__item:nth-child(even) {
    flex: 0 0 45%;
    max-width: 45%;
    padding-left: 10%;
}

.ktc-sustainability .corporate-governance-page .directors-format .directors-format__item:nth-child(even)::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 80%;
    background-color: #707070;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.ktc-sustainability .corporate-governance-page .directors-format .directors-format__title {
    color: #0057B8;
}

.ktc-sustainability .corporate-governance-page .directors-format .directors-format__value {
    color: #707070;
}

.ktc-sustainability .corporate-governance-page .directors-format .directors-format__unit {
    color: #333333;
}

html[lang=en] .ktc-sustainability .anti-corruption-and-bribery-page .policy .policy__title {
    font-size: 0.875rem;
    font-weight: 700;
}

@media (min-width: 992px) {
    html[lang=en] .ktc-sustainability .anti-corruption-and-bribery-page .policy .policy__title {
        font-size: 1rem;
    }
}

html[lang=th] .ktc-sustainability .anti-corruption-and-bribery-page .policy .policy__title {
    font-size: 0.875rem;
    font-weight: 700;
}

@media (min-width: 992px) {
    html[lang=th] .ktc-sustainability .anti-corruption-and-bribery-page .policy .policy__title {
        font-size: 1rem;
    }
}

.ktc-sustainability .anti-corruption-and-bribery-page {
    position: relative;
}

.ktc-sustainability .anti-corruption-and-bribery-page .anti-corruption-scene-4 {
    position: relative;
    contain: paint;
    padding: 3rem 0 1rem;
}

@media (min-width: 992px) {
    .ktc-sustainability .anti-corruption-and-bribery-page .anti-corruption-scene-4 {
        padding: 0;
    }
}

.ktc-sustainability .anti-corruption-and-bribery-page .anti-corruption-scene-5 {
    position: relative;
    padding: 3rem 0 13rem;
    min-height: 550px;
    background-position: center bottom;
    background-size: 1000px;
    background-repeat: no-repeat;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 1;
}

.ktc-sustainability .anti-corruption-and-bribery-page .anti-corruption-scene-5::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(180deg, #5FBEFA 42.34%, #73C9FF 62.65%, transparent 100%);
    background: -webkit-linear-gradient(180deg, #5FBEFA 42.34%, #73C9FF 62.65%, transparent 100%);
    background: linear-gradient(180deg, #5FBEFA 42.34%, #73C9FF 62.65%, transparent 100%);
    pointer-events: none;
    z-index: -1;
}

@media (min-width: 992px) {
    .ktc-sustainability .anti-corruption-and-bribery-page .anti-corruption-scene-5 {
        padding-top: 5rem;
        min-height: 650px;
        background-size: cover;
    }

    .ktc-sustainability .anti-corruption-and-bribery-page .anti-corruption-scene-5::before {
        height: 50%;
    }
}

.ktc-sustainability .anti-corruption-and-bribery-page .anti-corruption-scene-6 {
    background-position: center bottom;
    background-size: cover;
    background-repeat: no-repeat;
}

.ktc-sustainability .anti-corruption-and-bribery-page .anti-corruption-scene-7 .code-of-conduct-img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: auto;
    object-fit: contain;
}

@media (min-width: 992px) {
    .ktc-sustainability .anti-corruption-and-bribery-page .anti-corruption-scene-7 .code-of-conduct-img {
        position: absolute;
        top: 0;
        left: 50%;
        width: 50vw;
        height: 100%;
        object-fit: cover;
    }
}

.ktc-sustainability .anti-corruption-and-bribery-page .anti-corruption-scene-8 {
    background-color: #F4F4F4;
}

@media (min-width: 992px) {
    .ktc-sustainability .anti-corruption-and-bribery-page .anti-corruption-scene-8::before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        width: 50vw;
        height: 100%;
        background-color: #FAFAFA;
        pointer-events: none;
    }
}

.ktc-sustainability .anti-corruption-and-bribery-page .anti-corruption-scene-10 {
    position: relative;
    contain: paint;
}

@media (max-width: 767.98px) {
    .ktc-sustainability .anti-corruption-and-bribery-page .anti-corruption-scene-10 {
        padding-bottom: 3rem;
    }
}

.ktc-sustainability .anti-corruption-and-bribery-page .anti-corruption-scene-10 .media.media--whistleblowing .media__figure {
    margin-right: 1.5rem;
}

.ktc-sustainability .anti-corruption-and-bribery-page .anti-corruption-scene-10 .media.media--whistleblowing .media__img {
    width: 125px;
    height: 112px;
}

.ktc-sustainability .anti-corruption-and-bribery-page .anti-corruption-scene-11 {
    position: relative;
    padding: 3rem 0 13rem;
    min-height: 550px;
    background-position: center bottom;
    background-size: cover;
    background-repeat: no-repeat;
}

@media (min-width: 992px) {
    .ktc-sustainability .anti-corruption-and-bribery-page .anti-corruption-scene-11 {
        padding-top: 5rem;
        min-height: 650px;
    }
}

.ktc-sustainability .anti-corruption-and-bribery-page .policy {
    position: relative;
}

.ktc-sustainability .anti-corruption-and-bribery-page .policy .policy__wrapper {
    display: flex;
    flex-flow: row wrap;
    margin-left: -15px;
    margin-right: -15px;
}

.ktc-sustainability .anti-corruption-and-bribery-page .policy .policy__item {
    position: relative;
    flex: 0 0 calc(100% - 30px);
    max-width: calc(100% - 30px);
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 15px;
    height: 84px;
}

@media (min-width: 576px) {
    .ktc-sustainability .anti-corruption-and-bribery-page .policy .policy__item {
        margin-bottom: 30px;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .anti-corruption-and-bribery-page .policy .policy__item {
        flex: 0 0 calc(50% - 30px);
        max-width: calc(50% - 30px);
    }
}

.ktc-sustainability .anti-corruption-and-bribery-page .policy .policy__icon {
    position: absolute;
    top: 1px;
    left: 0;
    width: 105px;
    height: 120px;
    background-image: url("https://www.ktc.co.th/pub/media/sites/SD/assets/static/images/storage/content/sustainability-operations/economic-dimension/anti-corruption-and-bribery/info-policy-1.svg");
    background-size: 100%;
    background-repeat: no-repeat;
}

.ktc-sustainability .anti-corruption-and-bribery-page .policy .policy__body {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    padding-left: 100px;
    z-index: 1;
}

.ktc-sustainability .anti-corruption-and-bribery-page .policy .policy__body::before {
    content: "";
    position: absolute;
    top: 0;
    left: 70px;
    width: calc(100% - 70px);
    height: 100%;
    border-bottom-right-radius: 84px;
    border-top-right-radius: 84px;
    background-image: url("https://www.ktc.co.th/pub/media/sites/SD/assets/static/images/storage/content/sustainability-operations/economic-dimension/anti-corruption-and-bribery/info-policy-2.svg");
    background-size: 425px 87px;
    background-position: 0 -1px;
    background-repeat: no-repeat;
    z-index: -1;
    pointer-events: none;
}

.ktc-sustainability .anti-corruption-and-bribery-page .policy .policy__body::after {
    content: "";
    position: absolute;
    top: 0;
    left: 95px;
    width: calc(100% - 95px);
    height: 100%;
    border-bottom-right-radius: 84px;
    border-top-right-radius: 84px;
    background: -moz-linear-gradient(90deg, #0156B7 -5%, #4795E3 100%);
    background: -webkit-linear-gradient(90deg, #0156B7 -5%, #4795E3 100%);
    background: linear-gradient(90deg, #0156B7 -5%, #4795E3 100%);
    z-index: -1;
    pointer-events: none;
}

.ktc-sustainability .anti-corruption-and-bribery-page .policy .policy__title {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0.5rem 2rem 0.5rem 1rem;
    color: #FFFFFF;
    z-index: 1;
}

html[lang=en] .ktc-sustainability .risk-and-crisis-management-page .info-risk .info-risk__link {
    font-size: 0.875rem;
    font-weight: 700;
}

html[lang=en] .ktc-sustainability .risk-and-crisis-management-page .org-risk .org-risk__title {
    font-size: 0.875rem;
}

html[lang=en] .ktc-sustainability .risk-and-crisis-management-page .line-of-defense .line-of-defense__header {
    font-size: 1.5625rem;
    font-weight: 700;
}

html[lang=en] .ktc-sustainability .risk-and-crisis-management-page .line-of-defense .line-of-defense__no {
    font-size: 3rem;
    font-weight: 700;
    line-height: 1;
}

html[lang=en] .ktc-sustainability .risk-and-crisis-management-page .line-of-defense .line-of-defense__no>sup {
    font-size: 1.5625rem;
}

html[lang=en] .ktc-sustainability .risk-and-crisis-management-page .line-of-defense .line-of-defense__title {
    font-size: 1.125rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .risk-and-crisis-management-page .info-risk .info-risk__link {
    font-size: 0.875rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .risk-and-crisis-management-page .org-risk .org-risk__title {
    font-size: 0.875rem;
}

html[lang=th] .ktc-sustainability .risk-and-crisis-management-page .line-of-defense .line-of-defense__header {
    font-size: 1.5625rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .risk-and-crisis-management-page .line-of-defense .line-of-defense__no {
    font-size: 3rem;
    font-weight: 700;
    line-height: 1;
}

html[lang=th] .ktc-sustainability .risk-and-crisis-management-page .line-of-defense .line-of-defense__no>sup {
    font-size: 1.5625rem;
}

html[lang=th] .ktc-sustainability .risk-and-crisis-management-page .line-of-defense .line-of-defense__title {
    font-size: 1.125rem;
    font-weight: 700;
}

.ktc-sustainability .risk-and-crisis-management-page .org-risk {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1.325rem;
    margin: auto;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 1;
}

.ktc-sustainability .risk-and-crisis-management-page .org-risk::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: -moz-linear-gradient(var(--deg), var(--color));
    background: -webkit-linear-gradient(var(--deg), var(--color));
    background: linear-gradient(var(--deg), var(--color));
    -webkit-box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.25);
    opacity: 0.8;
    z-index: -1;
}

.ktc-sustainability .risk-and-crisis-management-page .org-risk:hover {
    padding: 1rem;
}

.ktc-sustainability .risk-and-crisis-management-page .org-risk .org-risk__body {
    flex-grow: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 1rem;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: -moz-linear-gradient(0deg, #F3F3F3 0.31%, #FFFFFF 132.55%);
    background: -webkit-linear-gradient(0deg, #F3F3F3 0.31%, #FFFFFF 132.55%);
    background: linear-gradient(0deg, #F3F3F3 0.31%, #FFFFFF 132.55%);
    -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.25);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.25);
}

.ktc-sustainability .risk-and-crisis-management-page .risk-management-policy {
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media (min-width: 992px) {
    .ktc-sustainability .risk-and-crisis-management-page .risk-management-policy {
        flex-direction: row;
        justify-content: center;
    }
}

.ktc-sustainability .risk-and-crisis-management-page .risk-management-policy .risk-management-policy__circle {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    padding: 2.5rem;
    border-radius: 50%;
    width: 345px;
    height: 345px;
    background: -moz-linear-gradient(90deg, #00BFB3 0%, #E4D7EC 0.01%, #0B55A7 100%);
    background: -webkit-linear-gradient(90deg, #00BFB3 0%, #E4D7EC 0.01%, #0B55A7 100%);
    background: linear-gradient(90deg, #00BFB3 0%, #E4D7EC 0.01%, #0B55A7 100%);
    z-index: 1;
}

.ktc-sustainability .risk-and-crisis-management-page .risk-management-policy .risk-management-policy__circle::before,
.ktc-sustainability .risk-and-crisis-management-page .risk-management-policy .risk-management-policy__circle::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    pointer-events: none;
    z-index: -1;
}

.ktc-sustainability .risk-and-crisis-management-page .risk-management-policy .risk-management-policy__circle::before {
    width: calc(100% - 35px);
    height: calc(100% - 35px);
    background-color: #FFFFFF;
    -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.25);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.25);
}

@media (min-width: 992px) {
    .ktc-sustainability .risk-and-crisis-management-page .risk-management-policy .risk-management-policy__circle {
        width: 385px;
        height: 385px;
    }

    .ktc-sustainability .risk-and-crisis-management-page .risk-management-policy .risk-management-policy__circle::after {
        width: 485px;
        height: 485px;
        border-radius: calc(485px / 2);
        border: 2px solid #D7D7D7;
        border-right: 2px solid transparent;
        border-bottom: 2px solid transparent;
        -webkit-transform: translate(-50%, -50%) rotate(135deg);
        -moz-transform: translate(-50%, -50%) rotate(135deg);
        -ms-transform: translate(-50%, -50%) rotate(135deg);
        -o-transform: translate(-50%, -50%) rotate(135deg);
        transform: translate(-50%, -50%) rotate(135deg);
    }
}

.ktc-sustainability .risk-and-crisis-management-page .risk-management-policy .risk-management-policy__wrapper {
    display: flex;
    flex-direction: column;
}

@media (min-width: 992px) {
    .ktc-sustainability .risk-and-crisis-management-page .risk-management-policy .risk-management-policy__wrapper {
        height: 544px;
        justify-content: space-between;
    }
}

.ktc-sustainability .risk-and-crisis-management-page .risk-management-policy .risk-management-policy__item {
    position: relative;
    display: flex;
    align-items: center;
    width: 300px;
    min-height: 60px;
    padding: 0.25rem 1.5rem;
    margin-top: 1.5rem;
    margin-left: 45px;
    border-radius: 60px;
    background: -moz-linear-gradient(90deg, #171754 -58.56%, #4468D6 115.42%);
    background: -webkit-linear-gradient(90deg, #171754 -58.56%, #4468D6 115.42%);
    background: linear-gradient(90deg, #171754 -58.56%, #4468D6 115.42%);
    z-index: 1;
}

.ktc-sustainability .risk-and-crisis-management-page .risk-management-policy .risk-management-policy__item::before,
.ktc-sustainability .risk-and-crisis-management-page .risk-management-policy .risk-management-policy__item::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    z-index: -1;
    pointer-events: none;
}

.ktc-sustainability .risk-and-crisis-management-page .risk-management-policy .risk-management-policy__item::before {
    width: 45px;
    height: 2px;
    background-color: #D7D7D7;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.ktc-sustainability .risk-and-crisis-management-page .risk-management-policy .risk-management-policy__item::after {
    right: calc(100% + 28px);
    width: 14px;
    height: 14px;
    border-radius: 50%;
    outline: 5px solid #F4F4F4;
    background: -moz-linear-gradient(90deg, #171754 -58.56%, #4468D6 115.42%);
    background: -webkit-linear-gradient(90deg, #171754 -58.56%, #4468D6 115.42%);
    background: linear-gradient(90deg, #171754 -58.56%, #4468D6 115.42%);
    -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.25);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.25);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media (min-width: 992px) {
    .ktc-sustainability .risk-and-crisis-management-page .risk-management-policy .risk-management-policy__item {
        margin-top: 0;
    }

    .ktc-sustainability .risk-and-crisis-management-page .risk-management-policy .risk-management-policy__item::before {
        width: 100px;
    }

    .ktc-sustainability .risk-and-crisis-management-page .risk-management-policy .risk-management-policy__item::after {
        right: calc(100% + 100px);
    }
}

@media (min-width: 992px) {

    .ktc-sustainability .risk-and-crisis-management-page .risk-management-policy .risk-management-policy__item:nth-child(1),
    .ktc-sustainability .risk-and-crisis-management-page .risk-management-policy .risk-management-policy__item:nth-last-child(1) {
        margin-left: -75px;
    }
}

@media (min-width: 992px) {

    .ktc-sustainability .risk-and-crisis-management-page .risk-management-policy .risk-management-policy__item:nth-child(2),
    .ktc-sustainability .risk-and-crisis-management-page .risk-management-policy .risk-management-policy__item:nth-last-child(2) {
        margin-left: 95px;
    }
}

@media (min-width: 992px) {

    .ktc-sustainability .risk-and-crisis-management-page .risk-management-policy .risk-management-policy__item:nth-child(3),
    .ktc-sustainability .risk-and-crisis-management-page .risk-management-policy .risk-management-policy__item:nth-last-child(3) {
        margin-left: 140px;
    }
}

.ktc-sustainability .risk-and-crisis-management-page .risk-management-policy .risk-management-policy__item:nth-child(2) {
    background: -moz-linear-gradient(90deg, #0057B8 -4.04%, #69B3F8 113.19%);
    background: -webkit-linear-gradient(90deg, #0057B8 -4.04%, #69B3F8 113.19%);
    background: linear-gradient(90deg, #0057B8 -4.04%, #69B3F8 113.19%);
}

.ktc-sustainability .risk-and-crisis-management-page .risk-management-policy .risk-management-policy__item:nth-child(2)::after {
    background: -moz-linear-gradient(90deg, #0057B8 -4.04%, #69B3F8 113.19%);
    background: -webkit-linear-gradient(90deg, #0057B8 -4.04%, #69B3F8 113.19%);
    background: linear-gradient(90deg, #0057B8 -4.04%, #69B3F8 113.19%);
}

.ktc-sustainability .risk-and-crisis-management-page .risk-management-policy .risk-management-policy__item:nth-child(3) {
    background: -moz-linear-gradient(270deg, #C98BDB -27.25%, #C98BDB 118.16%);
    background: -webkit-linear-gradient(270deg, #C98BDB -27.25%, #C98BDB 118.16%);
    background: linear-gradient(270deg, #C98BDB -27.25%, #C98BDB 118.16%);
}

.ktc-sustainability .risk-and-crisis-management-page .risk-management-policy .risk-management-policy__item:nth-child(3)::after {
    background: -moz-linear-gradient(270deg, #C98BDB -27.25%, #C98BDB 118.16%);
    background: -webkit-linear-gradient(270deg, #C98BDB -27.25%, #C98BDB 118.16%);
    background: linear-gradient(270deg, #C98BDB -27.25%, #C98BDB 118.16%);
}

.ktc-sustainability .risk-and-crisis-management-page .risk-management-policy .risk-management-policy__item:nth-child(4) {
    background: -moz-linear-gradient(117deg, #D45390 32.52%, #D45390 102.66%);
    background: -webkit-linear-gradient(117deg, #D45390 32.52%, #D45390 102.66%);
    background: linear-gradient(117deg, #D45390 32.52%, #D45390 102.66%);
}

@media (min-width: 992px) {
    .ktc-sustainability .risk-and-crisis-management-page .risk-management-policy .risk-management-policy__item:nth-child(4) {
        margin-left: 155px;
    }
}

.ktc-sustainability .risk-and-crisis-management-page .risk-management-policy .risk-management-policy__item:nth-child(4)::after {
    background: -moz-linear-gradient(117deg, #D45390 32.52%, #D45390 102.66%);
    background: -webkit-linear-gradient(117deg, #D45390 32.52%, #D45390 102.66%);
    background: linear-gradient(117deg, #D45390 32.52%, #D45390 102.66%);
}

.ktc-sustainability .risk-and-crisis-management-page .risk-management-policy .risk-management-policy__item:nth-child(5) {
    background: -moz-linear-gradient(270deg, #013D80 -8.33%, #013D80 99.95%);
    background: -webkit-linear-gradient(270deg, #013D80 -8.33%, #013D80 99.95%);
    background: linear-gradient(270deg, #013D80 -8.33%, #013D80 99.95%);
}

.ktc-sustainability .risk-and-crisis-management-page .risk-management-policy .risk-management-policy__item:nth-child(5)::after {
    background: -moz-linear-gradient(270deg, #013D80 -8.33%, #013D80 99.95%);
    background: -webkit-linear-gradient(270deg, #013D80 -8.33%, #013D80 99.95%);
    background: linear-gradient(270deg, #013D80 -8.33%, #013D80 99.95%);
}

.ktc-sustainability .risk-and-crisis-management-page .risk-management-policy .risk-management-policy__item:nth-child(6) {
    background: -moz-linear-gradient(90deg, #4A89CF 0%, #4A89CF 100%);
    background: -webkit-linear-gradient(90deg, #4A89CF 0%, #4A89CF 100%);
    background: linear-gradient(90deg, #4A89CF 0%, #4A89CF 100%);
}

.ktc-sustainability .risk-and-crisis-management-page .risk-management-policy .risk-management-policy__item:nth-child(6)::after {
    background: -moz-linear-gradient(90deg, #4A89CF 0%, #4A89CF 100%);
    background: -webkit-linear-gradient(90deg, #4A89CF 0%, #4A89CF 100%);
    background: linear-gradient(90deg, #4A89CF 0%, #4A89CF 100%);
}

.ktc-sustainability .risk-and-crisis-management-page .risk-management-policy .risk-management-policy__item:nth-child(7) {
    background: -moz-linear-gradient(267deg, #2679CF -2.49%, #2679CF 93.92%);
    background: -webkit-linear-gradient(267deg, #2679CF -2.49%, #2679CF 93.92%);
    background: linear-gradient(267deg, #2679CF -2.49%, #2679CF 93.92%);
}

.ktc-sustainability .risk-and-crisis-management-page .risk-management-policy .risk-management-policy__item:nth-child(7)::after {
    background: -moz-linear-gradient(267deg, #2679CF -2.49%, #2679CF 93.92%);
    background: -webkit-linear-gradient(267deg, #2679CF -2.49%, #2679CF 93.92%);
    background: linear-gradient(267deg, #2679CF -2.49%, #2679CF 93.92%);
}

.ktc-sustainability .risk-and-crisis-management-page .risk-management-policy .risk-management-policy__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
    width: 30px;
    margin-right: 1rem;
}

.ktc-sustainability .risk-and-crisis-management-page .risk-management-policy .risk-management-policy__title {
    color: #FFFFFF;
}

.ktc-sustainability .risk-and-crisis-management-page .line-of-defense {
    position: relative;
}

.ktc-sustainability .risk-and-crisis-management-page .line-of-defense .line-of-defense__wrapper {
    display: flex;
    flex-flow: row wrap;
    margin-left: -15px;
    margin-right: -15px;
}

@media (max-width: 1199.98px) {
    .ktc-sustainability .risk-and-crisis-management-page .line-of-defense .line-of-defense__wrapper {
        flex-direction: column;
        align-items: center;
    }
}

.ktc-sustainability .risk-and-crisis-management-page .line-of-defense .line-of-defense__item {
    flex: 0 0 calc(100% - 30px);
    max-width: calc(100% - 30px);
    margin: 0 15px 30px;
}

@media (min-width: 576px) {
    .ktc-sustainability .risk-and-crisis-management-page .line-of-defense .line-of-defense__item {
        max-width: 450px;
    }
}

@media (min-width: 1200px) {
    .ktc-sustainability .risk-and-crisis-management-page .line-of-defense .line-of-defense__item {
        flex: 0 0 calc(33.33333333% - 30px);
        max-width: calc(33.33333333% - 30px);
    }
}

.ktc-sustainability .risk-and-crisis-management-page .line-of-defense .line-of-defense__item:nth-child(2) .line-of-defense__outline::before {
    background: -moz-linear-gradient(195deg, #8BE3FF -4.47%, #4A9FCF 92.56%);
    background: -webkit-linear-gradient(195deg, #8BE3FF -4.47%, #4A9FCF 92.56%);
    background: linear-gradient(195deg, #8BE3FF -4.47%, #4A9FCF 92.56%);
}

.ktc-sustainability .risk-and-crisis-management-page .line-of-defense .line-of-defense__item:nth-child(2) .line-of-defense__outline::after {
    background: -moz-linear-gradient(105deg, #4D9DC9 0%, #4D9ECB 100%);
    background: -webkit-linear-gradient(105deg, #4D9DC9 0%, #4D9ECB 100%);
    background: linear-gradient(105deg, #4D9DC9 0%, #4D9ECB 100%);
}

@media (min-width: 1200px) {
    .ktc-sustainability .risk-and-crisis-management-page .line-of-defense .line-of-defense__item:nth-child(2) .line-of-defense__outline::after {
        background: -moz-linear-gradient(105deg, #81D6F4 -4.47%, #7CD2F0 92.56%);
        background: -webkit-linear-gradient(105deg, #81D6F4 -4.47%, #7CD2F0 92.56%);
        background: linear-gradient(105deg, #81D6F4 -4.47%, #7CD2F0 92.56%);
    }
}

.ktc-sustainability .risk-and-crisis-management-page .line-of-defense .line-of-defense__item:nth-child(3) .line-of-defense__outline::before {
    background: -moz-linear-gradient(16deg, #CEC9FF 6.2%, #F1EFFF 114.76%);
    background: -webkit-linear-gradient(16deg, #CEC9FF 6.2%, #F1EFFF 114.76%);
    background: linear-gradient(16deg, #CEC9FF 6.2%, #F1EFFF 114.76%);
}

.ktc-sustainability .risk-and-crisis-management-page .line-of-defense .line-of-defense__item:nth-child(3) .line-of-defense__outline::after {
    display: none;
}

.ktc-sustainability .risk-and-crisis-management-page .line-of-defense .line-of-defense__outline {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 0 1.5rem 1.5rem;
    border-radius: 6px;
    z-index: 1;
}

.ktc-sustainability .risk-and-crisis-management-page .line-of-defense .line-of-defense__outline::before,
.ktc-sustainability .risk-and-crisis-management-page .line-of-defense .line-of-defense__outline::after {
    content: "";
    position: absolute;
    pointer-events: none;
}

.ktc-sustainability .risk-and-crisis-management-page .line-of-defense .line-of-defense__outline::before {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 55%;
    border-radius: 6px;
    background: -moz-linear-gradient(14deg, #0057B8 1.63%, #69B3F8 114.8%);
    background: -webkit-linear-gradient(14deg, #0057B8 1.63%, #69B3F8 114.8%);
    background: linear-gradient(14deg, #0057B8 1.63%, #69B3F8 114.8%);
    z-index: -1;
}

.ktc-sustainability .risk-and-crisis-management-page .line-of-defense .line-of-defense__outline::after {
    top: 100%;
    left: 50%;
    width: 30px;
    height: 20px;
    clip-path: polygon(100% 0, 0 0, 50% 100%);
    background-color: #1062BA;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media (min-width: 1200px) {
    .ktc-sustainability .risk-and-crisis-management-page .line-of-defense .line-of-defense__outline::after {
        top: 50%;
        left: calc(100% + 5px);
        width: 20px;
        height: 30px;
        clip-path: polygon(0 0, 0% 100%, 100% 50%);
        background-color: #529CE5;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

.ktc-sustainability .risk-and-crisis-management-page .line-of-defense .line-of-defense__body {
    position: relative;
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    padding: 1.5rem;
    min-height: 350px;
    border-radius: 6px;
    background-color: #FFFFFF;
    -webkit-box-shadow: 0 4px 45px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 4px 45px rgba(0, 0, 0, 0.15);
    box-shadow: 0 4px 45px rgba(0, 0, 0, 0.15);
    background: -moz-linear-gradient(180deg, #FFF 0%, #F9F9F9 100%);
    background: -webkit-linear-gradient(180deg, #FFF 0%, #F9F9F9 100%);
    background: linear-gradient(180deg, #FFF 0%, #F9F9F9 100%);
}

.ktc-sustainability .risk-and-crisis-management-page .line-of-defense .line-of-defense__header {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    margin-left: -24px;
    margin-right: -24px;
    color: #707070;
    white-space: nowrap;
    margin-bottom: 1rem;
}

.ktc-sustainability .risk-and-crisis-management-page .line-of-defense .line-of-defense__no {
    display: block;
    padding-right: 1rem;
}

@media (min-width: 1440px) {
    .ktc-sustainability .risk-and-crisis-management-page .line-of-defense .line-of-defense__no {
        padding-right: 1.5rem;
    }
}

.ktc-sustainability .risk-and-crisis-management-page .line-of-defense .line-of-defense__title {
    margin-top: 1.5rem;
}

.ktc-sustainability .risk-and-crisis-management-page .line-of-defense .line-of-defense__text {
    margin-top: 0.5rem;
}

html[lang=en] .ktc-sustainability .digital-innovation-page .product-service .product-service__title {
    font-size: 1.125rem;
    font-weight: 700;
}

html[lang=en] .ktc-sustainability .digital-innovation-page .policy-system .policy-system__body {
    font-size: 0.875rem;
}

html[lang=th] .ktc-sustainability .digital-innovation-page .product-service .product-service__title {
    font-size: 1.125rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .digital-innovation-page .policy-system .policy-system__body {
    font-size: 0.875rem;
}

.ktc-sustainability .digital-innovation-page .product-service {
    position: relative;
}

.ktc-sustainability .digital-innovation-page .product-service .product-service__wrapper {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    margin-left: -15px;
    margin-right: -15px;
}

.ktc-sustainability .digital-innovation-page .product-service .product-service__item {
    flex: 0 0 calc(100% - 30px);
    max-width: calc(100% - 30px);
    display: flex;
    align-items: center;
    text-decoration: none;
    margin: 2.5rem 15px 0 15px;
    padding: 0 0.4375rem;
    min-height: 80px;
    border-radius: 48px;
    -webkit-box-shadow: inset 0 4px 15px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: inset 0 4px 15px rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 4px 15px rgba(0, 0, 0, 0.25);
    background: -moz-linear-gradient(var(--deg), var(--color));
    background: -webkit-linear-gradient(var(--deg), var(--color));
    background: linear-gradient(var(--deg), var(--color));
    overflow: hidden;
}

@media (min-width: 768px) {
    .ktc-sustainability .digital-innovation-page .product-service .product-service__item {
        flex: 0 0 calc(50% - 30px);
        max-width: calc(50% - 30px);
    }
}

@media (min-width: 1200px) {
    .ktc-sustainability .digital-innovation-page .product-service .product-service__item {
        flex: 0 0 calc(33.33333333% - 30px);
        max-width: calc(33.33333333% - 30px);
    }
}

.ktc-sustainability .digital-innovation-page .product-service .product-service__item:hover .product-service__figure::before {
    width: 70px;
    height: 70px;
}

.ktc-sustainability .digital-innovation-page .product-service .product-service__item:hover .product-service__img {
    height: 40px;
}

.ktc-sustainability .digital-innovation-page .product-service .product-service__figure {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    z-index: 1;
}

.ktc-sustainability .digital-innovation-page .product-service .product-service__figure::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background-color: #F3F3F3;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    pointer-events: none;
    z-index: -1;
}

.ktc-sustainability .digital-innovation-page .product-service .product-service__img {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    max-width: 100%;
    object-fit: contain;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.ktc-sustainability .digital-innovation-page .product-service .product-service__body {
    display: flex;
    align-items: center;
    padding: 0 1.5rem;
}

.ktc-sustainability .digital-innovation-page .product-service .product-service__title {
    color: #FFFFFF;
}

.ktc-sustainability .digital-innovation-page .digital-innovation-scene-4 {
    position: relative;
    contain: paint;
    padding: 3rem 0 1rem;
}

@media (min-width: 992px) {
    .ktc-sustainability .digital-innovation-page .digital-innovation-scene-4 {
        padding: 0;
    }

    .ktc-sustainability .digital-innovation-page .digital-innovation-scene-4::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: calc(40vw + 30px);
        height: 100%;
        background-color: #FAFAFA;
    }
}

@media (min-width: 1200px) {
    .ktc-sustainability .digital-innovation-page .digital-innovation-scene-4::before {
        width: calc(50vw + 30px);
    }
}

.ktc-sustainability .digital-innovation-page .policy-system {
    position: relative;
}

.ktc-sustainability .digital-innovation-page .policy-system .policy-system__wrapper {
    display: flex;
    flex-flow: row wrap;
    margin-left: -15px;
    margin-right: -15px;
}

.ktc-sustainability .digital-innovation-page .policy-system .policy-system__item {
    flex: 0 0 calc(100% - 30px);
    max-width: calc(100% - 30px);
    display: flex;
    flex-direction: column;
    min-height: 172px;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 15px;
}

@media (min-width: 768px) {
    .ktc-sustainability .digital-innovation-page .policy-system .policy-system__item {
        flex: 0 0 calc(50% - 30px);
        max-width: calc(50% - 30px);
        margin-bottom: 0;
    }
}

@media (min-width: 1200px) {
    .ktc-sustainability .digital-innovation-page .policy-system .policy-system__item {
        flex-direction: row;
    }
}

.ktc-sustainability .digital-innovation-page .policy-system .policy-system__figure {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 85px;
    padding: 1rem;
    background: -moz-linear-gradient(0deg, #F3F3F3 0.31%, #FFF 132.55%);
    background: -webkit-linear-gradient(0deg, #F3F3F3 0.31%, #FFF 132.55%);
    background: linear-gradient(0deg, #F3F3F3 0.31%, #FFF 132.55%);
    -webkit-box-shadow: 0 4px 35px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 4px 35px rgba(0, 0, 0, 0.25);
    box-shadow: 0 4px 35px rgba(0, 0, 0, 0.25);
    z-index: 1;
}

.ktc-sustainability .digital-innovation-page .policy-system .policy-system__figure::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 20px solid #F3F3F3;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    z-index: -1;
}

@media (min-width: 1200px) {
    .ktc-sustainability .digital-innovation-page .policy-system .policy-system__figure {
        flex: 0 0 164px;
        max-width: 164px;
        height: 100%;
    }

    .ktc-sustainability .digital-innovation-page .policy-system .policy-system__figure::before {
        top: 50%;
        left: 100%;
        border-right: 0;
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent;
        border-left: 20px solid #F7F7F7;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }
}

.ktc-sustainability .digital-innovation-page .policy-system .policy-system__img {
    display: block;
    margin: auto;
    height: auto;
    width: auto;
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
    object-position: center;
}

.ktc-sustainability .digital-innovation-page .policy-system .policy-system__body {
    display: block;
    flex-grow: 1;
    padding: 2rem 1.5rem 1.5rem;
    background: -moz-linear-gradient(90deg, #CCDDF1 -49.92%, #FFF 49.47%);
    background: -webkit-linear-gradient(90deg, #CCDDF1 -49.92%, #FFF 49.47%);
    background: linear-gradient(90deg, #CCDDF1 -49.92%, #FFF 49.47%);
    -webkit-box-shadow: 0 4px 35px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 4px 35px rgba(0, 0, 0, 0.25);
    box-shadow: 0 4px 35px rgba(0, 0, 0, 0.25);
}

@media (min-width: 992px) {
    .ktc-sustainability .digital-innovation-page .policy-system .policy-system__body {
        padding: 2rem;
    }
}

html[lang=en] .ktc-sustainability .brand-and-customer-trust-page .promotion .promotion__title {
    font-size: 0.875rem;
}

html[lang=en] .ktc-sustainability .brand-and-customer-trust-page .ktc-touch .ktc-touch__title {
    font-weight: 700;
}

html[lang=en] .ktc-sustainability .brand-and-customer-trust-page .ktc-touch .ktc-touch__text {
    font-size: 0.875rem;
}

html[lang=en] .ktc-sustainability .brand-and-customer-trust-page .customer-trust .customer-trust__title {
    font-size: 1.125rem;
    font-weight: 700;
}

html[lang=en] .ktc-sustainability .brand-and-customer-trust-page .customer-trust .customer-trust__value {
    font-size: 2.1875rem;
    font-weight: 700;
    line-height: 1;
}

@media (min-width: 992px) {
    html[lang=en] .ktc-sustainability .brand-and-customer-trust-page .customer-trust .customer-trust__value {
        font-size: 3.125rem;
    }
}

html[lang=th] .ktc-sustainability .brand-and-customer-trust-page .promotion .promotion__title {
    font-size: 0.875rem;
}

html[lang=th] .ktc-sustainability .brand-and-customer-trust-page .ktc-touch .ktc-touch__title {
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .brand-and-customer-trust-page .ktc-touch .ktc-touch__text {
    font-size: 0.875rem;
}

html[lang=th] .ktc-sustainability .brand-and-customer-trust-page .customer-trust .customer-trust__title {
    font-size: 1.125rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .brand-and-customer-trust-page .customer-trust .customer-trust__value {
    font-size: 2.1875rem;
    font-weight: 700;
    line-height: 1;
}

@media (min-width: 992px) {
    html[lang=th] .ktc-sustainability .brand-and-customer-trust-page .customer-trust .customer-trust__value {
        font-size: 3.125rem;
    }
}

.ktc-sustainability .brand-and-customer-trust-page .promotion {
    position: relative;
}

.ktc-sustainability .brand-and-customer-trust-page .promotion .promotion__wrapper {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    margin-left: -8px;
    margin-right: -8px;
}

@media (min-width: 576px) {
    .ktc-sustainability .brand-and-customer-trust-page .promotion .promotion__wrapper {
        justify-content: flex-start;
    }
}

.ktc-sustainability .brand-and-customer-trust-page .promotion .promotion__item {
    flex: 0 0 calc(111px - 16px);
    max-width: calc(111px - 16px);
    margin-left: 8px;
    margin-right: 8px;
    margin-top: 1.5rem;
}

@media (min-width: 576px) {
    .ktc-sustainability .brand-and-customer-trust-page .promotion .promotion__item {
        flex: 0 0 calc(20% - 16px);
        max-width: calc(20% - 16px);
    }
}

@media (min-width: 768px) {
    .ktc-sustainability .brand-and-customer-trust-page .promotion .promotion__item {
        flex: 0 0 calc(14.28571428571429% - 16px);
        max-width: calc(14.28571428571429% - 16px);
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .brand-and-customer-trust-page .promotion .promotion__item {
        flex: 0 0 calc(10% - 16px);
        max-width: calc(10% - 16px);
    }
}

@media (min-width: 1200px) {
    .ktc-sustainability .brand-and-customer-trust-page .promotion .promotion__item {
        flex: 0 0 calc(9.090909090909091% - 16px);
        max-width: calc(9.090909090909091% - 16px);
    }
}

.ktc-sustainability .brand-and-customer-trust-page .promotion .promotion__figure {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 95px;
    border-radius: 6px;
    background-color: #FFFFFF;
    -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
}

.ktc-sustainability .brand-and-customer-trust-page .promotion .promotion__img {
    display: block;
    margin: auto;
    height: 33px;
    max-width: 50px;
    object-fit: contain;
}

.ktc-sustainability .brand-and-customer-trust-page .promotion .promotion__body {
    display: block;
    margin-top: 0.5rem;
    text-align: center;
}

.ktc-sustainability .brand-and-customer-trust-page .ktc-touch {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    max-width: 300px;
    margin: auto;
}

.ktc-sustainability .brand-and-customer-trust-page .ktc-touch .ktc-touch__figure {
    position: relative;
    margin-bottom: 1rem;
}

.ktc-sustainability .brand-and-customer-trust-page .ktc-touch .ktc-touch__img {
    display: block;
    margin: auto;
    height: auto;
    max-width: 225px;
    object-fit: contain;
}

@media (min-width: 1200px) {
    .ktc-sustainability .brand-and-customer-trust-page .ktc-touch .ktc-touch__img {
        max-width: 100%;
    }
}

.ktc-sustainability .brand-and-customer-trust-page .ktc-touch .ktc-touch__body {
    display: flex;
    flex-grow: 1;
    margin-bottom: 2.25rem;
}

.ktc-sustainability .brand-and-customer-trust-page .ktc-touch .ktc-touch__footer {
    position: relative;
    padding-top: 0.75rem;
    border-top: 1px solid #D7D7D7;
}

.ktc-sustainability .brand-and-customer-trust-page .customer-trust {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: auto;
    width: 233px;
    height: 233px;
    color: #FFFFFF;
    border-radius: 50%;
    background: -moz-linear-gradient(289deg, #C1B49A -3.56%, #C0B297 27.67%, #BFAB8E 49.35%, #BDA07F 66.7%, #BA916A 83.18%);
    background: -webkit-linear-gradient(289deg, #C1B49A -3.56%, #C0B297 27.67%, #BFAB8E 49.35%, #BDA07F 66.7%, #BA916A 83.18%);
    background: linear-gradient(289deg, #C1B49A -3.56%, #C0B297 27.67%, #BFAB8E 49.35%, #BDA07F 66.7%, #BA916A 83.18%);
    -webkit-box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.25);
    z-index: 1;
}

.ktc-sustainability .brand-and-customer-trust-page .customer-trust::before {
    content: "";
    position: absolute;
    bottom: 10px;
    left: 20px;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #BDA07F;
    -webkit-transform: rotate(38deg);
    -moz-transform: rotate(38deg);
    -ms-transform: rotate(38deg);
    -o-transform: rotate(38deg);
    transform: rotate(38deg);
    z-index: -1;
}

@media (min-width: 768px) {
    .ktc-sustainability .brand-and-customer-trust-page .customer-trust {
        position: absolute;
        top: -50px;
        right: -150px;
    }
}

html[lang=en] .ktc-sustainability .esg-products-and-services-page .org-risk .org-risk__title {
    font-size: 1.25rem;
}

html[lang=en] .ktc-sustainability .esg-products-and-services-page .org-risk .org-risk__value {
    font-size: 1.25rem;
    font-weight: 700;
}

html[lang=en] .ktc-sustainability .esg-products-and-services-page .org-risk .org-risk__unit {
    font-size: 1rem;
}

html[lang=en] .ktc-sustainability .esg-products-and-services-page .ktc-ushop .ktc-ushop__title {
    font-size: 0.875rem;
    font-weight: 700;
}

html[lang=en] .ktc-sustainability .esg-products-and-services-page .red-cross .red-cross__text {
    font-size: 1.25rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .esg-products-and-services-page .org-risk .org-risk__title {
    font-size: 1.25rem;
}

html[lang=th] .ktc-sustainability .esg-products-and-services-page .org-risk .org-risk__value {
    font-size: 1.25rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .esg-products-and-services-page .org-risk .org-risk__unit {
    font-size: 1rem;
}

html[lang=th] .ktc-sustainability .esg-products-and-services-page .ktc-ushop .ktc-ushop__title {
    font-size: 0.875rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .esg-products-and-services-page .red-cross .red-cross__text {
    font-size: 1.25rem;
    font-weight: 700;
}

.ktc-sustainability .esg-products-and-services-page .esg-products-and-services-scene-8 {
    background: -moz-linear-gradient(171deg, #A5D4FF -55.27%, #EBF9FF 77.97%);
    background: -webkit-linear-gradient(171deg, #A5D4FF -55.27%, #EBF9FF 77.97%);
    background: linear-gradient(171deg, #A5D4FF -55.27%, #EBF9FF 77.97%);
}

.ktc-sustainability .esg-products-and-services-page .esg-products-and-services-scene-11 {
    background-color: #FAFAFA;
}

.ktc-sustainability .esg-products-and-services-page .solar-roof {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1.5rem;
    height: 100%;
    border-radius: 16px;
    background: -moz-linear-gradient(0deg, rgba(204, 221, 241, 0.6) 0%, #ccddf1 100%);
    background: -webkit-linear-gradient(0deg, rgba(204, 221, 241, 0.6) 0%, #ccddf1 100%);
    background: linear-gradient(0deg, rgba(204, 221, 241, 0.6) 0%, #ccddf1 100%);
}

@media (min-width: 992px) {
    .ktc-sustainability .esg-products-and-services-page .solar-roof {
        padding: 2.5rem;
    }
}

.ktc-sustainability .esg-products-and-services-page .org-risk {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.75rem;
    margin: auto;
    width: 173px;
    height: 173px;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 1;
}

.ktc-sustainability .esg-products-and-services-page .org-risk::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: -moz-linear-gradient(var(--deg), var(--color));
    background: -webkit-linear-gradient(var(--deg), var(--color));
    background: linear-gradient(var(--deg), var(--color));
    -webkit-box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.25);
    opacity: 0.8;
    z-index: -1;
}

.ktc-sustainability .esg-products-and-services-page .org-risk .org-risk__body {
    flex-grow: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 1rem;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: -moz-linear-gradient(0deg, #F3F3F3 0.31%, #FFFFFF 132.55%);
    background: -webkit-linear-gradient(0deg, #F3F3F3 0.31%, #FFFFFF 132.55%);
    background: linear-gradient(0deg, #F3F3F3 0.31%, #FFFFFF 132.55%);
    -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.25);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.25);
}

.ktc-sustainability .esg-products-and-services-page .special-privilege {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 0 1.5rem 1.5rem;
    border-radius: 16px;
    background-color: #F4F4F4;
}

.ktc-sustainability .esg-products-and-services-page .special-privilege .special-privilege__header {
    display: block;
    margin: 0 0.5rem 2rem;
    padding: 0.5rem 1.5rem;
    color: #FFFFFF;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    background: -moz-linear-gradient(90deg, #0057B8 19.34%, #69B3F8 113.19%);
    background: -webkit-linear-gradient(90deg, #0057B8 19.34%, #69B3F8 113.19%);
    background: linear-gradient(90deg, #0057B8 19.34%, #69B3F8 113.19%);
}

@media (min-width: 1200px) {
    .ktc-sustainability .esg-products-and-services-page .special-privilege .special-privilege__header {
        margin: 0 1.25rem 2rem;
    }
}

.ktc-sustainability .esg-products-and-services-page .special-privilege .special-privilege__body {
    display: block;
    margin: 0 0.5rem 2rem;
}

@media (min-width: 1200px) {
    .ktc-sustainability .esg-products-and-services-page .special-privilege .special-privilege__body {
        margin: 0 1.25rem 2rem;
    }
}

.ktc-sustainability .esg-products-and-services-page .special-privilege .special-privilege__figure {
    position: relative;
    display: flex;
    flex-grow: 1;
    align-items: flex-end;
}

.ktc-sustainability .esg-products-and-services-page .special-privilege .special-privilege__img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto;
    border-radius: 16px;
    object-fit: contain;
}

.ktc-sustainability .esg-products-and-services-page .ktc-ushop {
    position: relative;
}

.ktc-sustainability .esg-products-and-services-page .ktc-ushop .ktc-ushop__wrapper {
    position: relative;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    margin-left: -15px;
    margin-right: -15px;
}

.ktc-sustainability .esg-products-and-services-page .ktc-ushop .ktc-ushop__item {
    flex: 0 0 180px;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 15px;
    padding: 2.5rem 1.25rem 1.25rem;
    border-radius: 114px;
    background: -moz-linear-gradient(359deg, #171754 -28.42%, #4468D6 104.04%);
    background: -webkit-linear-gradient(359deg, #171754 -28.42%, #4468D6 104.04%);
    background: linear-gradient(359deg, #171754 -28.42%, #4468D6 104.04%);
}

@media (min-width: 576px) {
    .ktc-sustainability .esg-products-and-services-page .ktc-ushop .ktc-ushop__item {
        margin-bottom: 30px;
    }
}

.ktc-sustainability .esg-products-and-services-page .ktc-ushop .ktc-ushop__item:nth-child(2) {
    background: -moz-linear-gradient(114deg, #171754 -28.21%, #4468D6 107.48%);
    background: -webkit-linear-gradient(114deg, #171754 -28.21%, #4468D6 107.48%);
    background: linear-gradient(114deg, #171754 -28.21%, #4468D6 107.48%);
}

.ktc-sustainability .esg-products-and-services-page .ktc-ushop .ktc-ushop__item:nth-child(3) {
    background: -moz-linear-gradient(169deg, #C98ADC -30.36%, #CD1069 79.8%);
    background: -webkit-linear-gradient(169deg, #C98ADC -30.36%, #CD1069 79.8%);
    background: linear-gradient(169deg, #C98ADC -30.36%, #CD1069 79.8%);
}

.ktc-sustainability .esg-products-and-services-page .ktc-ushop .ktc-ushop__item:nth-child(4) {
    background: -moz-linear-gradient(351deg, #0158B9 15.45%, #62ADF3 157.28%);
    background: -webkit-linear-gradient(351deg, #0158B9 15.45%, #62ADF3 157.28%);
    background: linear-gradient(351deg, #0158B9 15.45%, #62ADF3 157.28%);
}

.ktc-sustainability .esg-products-and-services-page .ktc-ushop .ktc-ushop__item:nth-child(5) {
    background: -moz-linear-gradient(143deg, #C98ADC 17.85%, #CD1069 93.15%);
    background: -webkit-linear-gradient(143deg, #C98ADC 17.85%, #CD1069 93.15%);
    background: linear-gradient(143deg, #C98ADC 17.85%, #CD1069 93.15%);
}

.ktc-sustainability .esg-products-and-services-page .ktc-ushop .ktc-ushop__item:nth-child(6) {
    background: -moz-linear-gradient(227deg, #4E88CB -0.09%, #004692 103.69%);
    background: -webkit-linear-gradient(227deg, #4E88CB -0.09%, #004692 103.69%);
    background: linear-gradient(227deg, #4E88CB -0.09%, #004692 103.69%);
}

.ktc-sustainability .esg-products-and-services-page .ktc-ushop .ktc-ushop__figure {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 140px;
    height: 140px;
    margin-top: 2rem;
    border-radius: 50%;
    background-color: #FFFFFF;
}

.ktc-sustainability .esg-products-and-services-page .ktc-ushop .ktc-ushop__figure::before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    content: "";
    position: absolute;
    left: 50%;
    bottom: 100%;
    font-size: 1.25rem;
    font-weight: 500;
    color: #FFFFFF;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.ktc-sustainability .esg-products-and-services-page .ktc-ushop .ktc-ushop__img {
    display: block;
    margin: auto;
    height: auto;
    max-width: 100%;
    object-fit: contain;
}

.ktc-sustainability .esg-products-and-services-page .ktc-ushop .ktc-ushop__body {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding-bottom: 0.5rem;
    text-align: center;
}

.ktc-sustainability .esg-products-and-services-page .ktc-ushop .ktc-ushop__title {
    color: #FFFFFF;
}

.ktc-sustainability .esg-products-and-services-page .red-cross {
    position: relative;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    padding: 1.5rem 2.5rem;
    border-radius: 16px;
    background-color: #FFFFFF;
}

.ktc-sustainability .esg-products-and-services-page .red-cross .red-cross__circle {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: auto;
    width: 237px;
    height: 237px;
    color: #FFFFFF;
    border-radius: 50%;
    background: -moz-linear-gradient(34deg, #171754 9.4%, #4468D6 105.39%);
    background: -webkit-linear-gradient(34deg, #171754 9.4%, #4468D6 105.39%);
    background: linear-gradient(34deg, #171754 9.4%, #4468D6 105.39%);
    z-index: 1;
}

.ktc-sustainability .esg-products-and-services-page .red-cross .red-cross__circle::before {
    content: "";
    position: absolute;
    bottom: 66px;
    right: -12px;
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #30449C;
    -webkit-transform: rotate(16deg);
    -moz-transform: rotate(16deg);
    -ms-transform: rotate(16deg);
    -o-transform: rotate(16deg);
    transform: rotate(16deg);
    z-index: -1;
}

.ktc-sustainability .esg-products-and-services-page .red-cross .red-cross__figure {
    position: relative;
}

.ktc-sustainability .esg-products-and-services-page .red-cross .red-cross__img {
    display: block;
    margin: auto;
    height: auto;
    max-width: 100%;
    object-fit: contain;
}

.ktc-sustainability .esg-products-and-services-page .red-cross .red-cross__body {
    display: block;
    text-align: center;
}

.ktc-sustainability .esg-products-and-services-page .award {
    position: relative;
}

.ktc-sustainability .esg-products-and-services-page .award .award__figure {
    position: relative;
    width: 300px;
    height: 280px;
    margin: 0 auto;
}

@media (min-width: 992px) {
    .ktc-sustainability .esg-products-and-services-page .award .award__figure {
        margin-top: -15px;
    }
}

@media (min-width: 1200px) {
    .ktc-sustainability .esg-products-and-services-page .award .award__figure {
        width: 340px;
        margin-top: -30px;
    }
}

.ktc-sustainability .esg-products-and-services-page .award .award__img {
    position: absolute;
    top: 0;
    left: 8%;
    display: block;
    margin: auto;
    height: auto;
    max-width: 100%;
    object-fit: contain;
}

@media (min-width: 992px) {
    .ktc-sustainability .esg-products-and-services-page .award .award__img {
        left: 0;
    }
}

@media (min-width: 1200px) {
    .ktc-sustainability .esg-products-and-services-page .award .award__img {
        left: 2vw;
    }
}

@media (min-width: 1440px) {
    .ktc-sustainability .esg-products-and-services-page .award .award__img {
        left: calc(2% + 1.15vw);
    }
}

.ktc-sustainability .esg-products-and-services-page .award .award__body {
    display: block;
    text-align: center;
}

@media (min-width: 1200px) {
    .ktc-sustainability .esg-products-and-services-page .award .award__body {
        margin-top: 1.5rem;
    }
}

html[lang=en] .ktc-sustainability .supply-chain-management-page .env-and-service .env-and-service__title {
    font-size: 1.25rem;
}

html[lang=en] .ktc-sustainability .supply-chain-management-page .env-and-service .env-and-service__value {
    font-size: 2.625rem;
}

@media (max-width: 991.98px) {
    html[lang=en] .ktc-sustainability .supply-chain-management-page .env-and-service .env-and-service__value {
        font-size: 2.3125rem;
    }
}

html[lang=en] .ktc-sustainability .supply-chain-management-page .env-and-service .env-and-service__unit {
    font-size: 1.25rem;
    font-weight: 700;
}

html[lang=en] .ktc-sustainability .supply-chain-management-page .trading-partner .trading-partner__title {
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .supply-chain-management-page .env-and-service .env-and-service__title {
    font-size: 1.25rem;
}

html[lang=th] .ktc-sustainability .supply-chain-management-page .env-and-service .env-and-service__value {
    font-size: 3.125rem;
}

@media (max-width: 991.98px) {
    html[lang=th] .ktc-sustainability .supply-chain-management-page .env-and-service .env-and-service__value {
        font-size: 2.8125rem;
    }
}

html[lang=th] .ktc-sustainability .supply-chain-management-page .env-and-service .env-and-service__unit {
    font-size: 1.25rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .supply-chain-management-page .trading-partner .trading-partner__title {
    font-weight: 700;
}

.ktc-sustainability .supply-chain-management-page .supply-chain-management-scene-8 {
    background-position: center bottom;
    background-size: cover;
    background-repeat: no-repeat;
}

.ktc-sustainability .supply-chain-management-page .risk-identification {
    position: relative;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
}

.ktc-sustainability .supply-chain-management-page .risk-identification .risk-identification__figure {
    position: relative;
    flex: 0 0 100%;
    max-width: 100%;
    z-index: 2;
}

@media (min-width: 992px) {
    .ktc-sustainability .supply-chain-management-page .risk-identification .risk-identification__figure {
        flex: 0 0 45%;
        max-width: 45%;
    }
}

.ktc-sustainability .supply-chain-management-page .risk-identification .risk-identification__img {
    display: block;
    margin: auto;
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

@media (min-width: 992px) {
    .ktc-sustainability .supply-chain-management-page .risk-identification .risk-identification__img {
        margin-right: 0;
    }
}

.ktc-sustainability .supply-chain-management-page .risk-identification .risk-identification__body {
    position: relative;
    flex: 0 0 100%;
    max-width: 100%;
}

@media (min-width: 992px) {
    .ktc-sustainability .supply-chain-management-page .risk-identification .risk-identification__body {
        flex: 0 0 55%;
        max-width: 55%;
        margin-left: -5rem;
    }
}

.ktc-sustainability .supply-chain-management-page .env-and-service {
    position: relative;
    display: flex;
    flex-flow: column wrap;
    max-width: 925px;
    margin: auto;
    border-radius: 114px;
    background: -moz-linear-gradient(0deg, #F3F3F3 0.31%, #FFF 132.55%);
    background: -webkit-linear-gradient(0deg, #F3F3F3 0.31%, #FFF 132.55%);
    background: linear-gradient(0deg, #F3F3F3 0.31%, #FFF 132.55%);
}

@media (min-width: 992px) {
    .ktc-sustainability .supply-chain-management-page .env-and-service {
        flex-flow: row nowrap;
        border-radius: 300px;
    }
}

.ktc-sustainability .supply-chain-management-page .env-and-service .env-and-service__figure {
    position: relative;
    flex: 0 0 auto;
    max-width: 100%;
}

@media (min-width: 992px) {
    .ktc-sustainability .supply-chain-management-page .env-and-service .env-and-service__figure {
        margin: -2rem 0 -0.5rem -2rem;
    }
}

.ktc-sustainability .supply-chain-management-page .env-and-service .env-and-service__img {
    display: block;
    margin: auto;
    height: auto;
    max-width: 100%;
    object-fit: contain;
}

.ktc-sustainability .supply-chain-management-page .env-and-service .env-and-service__body {
    flex: 1;
    max-width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 1.5rem 3rem;
}

@media (min-width: 992px) {
    .ktc-sustainability .supply-chain-management-page .env-and-service .env-and-service__body {
        padding: 3rem 7rem 3rem 3rem;
    }
}

.ktc-sustainability .supply-chain-management-page .env-and-service .env-and-service__value {
    color: #0057B8;
}

.ktc-sustainability .supply-chain-management-page .trading-partner {
    position: relative;
}

.ktc-sustainability .supply-chain-management-page .trading-partner .trading-partner__wrapper {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: flex-start;
}

.ktc-sustainability .supply-chain-management-page .trading-partner .trading-partner__item {
    flex: 0 0 100%;
    max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

@media (min-width: 768px) {
    .ktc-sustainability .supply-chain-management-page .trading-partner .trading-partner__item {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (min-width: 1200px) {
    .ktc-sustainability .supply-chain-management-page .trading-partner .trading-partner__item {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%;
    }
}

@media (min-width: 1200px) {
    .ktc-sustainability .supply-chain-management-page .trading-partner .trading-partner__item:nth-child(odd) {
        flex-direction: column-reverse;
    }
}

@media (min-width: 1200px) {
    .ktc-sustainability .supply-chain-management-page .trading-partner .trading-partner__item:nth-child(even) {
        margin-top: 150px;
        margin-left: -105px;
        margin-right: -105px;
    }

    .ktc-sustainability .supply-chain-management-page .trading-partner .trading-partner__item:nth-child(even) .trading-partner__figure::before {
        top: 90%;
        bottom: auto;
    }
}

@media (min-width: 1440px) {
    .ktc-sustainability .supply-chain-management-page .trading-partner .trading-partner__item:nth-child(even) {
        margin-left: -165px;
        margin-right: -165px;
    }
}

.ktc-sustainability .supply-chain-management-page .trading-partner .trading-partner__figure {
    position: relative;
    margin: 1rem 0;
    z-index: 1;
}

@media (min-width: 1200px) {
    .ktc-sustainability .supply-chain-management-page .trading-partner .trading-partner__figure {
        margin: 2.5rem 0;
    }

    .ktc-sustainability .supply-chain-management-page .trading-partner .trading-partner__figure::before {
        content: "";
        position: absolute;
        left: 47%;
        bottom: 90%;
        width: 0.5px;
        height: 60px;
        background-color: #707070;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        z-index: -1;
    }
}

.ktc-sustainability .supply-chain-management-page .trading-partner .trading-partner__img {
    display: block;
    margin: auto;
    height: auto;
    max-width: 100%;
    object-fit: contain;
}

.ktc-sustainability .supply-chain-management-page .trading-partner .trading-partner__body {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 0 1rem;
}

.ktc-sustainability .supply-chain-management-page .trading-partner .trading-partner__title {
    color: #0057B8;
}

.ktc-sustainability .supply-chain-management-page .trading-partner .trading-partner__text {
    display: block;
    margin-top: 0.5rem;
}

@media (min-width: 1200px) {
    .ktc-sustainability .supply-chain-management-page .trading-partner .trading-partner__text {
        height: 120px;
    }
}

.ktc-sustainability .environment-and-climate-change-management-page .section-scene-5 {
    position: relative;
    contain: paint;
    background-color: #FAFAFA;
}

@media (max-width: 767.98px) {
    .ktc-sustainability .environment-and-climate-change-management-page .section-scene-5 {
        padding: 3rem 0 1.5rem;
    }
}

.ktc-sustainability .environment-and-climate-change-management-page .section-scene-5 .block.block--vertical-cross .block__item::before {
    background-color: #FAFAFA;
}

.ktc-sustainability .environment-and-climate-change-management-page .section-scene-7 {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 3rem 0;
}

@media (min-width: 992px) {
    .ktc-sustainability .environment-and-climate-change-management-page .section-scene-7 {
        padding: 5rem 0;
    }
}

html[lang=en] .ktc-sustainability .efficient-resource-management-page .waste-management .waste-management__title,
html[lang=en] .ktc-sustainability .efficient-resource-management-page .waste-management .waste-management__value {
    font-size: 2.1875rem;
    font-weight: 700;
    line-height: 1;
}

@media (min-width: 992px) {

    html[lang=en] .ktc-sustainability .efficient-resource-management-page .waste-management .waste-management__title,
    html[lang=en] .ktc-sustainability .efficient-resource-management-page .waste-management .waste-management__value {
        font-size: 3.125rem;
    }
}

html[lang=en] .ktc-sustainability .efficient-resource-management-page .waste-management .waste-management__text {
    font-size: 1.25rem;
}

html[lang=en] .ktc-sustainability .efficient-resource-management-page .waste-management .waste-management__unit {
    font-size: 1.25rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .efficient-resource-management-page .waste-management .waste-management__title,
html[lang=th] .ktc-sustainability .efficient-resource-management-page .waste-management .waste-management__value {
    font-size: 2.1875rem;
    font-weight: 700;
    line-height: 1;
}

@media (min-width: 992px) {

    html[lang=th] .ktc-sustainability .efficient-resource-management-page .waste-management .waste-management__title,
    html[lang=th] .ktc-sustainability .efficient-resource-management-page .waste-management .waste-management__value {
        font-size: 3.125rem;
    }
}

html[lang=th] .ktc-sustainability .efficient-resource-management-page .waste-management .waste-management__text {
    font-size: 1.25rem;
}

html[lang=th] .ktc-sustainability .efficient-resource-management-page .waste-management .waste-management__unit {
    font-size: 1.25rem;
    font-weight: 700;
}

.ktc-sustainability .efficient-resource-management-page .section-scene-2 {
    position: relative;
    padding: 3rem 0;
    background-color: #F3F7CC;
    z-index: 1;
}

.ktc-sustainability .efficient-resource-management-page .section-scene-2::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(180deg, rgba(243, 247, 204, 0.2) 25%, #FFFFFF 100%);
    background: -webkit-linear-gradient(180deg, rgba(243, 247, 204, 0.2) 25%, #FFFFFF 100%);
    background: linear-gradient(180deg, rgba(243, 247, 204, 0.2) 25%, #FFFFFF 100%);
    z-index: -1;
}

@media (min-width: 992px) {
    .ktc-sustainability .efficient-resource-management-page .section-scene-2 {
        padding: 5rem 0;
    }
}

.ktc-sustainability .efficient-resource-management-page .section-title {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFFFFF;
    border-radius: 70px;
    padding: 15px 0;
    background: linear-gradient(227deg, #C4D600 -0.09%, #636A01 103.69%);
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.25;
}

.ktc-sustainability .efficient-resource-management-page .section-title::after {
    display: none;
}

.ktc-sustainability .efficient-resource-management-page .section-scene-3 {
    position: relative;
    contain: paint;
}

.ktc-sustainability .efficient-resource-management-page .section-scene-3 .efficient-2-1 {
    position: relative;
    margin-top: 3rem;
    contain: paint;
}

@media (min-width: 992px) {
    .ktc-sustainability .efficient-resource-management-page .section-scene-3 .efficient-2-1::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: calc(40vw + 30px);
        height: 100%;
        background-color: #FAFAFA;
    }
}

@media (min-width: 1200px) {
    .ktc-sustainability .efficient-resource-management-page .section-scene-3 .efficient-2-1::before {
        width: calc(50vw + 30px);
    }
}

.ktc-sustainability .efficient-resource-management-page .section-scene-4 {
    position: relative;
    padding: 3rem 0;
    contain: paint;
    z-index: 1;
}

.ktc-sustainability .efficient-resource-management-page .section-scene-4::before,
.ktc-sustainability .efficient-resource-management-page .section-scene-4::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    z-index: -1;
    pointer-events: none;
}

.ktc-sustainability .efficient-resource-management-page .section-scene-4::before {
    background: -moz-linear-gradient(131deg, rgba(246, 247, 204, 0) 12.56%, #F3F7CC 86.38%);
    background: -webkit-linear-gradient(131deg, rgba(246, 247, 204, 0) 12.56%, #F3F7CC 86.38%);
    background: linear-gradient(131deg, rgba(246, 247, 204, 0) 12.56%, #F3F7CC 86.38%);
}

.ktc-sustainability .efficient-resource-management-page .section-scene-4::after {
    left: 50%;
    background: -moz-linear-gradient(52deg, #d5e14e 0%, rgba(255, 255, 255, 0) 92%);
    background: -webkit-linear-gradient(52deg, #d5e14e 0%, rgba(255, 255, 255, 0) 92%);
    background: linear-gradient(52deg, #d5e14e 0%, rgba(255, 255, 255, 0) 92%);
}

@media (min-width: 992px) {
    .ktc-sustainability .efficient-resource-management-page .section-scene-4 {
        padding: 5rem 0;
    }
}

.ktc-sustainability .efficient-resource-management-page .section-scene-6 {
    position: relative;
    padding: 3rem 0 0;
    contain: paint;
    background-color: #F4F4F4;
    z-index: 1;
}

@media (min-width: 992px) {
    .ktc-sustainability .efficient-resource-management-page .section-scene-6 {
        padding: 5rem 0 0;
    }
}

.ktc-sustainability .efficient-resource-management-page .section-scene-10 {
    position: relative;
    padding: 3rem 0;
    contain: paint;
}

@media (min-width: 992px) {
    .ktc-sustainability .efficient-resource-management-page .section-scene-10 {
        padding: 5rem 0;
    }
}

.ktc-sustainability .efficient-resource-management-page .section-background {
    padding: 3rem 0;
    background-color: transparent;
    z-index: 1;
}

.ktc-sustainability .efficient-resource-management-page .section-background::before {
    content: "";
    position: absolute;
    top: 0;
    left: -50vw;
    width: 150vw;
    height: 100%;
    background: linear-gradient(131deg, rgba(246, 247, 204, 0) 12.56%, #F3F7CC 86.38%);
    z-index: -1;
}

@media (min-width: 992px) {
    .ktc-sustainability .efficient-resource-management-page .section-background {
        padding: 3rem 0 3rem 3rem;
    }

    .ktc-sustainability .efficient-resource-management-page .section-background::before {
        left: 0;
        width: 50vw;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .efficient-resource-management-page .border-left-lg {
        border-left: 1px solid #D1D1D1;
    }
}

.ktc-sustainability .efficient-resource-management-page .waste-management {
    position: relative;
}

.ktc-sustainability .efficient-resource-management-page .waste-management .waste-management__wrapper {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.ktc-sustainability .efficient-resource-management-page .waste-management .waste-management__item {
    flex: 0 0 50%;
    max-width: 50%;
    display: flex;
    justify-content: center;
}

@media (min-width: 992px) {
    .ktc-sustainability .efficient-resource-management-page .waste-management .waste-management__item {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .efficient-resource-management-page .waste-management .waste-management__item:nth-child(2) {
        order: 3;
    }
}

.ktc-sustainability .efficient-resource-management-page .waste-management .waste-management__item:nth-child(3) {
    flex: 0 0 100%;
    max-width: 100%;
    margin-top: 1.5rem;
}

@media (min-width: 992px) {
    .ktc-sustainability .efficient-resource-management-page .waste-management .waste-management__item:nth-child(3) {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%;
        order: 2;
    }
}

.ktc-sustainability .efficient-resource-management-page .waste-management .waste-management__circle {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 1.5rem;
    width: 315px;
    height: 315px;
    border-radius: 50%;
    z-index: 1;
}

.ktc-sustainability .efficient-resource-management-page .waste-management .waste-management__circle::before,
.ktc-sustainability .efficient-resource-management-page .waste-management .waste-management__circle::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    pointer-events: none;
}

.ktc-sustainability .efficient-resource-management-page .waste-management .waste-management__circle::before {
    border-radius: 50%;
    background: -moz-linear-gradient(227deg, #9CA903 -0.09%, #636A01 103.69%);
    background: -webkit-linear-gradient(227deg, #9CA903 -0.09%, #636A01 103.69%);
    background: linear-gradient(227deg, #9CA903 -0.09%, #636A01 103.69%);
}

.ktc-sustainability .efficient-resource-management-page .waste-management .waste-management__circle::after {
    top: 100%;
    left: 50%;
    width: 66px;
    height: 50px;
    clip-path: polygon(0 0, 50% 100%, 100% 0);
    background-color: #737C01;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -2;
}

.ktc-sustainability .efficient-resource-management-page .waste-management .waste-management__top {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.ktc-sustainability .efficient-resource-management-page .waste-management .waste-management__bottom {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 0.5rem;
    padding-top: 0.5rem;
    border-top: 1px solid rgba(217, 217, 217, 0.4);
}

.ktc-sustainability .efficient-resource-management-page .waste-management .waste-management__title {
    color: #8A9500;
}

.ktc-sustainability .efficient-resource-management-page .waste-management .waste-management__text {
    color: #FFFFFF;
}

.ktc-sustainability .efficient-resource-management-page .waste-management .waste-management__value {
    color: #FFFFFF;
}

.ktc-sustainability .efficient-resource-management-page .waste-management .waste-management__unit {
    color: #FFFFFF;
}

.ktc-sustainability .gri-content-index-page .section-content,
.ktc-sustainability .gri-content-index-page .msg-from-chairman-page .section-scene-2,
.ktc-sustainability .msg-from-chairman-page .gri-content-index-page .section-scene-2,
.ktc-sustainability .gri-content-index-page .msg-from-chairman-page .section-scene-1,
.ktc-sustainability .msg-from-chairman-page .gri-content-index-page .section-scene-1,
.ktc-sustainability .gri-content-index-page .financial-inclusion-and-literacy-page .financial-inclusion-and-literacy-scene-3,
.ktc-sustainability .financial-inclusion-and-literacy-page .gri-content-index-page .financial-inclusion-and-literacy-scene-3,
.ktc-sustainability .gri-content-index-page .sustainability-definition-page .sustainability-definition-scene-3,
.ktc-sustainability .sustainability-definition-page .gri-content-index-page .sustainability-definition-scene-3,
.ktc-sustainability .gri-content-index-page .overview-economic-dimension-page .overview-scene-1,
.ktc-sustainability .overview-economic-dimension-page .gri-content-index-page .overview-scene-1,
.ktc-sustainability .gri-content-index-page .overview-economic-dimension-page .overview-scene-2,
.ktc-sustainability .overview-economic-dimension-page .gri-content-index-page .overview-scene-2,
.ktc-sustainability .gri-content-index-page .corporate-governance-page .cg-scene-3,
.ktc-sustainability .corporate-governance-page .gri-content-index-page .cg-scene-3,
.ktc-sustainability .gri-content-index-page .corporate-governance-page .cg-scene-5,
.ktc-sustainability .corporate-governance-page .gri-content-index-page .cg-scene-5,
.ktc-sustainability .gri-content-index-page .corporate-governance-page .cg-scene-6,
.ktc-sustainability .corporate-governance-page .gri-content-index-page .cg-scene-6,
.ktc-sustainability .gri-content-index-page .anti-corruption-and-bribery-page .anti-corruption-scene-6,
.ktc-sustainability .anti-corruption-and-bribery-page .gri-content-index-page .anti-corruption-scene-6,
.ktc-sustainability .gri-content-index-page .anti-corruption-and-bribery-page .anti-corruption-scene-7,
.ktc-sustainability .anti-corruption-and-bribery-page .gri-content-index-page .anti-corruption-scene-7,
.ktc-sustainability .gri-content-index-page .anti-corruption-and-bribery-page .anti-corruption-scene-8,
.ktc-sustainability .anti-corruption-and-bribery-page .gri-content-index-page .anti-corruption-scene-8,
.ktc-sustainability .gri-content-index-page .esg-products-and-services-page .esg-products-and-services-scene-8,
.ktc-sustainability .esg-products-and-services-page .gri-content-index-page .esg-products-and-services-scene-8,
.ktc-sustainability .gri-content-index-page .esg-products-and-services-page .esg-products-and-services-scene-11,
.ktc-sustainability .esg-products-and-services-page .gri-content-index-page .esg-products-and-services-scene-11,
.ktc-sustainability .gri-content-index-page .supply-chain-management-page .supply-chain-management-scene-8,
.ktc-sustainability .supply-chain-management-page .gri-content-index-page .supply-chain-management-scene-8 {
    overflow: inherit;
}

@media (min-width: 992px) {
    .ktc-sustainability .collaboration-page .partner {
        position: relative;
        padding: 1.5rem;
        border-radius: 16px;
        background-color: #FFFFFF;
        -webkit-box-shadow: 0px 0px 30px 0px rgba(142, 79, 58, 0.1);
        -moz-box-shadow: 0px 0px 30px 0px rgba(142, 79, 58, 0.1);
        box-shadow: 0px 0px 30px 0px rgba(142, 79, 58, 0.1);
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
}

.ktc-sustainability .collaboration-page .partner .partner__title {
    text-align: center;
    margin-bottom: 1.5rem;
}

@media (max-width: 767.98px) {
    .ktc-sustainability .collaboration-page .partner .partner__title {
        margin-top: 1.5rem;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .collaboration-page .partner .card-deck.card-deck--partner-2 .card.card--partner {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        min-height: 1px;
        margin-bottom: 0;
    }
}

html[lang=en] .ktc-sustainability .financial-inclusion-and-literacy-page .ktc-access .ktc-access__title {
    font-size: 1.5625rem;
    font-weight: 700;
}

html[lang=en] .ktc-sustainability .financial-inclusion-and-literacy-page .online-knowledge .online-knowledge__title {
    font-size: 1rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .financial-inclusion-and-literacy-page .ktc-access .ktc-access__title {
    font-size: 1.5625rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .financial-inclusion-and-literacy-page .online-knowledge .online-knowledge__title {
    font-size: 1rem;
    font-weight: 700;
}

.ktc-sustainability .financial-inclusion-and-literacy-page .financial-inclusion-and-literacy-scene-3 {
    background-position: center bottom;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1;
}

.ktc-sustainability .financial-inclusion-and-literacy-page .financial-inclusion-and-literacy-scene-3::before,
.ktc-sustainability .financial-inclusion-and-literacy-page .financial-inclusion-and-literacy-scene-3::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(131deg, #E8F9F7 12.56%, #32CCC2 86.38%);
    background: -webkit-linear-gradient(131deg, #E8F9F7 12.56%, #32CCC2 86.38%);
    background: linear-gradient(131deg, #E8F9F7 12.56%, #32CCC2 86.38%);
    opacity: 0.2;
    z-index: -1;
    pointer-events: none;
}

@media (min-width: 992px) {

    .ktc-sustainability .financial-inclusion-and-literacy-page .financial-inclusion-and-literacy-scene-3::before,
    .ktc-sustainability .financial-inclusion-and-literacy-page .financial-inclusion-and-literacy-scene-3::after {
        width: 50%;
    }

    .ktc-sustainability .financial-inclusion-and-literacy-page .financial-inclusion-and-literacy-scene-3::after {
        left: 50%;
    }
}

.ktc-sustainability .financial-inclusion-and-literacy-page .ktc-access {
    position: relative;
    z-index: 1;
}

.ktc-sustainability .financial-inclusion-and-literacy-page .ktc-access .ktc-access__bg {
    position: relative;
    margin-top: 1rem;
}

@media (min-width: 992px) {
    .ktc-sustainability .financial-inclusion-and-literacy-page .ktc-access .ktc-access__bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-position: center center;
        background-size: 30%;
        background-repeat: no-repeat;
        pointer-events: none;
        z-index: -1;
    }
}

.ktc-sustainability .financial-inclusion-and-literacy-page .ktc-access .ktc-access__bg>img {
    display: block;
    margin: auto;
    height: auto;
    max-width: 100%;
    object-fit: contain;
}

.ktc-sustainability .financial-inclusion-and-literacy-page .ktc-access .ktc-access__wrapper {
    display: flex;
    flex-flow: row wrap;
}

.ktc-sustainability .financial-inclusion-and-literacy-page .ktc-access .ktc-access__item {
    flex: 0 0 100%;
    max-width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 0 1.25rem;
}

@media (min-width: 992px) {
    .ktc-sustainability .financial-inclusion-and-literacy-page .ktc-access .ktc-access__item {
        flex: 0 0 50%;
        max-width: 50%;
        height: 560px;
        padding: 0 1.25rem 1.25rem;
        overflow-y: auto;
    }
}

@media (min-width: 992px) {
    .ktc-sustainability .financial-inclusion-and-literacy-page .ktc-access .ktc-access__item:nth-child(1) {
        padding-right: 7.5rem;
    }
}

.ktc-sustainability .financial-inclusion-and-literacy-page .ktc-access .ktc-access__item:nth-child(1) .ktc-access__title {
    background: -moz-linear-gradient(227deg, #00867C 1.53%, #582798 103.69%);
    background: -webkit-linear-gradient(227deg, #00867C 1.53%, #582798 103.69%);
    background: linear-gradient(227deg, #00867C 1.53%, #582798 103.69%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

@media (min-width: 992px) {
    .ktc-sustainability .financial-inclusion-and-literacy-page .ktc-access .ktc-access__item:nth-child(2) {
        padding-left: 7.5rem;
    }
}

.ktc-sustainability .financial-inclusion-and-literacy-page .ktc-access .ktc-access__item:nth-child(2) .ktc-access__title {
    background: -moz-linear-gradient(227deg, #00867C -0.09%, #C98ADC 103.69%);
    background: -webkit-linear-gradient(227deg, #00867C -0.09%, #C98ADC 103.69%);
    background: linear-gradient(227deg, #00867C -0.09%, #C98ADC 103.69%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ktc-sustainability .financial-inclusion-and-literacy-page .ktc-access .ktc-access__item:not(:first-child) {
    margin-top: 1.5rem;
}

@media (min-width: 992px) {
    .ktc-sustainability .financial-inclusion-and-literacy-page .ktc-access .ktc-access__item:not(:first-child) {
        margin-top: 0;
    }
}

.ktc-sustainability .financial-inclusion-and-literacy-page .ktc-access .ktc-access__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    margin-bottom: 1rem;
}

.ktc-sustainability .financial-inclusion-and-literacy-page .ktc-access .ktc-access__title {
    text-align: center;
    margin-bottom: 1.5rem;
}

.ktc-sustainability .financial-inclusion-and-literacy-page .ktc-access .ktc-access__body {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.ktc-sustainability .financial-inclusion-and-literacy-page .online-knowledge {
    position: relative;
    border-radius: 16px;
    -webkit-box-shadow: 0px -4px 20px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px -4px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0px -4px 20px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    z-index: 1;
}

.ktc-sustainability .financial-inclusion-and-literacy-page .online-knowledge::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    border-radius: 16px;
    background-color: #000000;
    pointer-events: none;
    z-index: -1;
}

.ktc-sustainability .financial-inclusion-and-literacy-page .online-knowledge .online-knowledge__title {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 68px;
    padding: 0.25rem 0.5rem;
    color: #FFFFFF;
}

.ktc-sustainability .financial-inclusion-and-literacy-page .online-knowledge .online-knowledge__img {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
}

.ktc-sustainability .financial-inclusion-and-literacy-page .online-knowledge .online-knowledge__img>img {
    display: block;
    margin: auto;
    height: auto;
    width: 100%;
    border-radius: 16px;
    object-fit: contain;
}

html[lang=en] .ktc-sustainability .human-resource-management-and-development-page .human-resource__header {
    font-size: 1.375rem;
    font-weight: 700;
}

html[lang=en] .ktc-sustainability .human-resource-management-and-development-page .human-resource__title {
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .human-resource-management-and-development-page .human-resource__header {
    font-size: 1.375rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .human-resource-management-and-development-page .human-resource__title {
    font-weight: 700;
}

.ktc-sustainability .human-resource-management-and-development-page .human-resource-management-scene-5 {
    position: relative;
    contain: paint;
}

.ktc-sustainability .human-resource-management-and-development-page .human-resource-management-scene-5 .block.block--vertical .block__item::before,
.ktc-sustainability .human-resource-management-and-development-page .human-resource-management-scene-5 .block.block--vertical-2 .block__item::before,
.ktc-sustainability .human-resource-management-and-development-page .human-resource-management-scene-5 .block.block--vertical-reverse .block__item::before,
.ktc-sustainability .human-resource-management-and-development-page .human-resource-management-scene-5 .block.block--vertical-cross .block__item::before,
.ktc-sustainability .human-resource-management-and-development-page .human-resource-management-scene-5 .block.block--vertical-single .block__item::before {
    background-color: #FAFAFA;
}

.ktc-sustainability .human-resource-management-and-development-page .human-resource-management-scene-7 {
    position: relative;
    contain: paint;
    background-color: #FAFAFA;
}

@media (max-width: 767.98px) {
    .ktc-sustainability .human-resource-management-and-development-page .human-resource-management-scene-7 {
        padding-top: 3rem;
    }
}

.ktc-sustainability .human-resource-management-and-development-page .human-resource-management-scene-7 .block.block--vertical-cross .block__item::before {
    background-color: #FAFAFA;
}

.ktc-sustainability .human-resource-management-and-development-page .human-curve-block {
    position: relative;
    padding: 2rem;
    text-align: center;
    border-radius: 16px;
    background-color: #FAFAFA;
}

.ktc-sustainability .human-resource-management-and-development-page .human-curve-block .human-curve-block__item {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 2rem;
    height: 100%;
    border-radius: 16px;
    background-color: #FFFFFF;
}

.ktc-sustainability .human-resource-management-and-development-page .human-curve-block .human-curve-block__title {
    text-align: center;
    min-height: 48px;
}

.ktc-sustainability .human-rights-page .human-rights-scene-5 {
    background-repeat: no-repeat;
    background-size: cover;
    padding: 5rem 0;
}

.ktc-sustainability .human-rights-page .human-rights-scene-5 .block--counter-number .block__item {
    flex: 0 0 100%;
    max-width: 100%;
}

.ktc-sustainability .human-rights-page .human-rights-scene-5 .block--counter-number .block__value {
    background: -moz-linear-gradient(227deg, #00867C 1.53%, #582798 103.69%);
    background: -webkit-linear-gradient(227deg, #00867C 1.53%, #582798 103.69%);
    background: linear-gradient(227deg, #00867C 1.53%, #582798 103.69%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ktc-sustainability .human-rights-page .human-rights-scene-5 .block--counter-number .block__text {
    margin-top: 1rem;
}

html[lang=en] .ktc-sustainability .occupational-health-and-safety-page .benefits .benefits__header {
    font-size: 1.25rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .occupational-health-and-safety-page .benefits .benefits__header {
    font-size: 1.25rem;
    font-weight: 700;
}

.ktc-sustainability .occupational-health-and-safety-page .occupational-health-scene-12,
.ktc-sustainability .occupational-health-and-safety-page .occupational-health-scene-13 {
    position: relative;
    contain: paint;
}

.ktc-sustainability .occupational-health-and-safety-page .occupational-health-scene-14 {
    position: relative;
    padding: 5rem 0;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1;
}

.ktc-sustainability .occupational-health-and-safety-page .occupational-health-scene-15 {
    position: relative;
    padding: 5rem 0;
    background-color: #FFFFFF;
    z-index: 1;
}

.ktc-sustainability .occupational-health-and-safety-page .benefits .benefits__header {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 0.25rem 0.5rem;
    margin: auto;
    color: #FFFFFF;
    width: 100%;
    max-width: 80%;
    min-height: 42px;
    border-radius: 16px;
    background: -moz-linear-gradient(219deg, #80DFD9 6.13%, #4468D6 101.87%);
    background: -webkit-linear-gradient(219deg, #80DFD9 6.13%, #4468D6 101.87%);
    background: linear-gradient(219deg, #80DFD9 6.13%, #4468D6 101.87%);
    z-index: 1;
}

.ktc-sustainability .occupational-health-and-safety-page .benefits .benefits__body {
    position: relative;
    padding: 3rem 1.5rem 1.5rem;
    margin-top: -21px;
    border-radius: 24px;
    background: -moz-linear-gradient(310deg, #EDFFFE 7.42%, #FFF 40.89%, #FFF 69.75%, #CDFFFC 122.98%);
    background: -webkit-linear-gradient(310deg, #EDFFFE 7.42%, #FFF 40.89%, #FFF 69.75%, #CDFFFC 122.98%);
    background: linear-gradient(310deg, #EDFFFE 7.42%, #FFF 40.89%, #FFF 69.75%, #CDFFFC 122.98%);
}

.ktc-sustainability .occupational-health-and-safety-page .safety-information {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 24px;
    background: -moz-linear-gradient(357deg, #ECFAF9 -13.11%, #FFF 129.37%);
    background: -webkit-linear-gradient(357deg, #ECFAF9 -13.11%, #FFF 129.37%);
    background: linear-gradient(357deg, #ECFAF9 -13.11%, #FFF 129.37%);
}

.ktc-sustainability .occupational-health-and-safety-page .safety-information .safety-information__wrapper {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
}

.ktc-sustainability .occupational-health-and-safety-page .safety-information .safety-information__item {
    flex: 0 0 100%;
    max-width: 100%;
    position: relative;
    padding: 2rem;
    z-index: 1;
}

.ktc-sustainability .occupational-health-and-safety-page .safety-information .safety-information__item:not(:first-child)::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: rgba(148, 197, 192, 0.2);
    pointer-events: none;
    z-index: -1;
}

@media (min-width: 1200px) {
    .ktc-sustainability .occupational-health-and-safety-page .safety-information .safety-information__item {
        padding: 2.5rem;
    }

    .ktc-sustainability .occupational-health-and-safety-page .safety-information .safety-information__item:nth-child(odd) {
        flex: 0 0 55%;
        max-width: 55%;
    }

    .ktc-sustainability .occupational-health-and-safety-page .safety-information .safety-information__item:nth-child(even) {
        flex: 0 0 45%;
        max-width: 45%;
    }

    .ktc-sustainability .occupational-health-and-safety-page .safety-information .safety-information__item:not(:first-child)::before {
        top: 50%;
        width: 2px;
        height: 90%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

.ktc-sustainability .occupational-health-and-safety-page .safety-information .safety-information__value {
    color: #02978E;
    font-size: 6.25rem;
    font-weight: bold;
    line-height: 1;
}

@media (min-width: 992px) {
    .ktc-sustainability .occupational-health-and-safety-page .safety-information .safety-information__value {
        font-size: 11.25rem;
    }
}

html[lang=en] .ktc-sustainability .home.home--sustain-definition .sustain-definition .sustain-definition__title {
    font-size: 1.375rem;
    font-weight: 700;
}

html[lang=en] .ktc-sustainability .home.home--sustain-definition .sustain-definition .sustain-definition__text {
    font-size: 1.25rem;
}

html[lang=en] .ktc-sustainability .home.home--sd-report .sd-report .sd-report__title {
    font-size: 1.25rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .home.home--sustain-definition .sustain-definition .sustain-definition__title {
    font-size: 1.375rem;
    font-weight: 700;
}

html[lang=th] .ktc-sustainability .home.home--sustain-definition .sustain-definition .sustain-definition__text {
    font-size: 1.25rem;
}

html[lang=th] .ktc-sustainability .home.home--sd-report .sd-report .sd-report__title {
    font-size: 1.25rem;
    font-weight: 700;
}

.ktc-sustainability .home {
    position: relative;
    padding: 3rem 0;
    overflow: hidden;
}

@media (min-width: 992px) {
    .ktc-sustainability .home {
        padding: 5rem 0;
    }
}

.ktc-sustainability .home.home--breadcrumb {
    position: absolute;
    top: 60px;
    left: 0;
    padding: 0;
    width: 100%;
    background-color: transparent;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 1;
}

.ktc-sustainability .home.home--breadcrumb .breadcrumb .breadcrumb-item::before {
    color: rgba(255, 255, 255, 0.6);
}

.ktc-sustainability .home.home--breadcrumb .breadcrumb .breadcrumb-item:first-child .breadcrumb-link,
.ktc-sustainability .home.home--breadcrumb .breadcrumb .breadcrumb-item.active .breadcrumb-link {
    color: rgba(255, 255, 255, 0.6);
}

.ktc-sustainability .home.home--breadcrumb .breadcrumb .breadcrumb-link {
    color: #FFFFFF;
}

.ktc-sustainability .home.home--billboard {
    padding: 0;
}

.ktc-sustainability .home.home--msg-from-chairman {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

@media (min-width: 992px) {
    .ktc-sustainability .home.home--msg-from-chairman {
        padding-bottom: 0;
    }
}

.ktc-sustainability .home.home--general-info {
    padding: 5rem 0 25vw;
    z-index: 1;
}

@media (min-width: 992px) {
    .ktc-sustainability .home.home--general-info {
        display: flex;
        align-items: center;
        min-height: 540px;
        padding: 5rem 0;
    }
}

.ktc-sustainability .home.home--general-info .general-info-img {
    position: absolute;
    bottom: 0;
    right: 0;
    height: auto;
    width: 40vw;
    max-width: 640px;
    max-height: 540px;
    pointer-events: none;
    z-index: -1;
}

.ktc-sustainability .home.home--sustain-definition {
    padding: 0 0 3rem;
}

.ktc-sustainability .home.home--sustain-definition::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(90deg, #d0ebff 0%, white 70%, white 100%);
    background: -webkit-linear-gradient(90deg, #d0ebff 0%, white 70%, white 100%);
    background: linear-gradient(90deg, #d0ebff 0%, white 70%, white 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#D0EBFF", endColorstr="#FFFFFF", GradientType=1);
    pointer-events: none;
}

@media (min-width: 992px) {
    .ktc-sustainability .home.home--sustain-definition {
        padding: 0 0 1rem;
    }
}

.ktc-sustainability .home.home--sustain-definition .sustain-definition {
    position: relative;
    display: flex;
    flex-flow: row wrap;
}

.ktc-sustainability .home.home--sustain-definition .sustain-definition .sustain-definition__figure {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 1.5rem;
}

@media (min-width: 992px) {
    .ktc-sustainability .home.home--sustain-definition .sustain-definition .sustain-definition__figure {
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%;
        margin-bottom: 0;
    }
}

.ktc-sustainability .home.home--sustain-definition .sustain-definition .sustain-definition__img {
    display: block;
    margin: auto;
    height: auto;
    max-width: 100%;
    object-fit: contain;
    object-position: center;
}

.ktc-sustainability .home.home--sustain-definition .sustain-definition .sustain-definition__body {
    flex: 0 0 100%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    align-self: center;
    text-align: center;
}

@media (min-width: 992px) {
    .ktc-sustainability .home.home--sustain-definition .sustain-definition .sustain-definition__body {
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%;
    }
}

.ktc-sustainability .home.home--sustain-definition .sustain-definition .sustain-definition__title {
    margin-bottom: 2.5rem;
}

.ktc-sustainability .home.home--sustain-definition .sustain-definition .sustain-definition__text {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    z-index: 1;
}

.ktc-sustainability .home.home--sustain-definition .sustain-definition .sustain-definition__text::before,
.ktc-sustainability .home.home--sustain-definition .sustain-definition .sustain-definition__text::after {
    font-family: "icomoon";
    font-weight: 300;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    content: "";
    color: #CB333B;
    padding-bottom: 1.5rem;
    pointer-events: none;
    z-index: -1;
}

.ktc-sustainability .home.home--sustain-definition .sustain-definition .sustain-definition__text::after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.ktc-sustainability .home.home--sustain-definition .sustain-definition .sustain-definition__btn {
    margin-top: 4rem;
}

.ktc-sustainability .home.home--sustain-development {
    background-color: #E4E4E4;
}

.ktc-sustainability .home.home--award-and-sd-report {
    padding-bottom: 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.ktc-sustainability .home.home--award-and-sd-report::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(180deg, #FFFFFF 0%, transparent 100%);
    background: -webkit-linear-gradient(180deg, #FFFFFF 0%, transparent 100%);
    background: linear-gradient(180deg, #FFFFFF 0%, transparent 100%);
    opacity: 0.7;
    pointer-events: none;
}

.ktc-sustainability .home.home--award {
    padding: 0;
}

@media (max-width: 991.98px) {
    .ktc-sustainability .home.home--award .award-btn {
        text-align: center;
        margin-top: 1.5rem;
    }
}

@media (max-width: 991.98px) {
    .ktc-sustainability .home.home--award .award-btn .link.link--icon {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        padding: 0.25rem 0.5rem;
        min-height: 38px;
        min-width: 140px;
        border-radius: 6px;
        color: #FFFFFF;
        border: 1px solid #cf3339;
        background-color: #cf3339;
    }

    .ktc-sustainability .home.home--award .award-btn .link.link--icon::before {
        display: none;
    }

    .ktc-sustainability .home.home--award .award-btn .link.link--icon:hover {
        border-color: #b52e33;
        background-color: #b52e33;
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    }
}

.ktc-sustainability .home.home--sd-report {
    padding-bottom: 0;
}

@media (min-width: 992px) {
    .ktc-sustainability .home.home--sd-report {
        padding-top: 0;
    }
}

.ktc-sustainability .home.home--sd-report .sd-report {
    border-top-left-radius: 100px;
    border-top-right-radius: 100px;
    background-color: rgba(255, 255, 255, 0.9);
}

.ktc-sustainability .home.home--contact {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.ktc-sustainability .msg-from-chairman-page {
    position: relative;
}

.ktc-sustainability .msg-from-chairman-page .section-scene-1 {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

@media (min-width: 992px) {
    .ktc-sustainability .msg-from-chairman-page .section-scene-1 {
        padding-bottom: 0;
    }
}

.ktc-sustainability .msg-from-chairman-page .section-scene-2 {
    background-color: #F9F9F9;
}

.ktc-sustainability .section-msg-from-chairman {
    position: relative;
    overflow: hidden;
}

@media (min-width: 992px) {
    .ktc-sustainability .section-msg-from-chairman .msg-from-chairman .msg-from-chairman__img {
        max-width: 450px;
    }
}

.ktc-sustainability .section-msg-from-chairman .msg-from-chairman .msg-from-chairman__body {
    flex-direction: column-reverse;
}

@media (min-width: 992px) {
    .ktc-sustainability .section-msg-from-chairman .msg-from-chairman .msg-from-chairman__body {
        flex-direction: column;
    }
}

.ktc-sustainability .section-msg-from-chairman .msg-from-chairman .msg-from-chairman__sign {
    margin-top: 1rem;
}

@media (min-width: 992px) {
    .ktc-sustainability .section-msg-from-chairman .msg-from-chairman .msg-from-chairman__sign {
        margin-top: 3rem;
    }
}

.ktc-sustainability .section-msg-from-chairman .msg-from-chairman .msg-from-chairman__text {
    font-weight: 400;
}

@media (max-width: 991.98px) {
    .ktc-sustainability .section-msg-from-chairman .msg-from-chairman .msg-from-chairman__text {
        margin-top: 2rem;
    }
}

.ktc-sustainability .sustainability-report-page .sustainability-report {
    position: relative;
    padding-top: 3rem;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

@media (min-width: 992px) {
    .ktc-sustainability .sustainability-report-page .sustainability-report {
        padding-top: 5rem;
    }
}

.ktc-sustainability .contact {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 100%;
}

.ktc-sustainability .contact .contact__wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 400px;
    border-radius: 6px;
}

.ktc-sustainability .contact .contact__map {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 6px;
}

.ktc-sustainability .contact .contact__detail {
    position: relative;
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    padding: 0 0 0 2rem;
}

@media (max-width: 991.98px) {
    .ktc-sustainability .contact .contact__detail {
        padding: 2rem;
    }
}

@media (max-width: 767.98px) {
    .ktc-sustainability .contact .contact__detail {
        padding: 2rem 0;
    }
}

.ktc-sustainability .contact .contact__detail .contact__headline {
    position: relative;
    font-size: 1.375rem;
    font-weight: bold;
    margin-bottom: 24px;
}

.ktc-sustainability .contact .contact__detail .contact__location {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
    margin-bottom: 20px;
}

.ktc-sustainability .contact .contact__detail .contact__location .contact__icon {
    display: flex;
    color: #CB333B;
    font-size: 1.125rem;
}

.ktc-sustainability .contact .contact__detail .contact__location .contact__text {
    display: flex;
    margin-left: 1rem;
    font-size: 1.25rem;
}

.ktc-sustainability .contact .contact__detail .contact__location .contact__text>a {
    color: #333333;
    text-decoration: none;
}

@media (max-width: 575px) {
    .ktc-sustainability .header {
        top: 45px;
    }

    .ktc-sustainability .main-banner {
        margin-top: 45px;
    }

}