.mobile-banner{display: none}
/********** Responsive **********/
@media only screen and (max-width: 1600px) {
  .home-banner .img-wrap {top: -190px; }
.header-main:after{right:8%;}
}
@media only screen and (max-width: 1500px) {
.combo-pkg .img-wrap{left:-150px;}
.home-banner .img-wrap{left:0;top:0;}
.header-main:after{right:4%;}
.home-packages-sec ul.pkg-slider li .pkg-box{width:95%;}
.side-menu .side-br-content ul.menu-list li a::before, .side-menu .side-br-content ul.menu-list li a{font-size:18px;line-height:18px;}
.side-menu .side-br-content ul.ser-wrap{padding:1rem 1rem;}
.side-menu .side-br-content ul.ser-wrap li .wrap a{font-size:12px;}
.side-menu .side-br-content ul.ser-wrap{padding:1rem 1rem;}
.side-menu .side-br-content ul.ser-wrap li .wrap a{font-size:12px;}
.side-menu .side-br-content{padding-left:15px}
.logo-sec-2 .content-wrap h2.main-heading{width:80%;margin:auto;}
.techologies-sec .content h3{width:95%;}
.nft-banner.home-banner h1{font-size:45px;line-height:50px;}
.nft-benefits figure img{left:23%;}
.logo-sec-3{overflow:hidden;}
.faq-sec .img-wrap{margin-left:100px;}
.side-menu{height:70%;}
body.app-pg .home-banner h2{line-height:40px;font-size:40px;}
.faq-sec .accordion button{font-size:15px;}
.nft-banner.home-banner .img-wrap{left:100px!important;}
.logo-tabs ul.tabs{width:90%;margin:auto;}
  .process-sec ul{margin: 50px 0 0 90px;}
  

}
@media only screen and (max-width: 1400px) {
  .process-sec ul{margin: 50px 0 0 0px;}
  .home-banner .img-wrap {
    top: -180px;
    left: 100px;
}
}
@media only screen and (max-width: 1300px) {
  .process-sec ul {
    margin: 50px 0 0 0;
    transform: scale(0.95);
}
.combo-pkg .img-wrap{left:-240px;}
.discount-badge{bottom:40px;left:45%;}

.home-banner{padding:100px 0 150px;}
.home-banner .img-wrap{transform:scale(0.9);left: 50px !important;}
.header-main .marquee{margin-right:20px;}
.combo-pkg .discount-badge{left:45%;bottom:30px;}
.faq-sec .img-wrap{margin-left:80px;}
.faq-sec .img-wrap span img {max-width: 80%; }
.side-menu .side-br-content ul.ser-wrap{padding:1rem 0;}
.side-menu .side-br-content{padding-left:0}
.side-menu .side-menu-innr .outer-wrap{height:80%;margin-top:60px;}
.combo-pkg .border-right:before{right:15px;}
.services-half-box p{width:50%;margin-top:10px;}
.nft-portfolio-2 p{width:40%;}
.nft-benefits figure img{left:22%;}
.nft-banner.home-banner ul.btn-wrap{margin-bottom:40px;}
.nft-banner.home-banner{padding-top:30px;}
.nft-sec-2:before{right:0;}
.logo-tabs figure{width:300px;height:300px;}
.logo-sec-3 ul.img-icons li{flex:0 0 40%;}
.nft-sec-3:before{left:100px;}
.nft-benefits ul.points li .content h4{font-size:14px;}
.home-banner h1{font-size:45px;line-height:45px;}
.home-packages-sec ul.pkg-slider li .pkg-box .pkg-cta ul.btn-wrap li a {
    font-size: 12px;
}

}
@media only screen and (max-width: 1190px) {
.home-packages-sec ul.pkg-slider li .pkg-box{width:100%;padding:40px 30px 10px;}
.review-sec img{max-width:100%;}
.combo-pkg .img-wrap{transform:scale(0.8);left:-180px;top:120px;}
.process-sec ul{transform:scale(0.8);    margin: 50px 0 0 -60px;}
.faq-sec .img-wrap span img{max-width:85%;}
.faq-sec .accordion button{font-size: 14px;}
.review-sec{padding-bottom:50px;}
.review-sec .col-md-6:last-child{position:absolute;right:0;bottom:0;}
.review-sec ul.testimonials-slider li .content p{height:160px;}
footer h1{font-size:17px;}
footer .footer-bottom .links a,footer p{font-size:12px;}
.home-sec-2 .wrap span.four:before{height:150px;width:75px;}
.services-sec ul.ser-wrap li{margin-right:70px;}
.services-sec ul.ser-wrap li:before{right:-40px;}
.combo-pkg .img-wrap span:nth-child(3){left:500px;}
.combo-pkg .img-wrap span:nth-child(1){left:240px;top:-10px;}
.combo-pkg .img-wrap span:nth-child(4){left:530px;}
.combo-pkg .img-wrap:before{left:500px;}
.faq-sec .img-wrap span:nth-child(2){bottom:170px;}
.home-packages-sec ul.pkg-slider li .pkg-box .head p{width:90%;}
.contact-sec .help-box{width:unset;padding:0px 20px;}
.contact-sec .help-box h4{font-size:25px;}
.contact-sec .help-box p{font-size:14px;}
.nft-sec-3 .form-card{width:70%;}
.techologies-sec .content h3{width:100%;font-size:18px;}
.home-banner .logo-design .img-wrap{top:80px;}
.logo-sec-2 .content-wrap p{width:85%;}
.blue-cta .content h6{width:95%;}
.logo-tabs ul.tabs{flex-wrap:wrap;justify-content:center;}
.logo-tabs ul.tabs li{flex:0 0 20%;margin-bottom:30px;display:flex;align-items:center;justify-content:center;margin-right:0;}
.logo-tabs ul.tabs li .box{padding:30px 18px 55px;width:min-content;}
.gray-cta ul li .box{width:175px;height:200px;}
.usps-sec ul.box-wrap li{padding:40px 20px;}
.home-portfolio-sec .main-heading{width:90%;}
.usps-sec ul.box-wrap li span h4{height:auto;}
.usps-sec ul.box-wrap li span p{height:auto;}
.nft-banner.home-banner h1 {font-size: 38px; line-height: 50px; }
}

@media only screen and (max-width: 991px) {

.form-wizard .form-group {flex: 0 0 70%;}
.content-sec a.moreless-button.showLess:before{top:-40px;}
.content-sec{padding-bottom:80px!important;}
.badge-icon ul li .wrap img{width:50px;height:50px;object-fit:contain;}
.contact-sec .help-box h4{font-size:18px;}
.contact-sec .help-box p{font-size:15px;line-height:24px;}
.contact-sec .help-box a.btn-size.btn-grad{padding:12px 15px;font-size:13px;}
.contact-sec .help-box{padding:0 10px;}
.contact-sec .help-box a.btn-size.btn-grad span{display:none;}
.logo-tabs ul.tabs li{flex:0 0 30%;margin-bottom:30px;display:flex;align-items:center;justify-content:center;margin-right:0;}
.header-mobile{display:block;}
.logo-sec-3 .img-wrap,.home-banner .img-wrap,.portfolio-pg .home-portfolio-sec:before,.pkg-pg .home-packages-sec.home-portfolio-sec:after,.contact-sec:after,.contact-sec:before{display:none}
.mobile-banner{display:block}
.home-banner h1{font-size:40px;line-height:normal;}
.home-banner p{width:100%;}
.mobile-banner img{max-width:100%;}
.mode-tab .label{width:50px;}
.home-banner{padding:40px 0;}
.home-sec-2 .wrap span.one:before{width:55px;height:55px;}
.home-sec-2 .wrap span.two:before{left:50px;width:80px;height:70px;bottom:20px;}
.home-sec-2 .wrap span.three:before{left:50px;bottom:50px;}
.home-sec-2 .wrap span.four:before{height:120px;width:60px;top:20px;}
.home-sec-2 p{width:100%;}
.sec-pad{padding:40px 0;}
.home-portfolio-sec .main-heading{width:100%;}
.main-heading{font-size:35px;line-height:1.3;}
.home-portfolio-sec ul.tabs{margin:25px 0;}
.home-portfolio-sec ul.tabs li{padding:8px 15px;font-size:14px;}
.services-sec ul.ser-wrap li{flex:0 0 30%;margin:30px 0 30px 0;}
.services-sec ul.ser-wrap{margin:0;align-items:end;}
.services-sec ul.ser-wrap li:before{display:none;}
.services-tab .content-wrap{padding-left:30px;}
.faq-sec .img-wrap span:nth-child(2){display:none;}
.faq-sec .img-wrap span img{max-width:100%;}
.faq-sec .accordion button{padding-right:20px;}
.faq-sec .accordion .accordion-content p{margin:1em 0;}
.faq-sec .accordion-item{padding:10px;}
.review-sec ul.testimonials-slider li .content{width:100%;}
.combo-pkg img{position:relative;animation:hmebannr_floatinglftrght 5s ease-in-out infinite;}
.combo-pkg .wrap ul li{font-size:10px;}
.combo-pkg .wrap h5{font-size:13px;line-height:18px;position:relative;}
.combo-pkg .discount-badge{left:65%;}
.home-packages-sec ul.slick-dots{bottom:-50px;}
.home-packages-sec p{margin-top:70px;}
.mode-tab{right:0;    z-index: 11;}
.faq-sec .row{align-items:center;}
.faq-sec .img-wrap span{position:unset;}
.footer-form form ul li button{font-size:12px;padding:8px;width:70%;}
.footer-form form ul li button span{display:none;}
.footer-form form ul li{width:95%;margin-right:20px;}
.footer-form form ul li:last-child{margin:0;}
footer h1{font-size:14px;line-height:20px;}
footer .footer-bottom{height:auto;padding:20px 0;}
footer .footer-bottom p.copyright{padding:0;}
footer .footer-bottom .links{flex-wrap:wrap;}
footer .footer-bottom .links span {visibility: hidden; }
footer{margin-bottom:80px;}
.header-bg:before{padding:50px 500px;}
.header-bg{margin-bottom:30px;}
.about-content .box-wrap{padding:25px;}
.gray-cta .container{padding:30px 0;}
.gray-cta .main-heading{font-size:30px;}
.gray-cta .main-heading br{display:none;}
.gray-cta ul{flex-wrap:wrap;justify-content:space-evenly;}
.gray-cta ul li{margin-right:0;flex:0 0 45%;margin:10px;}
.gray-cta ul li .box{width:170px;height:180px;margin:auto;}
.gray-cta ul li .box h6{font-size:14px;}
.who-sec{margin-bottom:0;}
.about-content-sec .img-wrap span img{max-width:100%;}
.about-content-sec .img-wrap span{display:none;}
.about-content-sec .img-wrap span:nth-child(1){display:block;}
.counter-sec ul{flex-wrap:wrap;justify-content:center;}
.counter-sec ul li h5{font-size:16px;}
.who-sec .img-wrap {    display: none;}
.who-sec .row,.logo-sec-3 .row{align-items:center;}
.about-content .box-wrap .content p{font-size:12px;}
.services-ful-box .row{align-items:center;}
.services-ful-box .img-wrap{top:-100px;}
.price-banner .mobile-banner img{position:relative;top:-40px;}
.contact-sec h2.main-heading{font-size:30px;}
.contact-sec .form-wrap{padding:30px 20px;}
.contact-sec .contact-details{margin-top:50px;}
.contact-sec .form-div{margin-bottom:30px;}
.techologies-sec .content h3{width:80%;}
.techologies-sec p,.nft-portfolio-2 p{width:80%;}
.nft-portfolio .gallery-wrapper{height:auto;flex-direction:inherit;}
body.nft-pg .nft-portfolio .nft-main-para{width:70%;}
.nft-portfolio .gallery-wrapper .gallery-item:hover{flex:4;}
.nft-benefits ul.points:before{display:none;}
.nft-benefits ul.points li{position:unset;}
.nft-benefits ul.points li .content{text-align:end;}
.nft-benefits ul.points.point-2 .content{text-align:inherit;}
.nft-sec-2 figure img{max-width:100%;}
.nft-sec-2:before{display:none;}
.nft-sec-2 .row{align-items:center;}
.nft-sec-2{background-position:left;}
.nft-banner.home-banner h1 span.text-img, .nft-banner.home-banner h1{font-size:26px;line-height:30px;}
.nft-banner.home-banner a.btn-size span{display:none;}
.logo-sec-2 .content-wrap h2.main-heading{width:100%;}
.logo-sec-2 .content-wrap p{width:100%;}
.logo-sec-2 .content-wrap .container{padding:40px 10px;}
.blue-cta .content h6{width:100%;font-size:20px;}
.logo-sec-3 p{width:100%;}
.logo-sec-3 h6{width:100%;}
.home-banner .row{align-items:center;}
.usps-sec ul.box-wrap li{flex:0 0 20%;padding:0;margin:10px;}
.usps-sec ul.box-wrap:before{display:none;}
.usps-sec ul.box-wrap li:before{display:none;}
.usps-sec ul.box-wrap{width:100%;justify-content:space-between;}
.app-pg .home-banner .header-bg, .web-pg .home-banner .header-bg, .brand-pg .home-banner .header-bg{font-size:30px;}
.badge-icon ul li .wrap img, .nft-banne-icons ul li .wrap img, .client-logos ul li img{display:inline;}


.process-sec ul{transform:unset;margin:0;display:flex;flex-wrap:wrap;height:auto;margin-left:35px;}
.process-sec ul li{position:unset;flex:0 0 50%;}
.process-sec ul li:before{display:none;}
.process-sec ul li .box-wrap span{position:unset;}
.process-sec ul li .box-wrap span.box{position:relative;top:40px;left:0;}
.process-sec ul li .box-wrap span.box img{}
.process-sec ul li .box-wrap span.icon{animation:unset;position:relative;left:-150px;top:0;}
.process-sec ul li .box-wrap .content-wrap{position:unset;}
.process-sec ul li:nth-child(2) .box-wrap span.icon{left:-144px;top:0;}
.process-sec ul li .box-wrap .content-wrap p{width:90%;font-size:16px;}
.process-sec ul li .box-wrap{}
}
@media only screen and (max-width: 767px) {
    .process-sec ul li {
    flex: 0 0 100%;
}
.blue-cta .offset-1{margin-left:0;}
.blue-cta{text-align:center;padding:20px 0;}
.blue-cta .img-wrap span img{width:70%;margin-bottom:30px;}
.blue-cta .content h6{font-size:16px;line-height:28px;}
.blue-cta .content h6 strong{font-size:30px;}
.blue-cta:before{opacity:0.1;}
.contact-sec .help-box{height:auto;padding:20px;}
.review-sec ul.testimonials-slider li .content{height:auto;}
.nft-sec-2{background-image:none;}
.usps-sec ul.box-wrap li{flex:0 0 40%;}
footer .footer-bottom .links span{visibility:visible;}
.header-main .top-header .header-counter{display:none;}
.header-main .marquee{padding:0.2rem;}
.header-main:after{height:40px;right:0%;}
.header-main .header-button{display:none;}
.header-main .logo{float:unset;margin:auto;text-align:center;}
.mobile-banner{margin-top:40px;}
.home-sec-2 .wrap span.one:before{right:70px;width:65px;height:65px;}
.home-sec-2 .wrap img{display:initial;}
.home-sec-2 .wrap span.two:before{left:140px;width:80px;height:65px;bottom:40px;}
.home-sec-2 .wrap span.four:before{height:210px;width:105px;top:-50px;}
.home-portfolio-sec ul.tabs{flex-wrap:wrap;margin:0;}
.home-portfolio-sec ul.tabs li{padding:10px;font-size:14px;margin:10px;flex:0 0 40%;text-align:center;}
.tab-port-logo ul.tabs li{font-size:10px;margin:5px;flex:30%;}
.tab-port-logo ul.tabs{margin:20px;}
.services-sec p{font-size:22px;}
.services-tab .content-wrap{padding-left:0;}
.services-tab .content-wrap h6{font-size:30px;}
.services-tab ul.tabs li{display:inline-block;width:45%;font-size:16px;padding-left:0!important;}
.services-tab ul.tabs li.current:before{bottom:-5px;left:0;top:unset;width:30%;background:#fff;}
.services-tab ul.tabs{margin:20px 0 30px;}
.combo-pkg:before{display:none;}
.gray-cta .main-heading , .main-heading-nft, .main-heading{font-size:25px;line-height: 35px;}
.badge-icon ul li .wrap p{font-size: 12px}
.combo-pkg p{font-size:14px;margin-bottom:30px;}
.combo-pkg .border-right:before{display:none;}
.combo-pkg .discount-badge{display:none;}
.combo-pkg img{display:none;}
.sec-pad{padding:20px 0;}
.faq-sec .col-md-6.mt-5{margin-top:0!important;}
.faq-sec .img-wrap{margin-left:0;text-align:center;}
.faq-sec .img-wrap span img{max-width:80%;display:inline-block;}
.review-sec img{display:none;}
.footer-form{height:auto;}
.footer-form form ul{flex-wrap:wrap;padding:30px 0;}
.footer-form form ul li{width:100%;flex:0 0 100%;margin-right:0;margin-bottom: 40px;}
.footer-form form ul li button{width:max-content;display:block;margin-top: 0;padding:8px 20px;}
.client-logos{text-align:center;}
footer .offset-1{margin-left:0;}
footer .footer-bottom{text-align:center;position:relative;}
.country-list ul{flex-wrap:wrap;}
.country-list ul li:first-child{flex:0 0 100%;}
.country-list ul li h6{font-size:12px;}
footer h5{margin:15px 0;}
footer .footer-bottom .links{justify-content:center;}
.content-sec p{width:100%;}
.header-bg:before{padding:40px 520px;}
.home-banner h1{margin-bottom:5px;}
.logo-sec-2 .heading-wrap h3{font-size:20px;line-height:1.5;}
.logo-sec-2 .content-wrap p{width:95%;}
.logo-tabs .my-tabs .row .col-md-6:last-child{order:1;}
.logo-tabs .my-tabs .row .col-md-6:first-child{order:2;}
.logo-tabs ul.tabs{flex-wrap:wrap;width:100%;}
.logo-tabs ul.tabs li{flex:0 0 30%;margin:10px;}
.logo-tabs ul.tabs li .box{padding:20px 10px 40px;}
.logo-tabs ul.tabs li .box h6{margin-top:20px;}
.logo-tabs .my-tabs h3{font-size:30px;line-height:1.1;}
.logo-tabs figure{width:80%;height:80%;margin-bottom:30px;}
.logo-tabs{margin-bottom:0;}
.gray-cta ul{flex-wrap:wrap;justify-content: space-between;}
.gray-cta ul li{margin: 0 0 60px 0;
    flex: 0 0 45%;}
.gray-cta ul li .box{width:auto;height:220px;}
.gray-cta .container{padding:30px 0;padding-right: var(--bs-gutter-x,.75rem);padding-left: var(--bs-gutter-x,.75rem);}
.gray-cta ul li .box h6{font-size:11px;line-height:1.5;}
.content-sec a.moreless-button{top:-50px;}
.content-sec a.moreless-button:before{top:-30px;margin-top: 0px;}
.logo-sec-3 ul.img-icons li{flex:0 0 35%;}
ul.portfolio-thumnail li{flex:0 0 30%;}
.tab-port-web ul.portfolio-thumnail li a{height:200px;}
.about-content .box-wrap{margin-bottom:10px;}
.who-sec .mobile-banner img{margin-bottom:20px;}
.about-content-sec article p{width:100%;}
.counter-sec p{width:100%;}
.services-ful-box .img-wrap span{position:unset;display:none;}
.services-ful-box .img-wrap span:nth-child(1){display:block;}
.services-half-box p{width:100%;}
.review-sec{margin: 40px 0;}
.services-ful-box .img-wrap{top:0;}
.services-ful-box h3{margin-top:0;}
.portfolio-pg .home-portfolio-sec{margin-bottom:30px;}
.portfolio-pg .home-portfolio-sec:before{display:none}
.contact-sec:before,.contact-sec:after{display:none;}
.nft-banner.home-banner ul.btn-wrap{margin-bottom:0;}
.nft-portfolio .gallery-wrapper .gallery-item:hover{flex:5;}
.nft-portfolio .gallery-wrapper .item-description p.desc{width:100%;}
.nft-sec-3:before{display:none;}
.nft-sec-3{background-image:none;}
.nft-sec-3 figure{margin-bottom:50px;}
.nft-sec-3 .form-card{width:75%;}
.nft-sec-3 #msform fieldset input.btn-form{font-size:12px;width:22%;left: -10px;}
body.nft-pg .nft-main-para{width:100%;}
.nft-benefits ul.points li .content{text-align:start;justify-content:start;}
.nft-benefits ul.points li .content h4{order:1;}
.nft-benefits ul.points li .content span{margin:0;margin-right:15px;}
.nft-benefits ul.points.point-2{margin-top:15px;}
.nft-benefits:before{display:none;}
.industry-sec .offset-2{margin-left:0;}
.nft-portfolio .gallery-wrapper .gallery-item:last-child{display:none;}
.content-sec h3{font-size:20px;}
.contact-sec .contact-details h5,.contact-sec .contact-details ul li h6,.contact-sec .contact-details ul li h6 a{font-size:25px;line-height:25px;padding-bottom:5px;}
.contact-sec .contact-details p{font-size:14px;}
.contact-sec .contact-details ul li a{font-size:13px;}
body.nft-pg .nft-portfolio .nft-main-para{width:90%;}
.nft-benefits ul.points li{margin-bottom:15px;}
.nft-benefits ul.points li .content h4{font-size:12px;}
.btn-size {padding: 10px 15px; font-size: 12px; }
.content-sec a.moreless-button.showLess:before{top:0px}


}
@media only screen and (max-width: 320px) {}

@media (prefers-reduced-motion:reduce){
  .marquee__group{animation-play-state:paused;}
}

@media screen and (max-width:768px){
/*    .nft-portfolio .gallery-wrapper{flex-direction:column;height:100vh;}
    .nft-portfolio .gallery-wrapper .gallery-item:hover{flex-basis:100%;}*/
}
/*keyframes*/
@keyframes left_right{
  0%{right:0;}
  50%{right:10%;}
  100%{right:0%;}
}
@keyframes fill{
  to{background-size:100% 100%,100% 100%;}
}
@keyframes marquee{
  0%{transform:translate(0,0);}
  100%{transform:translate(-100%,0);}
}
@keyframes blink{
  50%{background:-webkit-linear-gradient(-168deg,rgb(0,172,212) 0%,rgb(2,132,196) 52%,rgb(4,91,180) 100%);}
}
@keyframes blink_color{
  50%{color:#68b1ee;}
}
@keyframes icn_crcle_bounce{
  from{transform:translateY(0px);}
  to{transform:translateY(-25px);}
}
@keyframes hmebannr_floatingtpbtm{
  0%{transform:translatey(0px);}
  50%{transform:translatey(-25px);}
  100%{transform:translatey(0px);}
}
@keyframes hmebannr_floatinglftrght{
  0%{transform:translatex(0px);}
  50%{transform:translatex(-25px);}
  100%{transform:translatex(0px);}
}
@keyframes anim_left_right{
  0%{transform:translatex(0px);color:#fff;}
  50%{transform:translatex(5px);color:#0284c4;}
  100%{transform:translatex(0px);color:#fff;}
}
@keyframes rotateInDownLeft{
  0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0;}
  100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1;}
}
@keyframes taadaa{
  0%{opacity:0;}
  100%{opacity:1;}
}
@keyframes cube{
  0%{transform:rotate(0deg);}
  100%{transform:rotate(360deg);}
}
@keyframes rotateText{
  0%{transform:rotate(360deg);}
  100%{transform:rotate(0deg);}
}
@keyframes process{
  0%{opacity:1;}
  100%{opacity:0;}
}
@keyframes shake{
  10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0);}
  20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0);}
  30%,50%,70%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0);}
  40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0);}
}
@keyframes rotation-2{
  0%{transform:scale(0);}
  25%{transform:scale(1);}
  50%{transform:rotate(0deg);}
  100%{transform:rotate(360deg);}
}
@keyframes scroll{
  0%{transform:translateX(0);}
  100%{transform:translateX(calc(-100% - 3rem));}
}
@keyframes jumpUp{
  0%{top:0px;}
  50%{top:20px;}
  100%{top:0px;}
}
@keyframes zoom-in-zoom-out{
  0%{transform:scale(1,1);}
  50%{transform:scale(1.3,1.3);}
  100%{transform:scale(1,1);}
}
@keyframes flash{
  0%{opacity:0;}
  15%{opacity:0;}
  20%{opacity:1;}
  25%{opacity:0;}
  30%{opacity:0;}
  35%{opacity:1;}
  40%{opacity:0;}
  45%{opacity:0;}
  50%{opacity:1;}
  100%{opacity:1;}
}
@keyframes moveBackground2{
  from{background-position:top center}
  to{background-position:bottom center;}
}
@keyframes gradient{
  0%{background-position:0% 50%;}
  50%{background-position:100% 50%;}
  100%{background-position:0% 50%;}
}
@keyframes lefttop{
  0%{transform:translate(-30vw,-30vh);}
  50%{transform:translate(140px,-30vh);}
  75%{transform:translate(140px,0);}
  100%{transform:translate(0);}
}
@keyframes righttop{
  0%{transform:translate(30vw,-30vh);}
  50%{transform:translate(140px,-30vh);}
  75%{transform:translate(140px,0);}
  100%{transform:translate(0);}
}
@keyframes text{
  0%{opacity:0;}
  25%{opacity:0;}
  50%{opacity:0;}
  70%{opacity:0.5;}
  100%{opacity:1;}
}
@keyframes zoom-in-zoom-out{
  0%{transform:scale(0,0);}
  50%{transform:scale(1,1);}
  100%{transform:scale(0,0);}
}
@keyframes shadow{
  0%{filter:unset;}
  50%{filter:drop-shadow(2px 4px 6px #f9fafb5c);}
  100%{filter:unset;}
}

@keyframes color{
  0%{color: #782add}
  100%{color: #c8f681}
}