:root{--border-radius:8px}.card,.card .inner{border-radius:var(--border-radius)}.example-5{position:relative}.example-5 svg{position:absolute}.example-5 .line{stroke-dasharray:260;stroke-width:3px;fill:transparent;stroke:#66fcf1;animation:svgAnimation 2.5s linear infinite}@keyframes svgAnimation{0%{stroke-dashoffset:0}to{stroke-dashoffset:1000}}.leptop-roted-animate-one{animation:roted-one 4s linear infinite;-webkit-animation:roted-one 4s linear infinite}@keyframes roted-one{0%{transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0)}40%{transform:rotate(-1deg) translateX(-3px);-webkit-transform:rotate(-1deg) translateX(-3px);-moz-transform:rotate(-1deg) translateX(-3px);-ms-transform:rotate(-1deg) translateX(-3px);-o-transform:rotate(-1deg) translateX(-3px)}60%{transform:rotate(0deg) translateX(1px) translateY(2px);-webkit-transform:rotate(0deg) translateX(1px) translateY(2px);-moz-transform:rotate(0deg) translateX(1px) translateY(2px);-ms-transform:rotate(0deg) translateX(1px) translateY(2px);-o-transform:rotate(0deg) translateX(1px) translateY(2px)}80%{transform:rotate(-1deg) translateX(-1px) translateY(1px);-webkit-transform:rotate(-1deg) translateX(-1px) translateY(1px);-moz-transform:rotate(-1deg) translateX(-1px) translateY(1px);-ms-transform:rotate(-1deg) translateX(-1px) translateY(1px);-o-transform:rotate(-1deg) translateX(-1px) translateY(1px)}to{transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0)}}.leptop-roted-animate-two{animation:roted-two 4s linear infinite;-webkit-animation:roted-two 4s linear infinite}@keyframes roted-two{0%{transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0)}50%{transform:rotateY(-1deg) translateY(2px) translateX(2px);-webkit-transform:rotateY(-1deg) translateY(2px) translateX(2px);-moz-transform:rotateY(-1deg) translateY(2px) translateX(2px);-ms-transform:rotateY(-1deg) translateY(2px) translateX(2px);-o-transform:rotateY(-1deg) translateY(2px) translateX(2px)}to{transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0)}}.leptop-roted-animate-three{animation:roted-three 3s linear infinite;-webkit-animation:roted-three 3s linear infinite}@keyframes roted-three{0%{transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0)}50%{transform:rotate(-1deg);-webkit-transform:rotate(-1deg);-moz-transform:rotate(-1deg);-ms-transform:rotate(-1deg);-o-transform:rotate(-1deg)}to{transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0)}}.search-box{animation:search 5s linear;-webkit-animation:search 5s linear}@keyframes search{0%{transform:translateY(250px) translateX(25px);-webkit-transform:translateY(250px) translateX(25px);-moz-transform:translateY(250px) translateX(25px);-ms-transform:translateY(250px) translateX(25px);-o-transform:translateY(250px) translateX(25px)}to{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}}.serach-box-line{animation:search-line 5s linear;-webkit-animation:search-line 5s linear}@keyframes search-line{0%{transform:translateY(100px);-webkit-transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px)}to{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}}.second-serch-box{animation:second-search-box 2s linear;-webkit-animation:second-search-box 2s linear}@keyframes second-search-box{0%{transform:rotate(-1deg) translateZ(10px);-webkit-transform:rotate(-1deg) translateZ(10px);-moz-transform:rotate(-1deg) translateZ(10px);-ms-transform:rotate(-1deg) translateZ(10px);-o-transform:rotate(-1deg) translateZ(10px)}40%{transform:rotate(0deg) translateX(10px);-webkit-transform:rotate(0deg) translateX(10px);-moz-transform:rotate(0deg) translateX(10px);-ms-transform:rotate(0deg) translateX(10px);-o-transform:rotate(0deg) translateX(10px)}80%{transform:rotate(1deg) translateY(10px);-webkit-transform:rotate(1deg) translateY(10px);-moz-transform:rotate(1deg) translateY(10px);-ms-transform:rotate(1deg) translateY(10px);-o-transform:rotate(1deg) translateY(10px)}to{transform:translateY(10px);-webkit-transform:translateY(10px);-moz-transform:translateY(10px);-ms-transform:translateY(10px);-o-transform:translateY(10px)}}.right-arrow-box{animation:right-box 5s linear;-webkit-animation:right-box 5s linear}@keyframes right-box{0%{transform:translateY(-150px);-webkit-transform:translateY(-150px);-moz-transform:translateY(-150px);-ms-transform:translateY(-150px);-o-transform:translateY(-150px)}to{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}}.twitter-box{animation:twitter 5s linear;-webkit-animation:twitter 5s linear;overflow-x:hidden}@keyframes twitter{0%{transform:translateX(-150px);-webkit-transform:translateX(-150px);-moz-transform:translateX(-150px);-ms-transform:translateX(-150px);-o-transform:translateX(-150px)}to{transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0)}}.prsonal-box{animation:perosnal 5s linear;-webkit-animation:perosnal 5s linear}@keyframes perosnal{0%{transform:translateX(130px);-webkit-transform:translateX(130px);-moz-transform:translateX(130px);-ms-transform:translateX(130px);-o-transform:translateX(130px)}to{transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0)}}.earth-box{animation:earth 5s linear;-webkit-animation:earth 5s linear}@keyframes earth{0%{transform:translateX(-200px) translateY(20px);-webkit-transform:translateX(-200px) translateY(20px);-moz-transform:translateX(-200px) translateY(20px);-ms-transform:translateX(-200px) translateY(20px);-o-transform:translateX(-200px) translateY(20px)}to{transform:translateX(0) translateY(0);-webkit-transform:translateX(0) translateY(0);-moz-transform:translateX(0) translateY(0);-ms-transform:translateX(0) translateY(0);-o-transform:translateX(0) translateY(0)}}.cloud-box{animation:cloud 5s linear;-webkit-animation:cloud 5s linear}@keyframes cloud{0%{transform:translateY(180px) translateX(-80px);-webkit-transform:translateY(180px) translateX(-80px);-moz-transform:translateY(180px) translateX(-80px);-ms-transform:translateY(180px) translateX(-80px);-o-transform:translateY(180px) translateX(-80px)}to{transform:translateY(0) translateX(0);-webkit-transform:translateY(0) translateX(0);-moz-transform:translateY(0) translateX(0);-ms-transform:translateY(0) translateX(0);-o-transform:translateY(0) translateX(0)}}.wi-fi-box{animation:wifi 5s linear;-webkit-animation:wifi 5s linear}@keyframes wifi{0%{transform:translateY(230px) translateX(-180px);-webkit-transform:translateY(230px) translateX(-180px);-moz-transform:translateY(230px) translateX(-180px);-ms-transform:translateY(230px) translateX(-180px);-o-transform:translateY(230px) translateX(-180px)}to{transform:translateY(0) translateX(0);-webkit-transform:translateY(0) translateX(0);-moz-transform:translateY(0) translateX(0);-ms-transform:translateY(0) translateX(0);-o-transform:translateY(0) translateX(0)}}.pesonal-fill-icon-box{animation:pesoanl-fill 5s linear;-webkit-animation:pesoanl-fill 5s linear}@keyframes pesoanl-fill{0%{transform:translateY(220px) translateX(130px);-webkit-transform:translateY(220px) translateX(130px);-moz-transform:translateY(220px) translateX(130px);-ms-transform:translateY(220px) translateX(130px);-o-transform:translateY(220px) translateX(130px)}to{transform:translateY(0) translateX(0);-webkit-transform:translateY(0) translateX(0);-moz-transform:translateY(0) translateX(0);-ms-transform:translateY(0) translateX(0);-o-transform:translateY(0) translateX(0)}}.second-serch-box-anim{animation:second-search-box-anim 5s linear;-webkit-animation:second-search-box-anim 5s linear}@keyframes second-search-box-anim{0%{transform:translateY(-130px) translateX(100px);-webkit-transform:translateY(-130px) translateX(100px);-moz-transform:translateY(-130px) translateX(100px);-ms-transform:translateY(-130px) translateX(100px);-o-transform:translateY(-130px) translateX(100px)}to{transform:translateY(0) translateX(0);-webkit-transform:translateY(0) translateX(0);-moz-transform:translateY(0) translateX(0);-ms-transform:translateY(0) translateX(0);-o-transform:translateY(0) translateX(0)}}.text-box-ami{animation:text-box 5s linear;-webkit-animation:text-box 5s linear}@keyframes text-box{0%{transform:translateY(-180px) translateX(-80px);-webkit-transform:translateY(-180px) translateX(-80px);-moz-transform:translateY(-180px) translateX(-80px);-ms-transform:translateY(-180px) translateX(-80px);-o-transform:translateY(-180px) translateX(-80px)}to{transform:translateY(0) translateX(0);-webkit-transform:translateY(0) translateX(0);-moz-transform:translateY(0) translateX(0);-ms-transform:translateY(0) translateX(0);-o-transform:translateY(0) translateX(0)}}.chaert-box{animation:chart-box 5s linear;-webkit-animation:chart-box 5s linear}@keyframes chart-box{0%{transform:translateX(220px) translateY(120px);-webkit-transform:translateX(220px) translateY(120px);-moz-transform:translateX(220px) translateY(120px);-ms-transform:translateX(220px) translateY(120px);-o-transform:translateX(220px) translateY(120px)}to{transform:translateX(0) translateY(0);-webkit-transform:translateX(0) translateY(0);-moz-transform:translateX(0) translateY(0);-ms-transform:translateX(0) translateY(0);-o-transform:translateX(0) translateY(0)}}.color_btn_anim_green{animation:gree 7s infinite}@keyframes gree{0%{fill:#7241c9}15%{fill:#7241c9}18%{fill:#ebebeb}23%{fill:#7241c9}25%{fill:#ebebeb}30%{fill:#7241c9}33%{fill:#ebebeb}45%{fill:#7241c9}50%{fill:#ebebeb}60%{fill:#7241c9}65%{fill:#ebebeb}70%{fill:#7241c9}73%{fill:#ebebeb}76%{fill:#7241c9}79%{fill:#ebebeb}80%{fill:#7241c9}85%{fill:#ebebeb}90%{fill:#ebebeb}to{fill:#7241c9}}.color_btn_anim_green_second{animation:gree-second 10s infinite}@keyframes gree-second{0%{fill:#7241c9}15%{fill:#7241c9}18%{fill:#ebebeb}23%{fill:#7241c9}25%{fill:#ebebeb}30%{fill:#7241c9}33%{fill:#ebebeb}45%{fill:#7241c9}50%{fill:#ebebeb}60%{fill:#7241c9}65%{fill:#ebebeb}70%{fill:#7241c9}73%{fill:#ebebeb}76%{fill:#7241c9}79%{fill:#ebebeb}80%{fill:#7241c9}85%{fill:#ebebeb}90%{fill:#ebebeb}to{fill:#7241c9}}.color_btn_anim_grey{animation:gra 7s infinite;-webkit-animation:gra 7s infinite}@keyframes gra{0%{fill:#ebebeb}15%{fill:#ebebeb}18%{fill:#7241c9}23%{fill:#ebebeb}25%{fill:#7241c9}30%{fill:#ebebeb}33%{fill:#7241c9}45%{fill:#ebebeb}50%{fill:#7241c9}60%{fill:#ebebeb}65%{fill:#7241c9}70%{fill:#ebebeb}73%{fill:#7241c9}76%{fill:#ebebeb}79%{fill:#7241c9}80%{fill:#ebebeb}85%{fill:#7241c9}90%{fill:#7241c9}to{fill:#ebebeb}}.color_btn_anim_bule_one{animation:bule-one 4s linear infinite;-webkit-animation:bule-one 4s linear infinite}@keyframes bule-one{0%{fill:#7241c9}50%{fill:#fff}}.color_btn_anim_bule_two{animation:bule-two 4s linear infinite;-webkit-animation:bule-two 4s linear infinite}@keyframes bule-two{0%{fill:#7241c9}60%{fill:#fff}}.color_btn_anim_bule_three{animation:bule-three 4s linear infinite;-webkit-animation:bule-three 4s linear infinite}@keyframes bule-three{0%{fill:#7241c9}70%{fill:#fff}}.color_btn_anim_bule_four{animation:bule-four 4s linear infinite;-webkit-animation:bule-four 4s linear infinite}@keyframes bule-four{0%{fill:#7241c9}80%{fill:#fff}}.chrat-line{animation:chart-line 5s linear;-webkit-animation:chart-line 5s linear}@keyframes chart-line{0%{transform:translateX(150px);-webkit-transform:translateX(150px);-moz-transform:translateX(150px);-ms-transform:translateX(150px);-o-transform:translateX(150px)}to{transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0)}}.earth-box-line{animation:earth-line 5s linear!important;-webkit-animation:earth-line 5s linear!important}@keyframes earth-line{0%{transform:translateX(-80px);-webkit-transform:translateX(-80px);-moz-transform:translateX(-80px);-ms-transform:translateX(-80px);-o-transform:translateX(-80px)}to{transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0)}}.text-box-line{animation:text-box-line 5s linear;-webkit-animation:text-box-line 5s linear}@keyframes text-box-line{0%{transform:translateY(-50px);-webkit-transform:translateY(-50px);-moz-transform:translateY(-50px);-ms-transform:translateY(-50px);-o-transform:translateY(-50px)}to{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}}.color_btn_anim_key{animation:key 8s linear;-webkit-animation:key 8s linear}@keyframes key{0%{fill:#7241c9}15%{fill:#7241c9}18%{fill:#152735}23%{fill:#7241c9}25%{fill:#152735}30%{fill:#7241c9}33%{fill:#152735}45%{fill:#7241c9}50%{fill:#152735}60%{fill:#7241c9}65%{fill:#152735}70%{fill:#7241c9}73%{fill:#152735}76%{fill:#7241c9}79%{fill:#152735}80%{fill:#7241c9}85%{fill:#152735}90%{fill:#152735}to{fill:#7241c9}}.color_btn_anim_key_second{animation:key-second 12s linear;-webkit-animation:key-second 12s linear}@keyframes key-second{0%{fill:#7241c9}15%{fill:#7241c9}18%{fill:#152735}23%{fill:#7241c9}25%{fill:#152735}30%{fill:#7241c9}33%{fill:#152735}45%{fill:#7241c9}50%{fill:#152735}60%{fill:#7241c9}65%{fill:#152735}70%{fill:#7241c9}73%{fill:#152735}76%{fill:#7241c9}79%{fill:#152735}80%{fill:#7241c9}85%{fill:#152735}90%{fill:#152735}to{fill:#7241c9}}.color_btn_anim_key_dark{animation:dark-key 10s linear;-webkit-animation:dark-key 10s linear}@keyframes dark-key{0%{fill:#152735}15%{fill:#152735}18%{fill:#7241c9}23%{fill:#152735}25%{fill:#7241c9}30%{fill:#152735}33%{fill:#7241c9}45%{fill:#152735}50%{fill:#7241c9}60%{fill:#152735}65%{fill:#7241c9}70%{fill:#152735}73%{fill:#7241c9}76%{fill:#152735}79%{fill:#7241c9}80%{fill:#152735}85%{fill:#7241c9}90%{fill:#7241c9}to{fill:#152735}}.chart-one{animation:chart-one 3s linear infinite;-webkit-animation:chart-one 3s linear infinite}@keyframes chart-one{0%{fill:#7241c9}30%{fill:#ebebeb}to{fill:#ebebeb}}.chart-two{animation:chart-two 3s linear infinite;-webkit-animation:chart-two 3s linear infinite}@keyframes chart-two{0%{fill:#7241c9}40%{fill:#ebebeb}to{fill:#ebebeb}}.chart-three{animation:chart-three 3s linear infinite;-webkit-animation:chart-three 3s linear infinite}@keyframes chart-three{0%{fill:#7241c9}50%{fill:#ebebeb}to{fill:#ebebeb}}.chart-four{animation:chart-four 3s linear infinite;-webkit-animation:chart-four 3s linear infinite}@keyframes chart-four{0%{fill:#7241c9}60%{fill:#ebebeb}to{fill:#ebebeb}}i{margin-right:10px}.navbar-logo{padding:15px;color:#fff}.navbar-mainbg{background-color:#5161ce;padding:0}#navbarSupportedContent{overflow:hidden;position:relative}#navbarSupportedContent ul{padding:0;margin:0}#navbarSupportedContent ul li a i{margin-right:10px}#navbarSupportedContent li{list-style-type:none;float:left}#navbarSupportedContent ul li a{color:hsla(0,0%,100%,.5);text-decoration:none;font-size:15px;display:block;padding:20px;transition-duration:.6s;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);position:relative}#navbarSupportedContent>ul>li.active>a{color:#5161ce;background-color:transparent;transition:all .7s}#navbarSupportedContent a:not(:only-child):after{content:"\f105";position:absolute;right:20px;top:10px;font-size:14px;font-family:Font Awesome\ 5 Free;display:inline-block;padding-right:3px;vertical-align:middle;font-weight:900;transition:.5s}#navbarSupportedContent .active>a:not(:only-child):after{transform:rotate(90deg)}.hori-selector{display:inline-block;position:absolute;height:100%;top:0;left:0;transition-duration:.6s;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);background-color:#fff;border-top-left-radius:15px;border-top-right-radius:15px;margin-top:10px}.hori-selector .left,.hori-selector .right{position:absolute;width:25px;height:25px;background-color:#fff;bottom:10px}.hori-selector .right{right:-25px}.hori-selector .left{left:-25px}.hori-selector .left:before,.hori-selector .right:before{content:"";position:absolute;width:50px;height:50px;border-radius:50%;background-color:#5161ce}.hori-selector .right:before{bottom:0;right:-25px}.hori-selector .left:before{bottom:0;left:-25px}.nav-item a{position:relative;overflow:hidden;z-index:1}.nav-item a:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;z-index:-1;transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.68,-.55,.265,1.55)}.nav-item a.active:before{transform:scaleX(1);transform-origin:left}@keyframes slide-in-left{0%{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slide-in-right{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.slide-in-left{animation:slide-in-left .3s ease-out forwards}.slide-in-right{animation:slide-in-right .3s ease-out forwards}@media (min-width:992px){.navbar-expand-custom{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-custom .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-custom .navbar-toggler{display:none}.navbar-expand-custom .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}}@media (max-width:991px){#navbarSupportedContent ul li a{padding:12px 30px}.hori-selector{margin-top:0;margin-left:10px;border-radius:0;border-top-left-radius:25px;border-bottom-left-radius:25px}.hori-selector .left,.hori-selector .right{right:10px}.hori-selector .left{top:-25px;left:auto}.hori-selector .right{bottom:-25px}.hori-selector .left:before{left:-25px;top:-25px}.hori-selector .right:before{bottom:-25px;left:-25px}}.userinfo label{font-weight:700}text{color:#fff}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:10}.modalContent{background:#06b6d4;padding:20px;border-radius:8px;position:relative;width:auto;text-align:center}.close{position:absolute;top:10px;right:10px;font-size:24px;cursor:pointer}.preview{margin-top:20px;max-width:100%}.updateButton{margin-top:20px;padding:10px 20px;background-color:#7341e8;color:#fff;border:none;border-radius:4px;cursor:pointer}.updateButton:hover{background-color:#f778ba}[data-title]:hover:after{opacity:1;transition:all .1s ease .5s;visibility:visible}[data-title]:after{content:attr(data-title);background-color:#fff;color:#5b5a5a;border-radius:4px;font-size:1rem;padding:0 5px;position:absolute;bottom:-1.6em;left:100%;white-space:nowrap;box-shadow:1px 1px 3px #222;opacity:0;border:1px solid #111;z-index:99999;visibility:hidden}[data-title]{position:relative}.otp-background-img{position:relative;width:100%;height:100vh;background-image:url(/_next/static/media/otp.61c2bf12.jpeg);background-size:cover;background-position:50%}.otp-background-img:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);z-index:1}.background-div-content{position:relative;z-index:10;color:#fff}.otpinput{width:60px;height:75px;border-radius:10px;background-color:hsla(0,0%,100%,.25);border:2px solid #ccc;text-align:center;font-size:40px;font-weight:500;outline:none}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.banner,.footer{position:relative}.banner{display:flex;align-items:center;height:auto;z-index:0;background-color:#27272a}.banner>img{width:60vw;transition:.1s linear}.banner h2{font-weight:500;font-size:30px;margin:0 0 10px}.banner p{margin:0;line-height:1.65;font-size:17px;opacity:.7}@media (min-width:420px){.banner>img{width:40vw}}@media (min-width:648px){.banner{text-align:left;flex-direction:row;justify-content:space-between}.banner>img{width:10vw;left:100px}}.wave-container{position:relative;width:100%;height:30vw;max-height:200px;overflow:hidden;z-index:10}.waves>use{animation:move-forever 2s linear -2s infinite}.waves>use:nth-child(2){animation-delay:-3s;animation-duration:6s}.waves>use:nth-child(3){animation-delay:-4s;animation-duration:3s}@keyframes move-forever{0%{transform:translate(-90px)}to{transform:translate(85px)}}.wave-container svg{display:block;position:absolute;bottom:0;left:0;width:100%;height:100%}table,td,th{height:50px;font-size:17px}th{border-bottom:1px solid #fff;text-align:left;font-weight:500}@keyframes beat{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.skeleton-beat{background-color:#333!important;animation:beat 1.5s ease-in-out infinite!important;padding-inline:10px}tr>td:hover{color:green}