.mobile-banner{display: none}
/********** Responsive **********/
@media only screen and (max-width: 1600px) {
.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 h2{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;}
}
@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 h2{font-size:45px;line-height:45px;}

}
@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;}
}

@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 h2{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;}
h2.header-bg:before{padding:50px 500px;}
h2.header-bg{margin-bottom:30px;}
.about-content .box-wrap{padding:25px;}
.gray-cta .container{padding:30px 0;}
.gray-cta h2.main-heading{font-size:30px;}
.gray-cta h2.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 h2 span.text-img, .nft-banner.home-banner h2{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 h2.header-bg, .web-pg .home-banner h2.header-bg, .brand-pg .home-banner h2.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 h2.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%;}
h2.header-bg:before{padding:40px 520px;}
.home-banner h2{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;
    }
}