@charset "utf-8";
html,body{scroll-behavior:smooth;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;vertical-align: middle;}
ol,ul{list-style:none;}

.large-bg1 {background: #fffffe url(../images/feature-ai-vocal-remover/banner-toggle-bg.jpg) no-repeat center top/100% auto;}


.banner {padding: 20px 0 0;}
.banner-wrap {width: 1280px;margin: 0 auto;}
.crumbs{text-align:left;padding-bottom: 30px;}
.crumbs a{color:#30a6ec;}
.crumbs a:hover{text-decoration:underline;}
.banner-content {display: flex;justify-content: center;align-items: center;flex-wrap: wrap;gap: 66px;}
.banner-left {width: 530px;}
h1 {font-size: 23px;color: #000;line-height: 1.5;}
h1>span {font-size: 30px;color: #fba207;line-height: 1.3;}
.banner-p {font-size: 17px;color: #323232;line-height: 1.4;padding: 5px 0 22px;}
.banner-p>b {color: #000;}
.banner-h2 {font-size: 25px;color: #313131;line-height: 1;font-weight: 600;}
.banner-h2>img {margin-right: 6px;}
.banner-lists {padding: 26px 0 12px;}
.banner-lists>li {font-size: 17px;color: #141414;line-height: 1.1;padding: 0 0 24px 22px;position: relative;}
.banner-lists>li::before {content: "";width: 14px;height: 14px;border-radius: 50%;background-color: #67c244;position: absolute;top: 2px;left: 0;}
.banner-lists>li::after {content: "";width: 3px;height: 6px;border-right: 2px solid #fff;border-bottom: 2px solid #fff;transform: rotate(45deg);position: absolute;top: 4px;left: 4px;}
.the-buttons {display: flex;flex-wrap: wrap;gap: 12px;}
.the-button {display: flex;flex-direction: column;align-items: center;gap: 10px;}
.the-button>a {min-width: 254px;height: 54px;box-sizing: border-box;padding: 0 10px;display: flex;align-items: center;justify-content: center;gap: 9px;font-size: 21px;color: #fff;background-color: #16b4fd;border-radius: 6px;margin: 0;}
.the-button>a.giveaway {background-color: #92CF3F;}
.the-button>a:hover {box-shadow: 0 0 15px 0 rgba(0,0,0,0.3);}
.the-button>a.to-buy{background-color:#fca033;gap: 15px;}
.the-button>a>span {color: #ff4a20;padding: 0;}
.button-bottom {font-size: 14px;color: #565656;line-height: 1.1;}
.button-bottom a:hover {text-decoration: underline;}
.ytbpopup-container {display: none;width: 100%;height: 100%;position: fixed;top: 0;left: 0;background-color: rgba(0, 0, 0, 0.4);z-index: 100;}
.ytbpopup-content {max-width:800px; width:100%; position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.ytbpopup-content::before {content: "";display: block;padding-bottom: 56.25%;}
.ytbpopup-content>iframe {width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.cancel-ytbpopup {font-size: 30px;color: #fff;position: absolute;top: -35px;right: 10px;cursor: pointer;}
.banner-right {width: 684px;}
.banner-img {display: flex;border-radius: 13px 13px 0 0;overflow: hidden;margin-bottom: 16px;}
.banner-audio {display: flex;justify-content: center;flex-wrap: wrap;gap: 14px;}
.banner-audio>li {width: 218px;min-height: 101px;display: flex;flex-direction: column;justify-content: space-between;box-sizing: border-box;border: 1px solid #e9e1d9;border-radius: 12px 12px 0 12px;padding: 19px 20px 14px;}
.banner-audio>li.active {border-color: #ffb55e;box-shadow: 0 0 15px 0 rgba(255,181,94,0.6);}
.banner-h3 {font-size: 15px;color: #262626;line-height: 1;font-weight: 600;padding-bottom: 15px;}
.banner-audio-wrap {width: 100%;height: 34px;border-radius: 100vw;background-color: #e9e1d9;display: flex;justify-content: center;align-items: center;gap: 7px;overflow: hidden;position: relative;cursor: pointer;outline: none;border: none;}
.banner-audio-wrap>audio {position: absolute;left: 100%;top: 0;}
.banner-audio-play {border-left: 9px solid #a59a90;border-top: 6px solid transparent;border-bottom: 6px solid transparent;}
.banner-audio>li.active .banner-audio-play.play {width: 3px;height: 12px;border: none;border-left: 3px solid #ff7827;border-right: 3px solid #ff7827;}
.banner-audio-wave {display: flex;position: relative;overflow: hidden;}
.banner-audio-wave>i {width: 100%;height: 100%;background: linear-gradient(90deg, #ff7827 50%, #aba29a 50%) no-repeat center right/200% 100%;position: absolute;top: 0;left: 0;animation: none;}
.banner-audio>li.active .banner-audio-wave>i {background-position-x: left;animation: audioWave 2s linear infinite;}
@keyframes audioWave {0% {background-position-x: right;} 100% {background-position-x: left;}}
.banner-audio-wave>img {position: relative;}
@media (max-width:1280px){
	.banner img:not([src$='svg']) {max-width: 100%;height: auto;}
	.banner-wrap {width: 96%;}
}

.ai-down-solution-license{display:none;margin: 80px 0 30px;}
.ai-down-solution-hide{display: block;margin: 0 auto;color:#000;background:linear-gradient(180deg,#ffc787,#fff5eb);width:120px;height:35px;line-height:35px;font-size:17px;text-align:center;border-radius:0 0 10px 10px;cursor:pointer;border:none;}
.ai-down-solution-hide::before{content:''; position:absolute; left:50%; height:1.5px; background:linear-gradient(to right, transparent, #ffc787 15%, #ffc787 85%, transparent) no-repeat; margin:0px 0 0;width: 300px;transform: translateX(-50%);}
.ai-down-sget-con{display:flex; justify-content:center;padding-bottom: 30px;position: relative;}
.ai-down-sget-give, .ai-down-sget-full{width:560px; margin:0 2.7%; border-radius:15px; padding:25px; box-sizing:border-box;}
.ai-down-sget-give{box-shadow:inset 0 0 0 1px #80c269;}
.ai-down-sget-full{background-color:#fff5eb;box-shadow:inset 0 0 0 1px #fca033;}
.ai-down-sget-title{font-size:31px; color:#2f2f2f; font-weight:700; line-height:1;text-align: center;}
.ai-down-sget-full .ai-down-sget-title, .ai-down-sget-full .ai-down-sget-price{color:#ff9f36;}
.ai-down-sget-desc, .ai-down-sget-dh{color:#000;text-align: center;}
.ai-down-sget-desc{margin:10px 0 18px;}
.ai-down-sget-desc a{color: #0048ff;text-decoration: underline;}
.ai-down-sget-dh{margin:18px 0 13px;}
.ai-down-sgp-x{font-size:25px; color:#747474;}
.ai-down-sget-price{font-size:32px; color:#80c269; vertical-align:middle;}
.ai-down-sgp-x del{font-size:70%;}
.ai-down-sget-dh a{color:#0048ff; text-decoration:underline;}
.ai-down-sget-dh a::after{content:'\1f817'; font-weight:700; position:absolute; padding-left:3px;}
.ai-down-solution-ebx{display:flex; justify-content: center;}
.ai-down-solution-email, .ai-down-solution-eb{height:45px; border-radius:5px;}
.ai-down-solution-email{border:1px solid #c3c3c3; font-size:15px; line-height:45px; padding-left:8px; box-sizing:border-box; border-right:0 none; border-top-right-radius:0; border-bottom-right-radius:0; flex:1;}
.ai-down-solution-eb{font-size:19px; color:#fff; background-color:#92CF3F; border:0 none; padding:5px 15px; border-top-left-radius:0; border-bottom-left-radius:0; cursor:pointer; flex:none;}
.ai-down-solution-as{display:none; margin:10px 0;}
.ai-down-solution-asw{display:block; font-size:17px; color:#393939; border:1px dashed #333; border-radius:5px; padding:5px; text-align:center;}
.ai-down-solution-al{display:flex; margin:10px 0 8px;}
.ai-down-solution-agree{margin:2px 8px auto 0; accent-color:#5fa500;}
.ai-down-solution-agree:not(:checked) + .ai-down-sa-label{color:red;}
.ai-down-sa-label{font-size:15px; color:#747474; cursor:pointer; line-height:1.1; text-align:left;}

.ai-down-sl-ns{color:#747474;}
.ai-down-sl-ns.ai-down-sl-ns::before{content:''; width:12px; border-top:2px solid; top:12px;}
.ai-down-sg-x{margin-bottom:10px;text-align: center;}
.ai-down-sget-get{font-size:24px; color:#fff; background-color:#FF9F36; padding:10.5px 20px; display:inline-block; border-radius:5px; min-width:320px; box-sizing:border-box;}
.ai-down-sget-get img{vertical-align:-2px; padding-right:15px;}
.ai-down-sget-get del{font-size: 17px;color: #333;}
.ai-down-sget-get span{font-size: 17px;}

.ai-down-svi-a{min-width:295px; box-sizing:border-box; font-size:22px; color:#fff; background-color:#92CF3F; border-radius:10px; display:inline-flex; justify-content:center; align-items:center; padding:10px 18px; position:relative; overflow:hidden; height:60px;margin-bottom: 10px;}
.ai-down-svi-a del, .ai-down-svi-a span{line-height:1; display:block; padding-left:15px;}
.ai-down-svi-a del{font-size:77%; color:#000;}
.ai-down-svi-a span{font-size:95%; color:#ff4a20;}

.hide-share{text-align:center;margin-top:35px;}
.hide-share-title {margin-bottom: 10px;color: #000;font-size: 17px;}
.m01-share-a{display:inline-block;color:#000;padding:0 4px;text-decoration:none;}
.m01-share-a::before{content:'';display:block;margin:0 auto;height:30px;width:30px;background:url(https://www.aiarty.com/images/event/matting-giveaway/m01-share-icons.svg) no-repeat center top/100% auto;}
.m01-share-a-1:not([href])::before{background-position-y:-162px;}
.m01-share-a-2::before{background-position-y:-32px;}
.m01-share-a-3::before{background-position-y:-65px;}
.m01-share-a-4::before{background-position-y:-97px;}
.m01-share-a-5::before{background-position:4px -129px;}
.m01-share-a-1 span:last-of-type,.m01-share-a-1:not([href]) span:first-of-type{display:none;}
.m01-share-a-1:not([href]) span:last-of-type{display:initial;}

.buy-bottom-h4 { font-size:15px;color:#808080;line-height:1;padding-bottom:5px;}
.buy-bottom-h4>b{font-size:17px;color:#282828;line-height:1;}
.ai-down-250701{display:flex;justify-content:center;text-align:left;}
.rights-item{margin-top:20px;}
.rights-name{font-size:17px;margin-bottom:5px;font-weight:700;}
.rights-list li{position:relative;padding:3px 0 3px 20px;display:flex;align-items:center;gap:10px;}
.rights-list li.rights-true::before{content:'';display:block;background:url("https://www.videoproc.com/campaign/images/adventscalender/i-yes.png") no-repeat center;width:15px;height:15px;position:absolute;left:0;top:8px;}
.rights-list li.rights-false::before{content:'';display:block;background:url("https://www.videoproc.com/campaign/images/adventscalender/i-no.png") no-repeat center;width:13px;height:2px;position:absolute;left:1px;top:15px;}
.rights-list li.rights-gift::before{content:'';display:block;background:url("https://www.videoproc.com/video-converting-software/ui/images/registered-update/logo-gift.png") no-repeat center;background-size:cover;width:15px;height:15px;position:absolute;left:1px;top:4px;}
.mark-content{display:inline-block;cursor:pointer;vertical-align:middle;width:18px;height:18px;background:url(https://www.videoproc.com/event/image-style/giveaway-christ23//mark-icon.png) no-repeat;position:relative;}
.mark-info{display:none;width:250px;padding:8px 10px;background-color:#fff;border:1px solid #dedfe3;border-radius:10px;font-size:12px;line-height:16px;color:#595959;position:absolute;bottom:25px;right:-20px;text-align:justify;z-index:1;}
.mark-info::after{content:"";width:12px;height:12px;border-right:1px solid #dedfe3;border-bottom:1px solid #dedfe3;background-color:#fff;transform:rotate(45deg);position:absolute;bottom:-7px;right:22px;}
.mark-content:hover .mark-info{display:block;}
@media (max-width:1200px){.ai-down-sv-icon,.ai-down-si-icon{display:none;}
.ai-down-solution-hide::before{margin-inline:0;}
}
@media (max-width:979px){.ai-down-hii-down1,.ai-down-hii-down2,.ai-down-hii-down4{display:none;}
.ai-down-hq-item{flex-flow:wrap;justify-content:center;}
.ai-down-hi-wrap{flex:auto;margin-bottom:25px;}
.banner-fold-mid {display: none;}
}
@media (max-width:767px){.ai-down-solution-vi{flex-flow:wrap;}
.ai-down-sv-wrap,.ai-down-si-wrap{padding:0;}
.ai-down-si-con{order:1;}
.ai-down-solution-vi::after{position:initial;margin:40px 0;width:100%;height:2px;}
.ai-down-sget-con{flex-flow:wrap;}
.ai-down-sget-full{margin-top:20px;}
.ai-down-func-con{flex-flow:wrap;}
.ai-down-func-con:nth-child(even){flex-flow:wrap-reverse;}
.ai-down-fc-info.ai-down-fc-info{flex:auto;margin:30px 0 0;}
.ai-down-quick-btns{flex-flow:wrap;}
.ai-down-quick-btn{flex:auto;}
}
@media (max-width:479px){.ai-down-comment-wrap{flex-flow:wrap;}
.ai-down-comment-item{padding:0;}
.ai-down-comment-item > img{display:none;}
.ai-down-ci-desc{padding:0 25px;margin:0;}
.ai-down-comment-con{order:-1;margin-bottom:15px;}
.ai-down-hq-btn:not(:first-of-type){padding-top:10px;}
.ai-down-func{padding-top:0;}
.ai-down-oi-x{width:300%;}
}
.banner-fold-mid{position:absolute;left:50%;top:120px;transform:translateX(-50%);}


.toggle {padding: 102px 0 0;overflow: hidden;}
.toggle-wrap {width: 1280px;margin: 0 auto;}
.toggle-h2 {font-size: 37px;color: #000;line-height: 1;font-weight: 600;text-align: center;}
.toggle-p {font-size: 17px;color: #504f4f;line-height: 1.5;text-align: center;padding: 16px 0 22px;}
.toggle-content {position: relative;display: flex;align-items: center;flex-direction: column;background-color: #000;}
.toggle-imgs>li {display: none;position: relative;}
.toggle-imgs>li.active {display: flex;}
.toggle-imgs>li::after {content: "";width: 100%;height: 100%;background: linear-gradient(90deg, #000, transparent 10%, transparent 90%, #000);position: absolute;top: 0;left: 0;}
.toggle-imgs>li>img {flex-shrink: 0;}
.toggle-comments {width: 660px;position: absolute;left: 50%;bottom: 30px;margin-left: -622px;}
.toggle-comments>li {display: none;}
.toggle-comments>li.active {display: block;}
.toggle-comments-title {font-size: 21px;color: #e3e3e3;line-height: 1.1;}
.toggle-comments-info {font-size: 17px;color: #c7c7c7;line-height: 1.6;padding: 14px 0 20px;}
.toggle-comments-person {display: flex;align-items: center;gap: 13px;font-size: 15px;color: #999;line-height: 1.1;}
.toggle-comments-person>img {flex-shrink: 0;}
.toggle-mask {width: 545px;box-sizing: border-box;padding: 0 43px 56px;background-color: rgba(0,0,0,0.5);border-radius: 16px;position: absolute;bottom: 68px;left: 50%;margin-left: 210px;}
.toggle-items {display: flex;justify-content: center;align-items: flex-end;gap: 16px;margin-top: -52px;}
.toggle-items>li {display: flex;flex-direction: column;align-items: center;cursor: pointer;}
.toggle-items>li .img-wrap {width: 78px;height: 78px;border-radius: 50%;margin-bottom: 18px;overflow: hidden;display: flex;}
.toggle-items>li.active .img-wrap {width: 111px;height: 111px;margin-bottom: 8px;border: 2px solid #ffa800;box-shadow: 0 0 15px 0 rgba(255,168,0,0.7);}
.toggle-items-p {min-height: 40px;font-size: 16px;color: #939393;line-height: 1.2;text-align: center;}
.toggle-items>li.active .toggle-items-p {color: #fff;}
.toggle-mask-intros>li {display: none;}
.toggle-mask-intros>li.active {display: block;}
.toggle-mask-h3 {font-size: 19px;color: #fff;line-height: 1.1;padding: 23px 0 6px;}
.toggle-mask-title-p {font-size: 17px;color: #f0a04a;line-height: 1.1;padding-bottom: 17px;border-bottom: 1px solid #4f4d4b;}
.toggle-mask-title-p>span {color: #b9b9b9;}
.toggle-mask-p {font-size: 17px;color: #b9b9b9;line-height: 1.7;padding: 15px 0;}
@media (max-width:1800px) {
    .toggle img:not([src$='svg']) {max-width: 100%;height: auto;}
    .toggle-imgs>li::after {display: none;}
    .toggle-mask {padding-bottom: 30px;bottom: 30px;}
}
@media (max-width:1600px) {
    .toggle-comments {position: static;margin: 30px auto 100px;width: 96%;}
    .toggle-mask {position: static;margin: 0 auto;width: 96%;padding: 0 0 30px;}
    .toggle-items {flex-wrap: wrap;}
}
@media (max-width:1280px){
	.toggle img:not([src$='svg']) {max-width: 100%;height: auto;}
	.toggle-wrap {width: 96%;}
    .toggle-items>li {width: 120px;}
}

.feature {padding: 90px 0 76px;background-color: #fffffe;}
.feature-wrap {width: 1280px;margin: 0 auto;}
.feature-h2 {font-size: 33px;color: #1f1f1f;line-height: 1;font-weight: 600;text-align: center;padding: 0 0 44px;}
.feature-items {display: flex;justify-content: center;flex-wrap: wrap;gap: 40px 75px;}
.feature-items li {width: 340px;text-align: center;}
.feature-items li::before {content: "";width: 78px;height: 78px;display: block;margin: 0 auto;background-image: url(../images/feature-ai-vocal-remover/feature-icons.png);}
.feature-items li.item1::before {background-position: 0 0;}
.feature-items li.item2::before {background-position: -447px 0;}
.feature-items li.item3::before {background-position: -875px 0;}
.feature-items li.item4::before {background-position: 0 -281px;}
.feature-items li.item5::before {background-position: -447px -281px;}
.feature-items li.item6::before {background-position: -875px -281px;}
.feature-items h3 {font-size: 19px;color: #292929;font-weight: 600;line-height: 1.3;padding: 24px 0 18px;}
.feature-items p {font-size: 17px;color: #272727;line-height: 1.5;}
@media (max-width:1280px){
	.feature-wrap {width: 96%;}
}

.solution {padding: 0 0 65px;background: linear-gradient(#e8e0d9,#f5f4f2);}
.solution-wrap {width: 1250px;margin: 0 auto;display: flex;justify-content: center;align-items: flex-start;flex-wrap: wrap;gap: 50px;position: relative;}
.solution-left {width: 342px;padding-top: 95px;position: sticky;top: 0;}
.solution-h2 {font-size: 36px;color: #000;line-height: 1.3;font-weight: 600;}
.solution-p {font-size: 17px;color: #000;line-height: 1.5;padding: 12px 0 18px;}
.solution-p>a {text-decoration: underline;}
.solution-buttons {display: flex;flex-wrap: wrap;gap: 16px;}
.solution-button {display: flex;}
.solution-button>a {line-height: 54px;min-width: 230px;box-sizing: border-box;padding: 0 10px;font-size: 23px;color: #fff;text-align: center;border-radius: 4px;background-color: #92cf3f;}
.solution-button.second>a {background-color: #fca033;}
.solution-button>a:hover {text-decoration: none;}
.solution-right {width: 858px;padding-top: 95px;}
.solution-item {margin-bottom: 35px;background-color: #fff;border-radius: 14px;overflow: hidden;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}
.solution-item-img {display: flex;}
.solution-item-info {padding: 30px 60px;box-sizing: border-box;width: 457px;}
.solution-item-info>em {font-size: 17px;color: #a46000;line-height: 1;display: block;}
.solution-item-info>em>a:hover {text-decoration: underline;text-underline-position: under;}
.solution-item-h3 {font-size: 24px;color: #000;line-height: 1.4;font-weight: 600;padding: 10px 0 24px;}
.solution-item-p {font-size: 16px;color: #000;line-height: 1.6;}
.solution-item-p>em {color: #a46000;}
@media (max-width: 1250px) {
    .solution img:not([src$='svg']) {max-width: 100%;height: auto;}
    .solution {padding: 60px 0;}
    .solution-wrap {width: 96%;}
    .solution-left {position: static;padding-top: 0;width: 100%;text-align: center;}
    .solution-left .solution-buttons {justify-content: center;}
	.solution-right {padding-top: 0;}
}
@media (max-width: 900px) {
	.solution-h2 {font-size: 25px;}
    .solution-right {width: 100%;}
    .solution-items {display: flex;justify-content: center;flex-wrap: wrap;gap: 20px;}
    .solution-item {width: 330px;margin-bottom: 0;align-items: flex-start;}
    .solution-item-img {width: 100%;border-radius: 14px;overflow: hidden;}
	.solution-item-info {padding: 30px 20px;}
}

.gallery {padding: 120px 0 0;background-color: #fff;overflow: hidden;}
.gallery-wrap {width: 1200px;margin: 0 auto;}
.gallery-h2 {font-size: 35px;font-weight: 600;color: #141414;line-height: 1;text-align: center;padding-bottom: 105px;}
.gallery-items {display: flex;justify-content: center;align-items: center;gap: 25px;}
.gallery-items a{position: relative;}
.gallery-items a span{color: #fff5e7;position: absolute;width: 100%;text-align: right;padding-right: 10px;box-sizing: border-box;left: 0;top: 10px;font-size: 15px;line-height: 1.1;}
.gallery-items a span var{font-style: normal;color: #fff;display: inline-block;background: #ff4444;border-radius: 5px;line-height: 1.2;padding: 0 3px;}
.gallery-items a img{transition: all 0.2s;border-radius: 10px;}
.gallery-items a:not(.face):hover img{transform: scale(1.1);}
.icons-feature {display:flex;justify-content:center;align-items:center;flex-wrap: wrap;gap: 50px;color:#1d1d1f;font-size:15px;padding: 40px 0 0 0;}
.icons-feature a{display:block;text-align: center;}
.icons-feature a:hover {text-decoration: underline;}
.icons-feature a img{transition:all 0.2s;}
.icons-feature a:hover img{transform:scale(1.1);}
.icons-feature .specialz{color:#fb9e2e;font-size:17px;position:relative;top:-10px;z-index:0;margin:0 25px;}
.icons-feature .specialz .specialz-wrap{background-color:#fcfbf7;padding:10px 23px 5px;border:2px solid #fb9c29;border-radius:10px;}
.icons-feature .specialz img{position:relative;left:-3px;}
.icons-feature .specialz::after{content:'';display:inline-block;width:763px;height:96px;background:url("../images/feature-ai-super-resolution/branch-line.png") no-repeat center;position:absolute;left:50%;bottom:-75px;transform:translateX(-50%);z-index:-1;}
.icons-feature img{margin-bottom:5px;}
@media (max-width: 1400px) {
    .gallery-items {flex-wrap: wrap;}
}
@media (max-width: 1200px) {
	.gallery-wrap {width: 96%;}
    .gallery-h2 {padding-bottom: 50px;}
    .icons-feature {gap: 30px;}
}
@media (max-width: 767px) {
    .gallery-h2 {font-size: 25px;}
}

.step {padding: 100px 0 0;background-color: #fff;}
.step-wrap {width: 1130px;margin: 0 auto;}
.step-h2 {font-size: 35px;color: #141414;line-height: 1;font-weight: 600;text-align: center;padding-bottom: 56px;}
.step-content {display: flex;justify-content: space-between;flex-wrap: wrap;gap: 55px;overflow: hidden;}
.step-imgs {width: 658px;position: relative;overflow: hidden;flex-shrink: 0;}
.step-imgs .step-img {display: flex;transition: all 0.5s;}
.step-txt {padding: 0 0 0 30px;width: 390px;box-sizing: border-box;border-left: 1px solid #ffaf40;position: relative;counter-reset: step;display: flex;flex-direction: column;justify-content: space-between;gap: 30px;}
.step-txt li{position: relative;cursor: pointer;text-align: left;counter-increment: step;}
.step-txt li h3{font-size: 23px;color: #313131;padding: 6px 0 5px;}
.step-txt li.focus h3,.step-txt li:hover h3{color: #ffb246;}
.step-txt li p {color: #343434;font-size: 17px;line-height: 1.4;}
.step-txt li::before{content: counter(step);font-size: 23px;line-height: 35px;text-align: center;background:#fff;width:39px;height: 39px;box-sizing: border-box;border: 2px solid #ffaf40;color:#ffaf40;position: absolute;left: -49px;z-index: 1;border-radius: 100%;box-shadow: 0 0 0 5px #fff;}
.step-txt li.focus::before{color: #fff;background-color: #ffaf40;}
.step-txt li:last-child::after {content: "";width: 1px;height: 100%;position: absolute;top: 0;left: -31px;background-color: #fff;}
.step .the-buttons {justify-content: center;padding-top: 52px;}
.step .the-button>a {min-width: 400px;height: 66px;}
.step .button-bottom {font-size: 17px;}
@media (max-width:1200px){
	.step img:not([src$='svg']) {max-width: 100%;height: auto;}
    .step-wrap {width: 96%;}
    .step-content {justify-content: center;}
    .step-txt {width: 100%;}
    .step-txt {margin-left: 18px;}
    .step-txt li:last-child::after {display: none;}
}
@media (max-width:767px){
    .step-h2 {font-size: 25px;}
    .step-txt li h3 {font-size: 21px;}
    .step-imgs {width: 80%;}
    .step .the-button>a {font-size: 19px;min-width: 350px;}
}

.card {padding: 90px 0 0;background: linear-gradient(#fefefe, #f8f8f8);}
.card-wrap {width: 1200px;margin: 0 auto;}
.card-h2 {font-size: 36px;color: #000;line-height: 1;text-align: center;}
.card-p {font-size: 19px;color: #797979;line-height: 1.4;padding: 21px 0 28px;text-align: center;}
.card-items {display: flex;justify-content: center;flex-wrap: wrap;gap: 21px;}
.card-items>a {transition: all 0.2s;width: 385px;background-color: #fff;border-radius: 8px 8px 20px 20px;text-align: center;padding-bottom: 24px;}
.card-items>a:hover {text-decoration: none;transform: translateY(-5px);}
.card-items>a>.img-wrap {display: flex;border-radius: 8px;overflow: hidden;}
.card-items-h3 {font-size: 19px;color: #232323;line-height: 1.1;padding: 24px 10px 8px;}
.card-items-p {font-size: 15px;color: #7c7c7c;line-height: 1.6;padding: 0 30px;}
@media (max-width:1200px){
	.card img:not([src$='svg']) {max-width: 100%;height: auto;}
    .card-wrap {width: 96%;}
}
@media (max-width:767px){
    .card-h2 {font-size: 25px;}
}

.faq {padding: 88px 0;background: linear-gradient(#f8f8f8, #f5f5f5 340px, #fff 340px);}
.faq-wrap {width: 1140px;margin: 0 auto;box-sizing: border-box;background-color:#ffffff;border-radius:20px;padding:48px 54px 0;}
.faq-h2 {font-size: 45px;color: #000;line-height: 1;text-align: center;padding-bottom: 50px;}
.faq .qes_one{border-top:1px solid #e6e6e6;padding:18px 0 8px;text-align:left;}
.faq .qes_one .t{font-size:21px;cursor:pointer;padding-bottom:10px;position:relative;color:#333;padding-right: 35px;}
.faq .qes_one .t i{position:absolute;right:0;top:-5px;display:inline-block;width:31px;height:31px;border-radius:50%;color:#000;background:#ffffff;}
.faq .qes_one .t i:after{position:absolute;left:50%;top:50%;content:"";display:inline-block;width:19px;height:19px;background:linear-gradient(currentColor,currentColor) no-repeat center / 100% 3px,linear-gradient(currentColor,currentColor) no-repeat center / 3px 100%;transform:translate(-50%,-50%);}
.faq .qes_one .qes_ans{color:#737480;font-size: 15px;display:none;}
.faq .qes_one.focus .t i{color:#ffffff;background:#000000;}
.faq .qes_one.focus .t i:after{background:linear-gradient(currentColor,currentColor) no-repeat center / 100% 3px;}
.faq .qes_one.focus .qes_ans{display:block;}
.faq a {color:#2691fc;}
@media (max-width:1140px){
    .faq-wrap {width: 96%;}
}
@media (max-width:767px){
    .faq-h2 {font-size: 25px;}
    .faq .qes_one .t{font-size:19px;padding-right:40px;line-height:1.3;}
}
@media (max-width:576px){
    .faq-wrap {padding:30px 10px;}
}