@charset "utf-8";
html,body{scroll-behavior:smooth;}
body{color:#504f4f;font-size: 17px!important;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;}
ol,ul{list-style:none;}
.details{width:1200px;margin:0 auto;}
/* ````````````````````````````common````````````````````````````````````````` */
h2{font-size: 33px;color: #2b2b2b;line-height: 1em;font-weight: 600;text-align: center;}
h2 span{font-size: 30px;color: #fba207;display: block;font-weight: normal;padding-bottom: 10px;}

.crumbs{text-align:left;position:absolute;top:-50px;}
.crumbs a{color:#30a6ec;}
.crumbs a:hover{text-decoration:underline;}

.img-compare-before{position:absolute; height:100%; width:calc(var(--wid, .5) * 100%); object-fit:cover; object-position:0;}
.img-compare-wrap{position:relative;}
.img-compare-wrap > [type=range]{position:absolute; width:100%; height:100%; opacity:0; -webkit-appearance:none; appearance:none; cursor:ew-resize; margin:0;}
.img-compare-wrap > [type=range]::-moz-range-thumb{width:0;}
.img-compare-wrap > [type=range]::-webkit-slider-thumb{-webkit-appearance:none; appearance:none; width:0;}
.compare-line{position:absolute; top:0; bottom:0; left:calc(var(--wid, .5) * 100%); pointer-events:none; display:flex; flex-flow:column; align-items:center; width:2px; margin-left:-1px;}
.compare-line > img{max-width:initial;}
.compare-line::before, .compare-line::after{content:''; flex:1; width:100%;}
.compare-line::before{background:linear-gradient(transparent, rgba(255 255 255 / .8) 50%) no-repeat;}
.compare-line::after{background:linear-gradient(to top, transparent, rgba(255 255 255 / .8) 50%) no-repeat;}

.suhead {
    font-size: 23px;
    color: #262626;
    line-height: 1.4;
    margin-bottom: 10px;
}

.main01 {padding-top: 70px;background:url(../images/feature-old-restore-v2/bg1.jpg) no-repeat top, #F5F4F2;text-align: center; z-index:0; position:relative; overflow:hidden;}
.main01 .details{position:relative;}
h1 {font-size: 35px;color: #000;line-height: 1.1em;font-weight: 600;}
h1>b {color: #ffb053;}
.main01-p {color: #504f4f;line-height: 1.5em;padding-bottom:15px;}
.main01-p a{color:#ba8f64; font-style:italic;}
.main01-p a:hover{text-decoration:underline;}
.m01-list{display:inline-flex; justify-content:center; position:relative; padding:17px 7px 25px;}
.m01-list::after{content:''; position:absolute; top:0; right:0; left:0; height:105px; background:linear-gradient(#eee7df, transparent) no-repeat; border-radius:15px; z-index:-1;}
.m01-list li{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Ccircle cx='8' cy='8' r='7.5' fill='none' stroke='%236fc100'/%3E%3Cpath d='M3.5 7.5l3 3 5-6' fill='none' stroke='%236fc100'/%3E%3C/svg%3E") no-repeat 0 center; padding-left:22px; margin:0 25px;}
.new-down-buy{display:flex;justify-content:center;align-items:flex-start;gap:30px;/* margin-top: -44px; */}
.new-down-buy .down-button a.new-down{display:inline-block;background:#179bfd;border-radius:10px;color:#ffffff;font-size:21px;margin-bottom:10px;width:270px;height:60px;line-height:60px;}
.new-down-buy .down-button a.new-down:hover{background:#12bcff;}
.new-down-buy .buy-button a.new-buy:hover{background:#ffc21b;}
.new-down-buy .buy-button a.new-buy{display:inline-block;background:#fca033;border-radius:10px;color:#ffffff;font-size:21px;margin-bottom:10px;width:270px;height:60px;line-height:60px;}
.new-down-buy a img{margin-left:20px;/* vertical-align:text-bottom; */}
.download-button {text-align: center;}
.download-button .button-wrap{margin-bottom:10px;}
.download-button .button-wrap a{display:inline-block;padding:20px 25px;background:#179bfd;border-radius:10px;color:#ffffff;font-size:19px;}
.download-button .button-wrap a:hover{background:#12BCFF;}
.download-button .win-plat .button-wrap a img{vertical-align:text-bottom;margin-left:20px;}
.download-button .mac-plat .button-wrap a img{vertical-align:text-top;margin-left:20px;}
.m01-imgs-container{display:flex; justify-content:flex-end; margin-top:30px;}
.m01-imgs-wrap{display:flex; flex:none;}
@keyframes scroll-right{to{transform:translate(100%);}}
.m01-imgs-container.play .m01-imgs-wrap{animation:scroll-right 23s linear infinite;}
.m01-imgs-container:hover .m01-imgs-wrap{animation-play-state:paused;}
.m01-imgs-x{position:relative; border-radius:7px; overflow:hidden; margin-right:20px;}
.m01-imgs-title{position:absolute; bottom:0; left:0; right:0; padding:20px 10px 5px; color:#fff; background:linear-gradient(transparent, #000) no-repeat;}
.more-wrap a{font-size:15px;line-height:1.5;}
.more-wrap a:hover{text-decoration:underline;}
.mark-wrap{color:#666;line-height:19px;}
.mark-content {display: inline-block;vertical-align: middle;width: 18px;height: 18px;background: url(../../images/buy-new/mark-icon.png) no-repeat;position: relative;}
.mark-info {display: none;width: 250px;padding: 5px 10px;background-color: #fff;border: 1px solid #dedfe3;border-radius: 10px;font-size: 12px;line-height: 16px;color: #595959;position: absolute;bottom: 150%;left: -20px;text-align: justify;}
.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;left: 22px;}
.mark-content:hover .mark-info {display: block;}
.ai-face-top{display: flex;justify-content: space-evenly;padding: 50px 0;}
.ai-face-top span{font-size: 23px;color: #ba8f64;text-align: center;display: inline-block;}
.ai-face-top span b{font-size: 41px;font-weight: bold;line-height: 1;}
.ai-face-top span var{font-size: 17px;color: #292727;font-style: normal;display: block;padding-top: 5px;}
.ai-face-top .line{border-left: 1px solid #c7bfae;}
/* ---------------------*/

.main02 {background: linear-gradient(#F5F4F2, #ffffff);color: #2b2b2b;}
.m02-title {font-size:34px; line-height: 1;margin-bottom: 20px;}
.effect-suhead {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 15px;
	margin-top: -10px;
}
.effect-suhead a {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #29b1fd;
	text-decoration: underline;
	font-size: 17px;
	gap: 5px;
}
.m02-desc {color: #504f4f; text-align:center;}
.m02-ue-toggles {position: absolute;top:50%;transform:translateY(-50%); left:calc(50% - 1920px / 2.7); display: flex;flex-direction: column;gap: 20px;z-index:1;}
.m02-ue-toggles>li {cursor: pointer;position: relative; border-radius: 12px;overflow: hidden;}
.m02-ue-toggles>li.active {box-shadow: 0 0 0 2px #ffbd00;}
.m02-ue-toggle-info {position: absolute;bottom:0;left: 0;right:0; padding:15px 5px 10px; background:linear-gradient(transparent, rgba(0, 0, 0, .9)) no-repeat; text-align: center; font-size:21px; color:#fff;}
.m02-ue-container{position: relative; margin-top:25px;}
.m02-ue-items{display:grid; background-color:#0f0f0f;}
.m02-ue-items > li{grid-area:1 / 1; transition:.2s;}
.m02-ue-items > li:not(.active){opacity:0; visibility:hidden;}
.m02-ue-inner{position:relative; width:fit-content; width:-webkit-fit-content; width:-moz-fit-content; margin:0 auto;}
.m02-ue-inner .img-compare-before, .m02-ue-inner .img-compare-after{aspect-ratio:16 / 6.5; object-fit:none;}
.m02-ue-inner .img-compare-before{width:calc(var(--wid, .4) * 100%);}
.m02-ue-inner .img-compare-after{height:auto;}
.m02-ue-inner .compare-line{left:calc(var(--wid, .4) * 100%);}
.m02-ue-small{position:absolute; left:50%; bottom:50%; transform:translate(60%, -6%); border-radius:50%; overflow:hidden;}
.m02-ue-small-title{position:absolute; top:40%; bottom:0; left:0; right:0; padding:30px; font-size:19px; color:#ff8208; background:linear-gradient(transparent, rgba(0, 0, 0, .85)) no-repeat; display:flex; justify-content:center; align-items:flex-end; text-align:center;}
.m02-ue-intro {width: 409px;box-sizing: border-box;padding: 20px;border-radius: 10px;background-color: rgba(0, 1, 1, 0.6);position: absolute;bottom:80px;right:8%;}
.m02-ue-intro-title {font-weight:400; line-height: 1; color:#ff8208;}
.m02-ue-intro-list{border-bottom: 1px solid rgba(255,255,255,0.3); margin:15px 0; font-size:15px;}
.m02-ue-intro-list > li{color:#dbdbdb; margin:10px 0; line-height:1.2;}
.m02-ue-intro-models>li {display: flex;justify-content: space-between;align-items: center;gap: 5px;margin-bottom: 8px;}
.m02-ue-models-left {line-height: 1;width: 105px;flex-shrink: 0; font-size:18px; color:#b8b8b8;}
.m02-ue-models-params {flex: 1;height: 26px;border-radius: 4px;background-color: rgba(0,0,0,0.5);color: #ff8208;display: flex;justify-content: space-between;align-items: center;padding: 0 12px 0 15px;}
.m02-ue-models-params::after {content: "";width: 5px;height: 5px;border-right: 1px solid #585551;border-bottom: 1px solid #585551;transform: rotate(45deg);margin-bottom: 4px;}
.m02-ue-intro-tags {color: #4c77cf;line-height: 1.1;padding: 2px 0 10px;display: flex;gap: 12px;flex-wrap: wrap;}
.m02-ue-intro-download {display: flex;align-items: center;gap: 6px;}
.m02-ue-intro-download::before {content: "";width: 14px;height: 18px;background: url(../../images/ai-video-enhancer/ai-upscale-video/video-download-icon.png);margin-bottom: -4px;}
.m02-ue-intro-download>a {text-decoration: underline;}
.m02-ue-summary{position: absolute;bottom:3.5%;left:0;right: 0; text-align:center;}
.m02-ue-summary h3{padding-bottom: 15px;}
.m02-ue-summary p{font-size:23px; color:#ccc; display:inline-block; text-align:left; line-height:1.5;}

@media (max-width: 1921px) {
    .m02-ue-summary{padding: 0 18% 0 0; bottom:0; left:5%;}
    .m02-ue-intro{right: 10px;bottom: 100px;}
    .m02-ue-toggles{left:5%;}
}
@media (max-width: 1500px) {
    .m02-ue-summary{padding: 0 0 0 300px;}
    .m02-ue-toggles{transform:translateY(-50%);}
}
@media (max-width: 1300px) and (min-height: 1000px)  {
    .m02-ue-intro{position: relative;background: rgba(255,255,255,0.1); margin: 30px auto;bottom: 0;}
    .m02-ue-summary{position: relative;bottom: 0;}
}
@media (max-width: 1300px) and (min-height: 1300px)  {
    .m02-ue-toggles{position: relative;width: 100%;display: flex;left: 0;flex-direction: row;justify-content: center;top: 0;transform: none;background: #000;z-index: 3;padding-bottom: 10px;}
    .m02-ue-intro{margin: 50px auto;}
    .m02-ue-summary{padding: 0 10% 5%;}
}
@media (max-width: 1217px) {
    .m02-ue-toggles {top: 0; flex-direction: row;justify-content: center;flex-wrap: wrap;position: relative;transform: none; left: 0;right: 0;background: #000;z-index: 3;padding:20px 0;}
    .m02-ue-summary{padding: 0 10% 0;}
    .m02-ue-intro-title {padding-bottom: 10px;margin-bottom: 10px;}
    .m02-ue-intro-tags {padding-bottom: 15px;gap: 6px;}
    .m02-ue-toggle-img>img {max-width: 100%;height: auto;}
    .m02-ue-toggles>li {width: 20%;}
    .m02-ue-inner{overflow:visible;}
    /* .m02-ue-intro{bottom: 0;} */
}
@media (max-width: 979px) {
    .m02-ue-toggles{gap: 0;}
    .m02-ue-toggles>li{width:48%; max-width: 274px; margin:1%;}
    .m02-ue-items{padding: 0 10px;}
    .m02-ue-inner>video{border-radius: 5px;height: auto;}
    .m02-ue-intro{position: relative;background: rgba(255,255,255,0.1); margin: 30px auto;bottom: 0;}
    .m02-ue-summary{position: relative;bottom: 0;padding:0 2% 0;}
    .m02-ue-summary{left:0;}
}
@media (max-width: 479px) {
    .m02-ue-inner>video{width: 90%;left: 50%;transform: translateX(-50%);}
    .m02-ue-intro{margin: 5px auto;width: 100%;right: 0;padding-left: 5px;padding-right: 5px;}
    .m02-ue-toggle-info{font-size: 13px;}
}
@media (max-width: 479px) and (min-height: 800px) {
    .m02-ue-toggles{row-gap: 10px;}
    .m02-ue-toggles>li{width: 40%;}
}
/* ---------------------*/

.main-face{padding:40px 0;}
.main-face .details{max-width:1355px; width:100%;}
.main-face-title{font-size:34px;}
.main-face-title b{display:block; font-size:350%; line-height:1; background:linear-gradient(#EDECEC, transparent) no-repeat; color:transparent; background-clip:text; -webkit-background-clip:text; margin-bottom:-27px;}
.main-face-desc{color:#504f4f; text-align:center; margin:15px 0 23px;}
.main-face-items{display:flex; justify-content:space-around; margin-bottom:40px;}
.main-face-item{margin:0 5px;}
.mf-img-wrap{position:relative; border-radius:32px; overflow:hidden;}
.mf-img-compare{position:absolute; box-shadow:0 -2px #fff; bottom:0; height:93%;}
.mf-img-compare::before, .mf-img-compare::after{position:absolute; line-height:1; color:#fff; margin:10px; font-size:15px;}
.mf-img-compare::before{content:'Before'; bottom:100%;}
.mf-img-compare::after{content:'After'; top:0; display:block;}
.mf-img-compare > img{object-fit:cover; object-position:bottom; height:100%;}
.mf-img-desc{position:absolute; bottom:0; font-size:18px; color:#fff; line-height:1.2; left:0; right:0; display:flex; align-items:center; padding:20px 23px; background:linear-gradient(transparent, rgba(0, 0, 0, .7), #000) no-repeat;}
.mf-img-desc::before{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 27'%3E%3Ccircle cx='13.5' cy='13.5' r='13.5' fill='%2367c244'/%3E%3Cpath d='M5.345 12.77l5.345 5.69 9.907-10.38' fill='none' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E"); width:27px; line-height:0; flex:none; margin-right:17px;}
.main-face-more{text-align:center; display:block; text-decoration:underline; color:#000;}
/* ---------------------*/

.main-colorize{padding:40px 0 70px; text-align:center;}
.main-colorize-title{font-size:34px;}
.main-colorize-desc{color:#504f4f; margin:15px 0 25px;}
.main-colorize-carousel-x{max-width:2913px; overflow:hidden; margin:0 auto;}
.main-colorize-carousel{max-width:971px; margin:0 auto;}
.main-colorize-imgs{display:flex; transform:translate(-100%);}
.main-colorize-img{flex:0 0 100%;}
.main-colorize-img:not(.active){transform:scale(.9); transform-origin:bottom;}
.main-colorize-img > img{border-radius:23px; width:100%; height:auto;}
.main-colorize-info{position:absolute; left:44%; transform:translate(205px, -89%); background-color:rgba(0, 0, 0, .64); border-radius:10px; padding:27px;}
.mc-info-list{display:inline-block; text-align:left;}
.mc-info-list li{color:#fff; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='22' viewBox='0 0 27 27'%3E%3Ccircle cx='13.5' cy='13.5' r='13.5' fill='%2367c244'/%3E%3Cpath d='M5.345 12.77l5.345 5.69 9.907-10.38' fill='none' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E") no-repeat 0 1px; padding-left:37px;}
.mc-info-list li + li{margin-top:17px;}
.mc-info-more{color:#16b4fd; text-decoration:underline; display:block; margin:25px 0 15px;}
.main-colorize-btns{max-width:1600px; margin:0 auto; position:relative;}
.main-colorize-btn-left, .main-colorize-btn-right{position:absolute; width:80px; height:80px; border-radius:50%; border:0 none; box-shadow:0 5px 30px rgba(255, 150, 57, .4); background-color:#fff; cursor:pointer; display:flex; transform:translateY(-50%);}
.main-colorize-btn-left{left:8px;}
.main-colorize-btn-right{right:8px;}
.main-colorize-btn-left::after, .main-colorize-btn-right::after{content:''; width:35%; height:45%; margin:auto; clip-path:polygon(0 0, 0 100%, 100% 50%); background-color:#FF9000; transform:translate(13%);}
.main-colorize-btn-left::after{transform:rotate(180deg) translate(13%);}
/* ---------------------*/

.main-compare{padding:70px 0; background:linear-gradient(#fff, #F5F4F2) no-repeat;}
.main-compare-wrap{display:flex; justify-content:center; align-items:center; margin:35px 0 40px;}
.main-compare-img{margin-right:10px;}
.main-compare .img-compare-wrap{overflow:hidden;}
.main-compare .img-compare-before, .main-compare .img-compare-after{border-radius:13px;}
.main-compare .compare-line{width:1px; margin-left:0;}
.main-compare .compare-line::before, .main-compare .compare-line::after{background-color:#fff;}
.main-compare-ou{position:absolute; top:0; left:0; right:0; padding:10px; color:#fff; display:flex; justify-content:space-between;}
.main-compare-info{max-width:755px;}
.main-compare-info-p{margin-bottom:25px;}
.mc-info-figures{display:flex;justify-content: space-between;}
.mc-info-figures >div{position: relative;}
.mc-info-figure + .mc-info-figure{margin-left:10px;}
.mc-info-figure > img{border-radius:10px;}
.mc-info-figcaption{text-align:center; padding-top:10px;}
.mc-info-ou{position: absolute; top:0; right:0; padding:10px; color:#fff; }
/* ---------------------*/

.part-solution {padding:80px 0;background-image: linear-gradient(180deg, #e8e0d9, #f6f5f3); margin-top:10px;}
.solution-content {display: flex;justify-content: center;align-items: self-start;gap: 50px;position: relative;flex-wrap: wrap;}
.solution-left {position: sticky;top: 70px;width: 350px;}
.solution-left h2 {text-align: left;line-height: 1.2;}
.solution-left p {color: #333333;line-height: 1.4;padding: 20px 0;font-size: 17px;}
.solution-right {width: 800px;}
.solution-item {margin-bottom: 40px;background-color: #ffffff;border-radius: 20px;overflow: hidden;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}
.solution-item-info {padding: 32px;box-sizing: border-box;flex: 1;}
.solution-item-info h3 {line-height: 1.4;color: #202020;font-size: 21px;font-weight: 700; margin-top:10px;}
.solution-item-info p {color: #333333;line-height: 1.4;padding-top: 20px;font-size: 17px;}
.solution-item-info a:hover {text-decoration: underline;}
.solution-item-info em {color: #a46000;}

.ai-da-drag{position: relative;overflow: hidden;}
.main-drag-img {position: absolute;width: calc(var(--wid, .5)* 99.95%);object-fit: cover;object-position: 0;height: 100%;}
.main-drag { position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0; cursor: ew-resize; -webkit-appearance: none; appearance: none; }
.ai-da-drag > img:not(.main-drag-img) {max-width: 100%;height: auto;}
.main-drag-line { position: absolute; top: 0; bottom: 0; left: calc(var(--wid, .5)* 99.95%); pointer-events: none; display: flex ; flex-flow: column; align-items: center; width: 1px; }
.main-drag-line::before, .main-drag-line::after { content: ''; flex: 1; width: 100%; background-color: #fff; }
.main-drag-line >img{max-width: none;}

.solution-item-icon {
    position: absolute;
    bottom: -8px;
    left: -8px;
    background-color: #ffffff;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.solution-1-tips {
    position: absolute;
    bottom: 14px;
    right: 14px;
    background-color: #ff682d;
    color: #fff;
    padding: 0px 15px;
    border-radius: 20px;
    font-size: 15px;
}
.solution-2-tips {
    position: absolute;
    bottom: 14px;
    left: 100px;
    background-color: #ffffff;
    color: #1f1f1f;
    padding: 0px 15px;
    border-radius: 20px;
    font-size: 15px;
}
.solution-3-tips {
    position: absolute;
    bottom: 14px;
    right: 100px;
    background-color: #ff682d;
    color: #fff;
    padding: 0px 15px;
    border-radius: 20px;
    font-size: 15px;
}
.solution-4-tips {
    position: absolute;
    bottom: 14px;
    right: 14px;
    background-color: #ff682d;
    color: #fff;
    padding: 0px 15px;
    border-radius: 20px;
    font-size: 15px;
}
.solution-5-tips {
    position: absolute;
    bottom: 25%;
    left: 50%;;
    transform: translateX(-40%);
    color: #fff;
    font-size: 17px;
}

.the-buttons {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.the-button.first a {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #92cf3f;
    color: #ffffff;
    border-radius: 5px;
    width: 235px;
    height: 55px;
    font-size: 21px;
}
.the-button.second a {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fca033;
    color: #ffffff;
    border-radius: 5px;
    width: 235px;
    height: 55px;
    font-size: 21px;
}
.the-button.second a:hover {
    text-decoration: none;
}
.part-solution-title {
	font-size: 31px;
	font-weight: 700;
}

@media (max-width: 1400px) {
    .solution-left .the-buttons {justify-content: center;}
    .solution-left h2 {text-align: center;}
    .the-buttons {
        justify-content: center;
        align-items: center;
    }
	.solution-item {
		flex-wrap: wrap;
	}
	.solution-item-info {
		flex: none;
		width: 100%;
	}
	.solution-right {
		width: 402px;
	}
	.part-solution-title {
		font-size: 1.5625rem;
	}
}
@media (max-width: 992px) {
	.solution-content {
		gap: 30px;
	}
	.solution-left {
		position: static;
	}
	.solution-item-info h3 {
		font-size: 1.1875rem;
	}
}
@media (max-width: 798px) {
    .solution-right {width: 100%;}
    .solution-items {display: flex;justify-content: center;flex-wrap: wrap;gap: 20px;align-items: flex-start;}
    .solution-item {width: 402px;margin-bottom: 0;align-items: normal;}
}
/* ---------------------*/

.main04 {padding: 66px 0 50px;background-color: #fff;color: #2b2b2b;}
.main04 h2 {text-decoration: underline 9px #ffb040;text-underline-offset: -2px;text-decoration-skip-ink: none;}
.main04-cards,.main04-comments {padding-top: 48px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.main04-cards>li {width: 380px;background-color: #fafafa;border-radius: 8px;overflow: hidden;margin-bottom: 18px;}
.card-intro {padding: 30px 26px 20px;}
.main04-h3 {font-size: 24px;line-height: 1em;font-weight: 600;padding-bottom: 12px;}
.main04-p {font-size: 15px;line-height: 1.6em;}
.main04-comments {padding-top: 0;}
.main04-comments>li {width: 380px;box-sizing: border-box;border-radius: 8px;border: 1px dashed #facf5e;padding: 40px 26px 14px 45px;background: url(../images/feature-old-restore/main04-icon.png) no-repeat 33px 9px, url(../images/feature-old-restore/main04-stars.png) no-repeat 230px 15px;font-size: 15px;line-height: 1.6em;font-style: italic;margin-bottom: 20px;}

.main05 {padding: 60px 0 0;background-color: #fcfbfc;}
.main05-content {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;padding: 46px 20px 0;}
.main05-left {border-radius: 6px;overflow: hidden;position: relative;}
.emit-ytbpopup-container {width: 52px;height: 52px;position: absolute;top: 50%;left: 50%;margin: -26px 0 0 -26px;cursor: pointer;}
.emit-ytbpopup-container .emit-ytbpopup {display: block;width: 100%;height: 100%;background-color: #f61f21;border-radius: 50%;position: relative;z-index: 2;overflow: hidden;}
.emit-ytbpopup-container .emit-ytbpopup::before {content: "";border-top: 13px solid transparent;border-bottom: 13px solid transparent;border-left: 22px solid #fff;display: block;margin: 12px 0 0 17px;}
.emit-ytbpopup-container::before,.emit-ytbpopup-container::after {content: "";width: 100%;height: 100%;border-radius: 50%;background-color: rgba(255,0,0,0.6);position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);animation: wave 1.6s linear infinite;}
.emit-ytbpopup-container::after {animation-delay: 0.8s;}
@keyframes wave {0% {width: 100%;height: 100%;opacity: 1;}99.9% {width: 100px;height: 100px;opacity: 0;}100% {width: 100%;height: 100%;opacity: 1;}}
.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 {width: 800px;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: -30px;right: -30px;cursor: pointer;}
.main05-right {width: 540px;color: #2b2b2b;}
.main05-right>li+li {margin-top: 25px;}
.step-title {font-size: 21px;line-height: 1em;padding-bottom: 10px;}
.step-title>b {display: inline-block;vertical-align: middle;line-height: 40px;padding: 0 26px 0 10px;color: #fff;font-size: 19px;border-radius: 5px 0 0 5px;background: linear-gradient(to right, #fec919 20%, transparent);}
.step-p {font-size: 15px;line-height: 1.4em;}
.arrow-buttons {display: flex;}
.arrow-button {line-height: 50px;padding: 0 26px;border: 1px solid #179bfd;border-radius: 6px;font-size: 17px;color: #179bfd;font-weight: 600;}
.arrow-button:hover {background-color: rgba(23, 155, 253, 0.1);}
.arrow-button::after {content: "";width: 12px;height: 23px;background-image: url(../images/feature-old-restore/download-arrow.png);display: inline-block;vertical-align: middle;margin-left: 20px;}
.arrow-button.mobile-plat::after {display: none;}

.main06 {padding: 80px 0 50px;background-color: #fcfbfc;text-align: center;}
.main06 h2 {font-size: 32px;}
.main06-icons {display: flex;justify-content: center;flex-wrap: wrap;padding-top: 36px;}
.main06-icons>li {width: 144px;font-size: 17px;color: #1d1d1f;margin-bottom: 16px;}
.main06-icons .img-wrap {height: 68px;}

.main10{background:#faf4e9;padding:40px 0;}
.main10-flex{display:flex;justify-content:space-between;align-items:center;}
.main10-flex .flex-content{flex:1;padding-left:50px;}
.main10-flex h3{font-size:37px;font-weight:700;line-height:1.5;color:#1f1f1f;}
.main10-flex h3 span{color:#ff9e2c;}
.main10-flex .suhead{color:#fb9c29;font-size:23px;line-height:1.5;margin-bottom:15px;white-space:nowrap;}
.main10-down{display:flex;justify-content:flex-start;align-items:flex-start;gap:25px;padding-top:15px;}
.main10-down .down-wrap a{display:block;background:#179bfd;color:#ffffff;font-size:21px;line-height:1.4;padding:10px 30px;border-radius:5px;}
.main10-down .down-wrap a:hover{background:#12bcff;}
.main10-down .down-wrap img{margin-right:10px;vertical-align:text-top;}
.main10-down .more-wrap a{display:inline-block;color:#ffffff;border:1px solid #ff9e2c;background: #ff9e2c;font-size:21px;line-height:1.3;padding:10px 30px;border-radius:5px;}
.main10-down .more-wrap a:hover{color:#ff9e2c;background:#ffffff;text-decoration:none;}
.main10-down .mark-wrap {margin-top: 10px;}

/* .side-nav {position:sticky;position:-webkit-sticky;top:0;width:250px;height:0;left:calc(50% - 900px);}
.side-nav .wrap{padding-top:68px;}
.side-nav .side-title{font-size:17px;margin:15px 0;color:#1c1c1c;display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:0 10px;}
.side-nav .side-title i{display:inline-block;width:18px;height:18px;border:1px solid #060606;border-radius:50%;vertical-align:middle;position:relative;}
.side-nav .side-title i::before{display:inline-block;content:'';width:6px;height:6px;border:1.5px solid #060606;position:absolute;left:50%;top:40%;transform:translate(-50%,0) rotate(45deg);border-bottom:none;border-right:none;}
.side-nav .side-title i.on-off{transform:rotate(180deg);}
.side-nav .nav-list{font-size:15px;line-height:1.4;color:#1c1c1c;}
.side-nav .nav-list li a{color:#4a4a4a; display:flex;align-items:center;height:42px;padding:0 15px;box-sizing:border-box;white-space:nowrap;}
.side-nav .nav-list li a span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis; padding-left:22px;}
.side-nav .nav-list li.focus a{color:#fff; border-radius:25px;background:#fdc96e;}
.side-nav .nav-list li.focus a::before{content:'';border:5px solid transparent;border-left-color:#ffffff;border-left-width:8px;border-right-width:0; position:absolute;}
.side-nav .nav-list2 li a{padding:0 8px; text-decoration:underline dashed .5px; text-underline-offset:6px;}
.side-nav .nav-list2 li a::before{content:url(../images/feature-old-restore/icon1.png); margin:5px 7px 0 0; line-height:0;} */

@media (max-width:1730px){.side-nav {display: none !important;}}
@media (max-width:1200px){
    .details {width: auto;padding: 0 1%;}

    .vpc-content-right{margin-right: 0;}
    .main-drag-img{height: 100%;}
    .restoration-content .vpc-content{align-items: center;}
    /* ----------------- */
    .main-face{padding:0 0 40px 0;}
    .main-face .ai-remove-pic{display: none;}
    /* ----------------- */

}
@media (max-width:979px){
    .no-br br{display: none;}
    
    img {/* width: auto; */height: auto;}
    .details {}

    .new-down-buy {margin-top: 0;}
    /* ---------- */
    .restoration-content .vpc-content,.other-content{flex-wrap: wrap;justify-content: center;}
    .vpc-content-left{width: auto;}
    /* ---------- */
    .main-face{padding-top: 40px;}
    /* ---------- */
    .memories-btn-box{padding: 0;}
    .memories-btn-box span{padding: 0 20px;}
    .memories-one{flex-wrap: wrap;justify-content: center;margin-bottom: 0;}
    .main-memories h2+p{padding:15px 0;}
    /* ---------- */
    .main02 {background: linear-gradient(#fcf9f4, #f9f3e7);}
    .main02-large-imgs>li {width: 100%;}
    .main02-small-imgs {margin-top: -50px;}
    .main02-small-imgs>li {margin: 0 10px;width: 90px;height: 90px;}

    .main03-content {justify-content: center;}
    .main03-content:nth-child(odd) .main03-left {order: 0;}
    .main03-right {width: 100%;padding-top: 20px;}
    .main03-h3,.main03-p {text-align: center;}
    .main03-right .the-icons {justify-content: center;}
    .main03-dots {margin: 0;}
    .main03-right .the-icons>li.large-width {width: fit-content;}
    .main03-right .download-button {text-align: center;}

    .main04-cards, .main04-comments {justify-content: center;}
    .main04-cards>li {margin: 0 10px 18px;}

    .main05-content {justify-content: center;padding: 46px 0 0;}
    .main05-right {padding-top: 20px;width: 100%;}
    
    .main06-icons>li {width: 120px;}

    .main10-flex {flex-wrap: wrap;justify-content: center;}
    .main10-flex .flex-content {width: 100%;padding: 20px 0 0;}
}
@media (max-width:767px){
    .main01>img {display: none;}
    .new-down-buy {flex-wrap: wrap;}
    .ai-face-top{flex-wrap: wrap;}

    .ai-face-top{justify-content: space-evenly;gap: 20px;}

    .colorize-content-text{position: relative;right: 0;width: 90%;}
    .colorize-position{display: flex;flex-direction: column;align-items: center;}

    .memories-btn-box{flex-wrap: wrap;justify-content: center;}

    .main02-small-imgs {margin: -30px 0 0;}
    .main02-small-imgs>li {width: 60px;height: 60px;margin: 0 5px;border-width: 2px;}

    .main03-imgs {width: auto;height: auto;}
    .main03-imgs>img {max-width: 100%;}

    .main10-flex .suhead {white-space: wrap;}
    .main10-down {flex-wrap: wrap;}
}
@media (max-width:479px){
    h1 {font-size: 27px;}
    h2,.main06 h2 {font-size: 23px;}

    .ai-face-top{gap: 10px;}

    .restoration-btn{flex-wrap: wrap;}
    .other-one{width: 100%;}

    .other-two .other-bottom{flex-wrap: wrap;justify-content: center;}

    .main03-h3,.main04-h3,.main10-flex h3 {font-size: 21px;}

    .colorize-content-icon{bottom: 10px;right: 10px;;}
    .colorize-content-icon span{width: 10px;height: 10px;}

    .card-intro {padding: 20px 10px;}
    .main04-comments>li {padding: 40px 10px 15px 25px;}

    .step-title {font-size: 17px;}
}
