:root {
--theme_color:#004741;
}
* {
 margin: 0px;
 padding: 0px;
 box-sizing: border-box;
 }
.finished_intro {
 padding: 170px 0px 5rem;
 }
body > section {
 position: relative;
 }
body > section:hover {
  }
.content_big {
 position: relative;
 margin: 0px auto;
 max-width: 1600px;
 }
@media screen and (min-width: 786px) and (max-width: 1640px){
.content_big {
 max-width: 1440px;
 padding: 0px 1.2rem;
 }}
@media screen and (min-width: 786px) and (max-width: 1440px){
.content_big {
 max-width: 1220px;
 }}
@media screen and (min-width: 786px) and (max-width: 1220px){
.content, .content_big {
 max-width: 1000px;
 }}
@media screen and (min-width: 786px) and (max-width: 1000px){
.content, .content_big {
 max-width: 786px;
 }}
.flex {
 display: flex;
 }
.wrap {
 flex-wrap: wrap;
 }
.between {
 justify-content: space-between;
 }
.flex_middle {
 align-items: center;
 }
.gap {
 gap: max(20px, 3.33%);
 }
.finished_intro .img {
 width: 51.25%;
 overflow: hidden;
 border-radius: 15px;
 }
.finished_intro .img img {
 width: 100%;
 height: 100%;
 object-fit: cover;
 transition: 0.5s;
 display: block;
 }
.finished_intro .img img:hover {
 transform: scale(1.03);
 }
.finished_intro .head {
 flex: 1 1 0%;
 max-width: 626px;
 }
.head h2 {
 font-size: 44px;
 font-weight: 500;
 line-height: 60px;
 }
.fadeIn {
 animation-name: fadeIn;
 }
.finished_intro .head .desc {
 color: rgb(124, 124, 124);
 font-size: 17px;
 line-height: 25px;
 margin-top: 28px;
 max-width: 582px;
 font-family: Gantari, sans-serif;
 }
.finished_intro .head .list {
 color: rgb(51, 51, 51);
 font-size: 18px;
 font-weight: 500;
 margin-top: 38px;
 }
 .finished_intro .head .list strong{
 color: rgb(51, 51, 51);
 font-size: 18px;
 font-weight: 500;
 }
  .finished_intro .head .list p{
    font-size: 16px;
    line-height: 1.5;
    color: #666;
    font-weight: 400;
    margin-top: 0.5rem;
    margin-bottom: 1rem;
  }
ul {
 list-style: none;
 }
.finished_intro .head .list li {
 position: relative;
 padding-left: 2rem;
 margin-bottom: 8px;
 }
.finished_intro .head .list li::before {
 content: "";
 display: block;
 width: 1rem;
 aspect-ratio: 16 / 12;
 position: absolute;
 left: 0px;
 top: 8px;
 background: url("https://garment.runtangtextile.com/wp-content/plugins/sytech-fronteditor/sytpl/finished_intro/assets/img/gou.svg") center center / contain no-repeat;
 }
.finished_intro .head .list li:last-child {
 margin-bottom: 0px;
 }
a {
 color: rgb(28, 35, 47);
 text-decoration: none;
 font-size: 1rem;
 }
.button {
 display: inline-block;
 font-size: 20px;
 font-weight: 600;
 color: rgb(255, 255, 255);
 background-color: var(--theme_color);
 border-radius: 8px;
 overflow: hidden;
 padding: 17px 86px 19px 35px;
 min-width: 248px;
 text-align: center;
 position: relative;
 transition: 0.3s;
 }
.button::before {
 content: "";
 display: block;
 width: 44px;
 height: 44px;
 background-color: rgb(255, 255, 255);
 border-radius: 8px;
 position: absolute;
 right: 9px;
 top: 50%;
 transform: translateY(-50%);
 transition: 0.3s;
 }
.button::after {
 content: "";
 display: block;
 width: 1rem;
 height: 12px;
 background: url("https://garment.runtangtextile.com/wp-content/plugins/sytech-fronteditor/sytpl/finished_intro/assets/img/btn-arrow-b.svg") center center / contain no-repeat;
 position: absolute;
 right: 23px;
 top: 50%;
 transform: translateY(-50%);
 transition: 0.3s;
 }
.button:hover {
 padding: 17px 60.5px 19px;
 }
.button:hover::before, .button:hover::after {
 opacity: 0;
 right: 0px;
 transform: translate(100%, -50%) scale(0.8);
 }
.finished_intro .head .button {
 margin-top: 3rem;
 }
@media screen and (min-width: 786px) and (max-width: 1440px){
.button, .button_r, .button_more {
 zoom: 0.9;
 }}
@media screen and (min-width: 786px) and (max-width: 1220px){
.button, .button_r, .button_more {
 zoom: 0.85;
 }}
@media screen and (min-width: 786px) and (max-width: 1000px){
.button, .button_r, .button_more {
 zoom: 0.8;
 }}
button, input, textarea {
 outline: none;
 border: none;
 font-family: unset;
 }
input[type="submit"], button {
 cursor: pointer;
 }
.sytech_export_template {
 display: none;
 }
 
@media screen and (max-width: 786px){

.finished_intro {
 padding: 3rem 0px;
 }
.content, .content_big {
 padding: 0px 1.2rem;
 }
.finished_intro .flex {
 display: block;
 }
.finished_intro .img {
 width: 100%;
 }
.finished_intro .head {
 margin-top: 2rem;
 }
.head h2 {
 font-size: 22px;
 line-height: 1.5;
 }
.finished_intro .head .desc {
 font-size: 0.9rem;
 line-height: 1.5rem;
 margin-top: 10px;
 }
.finished_intro .head .list {
 font-size: 1rem;
 line-height: 1.5;
 margin-top: 1rem;
 }
.finished_intro .head .list li {
 padding-left: 20px;
 }
.finished_intro .head .list li::before {
 width: 12px;
 }
.finished_intro .head .button {
 margin-top: 2rem;
 }
.button, .button_r, .button_more {
 font-size: 14px;
 min-width: 120px;
 padding: 12px 50px 12px 20px;
 border-radius: 6px;
 }
.button::before, .button_r::before, .button_more::before {
 width: 2rem;
 height: 2rem;
 right: 5px;
 border-radius: 6px;
 }
.button::after, .button_r::after, .button_more::after {
 width: 12px;
 height: 12px;
 right: 15px;
 }
.button:hover, .button_more:hover {
 padding: 12px 35px;
 }

    .finished_intro .head .list p{
        font-size: 0.9rem;
        line-height: 1.5rem;
        
    }
}
.finished_type {
 padding: 120px 0px;
 background: url("https://garment.runtangtextile.com/wp-content/plugins/sytech-fronteditor/sytpl/finished_3/assets/img/tshirt-type-bg.jpg") center center / cover no-repeat;
 }
@media screen and (min-width: 786px) and (max-width: 1640px){
.content_big {
 max-width: 1440px;
 padding: 0px 1.2rem;
 }}
@media screen and (min-width: 786px) and (max-width: 1440px){
.content_big {
 max-width: 1220px;
 }}
@media screen and (min-width: 786px) and (max-width: 1220px){
.content, .content_big {
 max-width: 1000px;
 }}
@media screen and (min-width: 786px) and (max-width: 1000px){
.content, .content_big {
 max-width: 786px;
 }}
.finished_type .left {
 flex: 1 1 0%;
 max-width: 636px;
 }
.fadeInLeft {
 animation-name: fadeInLeft;
 }
.finished_type .pagination {
 font-size: 24px;
 font-weight: 500;
 line-height: 1;
 gap: 1rem;
 display: flex;
 align-items: center;
 margin-top: 68px;
 }
.finished_type .pagination .line {
 width: 25px;
 height: 1px;
 background-color: rgba(61, 61, 61, 0.3);
 }
.finished_type .pagination .total {
 opacity: 0.4;
 }
.finished_type .items {
 max-width: 614px;
 margin-top: 35px;
 }
.finished_type .items .item {
 cursor: pointer;
 display: grid;
 align-items: center;
 grid-template-columns: 1fr auto;
 gap: 13.355%;
 margin-bottom: 10px;
 transition: 0.3s;
 }
.finished_type .items .item.active::after, .finished_type .items .item:hover::after {
 opacity: 1;
 }
.finished_type .items .item.active {
 margin-bottom: 1rem;
 }
.finished_type .items .item::after {
 content: "";
 display: block;
 width: 26px;
 aspect-ratio: 26 / 20;
 transition: 0.3s;
 background: url("https://garment.runtangtextile.com/wp-content/plugins/sytech-fronteditor/sytpl/finished_3/assets/img/arrow-line-r.svg") center center / contain no-repeat;
 opacity: 0;
 }
.finished_type .items .item.active h3, .finished_type .items .item:hover h3 {
 opacity: 1;
 border-color: var(--theme_color);
 }
.finished_type .items .item h3 {
 opacity: 0.44;
 transition: 0.3s;
 border-bottom: 1px solid transparent;
 font-size: 2rem;
 font-weight: 600;
 padding: 10px 0px;
 }
.finished_type .items .item:last-child {
 margin-bottom: 0px;
 }
.finished_type .finished_type_swiper {
 width: 50%;
 overflow: hidden;
 border-radius: 2rem;
 background-color: rgb(255, 255, 255);
 }
.swiper-wrapper {
 position: relative;
 width: 100%;
 height: 100%;
 z-index: 1;
 display: flex;
 transition-property: transform, -webkit-transform;
 box-sizing: content-box;
 }
.swiper-container-android .swiper-slide, .swiper-wrapper {
 transform: translate3d(0px, 0px, 0px);
 }
.swiper-slide {
 flex-shrink: 0;
 width: 100%;
 height: 100%;
 position: relative;
 transition-property: transform, -webkit-transform;
 }
.finished_type .finished_type_swiper a {
 height: 100%;
 display: block;
 padding: 18px 7.5% 60px;
 }
.finished_type .finished_type_swiper .img {
 margin: 0px auto;
 max-width: 666px;
 aspect-ratio: 666 / 444;
 }
.finished_type .finished_type_swiper a:hover img {
 transform: scale(1.03);
 }
.finished_type .finished_type_swiper .img img {
 width: 100%;
 height: 100%;
 object-fit: contain;
 display: block;
 transition: 0.5s;
 }
.finished_type .finished_type_swiper .info .desc {
 color: rgb(61, 61, 61);
 font-size: 18px;
 line-height: 30px;
 font-family: Gantari, sans-serif;
 margin-top: 18px;
 }
.button::after {
 content: "";
 display: block;
 width: 1rem;
 height: 12px;
 background: url("https://garment.runtangtextile.com/wp-content/plugins/sytech-fronteditor/sytpl/finished_3/assets/img/btn-arrow-b.svg") center center / contain no-repeat;
 position: absolute;
 right: 23px;
 top: 50%;
 transform: translateY(-50%);
 transition: 0.3s;
 }
.finished_type .finished_type_swiper .info .button {
 margin-top: 30px;
 }
@media screen and (min-width: 786px) and (max-width: 1440px){
.button, .button_r, .button_more {
 zoom: 0.9;
 }}
@media screen and (min-width: 786px) and (max-width: 1220px){
.button, .button_r, .button_more {
 zoom: 0.85;
 }}
@media screen and (min-width: 786px) and (max-width: 1000px){
.button, .button_r, .button_more {
 zoom: 0.8;
 }}
 
@media screen and (max-width: 786px){

.finished_type {
 padding: 4rem 0px;
 }
.finished_type .flex {
 display: block;
 }
.finished_type .pagination {
 margin-top: 2rem;
 font-size: 1rem;
 }
.finished_type .items {
 margin-top: 20px;
 }
.finished_type .items .syeditorlist {
 gap: 1rem;
 display: flex;
 width: 100vw;
 padding: 0px 1.2rem;
 margin: 0px -1.2rem;
 overflow: auto;
 }
.finished_type .items .item {
 display: block;
 margin: 0px !important;
 }
.finished_type .items .item::after {
 display: none;
 }
.finished_type .items .item h3 {
 padding: 12px 0px;
 font-size: 1rem;
 line-height: 1.5;
 white-space: nowrap;
 }
.finished_type .finished_type_swiper {
 width: 100%;
 margin-top: 2rem;
 border-radius: 1rem;
 }
.finished_type .finished_type_swiper a {
 padding-bottom: 2rem;
 }
.finished_type .finished_type_swiper .info .desc {
 font-size: 0.9rem;
 line-height: 1.5rem;
 }
.finished_type .finished_type_swiper .info .button {
 margin-top: 20px;
 }
}
 
:root {
}
.transfer_pattern {
 padding: 84px 0px 145px;
 }
@media screen and (min-width: 786px) and (max-width: 1640px){
.content_big {
 max-width: 1440px;
 padding: 0px 1.2rem;
 }}
@media screen and (min-width: 786px) and (max-width: 1440px){
.content_big {
 max-width: 1220px;
 }}
@media screen and (min-width: 786px) and (max-width: 1220px){
.content, .content_big {
 max-width: 1000px;
 }}
@media screen and (min-width: 786px) and (max-width: 1000px){
.content, .content_big {
 max-width: 786px;
 }}
.gap {
 gap: 1.25rem;
 }
.transfer_pattern .left {
 width: 47.5301%;
 }
.transfer_pattern .left .img {
 aspect-ratio: 789 / 636;
 position: relative;
 overflow: hidden;
 border-radius: 15px;
 }
.transfer_pattern .left .img:hover img {
 transform: scale(1.02);
 }
.transfer_pattern .left .img img {
 position: absolute;
 top: 0px;
 left: 0px;
 width: 100%;
 height: 100%;
 object-fit: cover;
 transition: 0.3s;
 }
.transfer_pattern .head {
 flex: 1 1 0%;
 max-width: 599px;
 padding-bottom: 1.4%;
 }
.transfer_pattern .head p {
 font-size: 17px;
 font-family: Gantari, sans-serif;
 line-height: 25px;
 color: rgb(124, 124, 124);
 margin-top: 36px;
 }
 
@media screen and (max-width: 786px){

.transfer_pattern {
 padding: 3rem 0px 4rem;
 }
.transfer_pattern .flex {
 flex-direction: column;
 gap: 1.6rem;
 }
.transfer_pattern .left {
 width: 100%;
 }
br {
 display: none;
 }
.transfer_pattern .head p {
 font-size: 14px;
 margin-top: 0.5rem;
 }
.head p {
 font-size: 0.9rem;
 line-height: 1.5rem;
 }
}
.transfer_features {
 background-color: rgb(247, 247, 247);
 border: 43px;
 padding: 100px 0px 112px;
 }
@media screen and (min-width: 786px) and (max-width: 1640px){
.content_big {
 max-width: 1440px;
 padding: 0px 1.2rem;
 }}
@media screen and (min-width: 786px) and (max-width: 1440px){
.content_big {
 max-width: 1220px;
 }}
@media screen and (min-width: 786px) and (max-width: 1220px){
.content, .content_big {
 max-width: 1000px;
 }}
@media screen and (min-width: 786px) and (max-width: 1000px){
.content, .content_big {
 max-width: 786px;
 }}
.transfer_features .head {
 flex: 1 1 0%;
 max-width: 549px;
 padding-top: 13px;
 }
.transfer_features .head h2 {
 line-height: 52px;
 }
.transfer_features .head p {
 font-size: 17px;
 font-family: Gantari, sans-serif;
 line-height: 25px;
 color: rgb(124, 124, 124);
 margin-top: 45px;
 max-width: 455px;
 }
.transfer_features .right {
 width: 48.1875%;
 }
.transfer_features .right li {
 border-radius: 10px;
 box-shadow: rgba(193, 193, 193, 0.35) 0px 5px 15px;
 display: grid;
 grid-template-columns: 1fr auto;
 gap: 13px 0px;
 align-items: center;
 padding: 40px 5.44747% 44px 5.70687%;
 width: 100%;
 margin-bottom: 24px;
 background-color: rgb(255, 255, 255);
 }
.transfer_features .right strong {
 font-size: 26px;
 font-weight: 700;
 color: rgb(22, 22, 22);
 line-height: 1;
 margin-top: auto;
 }
i {
 font-style: normal;
 }
.transfer_features .right i {
 display: block;
 width: 98px;
 height: 98px;
 border-radius: 50%;
 grid-area: span 2;
 background-image: initial;
 background-position: center center;
 background-size: contain;
 background-repeat: no-repeat;
 background-attachment: initial;
 background-origin: initial;
 background-clip: initial;
 background-color: var(--theme_color);
 }
.transfer_features .right p {
 font-size: 17px;
 color: rgb(124, 124, 124);
 line-height: 25px;
 max-width: 500px;
 font-family: Gantari, sans-serif;
 margin-bottom: auto;
 }
.transfer_features .right li:last-child {
 margin-bottom: 0px;
 }
 
@media screen and (max-width: 786px){

.transfer_features {
 padding: 4rem 0px;
 }
.transfer_features .flex {
 flex-direction: column;
 gap: 2rem;
 }
.transfer_features .head {
 padding: 0px;
 }
.transfer_features .head h2 {
 line-height: 1.5;
 }
.transfer_features .head p {
 font-size: 14px;
 line-height: 1.5;
 margin-top: 0.5rem;
 }
.transfer_features .right {
 width: 100%;
 }
.transfer_features .right li {
 padding: 1.6rem 1.2rem;
 gap: 0.5rem 1rem;
 }
.transfer_features .right strong {
 font-size: 18px;
 line-height: 1.5;
 }
.transfer_features .right i {
 width: 55px;
 height: 55px;
 }
.transfer_features .right p {
 font-size: 13px;
 line-height: 1.5;
 }
}
 
* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

.about_culture {
    padding: 92px 0px;
}

body>section {
    position: relative;
}

body>section:hover {}



.content_big {
    position: relative;
    margin: 0px auto;
    max-width: 1600px;
}


.center {
    text-align: center;
}

.head h2 {
    font-size: 44px;
    font-weight: 500;
    line-height: 60px;
}

.fadeInUp {
    animation-name: fadeInUp;
}


.flex {
    display: flex;
}

.between {
    justify-content: space-between;
}

.flex_middle {
    align-items: center;
}

.about_culture .main {
    margin-top: 90px;
    gap: 1.2rem;
}


.about_culture .left {
    flex: 1 1 0%;
    max-width: 560px;
}

ul {
    list-style: none;
}

.about_culture .left li {
    display: flex;
    align-items: flex-start;
    gap: 36px;
    margin-bottom: 80px;
}


i {
    font-style: normal;
}

.about_culture .left li i {
    display: block;
    width: 82px;
    height: 77px;
    background: center center / contain no-repeat;
}


.about_culture .left li div {
    flex: 1 1 0%;
}

.about_culture .left li strong {
    color: var(--theme_color);
    font-size: 28px;
    font-weight: 600;
}

.about_culture .left li p {
    margin-top: 20px;
    color: rgb(71, 71, 71);
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    font-family: Gantari, sans-serif;
}


.about_culture .left li:last-child {
    margin-bottom: 0px;
}


.about_culture .img {
    width: 58.375%;
    height: auto;
    max-height: 602px;
    overflow: hidden;
    border-radius: 22px;
}



.about_culture .img img {
    width: 100%;
    height: auto;
    max-height: 100%;
    object-fit: cover;
    display: block;
}


@media screen and (min-width: 786px) and (max-width: 1000px) {
    .about_culture .left li i {
        width: 3rem;
        height: 3rem;
    }
}


@media screen and (min-width: 786px) and (max-width: 1220px) {
    .about_culture .left li {
        margin-bottom: 2rem;
        gap: 1.2rem;
    }
}


@media screen and (min-width: 786px) and (max-width: 1640px) {
    .content_big {
        max-width: 1440px;
        padding: 0px 1.2rem;
    }
}

@media screen and (min-width: 786px) and (max-width: 1440px) {
    .content_big {
        max-width: 1220px;
    }
}

@media screen and (min-width: 786px) and (max-width: 1220px) {

    .content,
    .content_big {
        max-width: 1000px;
    }
}

@media screen and (min-width: 786px) and (max-width: 1000px) {

    .content,
    .content_big {
        max-width: 786px;
    }
}

@media screen and (max-width: 786px) {
    .about_culture {
        padding: 3rem 0px 4rem;
    } 

    .content,
    .content_big {
        padding: 0px 1.2rem;
    } 
    .head h2 {
        font-size: 22px;
        line-height: 1.5;
    } 
    .about_culture .main {
        margin-top: 2rem;
        flex-direction: column-reverse;
        gap: 2rem;
    } 
    .about_culture .main .left ul li {
        gap: 10px;
        margin-bottom: 1.2rem;
    } 
    .about_culture .main .left ul li i {
        width: 2.5rem;
        height: 2.5rem;
    } 
    .about_culture .main .left ul li strong {
        font-size: 1rem;
        line-height: 1.5;
    } 
    .about_culture .main .left ul li p {
        font-size: 0.9rem;
        line-height: 1.5rem;
        margin-top: 0px;
    } 
    .about_culture .main .left ul li:last-child {
        margin-bottom: 0px;
    } 
    .about_culture .main .img {
        width: 100%;
        border-radius: 10px;
    }
}
.finisheds_step {
 padding: 92px 0px 168px;
 }
@media screen and (min-width: 786px) and (max-width: 1640px){
.content_big {
 max-width: 1440px;
 padding: 0px 1.2rem;
 }}
@media screen and (min-width: 786px) and (max-width: 1440px){
.content_big {
 max-width: 1220px;
 }}
@media screen and (min-width: 786px) and (max-width: 1220px){
.content, .content_big {
 max-width: 1000px;
 }}
@media screen and (min-width: 786px) and (max-width: 1000px){
.content, .content_big {
 max-width: 786px;
 }}
.finisheds_step .flex {
 margin: 85px 0px;
 }
.finisheds_step .imgs {
 width: 53.875%;
 }
.finisheds_step .imgs .syeditorlist {
 position: relative;
 aspect-ratio: 862 / 570;
 }
.finisheds_step .imgs .img {
 width: 100%;
 height: 100%;
 position: absolute;
 left: 0px;
 top: 0px;
 transition: 0.3s;
 opacity: 0;
 pointer-events: none;
 }
.finisheds_step .imgs .img.active {
 opacity: 1;
 z-index: 2;
 pointer-events: all;
 }
.finisheds_step .imgs .img img {
 width: 100%;
 height: 100%;
 object-fit: contain;
 display: block;
 }
.finisheds_step .items {
 flex: 1 1 0%;
 max-width: 602px;
 }
.finisheds_step .items .item {
 position: relative;
 z-index: 2;
 padding: 12px 0px 12px 94px;
 }
.finisheds_step .items .item.active::after {
 height: 100%;
 }
.finisheds_step .items .item::before {
 content: "";
 display: block;
 width: 1px;
 height: 100%;
 left: 35px;
 top: 35px;
 position: absolute;
 z-index: -2;
 box-sizing: border-box;
 border-left: 2px dashed rgba(36, 36, 36, 0.15);
 }
.finisheds_step .items .item::after {
 content: "";
 display: block;
 width: 3px;
 height: 0px;
 left: 34px;
 top: 35px;
 position: absolute;
 z-index: -1;
 background-color: var(--theme_color);
 transition: 0.3s;
 }
.finisheds_step .items .item.active .order {
 color: rgb(255, 255, 255);
 background-color: rgba(0, 70, 65, 0.21);
 }
.finisheds_step .items .item.active .order::before {
 border-color: var(--theme_color);
 background-color: var(--theme_color);
 }
.finisheds_step .items .item .order {
 width: 70px;
 aspect-ratio: 1 / 1;
 border-radius: 50%;
 transition: 0.3s;
 position: absolute;
 left: 0px;
 top: 0px;
 z-index: 2;
 display: flex;
 align-items: center;
 justify-content: center;
 text-align: center;
 font-size: 20px;
 font-weight: 600;
 }
.finisheds_step .items .item .order::before {
 content: "";
 display: block;
 width: 46px;
 aspect-ratio: 1 / 1;
 border-radius: 50%;
 box-sizing: border-box;
 border: 1px solid rgb(233, 236, 240);
 position: absolute;
 left: 50%;
 top: 50%;
 z-index: -1;
 transition: 0.3s;
 transform: translate(-50%, -50%);
 background-color: rgb(255, 255, 255);
 }
.finisheds_step .items .item.active h3 {
 color: var(--theme_color);
 font-size: 26px;
 }
.finisheds_step .items .item h3 {
 min-height: 46px;
 display: flex;
 align-items: center;
 transition: 0.3s;
 cursor: pointer;
 font-size: 22px;
 font-weight: 600;
 color: rgb(45, 45, 45);
 }
.finisheds_step .items .item:first-child .desc {
 display: block;
 }
.finisheds_step .items .item .desc {
 color: rgb(124, 124, 124);
 font-size: 17px;
 line-height: 25px;
 display: none;
 padding-top: 10px;
 max-width: 406px;
 font-family: Gantari, sans-serif;
 }
.finisheds_step .items .item:last-child::before, .finisheds_step .items .item:last-child::after {
 display: none;
 }
.center {
 text-align: center;
 }
.button::after {
 content: "";
 display: block;
 width: 1rem;
 height: 12px;
 background: url("https://garment.runtangtextile.com/wp-content/plugins/sytech-fronteditor/sytpl/finisheds_2/assets/img/btn-arrow-b.svg") center center / contain no-repeat;
 position: absolute;
 right: 23px;
 top: 50%;
 transform: translateY(-50%);
 transition: 0.3s;
 }
@media screen and (min-width: 786px) and (max-width: 1440px){
.button, .button_r, .button_more {
 zoom: 0.9;
 }}
@media screen and (min-width: 786px) and (max-width: 1220px){
.button, .button_r, .button_more {
 zoom: 0.85;
 }}
@media screen and (min-width: 786px) and (max-width: 1000px){
.button, .button_r, .button_more {
 zoom: 0.8;
 }}
 
@media screen and (max-width: 786px){

.finisheds_step {
 padding: 3rem 0px;
 }
.finisheds_step .flex {
 margin: 2rem 0px;
 display: block;
 }
.finisheds_step .imgs {
 width: 100%;
 }
.finisheds_step .items {
 margin-top: 2rem;
 }
.finisheds_step .items .item {
 padding: 8px 0px 8px 4rem;
 }
.finisheds_step .items .item::before, .finisheds_step .items .item::after {
 left: 1.5rem;
 top: 1.5rem;
 }
.finisheds_step .items .item .order {
 width: 3rem;
 font-size: 1rem;
 }
.finisheds_step .items .item .order::before {
 width: 2rem;
 }
.finisheds_step .items .item.active h3 {
 font-size: 20px;
 }
.finisheds_step .items .item h3 {
 min-height: 2rem;
 font-size: 18px;
 }
.finisheds_step .items .item .desc {
 font-size: 0.9rem;
 line-height: 1.5rem;
 }
}
.transfer_strength {
 padding: 118px 0px 163px;
 }
@media screen and (min-width: 786px) and (max-width: 1640px){
.content_big {
 max-width: 1440px;
 padding: 0px 1.2rem;
 }}
@media screen and (min-width: 786px) and (max-width: 1440px){
.content_big {
 max-width: 1220px;
 }}
@media screen and (min-width: 786px) and (max-width: 1220px){
.content, .content_big {
 max-width: 1000px;
 }}
@media screen and (min-width: 786px) and (max-width: 1000px){
.content, .content_big {
 max-width: 786px;
 }}
@media screen and (min-width: 786px) and (max-width: 1000px){
.transfer_strength .flex {
 flex-direction: column-reverse;
 }}
.transfer_strength .left {
 flex: 1 1 0%;
 max-width: 670px;
 }
.transfer_strength .head p {
 font-size: 17px;
 line-height: 25px;
 color: rgb(124, 124, 124);
 font-family: Gantari, sans-serif;
 margin-top: 28px;
 }
.transfer_strength .list {
 margin-top: 78px;
 }
.transfer_strength .list ul {
 counter-reset: li 0;
 border-bottom: 1px solid rgb(221, 221, 221);
 }
.transfer_strength .list li {
 display: flex;
 gap: 6.56418%;
 border-top: 1px solid rgb(221, 221, 221);
 transition: 0.3s;
 padding: 27px 0px 26px;
 }
.transfer_strength .list li.active::before {
 color: var(--theme_color);
 }
.transfer_strength .list li::before {
 content: counter(li);
 counter-increment: li 1;
 font-size: 16px;
 color: rgb(0, 0, 0);
 font-weight: 600;
 flex-shrink: 0;
 transition: 0.3s;
 line-height: 32px;
 }
.transfer_strength .list li:nth-child(-n+9)::before {
 content: "0" counter(li);
 }
.transfer_strength .list li.active strong {
 color: var(--theme_color);
 }
.transfer_strength .list strong {
 font-size: 28px;
 font-weight: 600;
 color: rgb(0, 0, 0);
 line-height: 32px;
 transition: 0.3s;
 }
.transfer_strength .list p {
 font-size: 17px;
 font-family: Gantari, sans-serif;
 color: rgb(124, 124, 124);
 line-height: 25px;
 margin-top: 10px;
 }
.transfer_strength .right {
 width: 46.0625%;
 }
@media screen and (min-width: 786px) and (max-width: 1000px){
.transfer_strength .right {
 width: 70%;
 }}
.transfer_strength .right .imgs {
 aspect-ratio: 737 / 707;
 position: relative;
 overflow: hidden;
 border-radius: 15px;
 }
.transfer_strength .right .img {
 position: absolute;
 top: 0px;
 left: 0px;
 width: 100%;
 height: 100%;
 opacity: 0;
 transition: 0.3s;
 pointer-events: none;
 }
.transfer_strength .right .img.active {
 opacity: 1;
 pointer-events: all;
 }
.transfer_strength .right .imgs:hover img {
 transform: scale(1.03);
 }
.transfer_strength .right .imgs img {
 width: 100%;
 height: 100%;
 display: block;
 position: absolute;
 top: 0px;
 left: 0px;
 object-fit: cover;
 transition: 0.5s;
 }
 
@media screen and (max-width: 786px){

.transfer_strength {
 padding: 3rem 0px 4rem;
 }
.transfer_strength .flex {
 flex-direction: column-reverse;
 gap: 1.8rem;
 }
.transfer_strength .left {
 max-width: unset;
 }
.transfer_strength .left p {
 font-size: 14px;
 line-height: 1.5;
 margin-top: 0.5rem;
 }
.transfer_strength .list {
 margin-top: 2rem;
 }
.transfer_strength .list li {
 padding: 0.7rem 0px;
 gap: 0.8rem;
 }
.transfer_strength .list li::before {
 font-size: 13px;
 line-height: 1.76;
 }
.transfer_strength .list li strong {
 font-size: 16px;
 line-height: 1.5;
 }
.transfer_strength .list li p {
 font-size: 13px;
 margin-top: 5px;
 }
.transfer_strength .right {
 width: 100%;
 }
.transfer_strength .right .img {
 border-radius: 8px;
 }
}
.finished_custom {
 padding: 5rem 0px 90px;
 }
@media screen and (min-width: 786px) and (max-width: 1640px){
.content_big {
 max-width: 1440px;
 padding: 0px 1.2rem;
 }}
@media screen and (min-width: 786px) and (max-width: 1440px){
.content_big {
 max-width: 1220px;
 }}
@media screen and (min-width: 786px) and (max-width: 1220px){
.content, .content_big {
 max-width: 1000px;
 }}
@media screen and (min-width: 786px) and (max-width: 1000px){
.content, .content_big {
 max-width: 786px;
 }}
.finished_custom .head {
 max-width: 554px;
 }
.finished_custom .items {
 margin-top: 28px;
 position: relative;
 z-index: 2;
 }
.finished_custom .items::before {
 content: "";
 display: block;
 width: 106.125%;
 aspect-ratio: 1698 / 369;
 position: absolute;
 z-index: -1;
 right: 0px;
 top: -104px;
 background: url("https://garment.runtangtextile.com/wp-content/plugins/sytech-fronteditor/sytpl/finished_1/assets/img/tshirt-step-line.svg") center center / contain no-repeat;
 }
@media screen and (min-width: 786px) and (max-width: 1640px){
.finished_custom .items::before {
 top: -60px;
 }}
@media screen and (min-width: 786px) and (max-width: 1220px){
.finished_custom .items::before {
 top: 0px;
 }}
.finished_custom .items .syeditorlist {
 display: flex;
 justify-content: space-between;
 }
.finished_custom .items .item {
 width: 30.25%;
 padding: 0px 3%;
 position: relative;
 z-index: 2;
 }
.finished_custom .items .item:nth-child(1) {
 margin-top: 112px;
 }
.finished_custom .items .item .order {
 font-size: 220px;
 font-weight: 700;
 position: absolute;
 z-index: -1;
 right: 14.0496%;
 top: 145px;
 font-family: Gantari, sans-serif;
 background: linear-gradient(to top, transparent, rgb(247, 245, 235)) text;
 -webkit-text-fill-color: transparent;
 }
.finished_custom .items .item .icon {
 max-width: 126px;
 aspect-ratio: 1 / 1;
 border-radius: 50%;
 border: 1px solid rgb(239, 239, 239);
 background: center center / contain no-repeat rgb(255, 255, 255);
 box-shadow: rgba(206, 206, 206, 0.45) 0px 15px 15px;
 }
.finished_custom .items .item h3 {
 font-size: 34px;
 font-weight: 600;
 margin-top: 133px;
 }
.finished_custom .items .item .desc {
 color: rgb(96, 96, 96);
 font-size: 18px;
 line-height: 25px;
 margin-top: 22px;
 font-family: Gantari, sans-serif;
 }
.finished_custom .items .item:nth-child(2) {
 margin-top: 24px;
 }
 
@media screen and (max-width: 786px){

.finished_custom {
 padding: 3rem 0px;
 }
.finished_custom .items {
 margin-top: 0px;
 }
.finished_custom .items::before {
 display: none;
 }
.finished_custom .items .syeditorlist {
 display: block;
 }
.finished_custom .items .item {
 width: 100%;
 padding: 0px;
 margin: 2rem 0px 0px !important;
 }
.finished_custom .items .item .order {
 font-size: 100px;
 top: 0px;
 right: 0px;
 line-height: 1;
 }
.finished_custom .items .item .icon {
 max-width: 4rem;
 }
.finished_custom .items .item h3 {
 margin-top: 1rem;
 font-size: 18px;
 line-height: 1.5;
 }
.finished_custom .items .item .desc {
 font-size: 0.9rem;
 line-height: 1.5rem;
 margin-top: 10px;
 }
}
@media screen and (min-width: 786px) and (max-width: 1640px){
.content_big {
 max-width: 1440px;
 padding: 0px 1.2rem;
 }}
@media screen and (min-width: 786px) and (max-width: 1440px){
.content_big {
 max-width: 1220px;
 }}
@media screen and (min-width: 786px) and (max-width: 1220px){
.content, .content_big {
 max-width: 1000px;
 }}
@media screen and (min-width: 786px) and (max-width: 1000px){
.content, .content_big {
 max-width: 786px;
 }}
.finished_intro .head .list li::before {
 content: "";
 display: block;
 width: 1rem;
 aspect-ratio: 16 / 12;
 position: absolute;
 left: 0px;
 top: 8px;
 background: url("https://garment.runtangtextile.com/wp-content/plugins/sytech-fronteditor/sytpl/finished_0/assets/img/gou.svg") center center / contain no-repeat;
 }
.button::after {
 content: "";
 display: block;
 width: 1rem;
 height: 12px;
 background: url("https://garment.runtangtextile.com/wp-content/plugins/sytech-fronteditor/sytpl/finished_0/assets/img/btn-arrow-b.svg") center center / contain no-repeat;
 position: absolute;
 right: 23px;
 top: 50%;
 transform: translateY(-50%);
 transition: 0.3s;
 }
@media screen and (min-width: 786px) and (max-width: 1440px){
.button, .button_r, .button_more {
 zoom: 0.9;
 }}
@media screen and (min-width: 786px) and (max-width: 1220px){
.button, .button_r, .button_more {
 zoom: 0.85;
 }}
@media screen and (min-width: 786px) and (max-width: 1000px){
.button, .button_r, .button_more {
 zoom: 0.8;
 }}
 
@media screen and (max-width: 786px){

.finished_intro {
 padding: 3rem 0px;
 }
}
.finisheds_faq {
 padding: 8px 0px 260px;
 }
@media screen and (min-width: 786px) and (max-width: 1640px){
.content_big {
 max-width: 1440px;
 padding: 0px 1.2rem;
 }}
@media screen and (min-width: 786px) and (max-width: 1440px){
.content_big {
 max-width: 1220px;
 }}
@media screen and (min-width: 786px) and (max-width: 1220px){
.content, .content_big {
 max-width: 1000px;
 }}
@media screen and (min-width: 786px) and (max-width: 1000px){
.content, .content_big {
 max-width: 786px;
 }}
.flex_top {
 align-items: flex-start;
 }
.finisheds_faq .head {
 flex: 1 1 0%;
 max-width: 376px;
 }
.finisheds_faq .head .desc {
 color: rgb(124, 124, 124);
 font-size: 17px;
 line-height: 25px;
 margin-top: 15px;
 }
.button::after {
 content: "";
 display: block;
 width: 1rem;
 height: 12px;
 background: url("https://garment.runtangtextile.com/wp-content/plugins/sytech-fronteditor/sytpl/finisheds_3/assets/img/btn-arrow-b.svg") center center / contain no-repeat;
 position: absolute;
 right: 23px;
 top: 50%;
 transform: translateY(-50%);
 transition: 0.3s;
 }
.finisheds_faq .head .button {
 margin-top: 38px;
 }
@media screen and (min-width: 786px) and (max-width: 1440px){
.button, .button_r, .button_more {
 zoom: 0.9;
 }}
@media screen and (min-width: 786px) and (max-width: 1220px){
.button, .button_r, .button_more {
 zoom: 0.85;
 }}
@media screen and (min-width: 786px) and (max-width: 1000px){
.button, .button_r, .button_more {
 zoom: 0.8;
 }}
.finisheds_faq .faq_list {
 width: 61.25%;
 }
.finisheds_faq .faq_list .faq_item {
 transition: 0.3s;
 border-bottom: 1px solid rgb(206, 205, 204);
 }
.finisheds_faq .faq_list .faq_item.active {
 border-color: rgb(0, 0, 0);
 }
.finisheds_faq .faq_list .faq_item.active .question::after {
 transform: rotate(135deg);
 }
.finisheds_faq .faq_list .faq_item .question {
 gap: 20px;
 display: grid;
 align-items: center;
 grid-template-columns: 1fr auto;
 cursor: pointer;
 font-size: 20px;
 font-weight: 500;
 padding: 22px 0px;
 }
.finisheds_faq .faq_list .faq_item .question::after {
 content: "";
 display: block;
 width: 1rem;
 aspect-ratio: 1 / 1;
 transition: 0.3s;
 background: url("https://garment.runtangtextile.com/wp-content/plugins/sytech-fronteditor/sytpl/finisheds_3/assets/img/add.svg") center center / contain no-repeat;
 }
.finisheds_faq .faq_list .faq_item:first-child .answer {
 display: block;
 }
.finisheds_faq .faq_list .faq_item .answer {
 display: none;
 color: rgb(124, 124, 124);
 font-size: 17px;
 line-height: 25px;
 padding-bottom: 2rem;
 font-family: Gantari, sans-serif;
 }
 
@media screen and (max-width: 786px){

.finisheds_faq {
 padding: 3rem 0px 4rem;
 }
.finisheds_faq .flex {
 display: block;
 }
.finisheds_faq .head .desc {
 margin-top: 10px;
 font-size: 0.9rem;
 line-height: 1.5rem;
 }
.finisheds_faq .head .button {
 margin-top: 20px;
 }
.finisheds_faq .faq_list {
 width: 100%;
 margin-top: 20px;
 }
.finisheds_faq .faq_list .faq_item .question {
 gap: 1rem;
 padding: 12px 0px;
 font-size: 1rem;
 line-height: 1.5;
 }
.finisheds_faq .faq_list .faq_item .question::after {
 width: 14px;
 }
.finisheds_faq .faq_list .faq_item .answer {
 font-size: 15px;
 line-height: 1.7;
 padding-bottom: 20px;
 }
}