@charset "utf-8";
html, body {scroll-behavior: smooth;}
h1, h2, h3, h4, h5, h6, p, ol, ul, dl, dd, input{margin:0;}
ol, ul{padding:0; list-style:none;}
a{color:inherit; text-decoration:none;}
img{vertical-align:middle; max-width:100%;}

.banner {padding: 50px 0 42px;background: linear-gradient(#f0f3fa 50%, #fcfcfe);}
.banner-wrap {width: 1280px;margin: 0 auto;}
h1 {font-weight: 600;line-height: 1;text-align: center;}
.banner-p {font-size: calc(.77rem + .3vw);color: #4e4f4f;line-height: 1.3;padding: 12px 0 45px;text-align: center;}
.banner-navs {display: flex;justify-content: center;flex-wrap: wrap;gap: 13px;}
.banner-nav {min-width: 212px;box-sizing: border-box;padding: 10px 22px;background-color: #e8eaf3;border-radius: 14px;display: flex;justify-content: center;align-items: center;gap: 16px;font-size: 17px;color: #000;line-height: 1.5;position: relative;}
.banner-nav.active {color: #fff;background-color: #000;}
.banner-nav.active::after {content: "";border-left: 14px solid transparent;border-right: 14px solid transparent;border-top: 14px solid #000;position: absolute;top: 100%;left: 50%;margin-left: -14px;}
.banner-nav::before {content: "";height: 45px;flex-shrink: 0;background-image: url(../images/tools/script-timer/banner-nav-icons1.png);background-position-y: center;}
.banner-nav.active::before {background-image: url(../images/tools/script-timer/banner-nav-icons2.png);}
.banner-nav.nav1::before {width: 37px;background-position-x: left;}
.banner-nav.nav2::before {width: 41px;background-position-x: -221px;}
.banner-nav.nav3::before {width: 50px;background-position-x: -443px;}
.banner-nav.nav4::before {width: 48px;background-position-x: -663px;}
.banner-nav.nav5::before {width: 48px;background-position-x: -913px;}
.banner-h2-top,.banner-other-h2 {color: #000;line-height: 1;text-align: center;font-weight: 600;}
.banner-h2-top {padding: 68px 0 34px;}
.banner-function1 {display: flex;justify-content: center;flex-wrap: wrap;gap: 22px;}
.function1-left {width: 698px;box-sizing: border-box;padding: 23px 40px 54px;background-color: #fff;box-shadow: 0 0 15px 0 rgba(0,0,0,0.05);border-radius: 20px;}
.function1-left-h3 {font-size: calc(.95rem + .3vw);color: #000;line-height: 1;text-align: center;padding-bottom: 38px;}
.function1-left-input>li+li {padding-top: 28px;}
.function1-left-input>li>label {display: block;line-height: 1;padding-bottom: 12px;font-weight: 600;}
.function1-left-input>li>label>span {color: #4e4f4f;display: none;font-weight: 500;}
.function1-left-input>li>label>span>i {font-style: normal;}
.function1-left-input>li>input,.function1-left-input>li>textarea {width: 100%;box-sizing: border-box;padding: 0 10px;height: 39px;border: 1px solid #d2d2d2;border-radius: 5px;font-size: 17px;color: #4e4f4f;outline: none;}
.function1-left-input>li>textarea {padding: 10px;height: 130px;resize: none;line-height: 1.3;font-family: 'Helvetica Neue';}
.function1-left-p {color: #4e4f4f;line-height: 1.3;padding-top: 24px;}
.function1-right {width: 560px;box-sizing: border-box;padding: 20px 36px;border: 2px dashed #c9cddd;border-radius: 20px;display: flex;flex-direction: column;justify-content: center;}
.function1-right-h3 {font-size: calc(.77rem + .3vw);color: #191919;text-align: center;line-height: 1;font-weight: 500;}
.function1-right-timer {font-size: 65px;color: #7ea2ff;line-height: 1;font-weight: 600;text-align: center;padding: 26px 0 40px;}
.function1-right-bar-title {color: #4e4f4f;line-height: 1.1;font-weight: 600;}
.banner input[type="range"] {-webkit-appearance: none; appearance: none;width: 100%; height: 2px; background: #bcc6da; border-radius: 5px;outline: none; opacity: 0.9; transition: opacity .2s;margin: 26px 0 15px;position: relative;z-index: 1;}
.banner input[type="range"]::-webkit-slider-thumb {-webkit-appearance: none; appearance: none;width: 20px; height: 20px; background: #4169ff;cursor: pointer; border-radius: 50%;}
.function1-right-levels {display: flex;justify-content: space-between;color: #4e4f4f;line-height: 1;}
.function1-right-levels>li {text-decoration: underline 1px dashed;text-underline-offset: 2px;position: relative;min-width: 50px;text-align: center;}
.function1-right-levels>li::before {content: "";width: 12px;height: 12px;border-radius: 50%;background-color: #bcc6da;position: absolute;top: -22px;left: 50%;transform: translateX(-50%);}
.function1-right-levels>li:first-child::before {left: -1px;transform: none;}
.function1-right-levels>li:last-child::before {left: auto;right: -1px;transform: none;}
.function1-right-popup {display: none;width: 260px;box-sizing: border-box;padding: 8px 10px;background-color: #fff;border: 1px dashed #000;font-size: 15px;line-height: 1.3;border-radius: 10px;position: absolute;bottom: 100%;left: 50%;transform: translate(-50%, -8px);z-index: 2;}
.function1-right-levels>li:hover .function1-right-popup {display: block;}
.function1-right-popup::after {content: "";width: 10px;height: 10px;border-right: 1px dashed #000;border-bottom: 1px dashed #000;transform: rotate(45deg);background-color: #fff;position: absolute;left: 50%;bottom: -6px;margin-left: -9px;}
.custom-wpm-group { display: flex; align-items: center; gap: 10px; color: #4e4f4f;font-weight: 600;line-height: 1;padding: 40px 0 20px;}
.custom-wpm-group label { margin: 0;}
.custom-wpm-group input[type="number"] { margin: 0; width: 88px; text-align: center;padding: 12px;border-radius: 8px;border: 1px solid #ccc;font-size: 23px;font-family: 'Inter', sans-serif;box-sizing: border-box;transition: border-color 0.2s, box-shadow 0.2s;}
.function1-right-link>a {color: #537bff;text-decoration: underline 1px;text-underline-position: under;}
.banner-function2-toggle {display: flex;justify-content: center;gap: 240px;border-bottom: 1px solid #dadce6;margin: 76px 0 31px;}
.banner-function2-toggle>li {color: #5c5b5b;font-size: calc(.95rem + .3vw);font-weight: 600;line-height: 1.1;padding: 6px 15px;position: relative;text-align: center;cursor: pointer;}
.banner-function2-toggle>li::after {content: "";display: none;width: 100%;height: 2px;background-color: #000;position: absolute;left: 0;bottom: -1px;}
.banner-function2-toggle>li.active {color: #000;}
.banner-function2-toggle>li.active::after {display: block;}
.banner-function2-content {background-color: #fff;border-radius: 20px;margin-bottom: 104px;}
.banner-function2 {display: none;}
.banner-function2.active {display: block;}
.banner-function2-h2 {font-size: calc(1.14rem + .3vw);color: #000;line-height: 1;font-weight: 600;text-align: center;padding: 28px 0 44px;}
.banner-function2.two .banner-function2-h2 {padding-bottom: 32px;}
.banner-function2-one,.banner-function2-two {display: flex;justify-content: center;align-items: center;flex-wrap: wrap;gap: 40px;padding: 0 40px 50px;}
.banner-function2-one-left {width: 610px;}
.banner-function2-one-left-p {color: #212121;line-height: 1.5;padding-bottom: 16px;}
.banner-function2-one-left-eg {height: 144px;box-sizing: border-box;padding: 10px 18px;border: 1px solid #d2d2d2;color: #4e4f4f;line-height: 1.7;overflow: auto;border-radius: 5px;}
.banner-function2-one-right {width: 540px;text-align: center;}
.banner-function2-timer {width: 250px;line-height: 60px;text-align: center;color: #323232;font-weight: 600;border-radius: 100vw;margin: 0 auto 27px;background-color: #f0f2f9;}
.banner-function2-btns {display: flex;justify-content: center;flex-wrap: wrap;gap: 14px;}
.banner-function2-btns>button {width: 160px;line-height: 40px;border-radius: 5px;text-align: center;font-size: calc(.95rem + .3vw);color: #fff;background-color: #a1a6ae;border: none;outline: none;cursor: pointer;}
.banner-function2-btns>button:first-child {background-color: #0060fa;}
.banner-function2-btns>button:first-child.active {background-color: #c62828;}
.banner-function2-btns>button:first-child>span:first-child {display: inline;}
.banner-function2-btns>button:first-child>span:last-child {display: none;}
.banner-function2-btns>button:first-child.active>span:first-child {display: none;}
.banner-function2-btns>button:first-child.active>span:last-child {display: inline;}
.test-wpm-group { display: flex; justify-content: center;align-items: center; gap: 10px; color: #4e4f4f;font-weight: 600;line-height: 1;padding: 28px 0 15px;}
.test-wpm-group label { margin: 0;}
.test-wpm-group input[type="number"] { margin: 0; width: 72px; text-align: center;padding: 8px;border-radius: 8px;border: 1px solid #ccc;font-size: 21px;font-family: 'Inter', sans-serif;box-sizing: border-box;transition: border-color 0.2s, box-shadow 0.2s;}
.banner-function2-one-right-p {color: #4e4f4f;line-height: 1.1;}
.banner-function2-two {gap: 52px;padding: 0 40px 30px;}
.banner-function2-two-left {display: flex;}
.banner-function2-two-right {width: 610px;}
.banner-function2-two-right>label {display: block;color: #212121;line-height: 1;font-weight: 600;}
.banner-function2-two-right>select {width: 100%;height: 52px;border: 1px solid #d2d2d2;border-radius: 4px;padding: 0 20px;color: #252525;margin: 16px 0 10px;font-weight: 600;font-family: 'Helvetica Neue';}
.select-results-wrap {padding: 20px;border-radius: 10px;background-color: #f2f5fb;}
.select-results {display: none;}
.select-results.active {display: block;}
.select-results>li {display: flex;justify-content: space-between;gap: 10px;line-height: 1.1;}
.select-results>li+li {padding-top: 18px;}
.select-results>li>span:first-child {color: #717376;}
.select-results>li>span:last-child {color: #2f2f2f;font-weight: 600;}
.select-results>li em,.select-results>li i {font-style: normal;}
.result-status>em {display: none;}
.result-status>em.active {display: block;}
.result-status>em.ok {padding-left: 28px;color: #2ab72d;position: relative;}
.result-status>em.ok::before {content: "";width: 6px;height: 12px;border-right: 2px solid currentColor;border-bottom: 2px solid currentColor;transform: rotate(45deg);position: absolute;left: 5px;top: 0;}
.result-status>em.up>b.up-words {color: #1565C0;}
.result-status>em.down>b.down-words {color: #C62828;}
.static-wpm-group { display: flex;align-items: center; gap: 10px; color: #000;font-weight: 600;line-height: 1;padding-top: 20px;}
.static-wpm-group .static-wpm {min-width: 48px;box-sizing: border-box;padding: 0 5px;line-height: 33px;border: 1px solid #d2d2d2;border-radius: 4px;text-align: center;}
@media (max-width: 1280px) {
    .banner-wrap {width: 96%;}
	.banner-nav.active::after {display: none;}
	.banner-function2-toggle {gap: 50px;}
	.function1-right-levels>li::before {display: none;}
}
@media (max-width: 479px) {
	.function1-left,.function1-right,.banner-function2-one, .banner-function2-two {padding-left: 20px;padding-right: 20px;}
	.function1-right-levels {font-size: 13px;}
	.function1-right-popup {font-size: 12px;}
	.banner-function2-two-right,.static-wpm-group,.test-wpm-group,.custom-wpm-group {font-size: 15px;}
	.select-results {font-size: 13px;}
}

.video {padding: 66px 0 48px;background-color: #000;}
.video-wrap {width: 1260px;margin: 0 auto;}
.video-h2 {font-weight: 600;text-align: center;line-height: 1;}
.video-content {max-width: 1340px;margin: 10px auto 0;position: relative;}
.inner-video {position: relative;}
.inner-video::before {content: "";display: block;padding-bottom: 45.83%;}
.inner-video>video {width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.inner-video::after {content: "";width: 100%;height: 100%;box-shadow: inset 0 0 10px 0 #000, 0 0 0 5px #000;background: linear-gradient(to right, #000, transparent 15%, transparent 85%, #000), linear-gradient(#000, transparent 15%, transparent 85%, #000);position: absolute;top: 0;left: 0;}
.video-card {width: 415px;box-sizing: border-box;padding: 46px 45px 34px;text-align: left;border-radius: 20px;background-color: rgba(0,0,0,0.5);position: absolute;right: 0;top:0;z-index: 1;}
.video-card-h2 {color: #ffb725;line-height: 1.3;font-weight: 600;}
.video-card-info>li {color: #c6c0bb;line-height: 1.2;padding: 14px 0 20px;display: none;}
.video-card-info>li.active {display: block;}
.video-card-info>li>a {text-decoration: underline 1px dashed;text-underline-position: under;}
.video-card-items {display: flex;flex-wrap: wrap;gap: 18px;}
.video-card-item {display: flex;align-items: center;gap: 8px;height: 39px;padding: 0 20px;border: 1px solid rgba(255,255,255,0.3);border-radius: 100vw;background-color: rgba(255,255,255,0.09);cursor: pointer;}
.video-card-item.active {color: #ffb725;border: 1px solid rgba(255,183,37,0.66);background-color: rgba(255,183,37,0.12);}
.video-card-item::before {content: "";background: url(../images/ai-video-enhancer/ai-upscale-video/banner-card-icons11.png);}
.video-card-item.active::before {background-image: url(../images/ai-video-enhancer/ai-upscale-video/banner-card-icons12.png);}
.video-card-item.item1::before {width: 19px;height: 19px;background-position: -3px -1px;}
.video-card-item.item2::before {width: 21px;height: 19px;background-position: 184px -2px;}
.video-card-item.item3::before {width: 19px;height: 14px;background-position: 0px -60px;}
.video-card-item.item4::before {width: 17px;height: 17px;background-position: 180px -58px;}
.video-card-item.item5::before {width: 17px;height: 17px;background-position: -3px -114px;}
.video-card-item.item6::before {width: 19px;height: 18px;background-position: 182px -115px;}
.video-card-item.item7::before {width: 19px;height: 17px;background-position: -1px -171px;}
.video-features{display:flex;justify-content:center;position:relative;z-index: 1;border-bottom: 1px solid #343536;margin-bottom: 43px;}
.video-features>li{width:310px;height:120px;box-sizing: border-box;padding-bottom: 24px;color: #6b6b6b;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:10px;position:relative;}
.video-features>li::before,.video-features>li:last-child:after{content:"";width:1px;height:100%;background:linear-gradient(transparent,#333);position:absolute;top:0;left:0;}
.video-features>li:last-child:after{left:auto;right:0;}
.video-features>li>b{font-size: calc(1.35rem + .3vw);line-height: 1;color:transparent;background:linear-gradient(90deg,#00ffbf,#8ce893);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.video-features>li>span {display: block;line-height: 1;}
.the-btns {display:flex; justify-content:center; flex-flow:wrap;gap: 58px;}
.the-btn {display: flex;flex-direction: column;align-items: center;gap: 10px;}
.the-btn>p, .the-btn>p>a {color: #6b6d7d;line-height: 1;text-align: center;}
.the-btn>p>a:hover {text-decoration: underline;}
.the-btn-down, .the-btn-other{min-width:290px;height: 50px; border-radius:5px;border: 1px solid #92cf3f; color:inherit; padding: 0 10px;display: flex; align-items:center; justify-content:center;gap: 12px; box-sizing:border-box;}
.the-btn-down{background-color:#92cf3f;}
.the-btn-other{min-width: 200px;border-color: #92cf3f;color: #92cf3f;}
.the-btn-down::after{content: "";width: 14px;height: 21px;background-image: url(../images/tools/script-timer/download-icon.png);}
@media (max-width: 1260px) {
    .video-wrap {width: 96%;padding-left: 0;}
	.video-card {position: static;width: 100%;padding: 30px 20px;}
	.video-features {margin-top: 0;flex-wrap: wrap;}
    .video-features>li {width: auto;height: auto;padding: 15px 20px;}
    .video-features>li::before,.video-features>li::after {display: none;}
	.the-btns {gap: 30px;}
}

.article {padding: 90px 0 0;background-color: #fff;}
.article-wrap {width: 1280px;margin: 0 auto;}
.article-h2 {line-height: 1;text-align: center;padding-bottom: 50px;}
.article-cards {display: flex;justify-content: center;flex-wrap: wrap;gap: 36px 26px;}
.article-cards>li {width: 300px;border-radius: 20px;overflow: hidden;background-color: #f5f5fa;transition: all 0.2s;}
.article-cards>li:hover {transform: translateY(-5px);}
.compare-img {position:relative;overflow: hidden;}
.compare-before{position:absolute; height:100%; width:calc(var(--wid, .5) * 100%); object-fit:cover; object-position:0;}
.compare-after{vertical-align:middle;}
.compare-img > [type=range]{position:absolute; width:100%; height:100%; opacity:0; -webkit-appearance:none; appearance:none; cursor:ew-resize; margin:0;}
.compare-img > [type=range]::-moz-range-thumb{width:0;}
.compare-img > [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; width:1px;background-color: #fff; margin-left:-0.5px;}
.article-card-content {padding: 44px 20px 40px;display: flex;flex-direction: column;justify-content: space-between;}
.article-card-h3 {font-size: calc(.77rem + .3vw);color: #000;line-height: 1;}
.article-card-p {color: #666;line-height: 1.3;padding: 16px 0 38px;}
.article-card-btn {display: block;line-height: 50px;font-size: calc(.77rem + .3vw);color: #fff;text-align: center;border-radius: 100vw;background-color: #0060fa;transition: all 0.2s;}
.article-card-btn:hover {box-shadow: 0 0 10px 0 rgba(0,0,0,0.4);}
@media (max-width: 1280px) {
	.article-wrap {width: 96%;}
}

.faq {padding: 125px 0 70px;background-color: #fff;}
.faq-wrap {width: 1280px;margin: 0 auto;}
.faq-h2 {margin-bottom:50px; text-align:center; line-height:1;font-weight: 600;}
.qes_one{border-top:1px solid #e6e6e6;padding:18px 0 8px;text-align:left;}
.qes_one .t{font-size:21px;cursor:pointer;padding:0 30px 10px 0;position:relative;color:#000;}
.qes_one .t i{position:absolute;right:0;top:0px;display:inline-block;width:31px;height:31px;border-radius:50%;color:#000;background:#ffffff;}
.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%);}
.qes_one .qes_ans{color:#737480;display:none;font-size: 17px;color: #4c4c4c;line-height: 1.5;}
.qes_one .qes_ans p{margin-bottom: 5px;}
.qes_one .qes_ans ul {margin-bottom: 5px;}
.qes_one .qes_ans ul li{position: relative;padding-left: 15px;}
.qes_one .qes_ans ul li::before{position: absolute;content: '';display: block;width: 5px;height: 5px;background-color: #333;left: 0;top: 10px;border-radius: 50%;}
.qes_one.focus .t i{color:#ffffff;background:#000000;}
.qes_one.focus .t i:after{background:linear-gradient(currentColor,currentColor) no-repeat center / 100% 3px;}
.qes_one.focus .qes_ans{display:block;}
.qes_one a{color:#2691fc;}
@media (max-width: 1280px) {
	.faq-wrap {width: 96%;}
}