[id*="custom-html"]{padding:0 !important; position:relative;}
.text-show{display:block !important;}
.text-blue{color:#00b2ff;}
.text-light{color: #fff !important;}
.ml-1{margin-left: 1rem;}
a.link:hover, .link:hover{border-bottom:1px solid #00b2ff !important;}
a.link:before{background:transparent !important;}
.text-bold{font-weight: 500; font-family: "Galano Grotesque",Helvetica,sans-serif;}
.note {font-size: 14px;}

#top-hero{position: relative; padding: 0;}
#top-hero h1{display: none;}
#top-hero .row {height: 500px; align-items: center;}

#report-section .btn.color-adjusted {background-color: #fff !important; border-color: #fff !important; color: #003eab !important;}
#report-section .border-adjusted {color: #fff !important;}
#report-section .border-adjusted:hover {background-color: transparent!important;}
#report-section .border-adjusted::before {background-color: #fff !important;}

.js-scroll {opacity: 0; transition: opacity 500ms;}
.js-scroll.scrolled {opacity: 1;}
.scrolled.fade-in {animation: fade-in 1s ease-in-out both;}
.scrolled.fade-in-bottom {animation: fade-in-bottom 1s ease-in-out both;}
.scrolled.slide-left {animation: slide-in-left 1s ease-in-out both;}
.scrolled.slide-right {animation: slide-in-right 1s ease-in-out both;}

/* ----------------------------------------------
 * Generated by Animista on 2021-2-11 23:32:31
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

@keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* SECTION  NUMBERS */
.supply-chain-section{margin:auto;}
.numbers .number-item{float:left; overflow: hidden; -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); width:100%;}
.sc1 {height: 390px; position: relative; overflow: hidden;}
.sc2{height:320px; width: 36%; position: relative; overflow: hidden; margin-top: 10.74px;}
.sc3{height:320px; width: 63%; position: relative; overflow: hidden; margin-top: 10.74px;}
.number-item .cover {position: absolute; top: 0; width: 100%; height: 100%; z-index: 5; background:rgba(0,0,0,0.2);}
.number-item .imgLink {height: 100%; width: 100%; overflow:hidden;}
.number-item .imgLink img {height: 100%; width: 100%; object-fit:cover;}
.supply-chain-section h2{font-size: 55px;}
.supply-chain-section .desc {position: absolute; color: #fff; width:100%; padding: 1.5rem 2rem; bottom:0;}
.supply-chain-section .desc.text-right {position: absolute; right: 0; color: #fff; width:80%; padding: 1.5rem 2rem;}
.supply-chain-section .imgLink img {width: 100%; object-fit: cover;}
.large-caption{font-size: 70px; line-height: 1;}
.small-caption{font-size:29px; line-height: 1;}
.number-caption span.value, .number-caption span.decimal-value{font-size:100px; line-height:1; font-family: "Galano Grotesque",Helvetica,sans-serif;}
.number-caption span.percentage-text{font-size:50px;}

.supplier-mgnt-box {position: relative;}
.supplier-mgnt-box img {display: block; width: 100%; height: 445px; object-fit:cover !important;}
.supplier-mgnt-box .overlay {position: absolute;bottom: 0;left: 0;right: 0;background: rgba(0,0,0,0.5);width: 100%;height: 190px; padding: 1rem;}
.supplier-mgnt-box h5{font-size:1.33rem; margin:auto !important; color:#fff !important;}
.supplier-mgnt-box .description p{margin-top:0; color:#fff; font-size: 16px;}

#supplier-code-section {position: relative; overflow: hidden;}
#supplier-code-section h3{display: none; margin-top: 0;}
#supplier-code-section .d-flex {height: 550px;}
#supplier-code-section .desc {padding: 0; width: 45%;}
#supplier-code-section .img-box{position:absolute; right:0; height:550px; width: 50%; overflow-y: hidden;}
#supplier-code-section .img-box img{object-fit:cover; width:100%; height:100%;}
#supplier-code-section strong.text-blue{cursor:pointer; font-weight:500;}
#supplier-code-section .modal-body .d-flex{height: auto;}

#supply-chain-risk-section {position:relative; overflow: hidden;}
#supply-chain-risk-section h3{display: none; margin-top: 0;}
#supply-chain-risk-section .d-flex{height:650px;}
#supply-chain-risk-section .desc {padding: 0; width: 45%; margin-left: 54%;}
#supply-chain-risk-section .img-box{position:absolute; left:0; height:650px; width: 50%; overflow-y: hidden;}
#supply-chain-risk-section .img-box img{object-fit:cover; width:100%; height:100%;}
.certification-rate-section {display: flex;}
.certification-rate-box {width: 32%;}
.certification-rate-box .caption {background: #cdcdcd; padding: 5px 10px; width: 100%}
.certification-rate-box .text {background: #dedede; padding: 5px 10px; font-size: 15px; height: 105px;}
.certification-rate-box .text ul, .certification-rate-box .text p {margin-bottom: 0!important; padding-left: 0 !important;}
.certification-rate-box .text ul li{list-style-type:none !important; font-size: 15px; line-height: 1 !important;}
.certification-rate-box .separate-line{padding: 5px 0;}
.certification-rate-box hr {border-color: #444; margin: 0;}

#supplier-audit-section {position:relative; overflow: hidden;}
#supplier-audit-section h3{display: none; margin-top: 0;}
#supplier-audit-section .d-flex {height:450px;}
#supplier-audit-section .desc {padding: 0; width: 45%;}
#supplier-audit-section .img-box{position:absolute; right:-2%; height:450px; width: 50%; overflow-y: hidden;}
#supplier-audit-section .img-box img{object-fit:cover; width:100%; height:100%;}
#supplier-audit-section strong.text-blue{cursor:pointer; font-weight:500;}
#supplier-audit-section .modal-body .d-flex{height: auto;}
.sdg-title {line-height: 1rem !important; margin-top: 5px !important; font-size: 13px;}

#report-section h2{display: none;}
#report-section .col-md-5 {width: 80%;}

.icon-supplier-code{margin:0 auto; display: flex; align-items: center;}
.modal-content ul{margin-top:2rem; margin-left:20px;}
.modal-content ul li{list-style: disc;}

.modal-body h5{line-height:normal;}
.modal-body .close{position:absolute; color:#000; top:0; right:0;}
.modal-body .close:hover{cursor: pointer;}
.modal-body .close i{font-size:2rem; padding:10px;}
.modal-open {overflow: hidden;}
.modal-open .modal {overflow-x: hidden!important; overflow-y: auto!important;}
.modal {position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100% !important; height: 100% !important; max-height:none !important; padding:unset!important; border-radius: 0 !important; background-color:rgba(0,0,0,0.8) !important; overflow: hidden !important; outline: 0;}
.modal-dialog {position: relative; width: auto; min-width:30%; margin: 0.5rem; pointer-events: none; max-width:90%;}
.modal.fade .modal-dialog {transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; -webkit-transform: translate(0, -50px);  transform: translate(0, -50px);}

@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {transition: none;}
}

.modal.show .modal-dialog {-webkit-transform: none; transform: none;}
.modal-dialog-scrollable {display: -ms-flexbox; display: flex; max-height: calc(100% - 1rem);}
.modal-dialog-scrollable .modal-content {max-height: calc(100vh - 1rem); overflow: hidden;}
.modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer {-ms-flex-negative: 0; flex-shrink: 0;}
.modal-dialog-scrollable .modal-body {overflow-y: auto;}
.modal-dialog-centered {display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; min-height: calc(100% - 1rem);}
.modal-dialog-centered::before {display: block; height: calc(100vh - 1rem); content: "";}
.modal-dialog-centered.modal-dialog-scrollable {-ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; height: 100%;}
.modal-dialog-centered.modal-dialog-scrollable .modal-content {max-height: none;}
.modal-dialog-centered.modal-dialog-scrollable::before {content: none;}
.modal-content {position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: auto; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0; margin: auto;}
.modal-backdrop {position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000;}
.modal-backdrop.fade {opacity: 0;}
.modal-backdrop.show {opacity: 0.5;}
.modal-header {display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: justify; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem;}
.modal-header .close {padding: 1rem 1rem; margin: -1rem -1rem -1rem auto;}
.modal-title {margin-bottom: 0; line-height: 1.5;}
.modal-body {position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 2rem;}
.modal-scrollbar-measure {position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll;}
.zyx-paragraph__cta a {margin-right: 1rem;}
.zyx-paragraph__cta span {line-height: normal; vertical-align: middle;}


@media (min-width: 576px) {
  .modal-dialog {max-width: 90%; margin: 1.75rem auto;}
  .modal-dialog-scrollable {max-height: calc(100% - 3.5rem);}
  .modal-dialog-scrollable .modal-content {max-height: calc(100vh - 3.5rem);}
  .modal-dialog-centered {min-height: calc(100% - 3.5rem);}
  .modal-dialog-centered::before {height: calc(100vh - 3.5rem);}
  .modal-sm {max-width: 300px;}
}

@media (min-width: 992px) {
  .modal-lg, .modal-xl {max-width: 800px;}
}

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

@media (max-width: 1500px) {
	#commitments-section{margin-top:-12%;}
}

@media (max-width: 900px) {
	.supplier-code-section, .supply-chain-risk-section, .supplier-audit-section{height: 500px;}
	.supplier-code-section .img-box, .supply-chain-risk-section .img-box, .supplier-audit-section .img-box{height:500px;}
}

@media (max-width: 700px) {
	.left-side, .right-side{width:90%; margin: auto; height: auto;}
	.left-side{margin-bottom:30px;}
    .supply-chain-section .desc, .supply-chain-section .desc.text-right{padding: 1rem; width: 100%;}
    .supply-chain-section .imgLink, .supply-chain-section .imgLink img {height: 400px;}
    .sc1, .sc2, .sc3 {height: 400px; width: 100%; margin-bottom:1rem; margin-top: 0;}
    .supply-chain-section h2 {font-size: 35px;}
    .number-caption span.value, .number-caption span.decimal-value{font-size: 80px;}
    .number-caption span.percentage-text{font-size: 60px;}
	.small-caption{width:100% !important; font-size:16px; line-height: 1.2rem;}
    .supplier-mgnt-section .col-sm-4 {width: 100%; margin-bottom: 1rem;}
    .supplier-mgnt-box .overlay {height: auto;}
	#supplier-code-section .d-flex, #supply-chain-risk-section .d-flex, #supplier-audit-section .d-flex{height: auto; flex-direction: column-reverse;}
	#supplier-code-section .img-box, #supply-chain-risk-section .img-box, #supplier-audit-section .img-box{position:relative;  margin: auto; height: 350px; width: 100%; left: 0; right: 0;}
    #supplier-code-section .img-box img, #supply-chain-risk-section .img-box img, #supplier-audit-section .img-box img{height: 350px;}
    #supplier-code-section .desc, #supply-chain-risk-section .desc, #supplier-audit-section .desc{margin: 1rem auto 0; width:100%; padding: 0;}
}

@media (max-width: 500px) {
    .top-header-canvas .banner-title{width: 90%;}
    .top-header-canvas .banner-title h2{font-size: 2rem;}
    .certification-rate-box {width: 100%; margin-bottom: 10px;}
    #report-section .zyx-paragraph__cta {align-items: start; margin: 0; width: fit-content !important;}
}