html,body {scroll-behavior: smooth;}

.banner {padding: 94px 0 0;background: #041327 url(../../images/use-cases/banner-bg.jpg) no-repeat center top/cover;}
.banner-content-wrap {width: 1200px;margin: 0 auto;}
h1 {font-size: 33px;color: #fff;line-height: 1;text-align: center;}
h1>span {display: flex;justify-content: center;align-items: center;flex-wrap: wrap;text-align: center;font-size: 50px;line-height: 1;color: #fff;font-weight: 500;padding-bottom: 20px;}
h1>span>img {margin-right: 14px;}
h1>span>b {color: #ff9500;font-weight: 500;}
h1>span>i {font-style: normal;font-size: 27px;line-height: 40px;padding: 0 10px;border-radius: 25px 0 25px 0;background: linear-gradient(90deg, #13d5df, #f511ff);margin-left: 14px;}
.banner-p {font-size: 17px;color: #babdcb;line-height: 1.6;text-align: center;padding: 25px 0 30px;}
.banner-buttons {display: flex;justify-content: center;flex-wrap: wrap;gap: 15px;}
.banner-buttons>a {min-width: 268px;height: 56px;box-sizing: border-box;padding: 0 10px;border-radius: 100px;text-decoration: none;display: flex;justify-content: center;align-items: center;gap: 12px;font-size: 19px;line-height: 1;}
.banner-buttons .other {background-color: #91ce3f;color: #fff;}
.banner-buttons .other>span:last-child {color: #df0000;font-size: 20px;line-height: 1;}
.banner-buttons .other>span>del {font-size: 14px;color: #4b4b4b;line-height: 1;display: block;padding-bottom: 2px;}
.banner-buttons .download {min-width: 226px;box-shadow: inset 0 0 0 1px #8dc83f;color: #91ce3f;}
.banner-buttons .download::after {content: "";width: 25px;height: 25px;background: url(../../images/use-cases/banner-win-icon.png);}
.banner-buttons .download.mac-plat::after {height: 31px;background: url(../../images/use-cases/banner-mac-icon.png);}
.banner-buttons .download.mobile-plat::after {display: none;}
.hide-container{padding-top:1px;color:#d4d4d4;}
.m01-get-wrap{display:flex;background-color:rgba(0 0 0 / .4);border-radius:33px;justify-content:space-evenly;color:#999;padding:65px 10px 25px;margin:40px auto 0;max-width:1200px;box-sizing: border-box;position:relative;z-index:0;}
.m01-get-wrap::after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid rgba(255 255 255 / .1);margin:-2px;border-radius:inherit;border-bottom-left-radius:0;border-bottom-right-radius:0;z-index:-1;mask-image:linear-gradient(#000 85%,transparent);-webkit-mask-image:linear-gradient(#000 85%,transparent);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;}
.hide-container-flex{display:flex;justify-content:center;align-items:flex-start;}
.hide-item{flex:1;padding:0 62px;}
.hide-item.green{--color:#92cf3f;}
.hide-item.orange{--color:#ff9018;}
.hide-vs{position:relative;align-self:center;}
.hide-vs::before{content:'';display:block;width:1px;height:150px;background-color:#494949;position:absolute;left:50%;top:calc(50% - 150px);transform:translate(-50%,-50%);}
.hide-vs::after{content:'';display:block;width:1px;height:150px;background-color:#494949;position:absolute;left:50%;bottom:calc(50% - 150px);transform:translate(-50%,50%);}
.hide-item-title{color:var(--color);text-align:center;font-size:25px;line-height:1.4;font-weight:700;}
.hide-add-title{font-size:19px;line-height:1.4;color:#ffffff;text-align:center;margin-bottom:15px;}
.hide-add-price{display:flex;justify-content:center;align-items:flex-end;gap:10px;margin-bottom:20px;}
.hide-add-price strong{font-size:23px;line-height:1;color:var(--color);}
.hide-add-price del{font-size:17px;line-height:1;color:#d4d4d4;}
.hide-item-list{margin-bottom:25px;text-align: left;}
.hide-item-list li{position:relative;font-size:17px;line-height:1.4;margin-bottom:5px;padding-left:25px;color:#d4d4d4;}
.hide-item-list .check-true{display:block;width:18px;height:18px;border-radius:50%;background-color:var(--color);position:absolute;left:0;top:5px;}
.hide-item-list .check-true::before{content:'';display:block;width:2px;height:8px;background-color:#ffffff;position:absolute;left:60%;top:50%;transform:translate(-50%,-50%) rotate(45deg);}
.hide-item-list .check-true::after{content:'';display:block;width:2px;height:5px;background-color:#ffffff;position:absolute;left:40%;top:58%;transform:translate(-50%,-50%) rotate(-45deg);}
.hide-item-list .check-false{display:block;width:18px;height:18px;border-radius:50%;background-color:#858585;position:absolute;left:0;top:5px;}
.hide-item-list .check-false::before{content:'';display:block;width:2px;height:10px;background-color:#ffffff;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg);}
.hide-item-list .check-false::after{content:'';display:block;width:2px;height:10px;background-color:#ffffff;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-45deg);}
.email-submit{display:flex;justify-content:center;align-items:center;border-radius:5px;overflow:hidden;margin:15px auto 15px;}
.email-submit input{flex:1;height:45px;background-color:#ffffff;color:#000000;border:none;outline:none;padding:0 10px;font-size:15px;}
.email-submit button{height:45px;background-color:var(--color);;color:#ffffff;border:none;outline:none;font-size:19px;display:flex;justify-content:center;align-items:center;padding:0 20px;gap:8px;cursor:pointer;}
.banner-icons-info {text-align: center;}
.banner-icons-info>a {color: #fff;}
.hide-item-flex{display:flex;align-items:center;gap:10px;}
.hide-item-con{font-size:17px;line-height:1.4;color:#ffffff;flex:1;}
.hide-item-con span{color:var(--color);}
.hide-item-code{color:var(--color);}
.hide-item-button{display:flex;justify-content:center;align-items:center;padding:20px 0;}
.hide-item-button a{width:225px;height:45px;background-color:var(--color);border-radius:5px;color:#ffffff;}
.hide-item-button a:hover {text-decoration: none;}
.icon-win{background:url("https://www.winxdvd.com/new-dvd-release/images/backup-movies-new/win-mac.png") no-repeat;width:19px;height:21px;background-position-x:0;display:inline-block;}
.icon-mac{background:url("https://www.winxdvd.com/new-dvd-release/images/backup-movies-new/win-mac.png") no-repeat;width:19px;height:21px;background-position-x:-33px;display:inline-block;}
.hide-add-list{padding-top:10px;text-align: left;}
.hide-add-list li{font-size:17px;line-height:1.4;color:#d4d4d4;}
.hide-add-list li::before{content:'';display:inline-block;width:5px;height:5px;background-color:#d4d4d4;border-radius:50%;margin-right:10px;vertical-align:middle;}
.hide-button-flex{width:100%;height:100%;display:flex;justify-content:center;align-items:center;gap:10px;font-size:17px;font-weight:700;}
.hide-price-flex{display:flex;justify-content:center;align-items:center;flex-direction:column;font-weight:400;}
.hide-price-flex span{line-height:1;font-size:17px;color:#ffffff;}
.hide-price-flex del{line-height:1;font-size:13px;color:#492a08;}
.hide-share{text-align:center;margin-top:35px;}
.hide-share-title {margin-bottom: 10px;color: #fff;}
.m01-share-a{display:inline-block;color:#aba093;padding:0 4px;text-decoration:none;}
.m01-share-a:hover {color:#aba093;text-decoration: none;}
.m01-share-a::before{content:'';display:block;margin:0 auto;height:30px;width:30px;background:url(../../images/use-cases/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;}
.m01-get-hbtn-x{border-top:2px solid;color:rgba(255 255 255 / .15);text-align:center;}
.m01-get-hbtn{font-size:inherit;min-width:120px;padding:5px 5px;border-radius:0 0 10px 10px;border:none;background:linear-gradient(180deg,#444545,#7d6945);color:#ffffff;position:relative;top:-2px;left:-13px;}
.m01-get-hbtn::first-line{color:#fff;}
.m01-get-hbtn:not(:disabled){cursor:pointer;}
@media (max-width:900px){
    .email-submit{flex-wrap:wrap;width:100%;gap:10px;}
    .email-submit input{flex:auto;border-radius:5px;width:100%;}
    .email-submit button{width:100%;border-radius:5px;}
    .hide-container-flex{flex-wrap:wrap;}
    .hide-vs {display:none;}
    .hide-vs{margin-bottom:30px;}
    .hide-item{padding:0 30px;width:100%;flex:auto;}
}
.banner-gallery {display: flex;justify-content: center;align-items: flex-end;gap: 24px;flex-wrap: wrap;padding-top: 60px;}
.banner-gallery>li {display: flex;flex-direction: column;gap: 26px;align-items: flex-end;}
.banner-gallery>.item1 {margin-right: -12px;}
.banner-gallery>.item3 {margin-right: -6px;}
.banner-gallery>li>img {transition: all 0.2s;}
.banner-gallery>li:not(.item3)>img {opacity: 0.7;}
.banner-gallery>li>img:hover {opacity: 1;}
@media (max-width: 1200px) {
    .banner img:not([src$='svg']) {max-width: 100%;height: auto;}
    .banner-content-wrap {width: 96%;}
    h1 {font-size: 25px;}
    .banner-p>br {display: none;}
    .banner-gallery>li:not(.item3)>img {opacity: 1;}
    .banner-gallery>.item1 {margin-right: 0;}
    .banner-gallery>.item3 {margin-right: 0;}
}
@media (max-width: 767px) {
    h1>span {font-size: 35px;}
}
@media (max-width: 479px) {
}

.toolkit {padding: 80px 0 0;background: #0d0234 url(../../images/use-cases/toolkit-bg.jpg) no-repeat center bottom/100% auto;}
.toolkit-content {width: 1200px;margin: 0 auto;position: relative;}
.toolkit h2 {font-size: 37px;color: #fff;line-height: 1.1;font-weight: 600;text-align: center;}
.toolkit h2::before {content: "";display: inline-block;vertical-align: middle;width: 53px;height: 53px;border-radius: 50%;background-color: #2a1a85;margin-right: -25px;}
.toolkit-p {font-size: 17px;color: #babdcb;line-height: 1.5;padding: 14px 78px 40px;text-align: center;}
.toolkit-p>a {text-decoration: underline;color: #fff;}
.toolkit-items {display: flex;justify-content: center;flex-wrap: wrap;width: fit-content;margin: 0 auto 44px;border: 2px solid #231565;border-radius: 100px;background-color: #100938;}
.toolkit-items>li {height: 44px;border-radius: 100px;font-size: 17px;color: #fff;line-height: 1;padding: 0 44px;display: flex;justify-content: center;align-items: center;cursor: pointer;}
.toolkit-items>li.active {background-color: #fff;color: #0c001e;}
.toolkit-items-content>li {display: none;}
.toolkit-items-content>li.active {display: block;}
.toolkit-items-img {border-radius: 22px;overflow: hidden;position: relative;}
.toolkit-items-img>img {width: 100%;}
.toolkit-item-img{position:absolute;height:100%;width:calc(var(--wid,.5) * 100%);display: flex;overflow: hidden;}
.toolkit-item-img.toolkit-item-img img {max-width: initial;height: 100%;}
.toolkit-item-line{width: 35px;height: 35px;border: 1px solid #fff;border-radius: 50%;position:absolute;top:50%;left:calc(var(--wid,.5) * 100%);margin: -18px 0 0 -18px;pointer-events:none;display: flex;align-items: center;justify-content: center;}
.toolkit-item-line::before,.toolkit-item-line::after{content:'';width:1px;height: 50vh;background-color:#fff;position: absolute;bottom: 100%;left: 50%;}
.toolkit-item-line::after {bottom: auto;top: 100%;}
.toolkit-item-line>i {width: 21px;height: 10px;display: flex;justify-content: space-between;align-items: center;}
.toolkit-item-line>i::before,.toolkit-item-line>i::after {content: "";border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-right: 7px solid #fff;}
.toolkit-item-line>i::after {border-right: none;border-left: 7px solid #fff;}
.toolkit [type=range]{position:absolute;width:100%;height:100%;background-color:initial;-webkit-appearance:none;appearance:none;cursor:ew-resize;}
.toolkit ::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:0;}
.toolkit ::-moz-range-track{height:100%;}
.toolkit ::-moz-range-thumb{width:0;opacity:0;}
.toolkit-items-intros {width: 900px;padding-top: 52px;}
.toolkit-items-intro {width: 100%;display: flex;flex-wrap: wrap;gap: 50px;position: relative;}
.toolkit-items-intro::after {content: "";width: 100%;height: 1px;background: linear-gradient(90deg, #362d67 70%, transparent);position: absolute;bottom: 0;left: 0;}
.toolkit-items-intro>li {font-size: 17px;color: #8782bf;list-style: 21px;padding: 0 10px 12px 0;position: relative;white-space: nowrap;}
.toolkit-items-intro>li.active {font-size: 19px;color: #fff;}
.toolkit-items-intro>li::after {display: none;content: "";width: 100%;height: 2px;background-color: #9051df;position: absolute;bottom: 0;left: 0;z-index: 1;}
.toolkit-items-intro>li.active::after {display: block;}
.toolkit-items-info {padding: 14px 150px 0 0;}
.toolkit-items-info>li {display: none;font-size: 17px;color: #e6e6e6;line-height: 1.5;min-height: 60px;}
.toolkit-items-info>li>a {text-decoration: underline;color: #e6e6e6;}
.toolkit-items-info>li.active {display: block;}
.toolkit-buttons {position: absolute;right: 22px;bottom: 15px;display: flex;flex-direction: column;align-items: center;gap: 16px;}
.toolkit-button {min-width: 220px;box-sizing: border-box;padding: 0 10px;height: 55px;font-size: 21px;color: #e6e6e6;line-height: 1;display: flex;justify-content: center;align-items: center;background: linear-gradient(90deg, #8883f3, #ca51df);border-radius: 100px}
.toolkit-button:hover {color: #e6e6e6;text-decoration: none;}
.toolkit-button-link {font-size: 19px;color: #5786ff;line-height: 1;text-decoration: underline;text-underline-position: under;}
@media (max-width: 1200px) {
    .toolkit-items-img>img {max-width: 100%;height: auto;}
    .toolkit {padding-bottom: 50px;}
    .toolkit-content {width: 96%;}
    .toolkit h2::before {display: none;}
    .toolkit-p {padding-left: 0;padding-right: 0;}
    .toolkit-items-intros {width: 100%;padding: 30px 0;}
    .toolkit-items-intro {gap: 20px;}
    .toolkit-items-intro>li {white-space: wrap;}
    .toolkit-items-info {padding-right: 0;}
    .toolkit-buttons {position: static;}
}
@media (max-width: 767px) {
    .toolkit h2 {font-size: 25px;}
}

.gallery {padding: 168px 0 156px;background: url(../../images/use-cases/gallery-bg1.jpg) no-repeat center top/100% auto, url(../../images/use-cases/gallery-bg2.jpg) no-repeat center bottom/100% auto;background-color: #fff;overflow: hidden;}
.gallery-content {width: 1200px;margin: 0 auto;position: relative;}
.gallery h2 {font-size: 37px;color: #2301c9;line-height: 1.1;font-weight: 600;text-align: center;}
.gallery h2::before {content: "";display: inline-block;vertical-align: middle;width: 53px;height: 53px;border-radius: 50%;background-color: #d7d0fe;margin-right: -25px;}
.gallery-p {font-size: 17px;color: #55469c;line-height: 1.5;padding: 14px 45px 0;text-align: center;}
.gallery-p>a {text-decoration: underline;color: #55469c;}
.gallery-wrap {display: flex;}
.gallery-imgs {display: flex;overflow: hidden;flex-shrink: 0;padding-top: 38px;}
.gallery-img {flex-shrink: 0;width: 410px;margin: 0 22px 26px 0;box-sizing: border-box;padding: 12px 9px 34px;background-color: #fff;border-radius: 18px;box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);transition: transform 0.2s;}
.gallery-img:hover {text-decoration: none;transform: translateY(-10px);}
.gallery-img-wrap {max-height: 210px;}
.gallery-intro {padding: 45px 10px 0;}
.gallery-h3 {font-size: 25px;color: #000;line-height: 1;font-weight: 500;padding-bottom: 16px;}
.gallery-img-p {font-size: 19px;color: #707070;line-height: 1.4;}
.gallery-toggles {display: flex;align-items: center;width: 120px;border-radius: 14px;box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);overflow: hidden;}
.gallery-toggle {width: 60px;height: 60px;color: #000;display: flex;justify-content: center;align-items: center;background-color: #fff;outline: none;border: none;cursor: pointer;transition: all 0.2s;}
.gallery-toggle:hover {box-shadow: inset 0 0 5px 0 rgba(0,0,0,0.08);}
.gallery-toggle.right-toggle {border-radius: 0 14px 14px 0;}
.gallery-toggle::before {content: "";width: 8px;height: 8px;border-left: 2px solid;border-bottom: 2px solid;transform: rotate(45deg);}
.gallery-toggle.right-toggle::before {transform: rotate(225deg);}
@media (max-width: 1200px) {
    .gallery img:not([src$='svg']) {max-width: 100%;height: auto;}
    .gallery {padding-bottom: 50px;}
    .gallery-content {width: 96%;}
    .gallery h2::before {display: none;}
    .gallery-p {padding-left: 0;padding-right: 0;}
}
@media (max-width: 767px) {
    .gallery h2 {font-size: 25px;}
    .gallery-img {width: 350px;}
    .gallery-intro {padding-top: 10px;}
    .gallery-h3 {font-size: 23px;}
    .gallery-img-p {font-size: 17px;}
}

.vlogger {padding: 50px 0 0;background: linear-gradient(#0a0121, #100244);overflow: hidden;}
.vlogger-content {width: 1200px;margin: 0 auto;position: relative;}
.vlogger .title-tag {text-align: center;}
.vlogger .title-tag>span {display: inline-block;min-width: 180px;line-height: 34px;text-align: center;font-size: 18px;color: #fff;box-sizing: border-box;padding: 0 10px;border-radius: 100px;margin: 0 auto 20px;background: linear-gradient(90deg, #9244ff, #27cae4);}
.vlogger h2 {font-size: 30px;color: #fff;line-height: 1.1;font-weight: 600;text-align: center;}
.vlogger-p {font-size: 17px;color: #babdcb;line-height: 1.5;padding: 14px 45px 48px;text-align: center;}
.vlogger-p>a {text-decoration: underline;color: #babdcb;}
.vlogger-items-content {display: flex;}
.vlogger-items-content>li {flex-shrink: 0;position: relative;margin-right: 42px;}
.vlogger-items-img {position: relative;border-radius: 18px;overflow: hidden;}
.vlogger-items-img>img {width: 100%;}
.vlogger-item-img{position:absolute;height:100%;width:calc(var(--wid,.5) * 100%);display: flex;overflow: hidden;}
.vlogger-item-img.vlogger-item-img img {max-width: initial;height: 100%;}
.vlogger-item-line{width: 35px;height: 35px;border: 1px solid #fff;border-radius: 50%;position:absolute;top:50%;left:calc(var(--wid,.5) * 100%);margin: -18px 0 0 -18px;pointer-events:none;display: flex;align-items: center;justify-content: center;}
.vlogger-item-line::before,.vlogger-item-line::after{content:'';width:1px;height: 50vh;background-color:#fff;position: absolute;bottom: 100%;left: 50%;}
.vlogger-item-line::after {bottom: auto;top: 100%;}
.vlogger-item-line>i {width: 21px;height: 10px;display: flex;justify-content: space-between;align-items: center;}
.vlogger-item-line>i::before,.vlogger-item-line>i::after {content: "";border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-right: 7px solid #fff;}
.vlogger-item-line>i::after {border-right: none;border-left: 7px solid #fff;}
.vlogger [type=range]{position:absolute;width:100%;height:100%;background-color:initial;-webkit-appearance:none;appearance:none;cursor:ew-resize;}
.vlogger ::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:0;}
.vlogger ::-moz-range-track{height:100%;}
.vlogger ::-moz-range-thumb{width:0;opacity:0;}
.vlogger-items-intros {width: 308px;box-sizing: border-box;padding: 20px;border-radius: 12px;background-color: rgba(0,0,0,0.2);position: absolute;left: 40px;bottom: 40px;}
.vlogger-items-intro {padding: 0 10px;background-color: #242424;border-radius: 5px;}
.vlogger-items-intro>li {height: 40px;display: flex;align-items: center;font-size: 13px;color: #fff;padding: 0 24px 0 0;position: relative;}
.vlogger-items-intro>li+li {border-top: 1px solid #393939;}
.vlogger-items-intro>li>span {width: 32px;text-align: center;}
.vlogger-items-intro>li::before {content: "";width: 19px;height: 19px;border-radius: 4px;background-color: #ffba00;position: absolute;top: 50%;right: 2px;margin-top: -10px;}
.vlogger-items-intro>li::after {content: "";width: 5px;height: 10px;border-right: 2px solid #000;border-bottom: 2px solid #000;transform: rotate(45deg);position: absolute;top: 50%;right: 8px;margin-top: -8px;}
@media (max-width: 1200px) {
    .vlogger-items-img>img {max-width: 100%;height: auto;}
    .vlogger {padding-bottom: 50px;}
    .vlogger-content {width: 96%;}
    .vlogger h2::before {display: none;}
    .vlogger-p {padding-left: 0;padding-right: 0;}
    .vlogger-items-content>li {width: 450px;}
    .vlogger-items-intros {position: static;margin: 0 auto;}
}
@media (max-width: 767px) {
    .vlogger h2 {font-size: 25px;}
    .vlogger-items-content>li {width: 330px;}
}

.game {padding: 122px 0 62px;background-color: #100244;}
.game-content {width: 1200px;margin: 0 auto;display: flex;justify-content: center;align-items: flex-start;flex-wrap: wrap;gap: 50px;position: relative;}
.game-left {width: 375px;padding-top: 46px;position: sticky;top: 0;}
.game-left .title-tag {text-align: left;}
.game-left .title-tag>span {display: inline-block;min-width: 180px;line-height: 34px;text-align: center;font-size: 18px;color: #fff;box-sizing: border-box;padding: 0 10px;border-radius: 100px;margin: 0 auto 15px;background: linear-gradient(90deg, #9244ff, #27cae4);}
.game-left h2 {font-size: 37px;color: #fff;line-height: 1.4;font-weight: 600;}
.game-left .game-p {font-size: 17px;color: #babdcb;line-height: 1.5;padding: 16px 0 40px;}
.game-left .game-p>a {text-decoration: underline;color: #babdcb;}
.game-left .game-buttons {display: flex;flex-wrap: wrap;gap: 25px;}
.game-left .game-button {display: flex;}
.game-left .game-button>a {line-height: 54px;min-width: 235px;box-sizing: border-box;padding: 0 10px;font-size: 23px;color: #fff;text-align: center;border-radius: 4px;background-color: #92cf3f;}
.game-left .game-button.second>a {background-color: transparent;box-shadow: inset 0 0 0 1px #ac6526;}
.game-left .game-button>a:hover {text-decoration: none;}
.game-right {width: 775px;}
.game-item {margin-bottom: 40px;background-color: #19084f;border-radius: 14px;overflow: hidden;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}
.game-item-img {display: flex;}
.game-item-info {padding: 34px;box-sizing: border-box;width: 412px;}
.game-item-info h3 {font-size: 21px;color: #fff;line-height: 1.1;}
.game-item-info p {font-size: 17px;color: #c9c9c9;line-height: 1.6;padding-top: 18px;}
@media (max-width: 1200px) {
    .game img:not([src$='svg']) {max-width: 100%;height: auto;}
    .game {padding: 60px 0;}
    .game-content {width: 96%;}
    .game-left {position: static;padding-top: 0;width: 100%;text-align: center;}
    .game-left .title-tag {text-align: center;}
    .game-left .game-buttons {justify-content: center;}
}
@media (max-width: 800px) {
    .game h2 {font-size: 25px;}
    .game-right {width: 100%;}
    .game-items {display: flex;justify-content: center;flex-wrap: wrap;gap: 20px;}
    .game-item {width: 330px;margin-bottom: 0;align-items: normal;}
    .game-item-img {width: 100%;border-radius: 14px;overflow: hidden;}
}

.large-bg1 {background: #1a0155 url(../../images/use-cases/large-bg1.jpg) no-repeat center bottom/cover;}

.sport {padding: 102px 0 0;overflow: hidden;}
.sport-content {width: 1194px;margin: 0 auto;}
.sport .title-tag {text-align: center;}
.sport .title-tag>span {display: inline-block;min-width: 180px;line-height: 34px;text-align: center;font-size: 18px;color: #fff;box-sizing: border-box;padding: 0 10px;border-radius: 100px;margin: 0 auto 15px;background: linear-gradient(90deg, #9244ff, #27cae4);}
.sport h2 {font-size: 37px;color: #fff;line-height: 1.1;font-weight: 600;text-align: center;}
.sport h2::before {content: "";display: inline-block;vertical-align: middle;width: 53px;height: 53px;border-radius: 50%;background-color: #2d1a82;margin-right: -25px;}
.sport-p {font-size: 17px;color: #babdcb;line-height: 1.5;padding: 14px 45px 50px;text-align: center;}
.sport-p>a {text-decoration: underline;color: #babdcb;}
.sport-wrap {position: relative;}
.sport-items-wrap {display: flex;overflow: hidden;border-radius: 20px;overflow: hidden;}
.sport-items-content {display: flex;flex-shrink: 0;transition: all 0.4s;background-color: #0b0047;}
.sport-items-content>li {flex-shrink: 0;position: relative;overflow: hidden;border-radius: 20px;}
.sport-items-img {position: relative;}
.sport-items-img::before {content: "";width: 100%;height: 50%;background: linear-gradient(transparent, rgba(0,0,0,0.2));position: absolute;left: 0;bottom: 0;z-index: 1;}
.sport-items-img>img {width: 100%;}
.sport-item-img{position:absolute;height:100%;width:calc(var(--wid,.5) * 100%);display: flex;overflow: hidden;}
.sport-item-img.sport-item-img img {max-width: initial;height: 100%;}
.sport-item-line{width: 35px;height: 35px;border: 1px solid #fff;border-radius: 50%;position:absolute;top:50%;left:calc(var(--wid,.5) * 100%);margin: -18px 0 0 -18px;pointer-events:none;display: flex;align-items: center;justify-content: center;}
.sport-item-line::before,.sport-item-line::after{content:'';width:1px;height: 50vh;background-color:#fff;position: absolute;bottom: 100%;left: 50%;}
.sport-item-line::after {bottom: auto;top: 100%;}
.sport-item-line>i {width: 21px;height: 10px;display: flex;justify-content: space-between;align-items: center;}
.sport-item-line>i::before,.sport-item-line>i::after {content: "";border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-right: 7px solid #fff;}
.sport-item-line>i::after {border-right: none;border-left: 7px solid #fff;}
.sport [type=range]{position:absolute;width:100%;height:100%;z-index: 2;background-color:initial;-webkit-appearance:none;appearance:none;cursor:ew-resize;}
.sport ::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:0;}
.sport ::-moz-range-track{height:100%;}
.sport ::-moz-range-thumb{width:0;opacity:0;}
.sport-items-intro {width: 350px;position: absolute;left: 25px;bottom: 25px;color: #fff;z-index: 3;}
.sport-items-h3 {font-size: 25px;line-height: 1;font-weight: 600;}
.sport-items-p {font-size: 15px;line-height: 1.6;padding: 10px 0 24px;}
.sport-items-link>a {font-size: 15px;line-height: 1.6;color: #39fff3;font-weight: 600;}
.sport-toggles {position: absolute;bottom: 26px;right: 22px;display: flex;gap: 8px;z-index: 4;}
.sport-toggles>li {cursor: pointer;}
.sport-toggles .img-wrap {display: flex;border-radius: 8px;overflow: hidden;position: relative;}
.sport-toggles .img-wrap::after {content: "";width: 100%;height: 100%;background-color: rgba(0,0,0,0.3);position: absolute;top: 0;left: 0;transition: all 0.2s;}
.sport-toggles>li.active .img-wrap::after,.sport-toggles>li:hover .img-wrap::after {opacity: 0;}
.sport-toggle-p {font-size: 15px;color: #c7c7c7;line-height: 1.1;font-weight: 600;text-align: center;padding-top: 14px;transition: all 0.2s;}
.sport-toggles>li.active .sport-toggle-p,.sport-toggles>li:hover .sport-toggle-p {color: #fff;}
@media (max-width: 1200px) {
    .sport-items-img>img {max-width: 100%;height: auto;}
    .sport-content {width: 96%;}
    .sport h2::before {display: none;}
    .sport-p {padding-left: 0;padding-right: 0;}
    .sport-items-intro {width: 100%;box-sizing: border-box;padding: 0 20px;left: 0;bottom: 10px;}
    .sport-items-p {padding: 5px 0;line-height: 1.1;}
    .sport-items-link>a {line-height: 1.1;}
    .sport-toggles {position: static;padding-top: 20px;justify-content: center;flex-wrap: wrap;}
    .sport-toggle-p {padding-top: 6px;}
}
@media (max-width: 767px) {
    .sport h2 {font-size: 25px;}
    .sport-items-h3 {font-size: 17px;}
    .sport-items-intro {padding: 0 10px;}
    .sport-items-p,.sport-items-link>a,.sport-toggle-p {font-size: 13px;}
}

.pro {padding: 116px 0 0;overflow: hidden;}
.pro-content {width: 1200px;margin: 0 auto;}
.pro .title-tag {text-align: center;}
.pro .title-tag>span {display: inline-block;min-width: 180px;line-height: 34px;text-align: center;font-size: 18px;color: #fff;box-sizing: border-box;padding: 0 10px;border-radius: 100px;margin: 0 auto 15px;background: linear-gradient(90deg, #9244ff, #27cae4);}
.pro h2 {font-size: 37px;color: #fff;line-height: 1.1;font-weight: 600;text-align: center;}
.pro h2::before {content: "";display: inline-block;vertical-align: middle;width: 53px;height: 53px;border-radius: 50%;background-color: #28187e;margin-right: -25px;}
.pro-p {font-size: 17px;color: #babdcb;line-height: 1.5;padding: 14px 45px 50px;text-align: center;}
.pro-p>a {text-decoration: underline;color: #babdcb;}
.pro-items {display: flex;justify-content: center;gap: 23px;}
.pro-items>li {width: 315px;border-radius: 10px;overflow: hidden;position: relative;background-color: #000;display: flex;justify-content: center;transition: 0.8s cubic-bezier(0.05, 0.61, 0.41, 0.95);}
.pro-items>li.active {width: 523px;}
.pro-items>li::before {opacity: 0;transition: all 0.5s;content: "";width: 100%;height: 40%;background: linear-gradient(transparent, rgba(0,0,0,0.3));position: absolute;left: 0;bottom: 0;}
.pro-items>li.active::before {opacity: 1;}
.pro-items-intro {color: #fff;width: 100%;box-sizing: border-box;padding: 0 20px 12px;text-align: center;position: absolute;left: 0;bottom: 0;}
.pro-items-h3 {font-size: 18px;line-height: 1;padding-bottom: 8px;}
.pro-items-h3.hide {display: none;}
.pro-items>li.active .pro-items-h3.hide {display: block;}
.pro-items>li.active .pro-items-h3.show {display: none;}
.pro-items-p {display: none;font-size: 15px;line-height: 1.4;padding-bottom: 6px;}
.pro-items>li.active .pro-items-p {display: block;}
.pro-items-tags {font-size: 18px;color: #39fff3;line-height: 1;}
@media (max-width: 1200px) {
    .pro img:not([src$='svg']) {max-width: 100%;height: auto;}
    .pro-content {width: 96%;}
    .pro h2::before {display: none;}
    .pro-p {padding-left: 0;padding-right: 0;}
    .pro-items {flex-wrap: wrap;}
    .pro-items>li {width: 523px;transition: none;}
    .pro-items>li::before {opacity: 1;}
    .pro-items-h3.hide {display: block;}
    .pro-items>li.active .pro-items-h3.show,.pro-items-h3.show {display: none;}
    .pro-items-p {display: block;}
}
@media (max-width: 767px) {
    .pro h2 {font-size: 25px;}
}

.toggle {padding: 133px 0;}
.toggle-content {width: 1200px;margin: 0 auto;position: relative;display: flex;justify-content: flex-end;}
.toggle-wrap {width: 860px;}
.toggle .title-tag {text-align: left;}
.toggle .title-tag>span {display: inline-block;min-width: 180px;line-height: 34px;text-align: center;font-size: 18px;color: #fff;box-sizing: border-box;padding: 0 10px;border-radius: 100px;margin: 0 auto 15px;background: linear-gradient(90deg, #9244ff, #27cae4);}
.toggle h2 {font-size: 37px;color: #fff;line-height: 1;}
.toggle h3 {font-size: 28px;color: #fff;line-height: 1;padding: 14px 0;}
.toggle-p {font-size: 19px;color: #b2b2b2;line-height: 1.3;padding: 0 0 30px;}
.toggle-p>a {text-decoration: underline;color: #b2b2b2;}
.toggle-imgs>li {display: none;}
.toggle-imgs>li.active {display: flex;justify-content: flex-end;}
.toggle-items {position: absolute;top: -10px;left: -10px;}
.toggle-items>li {width: 296px;box-sizing: border-box;padding: 8px 9px;color: #fff;border-radius: 18px;box-shadow: inset 0 0 0 1px #353535;background-color: rgba(0,0,0,0.7);display: flex;align-items: center;gap: 18px;margin-bottom: 18px;cursor: pointer;}
.toggle-items>li.active {display: block;padding: 26px 26px 30px;box-shadow: inset 0 0 0 1px #acacac;}
.toggle-items>li .hide {display: none;}
.toggle-items>li.active .show {display: none;}
.toggle-items>li.active .hide {display: block;}
.toggle-arrow {width:50px; height:50px; border-radius:50%; background:url(../../images/use-cases/right-arrow.svg) no-repeat center, #b3cefc; margin-bottom:16px;}
.toggle-items-img {width: 50px;height: 31px;border-radius: 100px;overflow: hidden;display: flex;justify-content: center;align-items: center;}
.toggle-items>li.active .toggle-items-img {width: auto;height: auto;border-radius: 12px;margin-bottom: 20px;}
.toggle-items-img>img {max-width: 100%;}
.toggle-items h4 .show {font-size: 19px;line-height: 1;}
.toggle-items h4 .hide {font-size: 28px;line-height: 1.1;}
.toggle-items-p {font-size: 19px;color: #b2b2b2;line-height: 1.3;padding-top: 15px;}
@media (max-width: 1200px) {
    .toggle img:not([src$='svg']) {max-width: 100%;height: auto;}
    .toggle-content {width: 96%;display: block;text-align: center;}
    .toggle-wrap {width: 100%;}
    .toggle .title-tag {text-align: center;}
    .toggle-imgs {display: none;}
    .toggle-items {position: static;display: flex;justify-content: center;flex-wrap: wrap;gap: 20px;}
    .toggle-items>li {margin-bottom: 0;display: block;padding: 26px 26px 30px;box-shadow: inset 0 0 0 1px #acacac;}
    .toggle-items>li.active .show,.toggle-items>li .show {display: none;}
    .toggle-items>li.active .hide,.toggle-items>li .hide {display: block;}
    .toggle-items>li .toggle-arrow.toggle-arrow {display: none;}
    .toggle-items-img {width: auto;height: auto;border-radius: 12px;overflow: hidden;display: flex;justify-content: center;align-items: center;margin-bottom: 20px;}
}
@media (max-width: 767px) {
    .toggle h2 {font-size: 25px;}
    .toggle h3 {font-size: 21px;}
    .toggle-p,.toggle-items-p {font-size: 17px;}
    .toggle-items h4 .hide {font-size: 19px;line-height: 1.1;}
}

.feature {padding: 90px 0 0;background: linear-gradient(#dcdbff, #fbfbfb);}
.feature-content {width: 1380px;margin: 0 auto;}
.feature h2 {font-size: 35px;color: #000;line-height: 1.1;font-weight: 600;text-align: center;}
.feature-p {font-size: 17px;color: #333;line-height: 1.5;padding: 14px 0 38px;text-align: center;}
.feature-p>a {text-decoration: underline;color: #333;}
.feature-nums{display:flex;justify-content:space-evenly;flex-wrap:wrap;padding-bottom: 55px;}
.feature-nums>li{display:flex;flex-direction:column;align-items:center;text-align:center;margin:0 1%;}
.feature-nums>li>span:first-child{color:transparent;background:linear-gradient(90deg,#fe08eb,#8a12ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.feature-nums>li>span:first-child>b{font-size:33px;line-height:1;font-weight:600;}
.feature-nums>li>span:first-child>i{font-style:normal;font-size:17px;}
.feature-nums>li>span:last-child{width:100%;font-size:17px;color:#6b6b6b;line-height:1.1;padding-top:12px;}
.feature-video {max-width: 1200px;margin: 0 auto;overflow: hidden;border-radius: 16px;background-color: #000;position: relative;}
.feature-video::before {content: "";display: block;padding-bottom: 56.25%;}
.feature-video>iframe {width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
@media (max-width: 1380px) {
    .feature img:not([src$='svg']) {max-width: 100%;height: auto;}
    .feature-content {width: 96%;}
    .feature-nums { gap:30px;}
    .feature-nums>li>span:first-child>b{font-size:27px;}
}
@media (max-width: 767px) {
    .feature h2 {font-size: 25px;}
}

.card {padding: 68px 0 0;background-color: #fbfbfb;}
.card-content {width: 1350px;margin: 0 auto;}
.card h2 {font-size: 35px;color: #000;line-height: 1;text-align: center;padding-bottom: 40px;font-weight: 600;}
.card-items {display: flex;justify-content: center;flex-wrap: wrap;gap: 21px;}
.card-items>a {transition: all 0.2s;width: 314px;}
.card-items>a:hover {text-decoration: none;transform: translateY(-10px);}
.card-items>a>.img-wrap {display: flex;border-radius: 5px;overflow: hidden;margin-bottom: 16px;}
.card-items-p {font-size: 19px;color: #000;line-height: 1.3;text-align: left;}
.card-buttons {display: flex;justify-content: center;padding-top: 60px;}
.card-buttons>a {min-width:330px;height: 72px;box-sizing: border-box;padding: 0 15px; display:flex;justify-content: center;align-items: center;gap: 18px; background-color:#92cf3f; border-radius:5px; font-size:25px; color:#fff;line-height: 1.1;}
.card-buttons>a:hover {text-decoration: none;}
.card-buttons>a::after {content:''; width:40px; height:33px;background-image:url(../../images/restore-old-photo/win-icon.svg);}
.card-buttons>a.mac-plat::after {background-image: url(../../images/restore-old-photo/mac-icon.svg);}
.card-buttons>a.mobile-plat::after {display: none;}
@media (max-width:1350px){
    .card-content {width: 96%;}
}
@media (max-width:767px){
    .card h2 {font-size: 25px;}
}

.faq {padding: 82px 0;background-color: #fbfbfb;}
.faq-content {width: 1200px;margin: 0 auto;box-sizing: border-box;background-color:#ffffff;border-radius:20px;padding:30px 50px;box-shadow:rgba(99,99,99,0.2) 0px 2px 8px 0px;}
.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;}
.faq .qes_one .t i{position:absolute;right:0;top:-5px;display:inline-block;width:31px;height:31px;border-radius:50%;color:#414141;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;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:1200px){
    .faq-content {width: 96%;}
}
@media (max-width:767px){
    .faq h2 {font-size: 25px;}
    .faq .qes_one .t{font-size:.9375rem;padding-right:40px;line-height:1.4;}
}
@media (max-width:576px){
    .faq-content {padding:30px 10px;}
}

.Tops { width: 70px; height: 70px; position: fixed; bottom: 10%; right: 5%; cursor: pointer;z-index: 9; }