#content input:focus,#content select:focus,#content textarea:focus{outline:0!important;border:2px solid #26639e;box-shadow:0 0 5px #26639e;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}
.disabled{
    cursor: not-allowed; /* aesthetics */
    pointer-events: none;
}

#content select{
width: 100%;
  max-width: 800px;
}
.h-md-250 {
    max-height: 150px;
}
@media (min-width: 768px)
.h-md-250 {
    height: 300px;
}
.h-md-150{
  max-height: 150px;
}
@media (min-width: 991px) {
.lrg-hidden{display:none}}
#content-2 h2 {
    font-size: 2rem;
    padding-bottom: 1.5rem!important;
    color: #26639e;
}
#content-2 h2 {
    font-weight: 400!important;
    line-height: 1.2;
    font-family: 'SourceHanSerifSC', serif;;
}
.flex-parent {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
##PLC01 input, #PLC02 input{margin-bottom: 0px!important;margin-right: 0px!important;border:none!important}
#PLC01 .flex-parent {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;;
  height: 100%;
}
#PLC01a .flex-parent {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

#PLC01 .input-flex-container {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  max-width: 1000px;
  position: relative;
  z-index: 0;
  margin-left: calc((100% - 25px) / 20);
}

#PLC01 input {
  width: 25px;
  height: 25px;
  background-color: #26639e;
  position: relative;
  border-radius: 50%;
  display: block;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
  margin:0;
}
#PLC01 input:focus {
  outline: none;
}
#PLC01 input::before, #PLC01 input::after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: 50%;
  transform: translateY(-50%);
  background-color: #26639e;
  width: 5vw;
  height: 5px;
  max-width: 50px;
}
#PLC01 input::before {
  left: calc(-5vw + 12.5px);
}
#PLC01 input::after {
  right: calc(-5vw + 12.5px);
}
#PLC01 input:checked {
  background-color: #26639e;
}
#PLC01 input:checked::before {
  background-color: #26639e;
}
#PLC01 input:checked::after {
  background-color: #dfdfdf;
}
#PLC01 input:checked ~ input, #PLC01 input:checked ~ input::before, #PLC01 input:checked ~ input::after {
  background-color: #dfdfdf;
}
#PLC01 input:checked + #PLC01 .dot-info span {
  font-size: 11px;
}

#PLC01 .dot-info {
  width: 25px;
  height: 25px;
  display: block;
  visibility: hidden;
  position: relative;
  left: calc((((100% - 25px) / 20) * -1) - 1px);
}
#PLC01 .dot-info span {
  visibility: visible;
  position: absolute;
  font-size: 11px;
}
#PLC01 .dot-info span.year {
    top: 0;
    left: 0;
    transform: none;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
    pointer-events: none;
}


#PLC01 #timeline-descriptions-wrapper {
  width: 100%;
  margin-top: 60px;
  font-weight: 400;
  /*margin-left: calc((-80vw - 25px) / 20);*/
}
#PLC01 #timeline-descriptions-wrapper p {
  margin-top: 0;
  display: none;
}

#PLC01 input[data-description="PLC01design"]:checked ~ #timeline-descriptions-wrapper p[data-description="PLC01design"] {
  display: block;
}

#PLC01 input[data-description="PLC01product-development"]:checked ~ #timeline-descriptions-wrapper p[data-description="PLC01product-development"] {
  display: block;
}

#PLC01 input[data-description="PLC01supplier-selection"]:checked ~ #timeline-descriptions-wrapper p[data-description="PLC01supplier-selection"] {
  display: block;
}

#PLC01 input[data-description="PLC01supplier-qualification"]:checked ~ #timeline-descriptions-wrapper p[data-description="PLC01supplier-qualification"] {
  display: block;
}

#PLC01 input[data-description="PLC01validation"]:checked ~ #timeline-descriptions-wrapper p[data-description="PLC01validation"] {
  display: block;
}

#PLC01 input[data-description="PLC01planning"]:checked ~ #timeline-descriptions-wrapper p[data-description="PLC01planning"] {
  display: block;
}

#PLC01 input[data-description="PLC01incoming-qc"]:checked ~ #timeline-descriptions-wrapper p[data-description="PLC01incoming-qc"] {
  display: block;
}

#PLC01 input[data-description="PLC01assembly"]:checked ~ #timeline-descriptions-wrapper p[data-description="PLC01assembly"] {
  display: block;
}

#PLC01 input[data-description="PLC01packaging"]:checked ~ #timeline-descriptions-wrapper p[data-description="PLC01packaging"] {
  display: block;
}

#PLC01 input[data-description="PLC01shipping"]:checked ~ #timeline-descriptions-wrapper p[data-description="PLC01shipping"] {
  display: block;
}

#PLC01 .dot-info span.label {
  top: -65px;
  left: 0;
  transform: rotateZ(-45deg);
  width: 80px;
  text-indent: -10px;
  font-weight:700!important;
}



@media (min-width: 1250px) {
	.lg-hidden{display:none}
#PLC01 .dot-info span.year {
    left: 15%;
}
#PLC01 .flex-parent {
    margin-top: 130px;
}
#PLC01 input, #PLC01 .dot-info {
    width: 40px;
    height: 40px;
	margin:0;
  }
#PLC01 .dot-info span.label {
top: -130px;
    left: 0;
    transform: rotateZ(-45deg);
    width: 250px;
    text-indent: -10px;
	font-size:13px;
}

#PLC01 .input-flex-container {
    margin-left: 62.5px;
  }

#PLC01 input::before {
    left: -37.5px;
  }
#PLC01 input::after {
    right: -37.5px;
  }

#PLC01 .dot-info {
    left: calc((((1000px - 25px) / 20) * -1) - 1px);
  }

#PLC01 #timeline-descriptions-wrapper {
    margin-left: -37.5px;
  }
}
@media (min-width: 992px) {
#PLC01 .flex-parent {
    margin-top: 160px;
}}
@media (max-width: 991px) {
.sm-hidden{display:none}
#PLC01 .flex-parent {
    justify-content: initial;
  }
#PLC01 .fa-lg{color:#fff!important;}
#PLC01 .input-flex-container {
    flex-wrap: wrap;
    justify-content: center;
    width: 400px;
    height: auto;
    margin-top: 5vh;
    margin-left: 0;
  }

#PLC01 input, #PLC01 .dot-info {
    width: 60px;
    height: 60px;
    margin: 0 10px 50px;
  }

#PLC01 input {
    background-color: transparent !important;
    z-index: 1;
  }
#PLC01 input::before, #PLC01 input::after {
    content: none;
  }
#PLC01 input:checked + .dot-info {
    background-color: #26639e;
  }


#PLC01 .dot-info {
    visibility: visible;
    border-radius: 50%;
    z-index: 0;
    left: 0;
    margin-left: -70px;
    background-color: #dfdfdf;
  }
#PLC01 .dot-info span.year {
    top: 0;
    left: 0;
    transform: none;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ECF0F1;
  }
#PLC01 .dot-info span.label {
    top: calc(100% + 5px);
    left: 50%;
    transform: translateX(-50%);
    text-indent: 0;
    text-align: center;
  }

  #timeline-descriptions-wrapper {
    margin-top: 30px;
    margin-left: 0;
  }
#PLC01 .dot-info span {
    visibility: visible;
    position: absolute;
    font-size: 9px;
}
}
@media (max-width: 480px) {

#PLC01 .input-flex-container {
    width: 340px;
  }
#PLC01 .fa-lg{color:#fff!important;}
#PLC01 .dot-info span {
    visibility: visible;
    position: absolute;
    font-size: 9px;
}
}
@media (max-width: 400px) {

#PLC01 .input-flex-container {
    width: 300px;
  }
#PLC01 .fa-lg{color:#fff!important;}
#PLC01 .dot-info span {
    visibility: visible;
    position: absolute;
    font-size: 9px;
}
}

#PLC02 .flex-parent {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
#PLC02a .flex-parent {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

#PLC02 .input-flex-container {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  max-width: 1000px;
  position: relative;
  z-index: 0;
  margin-left: calc((100% - 25px) / 20);
}

#PLC02 input {
  width: 25px;
  height: 25px;
  background-color: #26639e;
  position: relative;
  border-radius: 50%;
  display: block;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
  margin:0;
}
#PLC02 input:focus {
  outline: none;
}
#PLC02 input::before, #PLC02 input::after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: 50%;
  transform: translateY(-50%);
  background-color: #26639e;
  width: 5vw;
  height: 5px;
  max-width: 50px;
}
#PLC02 input::before {
  left: calc(-5vw + 12.5px);
}
#PLC02 input::after {
  right: calc(-5vw + 12.5px);
}
#PLC02 input:checked {
  background-color: #26639e;
}
#PLC02 input:checked::before {
  background-color: #26639e;
}
#PLC02 input:checked::after {
  background-color: #dfdfdf;
}
#PLC02 input:checked ~ input, #PLC02 input:checked ~ input::before, #PLC02 input:checked ~ input::after {
  background-color: #dfdfdf;
}
#PLC02 input:checked + #PLC02 .dot-info span {
  font-size: 11px;
}

#PLC02 .dot-info {
  width: 25px;
  height: 25px;
  display: block;
  visibility: hidden;
  position: relative;
  left: calc((((100% - 25px) / 20) * -1) - 1px);
}
#PLC02 .dot-info span {
  visibility: visible;
  position: absolute;
  font-size: 11px;
}
#PLC02 .dot-info span.year {
    top: 0;
    left: 0;
    transform: none;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
    pointer-events: none;
}


#PLC02 #timeline-descriptions-wrapper {
  width: 100%;
  margin-top: 60px;
  font-weight: 400;
  margin-left: calc((-80vw - 25px) / 20);
}
#PLC02 #timeline-descriptions-wrapper p {
  margin-top: 0;
  display: none;
}

#PLC02 input[data-description="design"]:checked ~ #timeline-descriptions-wrapper p[data-description="design"] {
  display: block;
}

#PLC02 input[data-description="product-development"]:checked ~ #timeline-descriptions-wrapper p[data-description="product-development"] {
  display: block;
}

#PLC02 input[data-description="supplier-selection"]:checked ~ #timeline-descriptions-wrapper p[data-description="supplier-selection"] {
  display: block;
}

#PLC02 input[data-description="supplier-qualification"]:checked ~ #timeline-descriptions-wrapper p[data-description="supplier-qualification"] {
  display: block;
}

#PLC02 input[data-description="validation"]:checked ~ #timeline-descriptions-wrapper p[data-description="validation"] {
  display: block;
}

#PLC02 input[data-description="planning"]:checked ~ #timeline-descriptions-wrapper p[data-description="planning"] {
  display: block;
}

#PLC02 input[data-description="incoming-qc"]:checked ~ #timeline-descriptions-wrapper p[data-description="incoming-qc"] {
  display: block;
}

#PLC02 input[data-description="assembly"]:checked ~ #timeline-descriptions-wrapper p[data-description="assembly"] {
  display: block;
}

#PLC02 input[data-description="packaging"]:checked ~ #timeline-descriptions-wrapper p[data-description="packaging"] {
  display: block;
}

#PLC02 input[data-description="shipping"]:checked ~ #timeline-descriptions-wrapper p[data-description="shipping"] {
  display: block;
}

#PLC02 .dot-info span.label {
  top: -65px;
  left: 0;
  transform: rotateZ(-45deg);
  width: 80px;
  text-indent: -10px;
  font-weight:700!important;
}



@media (min-width: 1250px) {
#PLC02 .flex-parent {
    margin-top: 130px;
}
#PLC02 input, #PLC02 .dot-info {
    width: 40px;
    height: 40px;
	margin:0;
  }
#PLC02 .dot-info span.label {
top: -130px;
    left: 0;
    transform: rotateZ(-45deg);
    width: 250px;
    text-indent: -10px;
	font-size:13px;
}

#PLC02 .input-flex-container {
    margin-left: 62.5px;
  }

#PLC02 input::before {
    left: -37.5px;
  }
#PLC02 input::after {
    right: -37.5px;
  }

#PLC02 .dot-info {
    left: calc((((1000px - 25px) / 20) * -1) - 1px);
  }

#PLC02 #timeline-descriptions-wrapper {
    margin-left: -37.5px;
  }
}
@media (min-width: 631px) {
#PLC02 .flex-parent {
    margin-top: 160px;
}}

@media (max-width: 630px) {
.sm-hidden{display:none}
#PLC02 .flex-parent {
    justify-content: initial;
  }
#PLC02 .fa-lg{color:#fff!important;}
#PLC02 .input-flex-container {
    flex-wrap: wrap;
    justify-content: center;
    width: 400px;
    height: auto;
    margin-top: 5vh;
    margin-left: 0;
    padding-bottom: 30px;
  }

#PLC02 input, #PLC02 .dot-info {
    width: 60px;
    height: 60px;
    margin: 0 10px 50px;
  }

#PLC02 input {
    background-color: transparent !important;
    z-index: 1;
  }
#PLC02 input::before, #PLC02 input::after {
    content: none;
  }
#PLC02 input:checked + .dot-info {
    background-color: #26639e;
  }


#PLC02 .dot-info {
    visibility: visible;
    border-radius: 50%;
    z-index: 0;
    left: 0;
    margin-left: -70px;
    background-color: #dfdfdf;
  }
#PLC02 .dot-info span.year {
    top: 0;
    left: 0;
    transform: none;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ECF0F1;
  }
#PLC02 .dot-info span.label {
    top: calc(100% + 5px);
    left: 50%;
    transform: translateX(-50%);
    text-indent: 0;
    text-align: center;
  }

  #timeline-descriptions-wrapper {
    margin-top: 30px;
    margin-left: 0;
  }
#PLC02 .dot-info span {
    visibility: visible;
    position: absolute;
    font-size: 9px;
}
}
@media (max-width: 480px) {

#PLC02 .input-flex-container {
    width: 340px;
  }
#PLC02 .fa-lg{color:#fff!important;}
#PLC02 .dot-info span {
    visibility: visible;
    position: absolute;
    font-size: 9px;
}
}
@media (max-width: 400px) {

#PLC02 .input-flex-container {
    width: 300px;
  }
#PLC02 .fa-lg{color:#fff!important;}
#PLC02 .dot-info span {
    visibility: visible;
    position: absolute;
    font-size: 9px;
}
}
.divider-3 {
    height: 20px;
    border-right: 3px solid #dfdfdf;
    border-bottom: 3px solid #dfdfdf;
    border-left: 3px solid #dfdfdf;
    background-color: transparent;
}
.divider-3a {
	height:20px;
    border-right: 3px solid #dfdfdf;
border-top: 3px solid #dfdfdf;
border-left: 3px solid #dfdfdf;
    background-color: transparent;
}

.divider-1, .divider-2, .divider-3, .divider-4 {
    width: 100%;
}

.card-body>.h4 a:link,.card-body>.h4 a:visited,.check-list a:link,.check-list a:visited,.wsmenu>.wsmenu-list>li>.wsmegamenu .title a:link,.wsmenu>.wsmenu-list>li>.wsmegamenu .title a:visited{color:#424242!important}#matrix-proqc a{color:#202020;text-decoration:none;background-color:transparent}.w-400{font-weight:400!important}.table{color:#000}#content input[type=checkbox]{height:.75rem!important;margin-right:10px!important;-webkit-appearance:checkbox!important}#call.dropdown{position:relative}#call.dropdown,#dropdownMenuTel.dropdown-toggled,.dropdown-toggled,.services-slide .post-bar>li,.teldropdown{display:inline-block}#dropdownMenuTel.dropdown-toggled:hover .dropdown-menu{display:block;margin:0}.teldropdown{height:29px}.list-none,li.pagenav{list-style:none}.halfmenu{min-width:900px!important;right:auto!important;left:auto!important;margin-top:0!important;text-align:left!important;font-size:15px!important}.title-call{border-bottom:1px solid #ccc;padding:9px 5px 9px 0;font-size:17px;color:#424242;text-align:left;height:39px;font-weight:600}.icon-element-inner{width:70px;height:70px;background-color:#979a9a;border-radius:50%;color:#fff;display:inline-block;margin-bottom:-35px!important}.map{width:100%;height:100%;overflow:hidden}.career-widget{position:relative;margin-bottom:45px}.career-content,.report-content{position:relative;padding:125px 35px 55px;background-size:cover}.report-content{padding:30px}.widget-career{position:absolute;content:'';left:0;top:0;right:0;bottom:0;background-color:rgba(0,0,0,.7)}@media (min-width:768px){.h-md-150{height:150px}.h-md-250{height:300px}}.card-img-right{height:100%;border-radius:0 3px 3px 0}@media (min-width:992px){.d-lg-block{display:block!important}}.text-dark{color:#16202a!important}.bg-dark-blue{background-color:#012240}.bg-proqc{background-image:url(/wp-content/uploads/BANNER-DEGRADE.png)}.accordion .card .card-header:active,.accordion .card .card-header:hover{background-color:#f7f9f9}.container{width:100%;max-width:1200px}#content-page .card-header:first-child{border-radius:0;border:0;transition:.5s}#back-to-top{position:fixed;bottom:90px;right:26px;z-index:9999;width:32px;height:32px;text-align:center;background:#db1b1b;color:#fff;cursor:pointer;border:0;border-radius:90px;text-decoration:none;transition:opacity .5s ease-out;opacity:0}#back-to-top:hover{background:#26639e}#back-to-top.show{opacity:1}.post-description{padding-right:10px}.post-img img{display:block;margin-bottom:20px}.services-slide{padding:0 15px}.post-img img,.services-slide .post-img{position:relative}.services-slide .post-img>a{display:block}.post-img img,.services-slide .post-img img{width:100%;height:auto}.services-slide .post-title{margin-top:20px}.services-slide .post-title>a{color:#222;display:block;font-size:17px;font-weight:600;text-transform:uppercase}.services-slide .post-title>a:hover{text-decoration:none;color:#26639e}.services-slide .post-description{padding-top:5px}.owl-theme .owl-controls .owl-page span{width:52px;height:5px;border-radius:0;opacity:.5;margin-bottom:0}.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{background:#db1b1b;opacity:1}#industries h3{padding:20px;text-align:center;color:#fff;text-transform:uppercase}#home .card-body ul{list-style:none;width:100%;margin:0 auto;padding-left:0}#home .card-body ul li:not(:last-child){border-bottom:1px solid #eee}#home .card-body ul li{text-align:center;padding:.375rem}.mh{min-height:390px}.bg-red{background-color:#db1b1b!important}.full-w{width:100%}.bg-gradient{background:#f7f9f9;background:-moz-linear-gradient(left,#f7f9f9 0,#f4f4f4 100%);background:-webkit-linear-gradient(left,#f7f9f9 0,#f4f4f4 100%);background:linear-gradient(to right,#f7f9f9 0,#f4f4f4 100%)}#carouselHome h1,#carouselHome h2{font-family:'SourceHanSerifSC', serif;;font-size:250%;font-weight:800!important;color:#fff!important;text-transform:uppercase!important;margin-bottom:0!important}@media (max-width:767px){.mh{min-height:200px}#carouselHome h1,#carouselHome h2{font-family:'SourceHanSerifSC', serif;;font-size:120%;margin-top:50px;font-weight:800!important;color:#fff!important;text-transform:uppercase!important;margin-bottom:0!important}#carouselHome .lead{font-size:90%!important;font-weight:500}#carouselHome .mb-4{margin-bottom:1.2rem!important}}#home h2{font-size:2rem;font-weight:400;line-height:1.2;color:#16202a;font-family:'SourceHanSerifSC', serif;}.text-blue{color:#26639e!important}.block{display:block}.carousel-item-inner{position:absolute;top:0;left:0;width:100%;height:100%}.pl-0{padding-left:0!important}#content .wpcf7-file,.wpcf7-file{border:0;background-color:transparent!important}#carouselHome .carousel-item:nth-child(1){background:url(/wp-content/uploads/2021/03/proqc-slider-01.jpg) center/cover no-repeat}#carouselHome .carousel-item:nth-child(2){background:url(/wp-content/uploads/2021/03/proqc-slider-02.jpg) center/cover no-repeat}#carouselHome .carousel-item:nth-child(3){background:url(/wp-content/uploads/2021/03/proqc-slider-03.jpg) center/cover no-repeat}#carouselHome .carousel-item{position:relative;height:500px}@media (max-width:767px){.link-list{padding-left:10px;font-size:12px}.px-5{padding-left:1rem!important;padding-right:1rem!important}.s-h{display:none}#carouselHome .carousel-item:nth-child(1){background:url(/wp-content/uploads/2021/03/proqc-slider-01.jpg) top/cover no-repeat}#carouselHome .carousel-item:nth-child(2){background:url(/wp-content/uploads/2021/03/proqc-slider-02.jpg) top/cover no-repeat}#carouselHome .carousel-item:nth-child(3){background:url(/wp-content/uploads/2021/03/proqc-slider-03.jpg) top/cover no-repeat}#carouselHome .carousel-item{position:relative;height:300px}}.carousel-indicators{bottom:-20px;height:6px}.info-box-1,.info-box-2,.info-box-3,.info-box-4{display:block;overflow:hidden}.hover-item{position:relative;overflow:hidden}.top-nav{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;padding-left:0;margin-bottom:-20px;list-style:none;font-size:14px;line-height:1;z-index:1000}#accordionFAQ .nav-pills .nav-link:hover,.home .zone-featured p,.white{color:#fff}.navbar{background-color:#212f3d}.page-title{min-height:320px}.page-header::after{position:absolute;content:"";top:0;left:0;width:100%;height:100%;z-index:0;opacity:.8;background-color:#17202a}.banner-caption-wrapper,.page-header .navbar{z-index:2}.homepage-banner .badge{font-size:.75rem;text-transform:inherit;letter-spacing:.0625rem}.joinproqc-split-img,.reports-split-img{overflow:hidden}.joinproqc-split-img-inner{width:calc(100% + 1px);height:100%;background:url(https://proqc.com.cn/wp-content/uploads/2022/08/proqc-job-market.jpg) center/cover no-repeat}.bottom-section{background:url(/wp-content/uploads/2020/07/ct-01.jpg) center/cover no-repeat}.bottom-section-2{background:url(/wp-content/uploads/2020/07/fabric.jpg) center/cover no-repeat}.footer-logo{width:60px;height:60px}@media (min-width:768px){.page-header{min-height:480px}.page-title{min-height:380px}.banner-subtitle,.homepage-banner .badge{font-size:1rem}}@media (min-width:992px){.navbar{background-color:transparent}.bottom-section-desc{font-size:1.125rem}}@media (min-width:1200px){.page-header{min-height:650px}.bootstrap-examples .page-header,.extra-elements .page-header,.extra-landing-page .page-header,.navbar-section-bg,.page-header{background-attachment:fixed}.page-title{min-height:460px}}@media (max-width:991px){#head{margin-top:50px}}input,select,textarea{border:1px solid #e6e6e6;font-size:13px;padding:8px;background-color:#fff;border-radius:0}input{outline-color:#26639e;color:#333;-webkit-appearance:none;margin-right:17px}select,textarea{/* width: 100%; */}input,select{margin-bottom:15px}select{display:inline-block;height:2.575rem;padding-top:10px!important;font-weight:400;line-height:1.5;color:#717171;vertical-align:middle;background:url(../proqccom/assets/svg/caret-down.svg) right 1.125rem center/11px 14px no-repeat;-webkit-appearance:none;-moz-appearance:none;appearance:none}textarea{color:#333;margin-bottom:8px;min-height:122px}input:focus,select:focus,textarea:focus{outline:0!important;border:2px solid #26639e;box-shadow:0 0 5px #26639e;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.wpcf7-submit{color:#fff!important;background-color:#26639e;box-shadow:0 12px 35px -10px rgba(52,152,219,.55),0 8px 10px -5px rgba(0,0,0,.09),0 4px 25px -2px rgba(0,0,0,.14);border:1px solid #26639e;border-radius:1.6875rem;max-width:150px}.wpcf7-submit.focus,.wpcf7-submit:focus,.wpcf7-submit:hover{color:#fff;background-color:#54a8e1;border-color:#54a8e1;box-shadow:0 1px 9px 0 rgba(52,152,219,.5)}li.page_item{font-size:.975rem;color:#e0e0e0;box-sizing:border-box;display:block;padding:10px 10px 10px 0;min-width:100%;border-bottom:1px solid}li.page_item a:link,li.page_item a:visited{color:#232323}li.page_item a:hover{color:#26639e!important}ul.service_list{padding-left:0;list-style:none;line-height:2.1rem}.current_page_item{font-weight:700}.current_page_item a{color:104071!important}#content h2,#content-advantages h2{font-weight:400!important;line-height:1.2;font-family:'SourceHanSerifSC', serif;}#content h2{font-size:2rem;padding-bottom:1.5rem!important;color:#26639e}#content h3{color:#26639e;font-family:'SourceHanSerifSC', serif;;margin-top:1.8rem!important;padding-left:35px!important;background-image:url(/wp-content/uploads/check-circle.svg);background-repeat:no-repeat;background-position:0 6px}#automotive h3,#content h3,#content-advantages h3{font-size:1.5rem;font-weight:400;line-height:1.5}#automotive h3{color:#26639e;font-family:'SourceHanSerifSC', serif;;margin-top:.5rem!important;padding-left:35px!important;background-image:url(/wp-content/uploads/check-circle.svg);background-repeat:no-repeat;background-position:0 6px}#content h3 a:link,#content h3 a:visited{color:#0264a3}#content-advantages h2{font-size:1.7rem;color:#000}#content-home h3,.check-list,li.liste-item{background-repeat:no-repeat}#content-home h3,.check-list{background-image:url(/wp-content/uploads/check-circle.svg);padding-left:35px!important}.check-list{background-position:0 3px}.accordion-minimal .card .accordion-title:hover{color:#717171}#contactindex input,#content input,#content select,#content textarea{font-size:13px;background-color:#f4f5f9!important;border-radius:0}#content input{border:1px solid #f4f5f9;outline-color:#26639e;color:#333!important;-webkit-appearance:none;margin-right:17px;-webkit-text-fill-color:currentcolor;opacity: 1; /* 2. correct opacity on iOS */}#content select,#content textarea{/* width: 100%; */;border:1px solid #f4f5f9;padding:15px}#content input,#content select{height:2.75rem;margin-bottom:0px}#content select{display:inline-block;font-weight:400;line-height:1.5;color:#333;vertical-align:middle;background:url(../proqccom/assets/svg/caret-down.svg) right 1.125rem center/11px 14px no-repeat;-webkit-appearance:none;-moz-appearance:none;appearance:none}#content textarea{color:#333;-webkit-text-fill-color:currentcolor;opacity: 1; /* 2. correct opacity on iOS */;margin-bottom:8px;min-height:122px}#content .wpcf7-submit{color:#fff!important;background-color:#26639e!important;box-shadow:0 12px 35px -10px rgba(52,152,219,.55),0 8px 10px -5px rgba(0,0,0,.09),0 4px 25px -2px rgba(0,0,0,.14);border:1px solid #26639e;border-radius:1.6875rem;min-width:200px}.b-right{border-right:1px solid;border-color:#dedede6e}@media (max-width:767px){.b-right{border-right:none}}#matrix-proqc h2{font-family:Roboto,sans-serif;font-weight:300!important;font-size:22px;color:#404040;padding-top:20px}#matrix-proqc{font-family:'Open Sans',sans-serif;font-size:1rem;font-weight:300;line-height:1.8;color:#000}.bg-viridian{background-color:#0c1723!important}.result{background-image:url(/wp-content/uploads/phone.svg);background-repeat:no-repeat;height:60px;padding-left:45px;font-weight:500}#careeers_table.list{font-size:12px;margin:10px 0;border-top:1px solid #a5a7a6}#careeers_table.list tr:hover{background-color:#eee}#careeers_table.list th{background-color:#0264a3;padding:10px 5px;border:1px solid #fff;color:#fff}#careeers_table.list th a{text-decoration:underline;color:#fff}#careeers_table.list td{padding:5px;border-bottom:1px solid #a6a6a6;text-align:left;font-size:11px;font-family:Arial,Helvetica,sans-serif}#careeers_table.list td.align_center{text-align:left}#careeers_table.list td.align_right{text-align:right}#careeers_table.list td.function_btn{text-align:right;padding:0 30px}#careeers_table.list input{font-size:8px;font-family:Arial,Helvetica,sans-serif}#careeers_table button{font-size:10px;height:37px;background-color:#0264a3;border:0;color:#fff}#careeers_table.ct_pageHeader,#careeers_table.home-page-wrapper h2{margin-bottom:20px;font-size:4.2rem;color:#1d2127;text-align:center}#careeers_table.bgblue{background-color:#1a4e7d;color:#fff;padding:10px}#careeers_table.marginleft5{margin-left:5px}#careeers_table.ct-u-sectionGrey{background-color:rgba(235,235,235,.4)}#careeers_table.paddingSection{padding:60px 15px}#careeers_table.innerContainer{width:95%;max-width:1200px;margin:0 auto;padding:0}#careeers_table.paddingBottom45{padding-bottom:45px}#careeers_table.fa{font-size:45px;position:absolute;top:64px;left:0;right:0}#careeers_table.ct-tabs-outer #careeers_table.inner:before{content:"";display:block;padding-top:10px}#careeers_table.ct-tabs-outer #careeers_table.inner{width:100%;text-align:center;position:relative;z-index:2;cursor:pointer;-webkit-transition:background-color .25s ease-in-out;transition:background-color .25s ease-in-out}#careeers_table.item{min-height:215px;border-top:5px solid #1c4c7b;border-right:1px solid #ced4da;border-left:1px solid #ced4da;border-bottom:1px solid #ced4da}#careeers_table.item,#careeers_table.item-results{display:block;position:relative;margin:15px 0;padding-left:10px;padding-right:10px;z-index:1}#careeers_table.item:active,#careeers_table.item:hover{border-top:5px solid #1471c1}#careeers_table.ct-tabs-outer #careeers_table.item h2,#careeers_table.ct-tabs-outer #careeers_table.item-results h2{text-align:center;font-size:1.6rem;font-weight:400;text-transform:uppercase;cursor:pointer}#careeers_table.ct-tab-content{display:none;opacity:0;margin:10px 0}#careeers_table.ct-tab-content.active{display:block;opacity:1;-webkit-animation-duration:.35s;animation-duration:.35s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeIn;animation-name:fadeIn}#careeers_table.ct-tab-content:hover .inner{background:0 0}#careeers_table.ct-tab-content #careeers_table.widget-close{float:right;color:#636363;position:relative;background:0 0;border:0;font-size:2rem;z-index:1}#careeers_table.ct-tab-content #careeers_table.btn{font-weight:600;padding:12px 35px;text-transform:uppercase;letter-spacing:-.5px;border:0;color:#fff}#careeers_table.ct-tab-content #careeers_table.btn img{top:-2px;display:inline-block;margin-left:7px;position:relative}.uiso{width:115px;height:228px;background:url(/wp-content/uploads/2020/04/ISO-Page-1-6-Image.png) -8px 0/768px auto;border:0;float:left}.uiso2{width:115px;height:228px;background:url(/wp-content/uploads/2020/04/ISO-Page-1-6-Image.png) -132px 0/768px auto;border:0;float:left}.uiso3{width:115px;height:228px;background:url(/wp-content/uploads/2020/04/ISO-Page-1-6-Image.png) -261px 0/768px auto;border:0;float:left}.uiso4{width:115px;height:228px;background:url(/wp-content/uploads/2020/04/ISO-Page-1-6-Image.png) -390px 0/768px auto;border:0;float:left}.uiso5{width:115px;height:228px;background:url(/wp-content/uploads/2020/04/ISO-Page-1-6-Image.png) -521px 0/768px auto;border:0;float:left}.uiso6{width:115px;height:228px;background:url(/wp-content/uploads/2020/04/ISO-Page-1-6-Image.png) -648px 0/768px auto no-repeat;border:0;outline:0;text-decoration:none}.destination{position:absolute;z-index:-1;left:0;margin-top:-80px}#content h3 a:hover{color:#717171}.video-icon{background-color:#0264a3;box-shadow:0 0 0 0 rgb(15 102 220 / 70%)}.video-icon{position:relative;display:inline-block;width:70px;height:70px;line-height:70px;border-radius:50%;background-color:#0264a3;text-align:center}.video-icon:before{color:#fff}.section-video{min-height:400px;background:url(/wp-content/uploads/2021/06/bg-video.jpg) no-repeat center;background-size:cover}.play-icon{position:absolute;top:50%;left:50%;z-index:2;font-size:2.25rem;color:rgba(255,255,255,.6);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:color .2s ease-in-out}.fa-play:before{content:"\f04b"}.fa-play-circle:before{content:"\f144"}.heartbeat{-webkit-animation:heartbeat 2.5s steps(2,end) infinite both;animation:heartbeat 2.5s steps(2,end) infinite both}@-webkit-keyframes heartbeat{from{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes heartbeat{from{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.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-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-dialog-centered::before{height:calc(100vh - 3.5rem)}.video-responsive{overflow:hidden;padding-bottom:56.25%;position:relative;height:0}.video-responsive iframe{left:0;top:0;height:100%;width:100%;position:absolute}video#bg-video{width:auto;height:auto;z-index:-100;margin-bottom:-8px!important}@media (min-width:992px){.details-split-img{height:inherit}#home-partner{margin-left:0px;padding-left:0px}}@media (max-width:991px){.details-split-img{height:60vw}.sm-hide{display:none}#home-partner{margin-left:0}#nav-network .nav-link{display:block;font-size:.9rem;font-weight:600}#nav-network .nav-link{padding:.9375rem 1rem}}.details-split-img{overflow:hidden}.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.align-text-bottom{vertical-align:text-bottom!important}#home-industries svg{width:60px;height:60px;margin-top:20px;margin-bottom:40px;fill:#0165a8;height:auto;-webkit-transition:all .35s;transition:all .35s}#home-industries svg:hover{transform:scale(1.2);animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}70%{transform:scale(1.2)}100%{transform:scale(1)}}#home-industries img,#home-industries svg{vertical-align:middle}.text-grey{color:#9b9b9b!important}.form-round,.form-round.custom-select,.form-round.form-control{border-radius:1.3125rem}.select2-container--default .select2-selection--multiple{background-color:#f4f5f9!important}#nav-network .nav-link.active{color:#26639e}#nav-network .nav-link:hover{color:#26639e}#nav-network .nav-link{color:#bbb;width:25%;text-align:center;font-size:.875rem}.header{width:100%;display:block;min-height:214px;padding-top:0}.headerwp{margin:0 auto;padding:0}.headtoppart{display:block;width:100%;background-color:#f9f9f9;height:39px;margin:0 auto;padding-left:0!important;padding-right:0!important;min-width:320px}.headertopleft{width:70%;float:left;padding-left:0}.headertopright{float:right;text-align:right}.headertopright a{line-height:39px;color:#5f5f5f;font-size:14px;padding:0 12px;float:right}.headertopright a:hover{background-color:#26639e;color:#fff;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;-ms-transition:.3s ease-in-out;transition:.3s ease-in-out}.headertopright a.facebookicon:hover{background-color:#3b5998;color:#fff}.headertopright a.twittericon:hover{background-color:#55acee;color:#fff}.headertopright a.linkedinicon:hover{background-color:#0077b5;color:#fff}.address{padding:10px 0 0;font-size:12px;font-weight:500}.address a{color:#747373;padding-right:10px}.address span{margin-right:9px;color:#747373}.address i{margin-right:6px;color:#5f5f5f}.btn-border{border:2px solid;border-radius:40px;display:inline-block;font-size:13px;text-transform:uppercase;-moz-user-select:none;background-image:none;text-align:center;vertical-align:middle;white-space:nowrap;color:#fff;padding:15px 40px}.btn-border:focus,.btn-border:hover{color:#fff;text-decoration:none;opacity:.9}.mobiletext02{display:none}@media only screen and (min-width:230px) and (max-width:991px){.headtoppart{display:none}}#navcontainer{padding-left:0!important;padding-right:0!important}.nav-tabs{position:relative;border-bottom:none}.nav-tabs{border-bottom:1px solid transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#3498db;background-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#495057}.nav-tabs .nav-link{border:none}.nav-tabs>.nav-item{position:relative;z-index:1}.nav-link.active{color:#3498db}.nav-tabs .nav-link{border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.nav-tabs .nav-item{margin-bottom:-1px}.nav-link{position:relative;font-weight:600;color:#717171;text-transform:uppercase}.nav-link{display:block;padding:.9375rem 1.25rem}.nav-tabs .nav-link{border:none}.nav-tabs>.nav-item{position:relative;z-index:1}.nav-tabs .nav-link{border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.nav-tabs .nav-item{margin-bottom:-1px}.nav-link{position:relative;font-size:.75rem;font-weight:600;color:#717171;text-transform:uppercase}.nav-link{display:block;padding:.9375rem 1.25rem}.tab-content{padding-top:2.25rem}.circle{position:absolute;left:50%;bottom:0;margin-bottom:-22px;width:44px;height:44px;color:#fff;line-height:44px;text-align:center;border-radius:50%;margin-left:-20px;background-color:#db1c1b;transition:all .5s ease;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;-webkit-box-shadow:0 10px 15px rgb(0 0 0 / 5%);-ms-box-shadow:0 10px 15px rgba(0,0,0,.05);box-shadow:0 10px 15px rgb(0 0 0 / 5%)}#careers tbody{font-size:.85rem;vertical-align:top;border:1px solid #e0e0e0}#careers th{font-size:.9rem;vertical-align:top;text-align:left!important;background-color:#26639e!important;color:#fff}#careers td,#careers th{padding:.5rem;vertical-align:top;border-top:1px solid #dee2e6}#careers tr:nth-child(even){background:#00000008}#careers tr:nth-child(odd){background:#fff}.m-myaccordion{max-width:100%}.m-myaccordion .btn,.m-myaccordion .btn:focus{width:100%;color:#4d4d4d;text-transform:none;font-family:'Open Sans',sans-serif;font-size:1rem;font-weight:400!important;border-top-width:0;padding-top:0;padding-bottom:0;margin-bottom:5px;border-bottom-width:0;background-color:transparent!important;border-color:transparent!important;box-shadow:none!important}.m-myaccordion .btn:hover{color:#0064a2;background-color:transparent;border-color:transparent;box-shadow:none}.m-myaccordion-l .btn{width:100%;color:#4d4d4d;text-transform:none;font-family:'Open Sans',sans-serif;font-size:1rem;font-weight:400;border-top-width:0;padding-top:0;padding-bottom:0;margin-bottom:5px;border-bottom-width:0}#m-accordion .card-header{border-bottom:none!important}#m-accordion-l .card-header{border-bottom:none!important}#m-accordion .card-header:first-child{border-top:5px solid #0064a2!important;background:#f7f7f7;background:linear-gradient(180deg,#f7f7f7 0,#fff 100%);transition:all .5s ease 0s;padding-bottom:0!important}#m-accordion-l .card-header:first-child{border-top:5px solid #0064a2!important;background:#f7f7f7;background:linear-gradient(180deg,#f7f7f7 0,#fff 100%);transition:all .5s ease 0s;padding-bottom:0!important}.href:after{position:absolute;top:0;bottom:0;left:0;right:0;content:""}.w-100{width:100%!important}.icon-element-inner123 {width: 40px;height: 40px;background-color: #002240;border-radius: 50%;color: #fff;margin-bottom: -35px!important;}#box-1{height:570px}#box-2{height:570px}#box-3{height:570px;}
@media (min-width: 1200px){
.xl-ml{margin-left: 45px;}}.headertopright a.blogicon:hover{background-color:#85c1e9;color:#fff}.headertopright a.youtubeicon:hover{background-color:#cb4335;color:#fff}
@media (max-width: 1199px) {
.sm-lm{width:600px;max-width:600px!important;margin-left:15px;}}
@media (min-width: 1200px) {
.sm-lm{width:600px;max-width:600px!important;float:right;}}
@media (max-width: 600px) {
.sm-lm{width:auto;margin-left:15px;}}
#PLC01C input{margin-bottom:0!important;margin-right:0!important;border:none!important}#PLC01C .flex-parent{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%}#PLC01C .input-flex-container{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;width:100%;max-width:1000px;position:relative;z-index:0;margin-left:calc((100% - 25px)/ 20)}#PLC01C input{width:25px;height:25px;background-color:#26639e;position:relative;border-radius:50%;display:block;-moz-appearance:none;-webkit-appearance:none;appearance:none;cursor:pointer;margin:0}#PLC01C input:focus{outline:0}#PLC01C input::after,#PLC01C input::before{content:"";display:block;position:absolute;z-index:-1;top:50%;transform:translateY(-50%);background-color:#26639e;width:5vw;height:5px;max-width:50px}#PLC01C input::before{left:calc(-5vw + 12.5px)}#PLC01C input::after{right:calc(-5vw + 12.5px)}#PLC01C input:checked{background-color:#26639e}#PLC01C input:checked::before{background-color:#26639e}#PLC01C input:checked::after{background-color:#0e223c}#PLC01C input:checked~input,#PLC01C input:checked~input::after,#PLC01C input:checked~input::before{background-color:#0e223c}#PLC01C .dot-info{width:25px;height:25px;display:block;visibility:hidden;position:relative;left:calc((((100% - 25px)/ 20) * -1) - 1px)}#PLC01C .dot-info span{visibility:visible;position:absolute;font-size:11px}#PLC01C .dot-info span.year{top:0;left:0;transform:none;width:100%;height:100%;display:flex;justify-content:center;align-items:center;color:#fff;pointer-events:none}#PLC01C #timeline-descriptions-wrapper{width:100%;margin-top:60px;font-weight:400}#PLC01C #timeline-descriptions-wrapper p{margin-top:0;display:none}#PLC01C input[data-description=PLC01design]:checked~#timeline-descriptions-wrapper p[data-description=PLC01design]{display:block}#PLC01C input[data-description=PLC01product-development]:checked~#timeline-descriptions-wrapper p[data-description=PLC01product-development]{display:block}#PLC01C input[data-description=PLC01supplier-selection]:checked~#timeline-descriptions-wrapper p[data-description=PLC01supplier-selection]{display:block}#PLC01C input[data-description=PLC01supplier-qualification]:checked~#timeline-descriptions-wrapper p[data-description=PLC01supplier-qualification]{display:block}#PLC01C input[data-description=PLC01validation]:checked~#timeline-descriptions-wrapper p[data-description=PLC01validation]{display:block}#PLC01C input[data-description=PLC01planning]:checked~#timeline-descriptions-wrapper p[data-description=PLC01planning]{display:block}#PLC01C input[data-description=PLC01incoming-qc]:checked~#timeline-descriptions-wrapper p[data-description=PLC01incoming-qc]{display:block}#PLC01C input[data-description=PLC01assembly]:checked~#timeline-descriptions-wrapper p[data-description=PLC01assembly]{display:block}#PLC01C input[data-description=PLC01packaging]:checked~#timeline-descriptions-wrapper p[data-description=PLC01packaging]{display:block}#PLC01C input[data-description=PLC01shipping]:checked~#timeline-descriptions-wrapper p[data-description=PLC01shipping]{display:block}#PLC01C .dot-info span.label{top:-75px;left:0;transform:rotateZ(-45deg);width:70px;text-indent:-10px;font-weight:700!important}@media (min-width:1250px){.lg-hidden{display:none}#PLC01C .dot-info span.year{left:1%}#PLC01C .flex-parent{margin-top:130px}#PLC01C .dot-info,#PLC01C input{width:40px;height:40px;margin:0}#PLC01C .dot-info span.label{top:-130px;left:0;transform:rotateZ(-45deg);width:250px;text-indent:-10px;font-size:13px}#PLC01C .input-flex-container{margin-left:62.5px}#PLC01C input::before{left:-37.5px}#PLC01C input::after{right:-37.5px}#PLC01C .dot-info{left:calc((((1000px - 25px)/ 20) * -1) - 1px)}#PLC01C #timeline-descriptions-wrapper{margin-left:-37.5px}}@media (min-width:992px){#PLC01C .flex-parent{margin-top:160px}}@media (max-width:991px){.sm-hidden{display:none}#PLC01C .flex-parent{justify-content:initial}#PLC01C .fa-lg{color:#fff!important}#PLC01C .input-flex-container{flex-wrap:wrap;justify-content:center;width:400px;height:auto;margin-top:5vh;margin-left:0}#PLC01C .dot-info,#PLC01C input{width:60px;height:60px;margin:0 10px 50px}#PLC01C input{background-color:transparent!important;z-index:1}#PLC01C input::after,#PLC01C input::before{content:none}#PLC01C input:checked+.dot-info{background-color:#26639e}#PLC01C .dot-info{visibility:visible;border-radius:50%;z-index:0;left:0;margin-left:-70px;background-color:#0e223c}#PLC01C .dot-info span.year{top:0;left:0;transform:none;width:100%;height:100%;display:flex;justify-content:center;align-items:center;color:#ecf0f1}#PLC01C .dot-info span.label{top:calc(100% + 5px);left:50%;transform:translateX(-50%);text-indent:0;text-align:center}#timeline-descriptions-wrapper{margin-top:30px;margin-left:0}#PLC01C .dot-info span{visibility:visible;position:absolute;font-size:9px}}@media (max-width:480px){#PLC01C .input-flex-container{width:340px}#PLC01C .fa-lg{color:#fff!important}#PLC01C .dot-info span{visibility:visible;position:absolute;font-size:9px}}@media (max-width:400px){#PLC01C .input-flex-container{width:300px}#PLC01C .fa-lg{color:#fff!important}#PLC01C .dot-info span{visibility:visible;position:absolute;font-size:9px}}#content-2 h2{font-size:2rem;padding-bottom:1.5rem!important;color:#26639e}#content-2 h2{font-weight:400!important;line-height:1.2;font-family:'SourceHanSerifSC', serif;}#content-2 h3{font-size:1.5rem;font-weight:400;line-height:1.5;color:#26639e;font-family:'SourceHanSerifSC', serif;;margin-top:1.8rem!important;padding-left:35px!important;background-image:url(/wp-content/uploads/check-circle.svg);background-repeat:no-repeat;background-position:0 6px}.bg-white{background-color:#fff!important;}

#countrypdl #content1.bg-light,
#countrypdl #content2.bg-light,
#countrypdl #content3.bg-light,
#countrypdl #content4.bg-light,
#countrypdl #content5.bg-light,
#countrypdl #content6.bg-light,
#countrypdl #content7.bg-light,
#countrypdl #content8.bg-light,
#countrypdl #content9.bg-light,
#countrypdl #content10.bg-light {
    background-color: white !important;
}
	.timeline {
  display: flex;
  flex-wrap: nowrap; /* No wrapping on larger screens */
  justify-content: space-between;
  align-items: center;
  padding: 30px 0;
  position: relative;
}
.timeline .line {
  position: absolute;
  top: 60%;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #a9a9a3; /* Default color */
  transition: background-color 0.3s;
  transform: translateY(-60%);
}
.timeline .step {
  position: relative;
  flex: 1;
  text-align: center;
  cursor: pointer;
}
.timeline .step .clickable-area {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px;
  height: 140px; /* Adjust as needed for better spacing */
}
.timeline .step .label {
  margin-bottom: 30px;
  transform: rotate(-45deg);
  transform-origin: left bottom;
  font-size: 0.70rem;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.label {
  margin-left: 5px;
  font-weight: 700;
}
.timeline .step .icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #a9a9a3;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 20px;
  transition: background-color 0.3s;
  margin-left: -20px; /* Shift icons 20px to the left */
}
.content {
  display: none;
  margin-top: 100px; /* Adjusted for mobile view */
}
.timeline .step:hover .icon,
.timeline .step.active .icon,
.timeline .step.active-left .icon {
  background-color: #26639e;
}

/* Brace Styling */
.brace-container {
  width: 100%;
  position: relative;
  margin-top: 20px; /* Ensures spacing from the timeline */
}
.brace {
  position: absolute;
  height: 10px;
  border-bottom: 2px solid #dfdfdf;
  border-radius: 2px;
  border-right: 2px solid #dfdfdf;
  border-left: 2px solid #dfdfdf;
}
.brace-1 {
  top: -30px; /* Position below the timeline icons */
  left: 0;
  width: 48%; /* Adjust for the span of the first brace */
}
.brace-2 {
  top: -30px; /* Position below the timeline icons */
  left: 52%;
  width: 48%; /* Adjust for the span of the second brace */
}
.brace-label {
  position: absolute;
  background-color:transparent;
  padding: 0 10px;
  font-weight: bold;
}
.brace-label-1 {
  left: 15%; /* Position label above the first brace */
}
.brace-label-2 {
  left: 65%; /* Position label above the second brace */
}

/* Responsive Design */
@media (max-width: 1200px) {
  .timeline {
    flex-wrap: wrap; /* Allow wrapping on smaller screens */
    justify-content: center;
  }
  .timeline .step {
    flex: 1 1 20%; /* Adjust so that steps fit in two rows */
    max-width: 20%; /* Ensure two rows of steps */
    margin-bottom: 20px; /* Space between rows */
  }
  
  .timeline .line {
    display: none; /* Hide the line on smaller screens */
  }
  .timeline .step .label {
    transform: none!important;
    margin-left: 0px;
    font-size: 6pt;
    padding: 20px;
    margin-bottom: 20px;
  }
  .brace-container {
    margin-top: 20px;
  }
  .brace-1 {
    top: -410px; /* Adjust brace position above the steps */
    width: 100%; /* Full width for mobile */
    left: 0;
    height: 10px;
    border-top: 2px solid #dfdfdf;
    border-radius: 2px;
    border-right: 2px solid #dfdfdf;
    border-left: 2px solid #dfdfdf;
    border-bottom: none!important;
  }
  .brace-2 {
    top: -60px; /* Adjust brace position below the steps */
    width: 100%; /* Full width for mobile */
    left: 0;
    height: 10px;
    border-bottom: 2px solid #dfdfdf;
    border-radius: 2px;
    border-right: 2px solid #dfdfdf;
    border-left: 2px solid #dfdfdf;
  }
  .brace-label-1 {
    top: -420px;
  }
  .brace-label-2 {
    top: -65px;
  }
  .brace-label-1,
  .brace-label-2 {
    left: 50%; /* Center labels on mobile */
    transform: translateX(-50%);
    font-size: x-small;
  }
#countrypdl .brace-label-1,
#countrypdl .brace-label-2 {
  left: 50%; /* Center labels on mobile */
  transform: translateX(-50%);
  font-size: x-small;
  background-color: #f4f5f9;
}
  .content {
    margin-top: 20px; /* Ensure content is positioned below the braces */
  }
}

/* .d-none */
.d-none {
  display: none !important;
}

/* .d-md-block */
@media (min-width: 768px) {
  .d-md-block {
    display: block !important;
  }
}

.text-column {
  padding: 40px;
}

.image-column {
  background-size: cover;
  background-position: center;
  padding-left: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  min-height: 100%; /* Ensures the column takes full height */
  height: auto;
}

/* Hide the image column on mobile */
@media (max-width: 767.98px) {
  .image-column {
    display: none;
  }
}

.btn-white{color:#08203c;background-color:#fff}.btn-white.focus,.btn-white:focus,.btn-white:hover{color:#08203c;background-color:#fff;border-color:#fff}
.contenuu {
    display: none;
    margin-top: 10px;
    text-align: left;
}
.bg-cover {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 500px;
}
.w-100 {
    width: 100% !important;
}
.mlminus15 {
    margin-left: -15px !important;
}
.certification-logo {
  width: 120px; /* Set a maximum width for consistency */
  height: auto; /* Preserve aspect ratio */
}

.col-auto {
  flex: 0 0 auto; /* Flex-grow: 0, Flex-shrink: 0, Flex-basis: auto */
  width: auto;    /* Sets width to auto, allowing for content-based sizing */
  max-width: 100%; /* Ensures the column doesn’t overflow the container */
}

@media (max-width: 767.98px) {
.certification-logo {
  max-width: 80px; /* Set a maximum width for consistency */
  height: auto; /* Preserve aspect ratio */
}}
	
#certificates {
  display: flex;
  flex-wrap: wrap; /* Allows items to wrap on smaller screens */
}

@media (min-width: 992px) {
  #certificates {
    justify-content: center;
    align-items: center;
  }
}

#NNPDL.content.visible {
    display: block;
}
	
/* Style principal pour la timeline */
#NNPDL.timeline {
    padding: 40px 0;
    display: flex;
    align-items: center;
    position: relative;
    border-radius: 8px;
}

/* Style des étapes */
#NNPDL.timeline .step {
    flex: 0 0 calc(100% / 8); /* Divise en 8 colonnes */
    max-width: calc(100% / 8);
    position: relative;
    text-align: center;
    z-index: 1;
    overflow: visible; /* Permet aux éléments enfants de dépasser */
}

/* Zones cliquables */
#NNPDL.timeline .step .clickable-area {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 10px;
    height: 140px;
    background-color: #f4f5f9;
    position: relative;
    clip-path: polygon(0 0, 90% 0, 100% 50%, 90% 100%, 0 100%, 10% 50%);
    transition: background-color 0.6s ease, clip-path 0.3s ease;
    margin-top: 40px; /* Ajout d'un espace sous l'icône */
}

/* Flèche active ou au survol */
#NNPDL.timeline .step:hover .clickable-area,
#NNPDL.timeline .step.active .clickable-area,
#NNPDL.timeline .step.active-left .clickable-area{ 
    background-color: #26639d; /* Couleur de la flèche active */
    color: white!important;
	transition: background-color 0.6s ease, color 0.6s ease;
}
	
#NNPDL.timeline .step.active-left .label{ 
    color: white!important;
	transition: background-color 0.6s ease, color 0.6s ease;
}

/* Icônes */
#NNPDL.timeline .step .icon {
    width: 60px; /* Taille de l'icône */
    height: 60px; /* Assure qu'elle reste carrée */
    border-radius: 50%; /* Forme circulaire */
    position: absolute; /* Position absolue pour l'éloigner */
    top: 10px; /* Positionne l'icône plus haut par rapport à la zone cliquable */
    left: 60%;
    transform: translateX(-50%);
    background-color: #26639d;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 12px;
    transition: background-color 0.6s ease, transform 0.6s ease;
    border: 2px solid white;
    overflow: hidden;
    z-index: 2; /* Place l'icône au-dessus de tout */
}

/* Icônes actives ou au survol */
#NNPDL.timeline .step:hover .icon,
#NNPDL.timeline .step.active .icon,
#NNPDL.timeline .step.active-left .icon {
    background-color: #0b1723; /* Couleur de l'icône active/au survol */
	transition: background-color 0.6s ease, transform 0.6s ease;
}

/* Images à l'intérieur des icônes */
#NNPDL.timeline .step .icon img {
    width: 50%; /* Ajuste la taille de l'image dans l'icône */
    height: auto; /* Respecte les proportions */
    object-fit: contain; /* Contient l'image sans déformer */
    filter: invert(100%);
}

/* Texte des labels */
#NNPDL.timeline .step .label {
    font-size: 0.7rem;
    text-align: center;
    margin-top: 45px;
    color: #333;
    transform: none; /* Supprime la rotation */
	transition: color 0.6s ease;
}

/* Texte actif ou au survol */
#NNPDL.timeline .step:hover .label,
#NNPDL.timeline .step.active .label {
    color: white; /* Couleur du texte actif */
	transition: color 0.6s ease;
}

/* Responsive Design pour des écrans moyens */
@media (max-width: 1200px) {
    #NNPDL.timeline {
        flex-wrap: wrap;
        justify-content: center;
		margin-top: 80px;
    }

    #NNPDL.timeline .step {
        flex: 1 1 22%; /* 4 étapes par ligne */
        max-width: 22%;
    }
}

/* Responsive Design pour des écrans mobiles */
@media (max-width: 768px) {
    #NNPDL.timeline .step {
        flex: 1 1 50%; /* 2 étapes par ligne */
        text-align: center;
        overflow: visible; /* Assure que les icônes restent visibles */
    }

    #NNPDL.timeline .step .clickable-area {
        height: 100px; /* Réduit la hauteur pour mobile */
        margin-top: 30px; /* Ajuste l'espacement avec l'icône */
    }

    #NNPDL.timeline .step .icon {
        width: 30px;
        height: 30px;
        top: 10px;
		left:65%;
    }

    #NNPDL.timeline .step .label {
        font-size: 0.6rem;
        line-height: 1rem;
        margin-top: 40px;
    }
}

/* Icônes spécifiques pour mobile */
@media (max-width: 768px) {
    #NNPDL.timeline .icon img {
        width: 60%; /* Remplit mieux le conteneur circulaire */
        height: auto;
    }
}
	
/* Style pour les étapes sélectionnées */
#NNPDL.timeline .step.selected .clickable-area {
    background-color: #0b1723; /* Bleu foncé pour les étapes précédentes */
    color: white;
	transition: background-color 0.6s ease, color 0.6s ease;
}

#NNPDL.timeline .step.selected .icon {
    background-color: #0b1723; /* Bleu foncé pour les icônes des étapes précédentes */
    color: white;
	transition: background-color 0.6s ease;
}

/* Responsive Design for Mobiles (max-width: 1200px) */
@media (max-width: 1200px) {
    #NNNPDLB.brace-container .brace-1 {
        top: -380px !important; /* Position pour mobiles */
    }

    #NNNPDLB.brace-container .brace-2 {
        top: -70px !important; /* Position pour mobiles */
    }

    #NNNPDLB.brace-container .brace-label-1 {
        top: -410px !important; /* Position pour mobiles */
    }

    #NNNPDLB.brace-container .brace-label-2 {
        top: -45px !important; /* Position pour mobiles */
    }
}

/* Responsive Design for Tablettes (768px à 1200px) */
@media (max-width: 1200px) and (min-width: 768px) {
    #NNNPDLB.brace-container .brace-1 {
        top: -540px !important; /* Ajustez la position pour tablettes */
    }

    #NNNPDLB.brace-container .brace-2 {
        top: -50px !important; /* Ajustez pour position correcte */
    }

    #NNNPDLB.brace-container .brace-label-1 {
        top: -570px !important; /* Ajustez pour label */
    }

    #NNNPDLB.brace-container .brace-label-2 {
        top: -30px !important; /* Ajustez pour label */
    }
}

#country-pdl-25 #NNPDL.timeline .step .clickable-area {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 10px;
    height: 140px;
    background-color: #26639d;
    position: relative;
    clip-path: polygon(0 0, 90% 0, 100% 50%, 90% 100%, 0 100%, 10% 50%);
    transition: background-color 0.6s ease, clip-path 0.3s ease;
    margin-top: 40px;
}

#country-pdl-25 #NNPDL.timeline .step .label {
    font-size: 0.7rem;
    text-align: center;
    margin-top: 45px;
    color: #ffffff;
    transform: none;
    transition: color 0.6s ease;
}
	
#country-pdl-25 .brace-label-1, .brace-label-2 {
        background-color: transparent;
    }
	
#country-pdl-25 .bg-light{background-color: white!important}
	
@media (max-width: 768px) {
#country-pdl-25 #NNPDL.timeline .step .icon {
        width: 40px;
        height: 40px;
        top: 10px;
        left: 65%;
    }
#country-pdl-25 #NNPDL.timeline .step .label {
    font-size: 0.7rem;
    text-align: center;
    margin-top: 25px;
    color: #ffffff;
    transform: none;
    transition: color 0.6s ease;
}
}
	
@media (max-width: 1200px) {
#country-pdl-25 #NNPDL.timeline {
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 40px;
    }
	
#country-pdl-25 #NNNPDLB.brace-container .brace-1 {
        top: -480px !important;
    }
#country-pdl-25 #NNNPDLB.brace-container .brace-label-1 {
        top: -510px !important;
    }
}
.certifications-about-us {
    width: auto !important;
    height: 60px !important;
}
	
 .timeline-wrapper {
            position: relative;
            max-width: 800px;
            margin: 0 auto;
        }
        .timeline-wrapper::after {
            content: '';
            position: absolute;
            width: 4px;
            background-color: #26639e;
            top: 0;
            bottom: 0;
            left: 50%;
            margin-left: -2px;
        }
        .timeline-container {
            position: relative;
            background-color: inherit;
            width: 50%;
        }
        .timeline-container.left {
            left: 0;
        }
        .timeline-container.right {
            left: 50%;
        }
        .timeline-container::after {
            content: '';
            position: absolute;
            width: 25px;
            height: 25px;
            right: -13px;
            background-color: #db1b1b;
            border: 4px solid #f9f9f9;
            top: 15px;
            border-radius: 50%;
            z-index: 1;
        }
        .timeline-container.right::after {
            left: -13px;
        }
        .about-content {
            padding: 20px;
            background-color: #f4f5f9;
            position: relative;
            border-radius: 6px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
        }