@charset "utf-8";
*{margin:0;padding:0;}
h2{font-weight:normal;}
.align-center{text-align:center;}
ul,ol{list-style:none;}
img{max-width:100%;height:auto;}
h2,h3{line-height:1;}

.vd-for-test{padding:0 0 100px;background:#000;}
.test-banner {max-width: 1200px;margin: 0 auto;}
.for-test-bg{background:repeating-linear-gradient(to right,transparent 0px,transparent 99px,#475581 100px),radial-gradient(560px 350px at 50% 100px,#313b72,transparent) #020205;position:relative;}
.for-test-bg::before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;background:radial-gradient(ellipse 43% 100% at 50% 0,transparent 0,transparent 60%,#020205 100%);z-index:1;}
.aive-breadcrumb{z-index:3;position:relative;padding:30px 0 15px;}
.aive-breadcrumb ol{display:flex;color:#bfbfbf;}
.aive-breadcrumb ol li + li::before{content:'\3e';margin:0 10px;}
.aive-breadcrumb ol li a{color:#0080ff;}
.aive-breadcrumb ol li a:hover{text-decoration:underline;}
.vd-for-test .Sub,.press-button{position:relative;z-index:2;}
.vd-for-test .Sub{text-align:center;}
.vd-for-test .Sub p{color:#fff;border-radius:25px;padding:10px 20px;}
.vd-for-test .Sub h1{color:#fff;padding:10px 0 0;line-height:1.2;font-weight:normal;}
.vd-for-test .Sub h1 span{display:block;padding:20px 0 0;line-height:1.3;font-size:21px;}
.press-button{display:flex;flex-wrap:wrap;margin:0 auto;justify-content:center;padding:25px 0 70px;column-gap:100px;row-gap:20px;text-align:center;}
.butbox p{color:#b2a38f;font-size:calc(.47rem + .3vw);padding:10px 0 0;}
.butbox p a{color:#b2a38f;text-decoration:underline;}
.butbox p a:hover{color:#b2a38f;}
.p_user::before{content:'';background:url(../images/svg-icons/user-iocn.svg);width:9px;height:11px;display:inline-block;margin:0 3px 0 0;}
.but a{text-decoration:none;}
.but-go a{border:2px solid #92cf3f;border-radius:5px;line-height:41px;display:inline-block;width:245px;font-size:calc(.86rem + .3vw);color:#92cf3f;transition:transform .5s ease-in-out;background:#0d0f1d;}
.but-go a:hover{transform:translateY(-3px);}
.sys-button a{display:flex;margin:0 auto;width:220px;height:45px;padding:0 25px 0 0;justify-content:center;align-items:center;background-repeat:no-repeat;background-color:#92cf3f;border-radius:5px;color:#fff;font-size:calc(.86rem + .3vw);cursor:pointer;transition:background,transform .5s ease-in-out;}
.sys-button a:hover{background-color:#7ecb16;transform:translateY(-3px);}
.sys-button a.btn-win{background-image:url(../images/svg-icons/icon-win.svg) !important;background-size:29px 24px;background-position:165px 9px;}
.sys-button a.btn-mac{background-image:url(../images/svg-icons/icon-mac.svg) !important;background-size:29px 24px;background-position:165px 9px;}
.sys-button a.btn-mobile{background-image:url(../images/svg-icons/icon-mobile.svg) !important;background-size:29px 24px;background-position:165px 9px;}
.aivtech-showcase-btns{width: fit-content;box-sizing: border-box;display:flex;justify-content:center;gap:10px;border:1px solid #444666;padding:2px;border-radius:26px;margin:0 auto 54px;}
.aivtech-showcase-btns li{height:48px;line-height: 1;display:inline-flex;align-items:center;padding:0 15px;color:#9ea1bb;border-radius:24px;cursor:pointer;}
.aivtech-showcase-btns li:hover,.aivtech-showcase-btns li.active{background:#ffb725;color:#010101;}
.gallery-wrap {width: 1200px;margin: 0 auto;}
.the-gallery {display: none;}
.the-gallery.active {display: block;}
.images-gallery {display: flex;flex-wrap: wrap;gap: 30px;}
.images-gallery>li {width: 378px;display: none;}
.images-gallery .img-wrap {display: flex;border-radius: 10px;overflow: hidden;position: relative;}
.images-gallery .emit-popup {width: 42px;height: 42px;border-radius: 50%;background: rgba(0,0,0,0.2) url(../images/ai-image-matting/images-for-test/search-icon.png) no-repeat center;position: absolute;top: 8px;left: 8px;cursor: pointer;}
.img-bottom-param {display: flex;justify-content: space-between;align-items: center;gap: 4px;line-height: 1;padding: 11px 0 7px;}
.img-bottom-param>span {width: 196px;box-sizing: border-box;padding: 4px 30px 4px 4px;border-radius: 4px;background-color: #2b2b2b;position: relative;}
.img-bottom-param>span::after {content: "";width: 9px;height: 9px;border-right: 2px solid #ffb422;border-bottom: 2px solid #ffb422;border-radius: 2px;transform: rotate(45deg);position: absolute;top: 9px;right: 12px;}
.img-bottom-param>span>i {display: inline-block;line-height: 25px;padding: 0 7px;border-radius: 3px;background-color: #ffb422;font-style: normal;}
.img-bottom-link>a {text-decoration: underline 1px;text-underline-position: under;}
.gallery-toggles {padding-top: 84px;display: flex;justify-content: center;align-items: center;gap: 14px;}
.arrow-toggle {width: 25px;height: 21px;color: #fff;border: 1px solid;border-radius: 5px;display: flex;justify-content: center;align-items: center;cursor: pointer;}
.arrow-toggle.inactive {color: #5d5d5d;}
.arrow-toggle::before {content: "";width: 4px;height: 4px;border-left: 2px solid;border-bottom: 2px solid;transform: rotate(45deg);}
.arrow-toggle.next-toggle::before {transform: rotate(-135deg);}
.nums-toggle {display: flex;justify-content: center;gap: 10px;font-size: 17px;color: #5d5d5d;}
.num-toggle {cursor: pointer;}
.num-toggle.active {color: #a1a3bb;}
.compare-popup {width: 100%;height: 100%;background-color: rgba(0,0,0,0.6);position: fixed;top: 0;left: 0;z-index: 10000;display: none;justify-content: center;align-items: center;}
.compare-popup.active {display: flex;}
.compare-popup-content {max-width: 90%;position: relative;box-sizing: border-box;padding: 4px;background-color: #3a3a3a;;}
.cancel-compare-popup {width: 115px;line-height: 31px;background-color: #3a3a3a;border-radius: 12px 12px 0 0;text-align: center;position: absolute;bottom: 100%;right: 0;cursor: pointer;}
.cancel-compare-popup>span {font-size: 23px;}
.compare-words {width: 100%;box-sizing: border-box;padding: 24px 27px 0;display: flex;justify-content: space-between;align-items: center;position: absolute;top: 0;left: 0;}
.compare-words>span {line-height: 33px;padding: 0 13px;background-color: rgba(0,0,0,0.6);border-radius: 6px;text-align: center;}
.compare-logo {width: 52px;height: 40px;background: #3a3a3a url(../images/ai-image-matting/images-for-test/aim-icon.png) no-repeat center/27px 27px;position: absolute;bottom: 4px;left: 4px;}
.compare-btn {line-height: 38px;padding: 0 20px;border-radius: 5px;background-color: #1631ff;text-align: center;position: absolute;bottom: 17px;right: 15px;}
.compare-inner{position: relative;overflow:hidden;}
.compare-inner > img{vertical-align:middle;}
.compare-inner > img:not(.the-compare-img){max-width:100%; height:auto;}
.the-compare{position:absolute; left:0; right:0; top:0; bottom:0; opacity:0; cursor:ew-resize; -webkit-appearance:none; appearance:none;}
.the-compare::-moz-range-thumb{width:0;}
.the-compare-img{position:absolute; height:100%; width:calc(var(--wid, .5) * 100%); object-fit:cover; object-position:0;}
.the-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:1px;}
.the-compare-line>img {max-width: initial;}
.the-compare-line::before, .the-compare-line::after{content:''; flex:1; width:100%; background-color:#fff;}

@media (max-width:1200px){
    .test-banner,.gallery-wrap {max-width: 96%;}
    .aivtech-showcase-btns{gap:0;}
    .images-gallery {justify-content: center;}
}
@media (max-width:979px){
    .aivtech-showcase-btns{flex-wrap:wrap;}
}
/* ------------ */
.vd-test-faq{background:#e3e4e7;padding:80px 0 70px;}
.vd-test-faq-content{padding:40px 0 0;}
.vd-test-faq-item{padding:18px 0 8px;}
.vd-test-faq-item .t{font-size:21px;padding-bottom:10px;position:relative;color:#000000;}
.vd-test-faq-item+.vd-test-faq-item{border-top:2px solid #dbdcdd;}
.vd-test-faq-item p a{color:#2691fc;text-decoration:underline;}