.text {
  line-height: 2;
  display: block;
}
.h2 {
  font-weight: bold;
  display: block;
  line-height: 1.5;
  color: var(--color);
}
.faq-page {
  padding: 100px 0 140px;
}
.faq-page span.h2 {
  margin: 1.4em 0;
  display: block;
}
.faq-page .list {
  position: relative;
}
.faq-page .list:before {
  content: "";
  width: 2px;
  height: 100%;
  background-color: var(--color);
  opacity: 0.32;
  position: absolute;
  left: 29px;
  z-index: -1;
}
.faq-page .list ul li {
  margin-bottom: 25px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.faq-page .list ul li:last-child {
  margin-bottom: 0;
}
.faq-page .list ul li i {
  width: 60px;
  margin-right: 25px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.faq-page .list ul li .content {
  padding: 25px 30px 30px;
  background-color: #f5f5f5;
  width: 100%;
  border-radius: 20px;
}
.faq-page .list ul li .content span.h6 {
  font-size: 20px;
  font-weight: normal;
  color: var(--color);
  margin-bottom: 0.5em;
  display: block;
}
.faq-page .list ul li .content .text {
  font-weight: 300;
}
@media screen and (max-width: 1600px) {
  .faq-page {
    padding: 70px 0;
  }
}

@media screen and (max-width: 1250px) {
  .faq-page .list ul li .content {
    padding: 20px;
  }
  .faq-page .list ul li i {
    width: 50px;
  }
  .faq-page .list:before {
    left: 24px;
  }
}
@media screen and (max-width: 1000px) {
  .faq-page {
    padding: 50px 0;
  }
  .faq-page .list ul li .content span.h6 {
    font-size: 16px;
  }
}
@media screen and (max-width: 500px) {
  .faq-page .list ul li i {
    margin-right: 10px;
  }
}

.quality-page {
  padding-top: 90px;
}
/*.quality-page .ui.container {
  max-width: 1230px;
}*/
.quality-page .mbx .ui.container {
  max-width: none;
}
.quality-page span.h2 {
  font-weight: normal;
}
.quality-page .text {
  font-weight: 300;
}
.quality-page span.h3 {
  font-size: 50px;
  line-height: 1.5;
  display: block;
  margin-bottom: 1em;
  font-family: 'anton';
  color: #000;
}
.quality-page .quality-1 {
  padding: 0 0 60px;
  text-align: center;
}
.quality-page .quality-1 .text {
  margin-top: 2em;
}
.quality-page .quality-2 .slide {
  margin-bottom: 100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.quality-page .quality-2 .slide .left {
  padding-right: 7%;
}
.quality-page .quality-2 .slide .left * {
  height: 100%;
}
.quality-page .quality-2 .slide .left .img {
  height: 100%;
  background-size: cover;
  background-position: center;
  display: block;
  /*border: 1px solid #c9cfd2;*/
}
.quality-page .quality-2 .slide .right {
  padding: 20px 0;
  padding-left: 3%;
}
.quality-page .quality-2 .slide .right .slick1 img{
  max-width: 400px;
}
.quality-page .quality-2 .slide:nth-child(even) {
  direction: rtl;
}
.quality-page .quality-2 .slide:nth-child(even) .left {
  padding-left: 7%;
  padding-right: 0;
}
.quality-page .quality-2 .slide:nth-child(even) .right {
  padding-left: 0;
  padding-right: 3%;
  direction: ltr;
}
.quality-page .quality-3 {
  padding: 70px 0 90px;
  background-color: #f9f9f9;
}
.quality-page .quality-3 .box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -moz-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.quality-page .quality-3 .box .left {
  width: 60%;
}
.quality-page .quality-3 .box .right {
  padding-left: 10%;
  width: 40%;
}
.quality-page .quality-3 .list {
  margin-top: 60px;
}
.quality-page .quality-3 .list ul {
  margin: -7px;
}
.quality-page .quality-3 .list ul li {
  padding: 7px;
}
.quality-page .quality-3 .list ul li a.img-box {
  display: block;
}
.quality-page .quality-4 .list ul {
  margin: -10px;
}
.quality-page .quality-4 .list ul li {
  padding: 10px;
}
.quality-page .quality-4 .list ul li a.img-box {
  display: block;
  border: 1px solid #c9cfd2;
}
.quality-page .quality-4 .list ul li a img {
  width: 100%;
}
.quality-page .quality-4 .list ul li span.h6 {
  font-weight: 500;
  /*color: var(--color);*/
  display: block;
  margin-top: 0.6em;
  text-align: center;
}
.quality-page .quality-4 .btn {
  font-size: 20px;
}
.quality-page .quality-4 .btn div {
  width: 2em;
  height: 2em;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #999;
  color: white;
  position: absolute;
  top: 46%;
  transform: translateY(-50%);
  transition: 0.5s;
  cursor: pointer;
  cursor: hand;
}
.quality-page .quality-4 .btn div.prev {
  right: 103%;
}
.quality-page .quality-4 .btn div.next {
  left: 103%;
}
.quality-page .quality-4 .btn div:hover {
  background-color: var(--color);
  color: white;
}
.quality-page .quality-5 {
  padding: 110px 0;
}
.quality-page .quality-5 .box .left {
  vertical-align: middle;
  padding-right: 4%;
}
.quality-page .quality-5 span.h2 {
  margin-bottom: 0.5em;
  color: #000;
  font-family: 'anton';
}
.quality-page .quality-5 .list ul li {
  font-size: 16px;
  padding: 1em 0;
  border-bottom: 1px solid #e3e6ea;
}
.quality-page .quality-5 .list ul li span.h6 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 500;
}
.quality-page .quality-5 .list ul li span.h6 i {
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  position: relative;
}
.quality-page .quality-5 .list ul li span.h6 i:after,
.quality-page .quality-5 .list ul li span.h6 i:before {
  content: "";
  width: 100%;
  height: 2px;
  background-color: black;
  transition: 0.5s;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.quality-page .quality-5 .list ul li span.h6 i:before {
  transform: translateY(-50%) rotate(90deg);
}
.quality-page .quality-5 .list ul li .text {
  margin-top: 1em;
  display: none;
}
.quality-page .quality-5 .list ul li.active span.h6 i:before {
  transform: translateY(-50%) rotate(0);
}
.quality-page .quality-5 .list ul li.active span.h6 i:after,
.quality-page .quality-5 .list ul li.active span.h6 i:before {
  background-color: var(--color);
}
.quality-page .quality-5 .list ul li.active span.h6 {
  color: var(--color);
      font-size: 24px;
      /*font-family: 'anton';*/
}
.quality-page .quality-5 .box .right {
  padding-left: 7%;
  vertical-align: middle;
}
.quality-page .quality-5 .box .right .slick1 {
  position: relative;
}
.quality-page .quality-5 .box .right .slick1 img {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: -1;
  transition: 0.5s;
}
.quality-page .quality-5 .box .right .slick1 img.active {
  opacity: 1;
  position: static;
  z-index: 1;
}
.quality-page .quality-7 {
  padding: 100px 0;
}
.quality-page .quality-7 span.h2 {
  font-weight: normal;
  text-align: center;
  margin-bottom: 1.5em;
}
.quality-page .quality-7 .box {
  margin-top: 60px;
}
.quality-page .quality-7 .box .left {
  width: 66%;
  padding-right: 4%;
}
.quality-page .quality-7 .box .left .text {
  font-size: 14px;
}
.quality-page .quality-7 .box .left .text > * {
  margin: 1em 0;
}
.quality-page .quality-7 .box .left .text .f18 {
  font-size: 1.3em;
}
.quality-page .quality-7 .box .left .text .f20 {
  font-size: 1.45em;
}
.quality-page .quality-7 .box .left .text .f24 {
  font-size: 1.7em;
}
.quality-page .quality-7 .box .left .text span {
  color: var(--color);
}
.quality-page .quality-7 .box .right {
  width: 34%;
}
@media screen and (max-width: 1600px) {
  .quality-page {
    padding-top: 70px;
  }
  .quality-page .quality-1 {
    padding: 50px 0;
  }
  .quality-page span.h3,
  .service-page .service-3 span.h3,
  .cornerstone-page span.h3,
  .product-page span.h3 {
    font-size: 28px;
  }
}
@media screen and (max-width: 1250px) {
    .quality-page span.h3 {
      font-size: 24px;
    }
}
@media screen and (max-width: 1000px) {
    .quality-page .quality-2 .slide .left,
    .quality-page .quality-3 .box .left {
      padding: 0 !important;
      width: 100%;
    }
    .quality-page .quality-2 .slide .right,
    .quality-page .quality-3 .box .right {
      padding: 0 !important;
      width: 100%;
      margin-top: 20px;
    }
    .quality-page .quality-2 .slide,
    .quality-page .quality-3 .box {
      direction: ltr !important;
      display: block;
    }
    .quality-page .quality-2 .slide .left .img {
      height: 240px;
    }
    .quality-page .quality-3 {
      padding: 50px 0;
    }
}
@media screen and (max-width: 700px) {
    .quality-page {
        padding-top: 50px;
      }
      .quality-page .quality-5 .box .left{
        width: 100%;
        padding-right: 0;
      }
      .quality-page .quality-5 .box .right{
        padding-left: 0;
        margin-top: 20px;
        width: 100%;
      }
}
@media screen and (max-width: 1250px) {
    .quality-page .quality-4 .btn div.prev {
      left: 0;
      right: auto;
    }
    .quality-page .quality-4 .btn div.next {
      right: 0;
      left: auto;
    }
    .quality-page .quality-7 .box .left {
      padding-right: 0;
      width: 100%;
    }
    .quality-page .quality-7 .box .right {
      display: none;
    }
  }

@media screen and (max-width: 500px) {
  .quality-page .quality-1{
    padding: 0 0 10px 0;
  }  
  .quality-page .quality-2 .slide{
    margin-bottom: 40px;
  }
  .quality-page .quality-5{
    padding: 40px 0;
  }
  .quality-page .quality-3 .list{
    margin-top: 30px;
  }
}