@charset "utf-8";
/* CSS Document */
/*------
About SRC
-----*/
/*technological process*/
.technological-process-process{ position:relative; overflow:hidden; background-color:var(--web-theme-color); border-radius:20px;}
#technological-process .grid{grid-template-columns:repeat(2,1fr); grid-gap:4rem 2rem; }
.technological-process-process>img{ width:100%;}
.technological-process-number-blue,.technological-process-number{ position:absolute; left:4%; top:6%; font-size:4rem;}
.technological-process-number-blue{color:var(--web-theme-color);}
.technological-process-number{ color:#fff;}
.technological-process-process-info{ padding:4rem 3rem;}
.technological-process-process .wrap-flex{justify-content: space-between; align-items: center;}
.technological-process-process h4{color:var(--web-theme-color-yellow); font-weight:bold;}
.technological-process-process ul{ padding-top:3rem;}
.technological-process-process ul li{ line-height:1.8em; color:#fff;}
.technological-process-process .wrap-flex img{ width:4%; }
.technological-process-process p{ max-width:800px; padding-top:3rem; color:#fff;}
/*digital production base*/
#digital-production-base h2{ text-align:center;}
#digital-production-base .grid{grid-template-columns:repeat(3,1fr); grid-gap:2rem; }
#digital-production-base img{ box-shadow: 0 0 10px rgba(80,80,80,0.2);}
/*quality control*/
#quality-control .wrap-flex{  flex-direction: row-reverse; background-color:var(--web-theme-color); margin-top:6rem;}
.quality-control-content:first-child img{width:100%;height:100%; object-fit:cover;}
.quality-control-content:first-child{flex:0 0 60%;} 
.quality-control-content:last-child{flex:0 0 40%; padding:12rem 8rem 0 8rem;}
.quality-control-content:last-child p{  padding-top:2rem; color:#fff; }
#quality-control .grid{grid-template-columns:repeat(4,1fr); grid-column-gap:20px; }
.quality-control-info h4{ padding-top:1.4rem; text-align:center;}
/*moblie phone*/
@media (max-width:1023px){
/*technological process*/
#technological-process{ padding-top:2rem;} 
#technological-process .grid{grid-template-columns:1fr; grid-gap:2rem 0;}
#technological-process h4{ font-size:2rem;}
/*digital production base*/
#digital-production-base{ padding-bottom:0;}
#digital-production-base .grid{grid-template-columns:1fr; grid-gap:2rem 0; }
/*quality control*/
#quality-control .wrap-flex{  flex-direction: column-reverse; margin-top:4rem;}
.quality-control-content{flex:1;} 
.quality-control-content:last-child{padding:0 15px 15px 15px;}
#quality-control .grid{grid-template-columns:1fr; grid-gap:20px 0; }
}