:root{
    --fcolor: #e89f03 !important;--lcolor: #fff;--scolor: #634500;--tcolor: #feb229;--dcolor: #5d3400;--navcolor: #000000;--tabcolor: #634500;--mcolor: #ffead4;--btnbg: #000000;--tabline:#7c7c7c;
}
@media(max-width: 991px){
    .hero .row.h-100, .hero1 .row.h-100, .innerpagebanner, .innerpagebanner .container{
        min-height: 50vh;
         padding: 50px 0px;
    }
}
.socialmedia a,.socialmedia img{
    width:55px;
    height:55px
}
.bluetitle.st span,.contact-list li a,.socialmedia a{
    display:inline-block
}
.siteinputgroup .btn{
    padding:0;
    height:35px
}
.siteinputgroup img{
    padding:2px 5px;
    width:30px;
    height:30px;
    display:inline-block;
    margin:2px
}
.darkt{
    color:#000!important
}
.siteinputgroup ul.dropdown-menu.show,.siteinputgroup .input-group-text{
    padding:0;
    min-width:auto;
    background:#fff0
}
.gradbg{
    background:linear-gradient(45deg,var(--grad1),var(--grad2))!important
}
.blogdetail img{
    margin-bottom:20px
}
.siteinputgroup ul.dropdown-menu.show{
    background:#fff
}
#nav-main,#nav-main .navbar-nav .nav-link,.topmenu li.nav-item>a.nav-link,a,body,path,object p{
    font-family:"Poppins",sans-serif;
    font-weight:400;
    font-style:normal
}
.lf{
    font-weight:500
}
.mf{
    font-weight:600
}
body #nav-main .dropdown-menu .catmenu ul,ul.soci{
    padding-left:0
}
.dropdown-menu .row{
    overflow:auto
}
.bannercontent,.techlogos .logo,.titlec{
    text-align:center
}
.blogdetail p a strong{
    font-size:15px!important;
    color:#1b4aff
}
.innerpagebanner::before{
    content:"";
    position:absolute;
    xbackground:linear-gradient(90deg,#041a6b,#001b5187 56%,#2e7cdd00 80%);
    width:100%;
    height:100%;
    left:0;
    top:0
}
p{
    color:var(--txtcolor)
}
.innerpage{
    padding-top:90px
}
.robothand{
    transform:scale(80%)
}
h5,h4{
    color:var(--fcolor);
    line-height:normal;
    font-size:19px!important;
    font-weight:700!important
}
body{
    color:var(--txtcolor);
    background:var(--pagebg)
}
.dark-t{
    color:#000!important
}
.hero1{
    height:auto;
    width:100%;
    background:url(../images/globe.svg),linear-gradient(273deg,#073353 .78%,#061133 33.1%);
    min-height:100vh;
    color:#fff;
    padding:20px;
    background-repeat:no-repeat;
    background-size:50%,cover;
    background-position:center right,top left
}
.hero{
    height:auto;
    width:100%;
    background:url(../images/home/circle-light.svg) 7% 18vh / 160px no-repeat,linear-gradient(273deg,#ffffff00 .78%,#ffffff 63.1%) top left / cover no-repeat,url(../images/home/teamwork.png) center left / cover no-repeat;
    min-height:100vh;
    padding:20px
}
.circlebot{
    background:url(../images/home/circle-dark.svg) 7% 18vh / 160px no-repeat;
    width:340px;
    height:340px;
    position:absolute;
    right:0;
    bottom:-300px;
    background-size:320px;
    background-position:145% 5%
}
.transbox::before{
    background:url(../images/home/s-circle.svg) 5% 18vh / 80px no-repeat;
    width:80px;
    height:80px;
    position:absolute;
    content:"";
    z-index:-1;
    left:-52px;
    top:-40px;
    background-position:center
}
.hideanchor,.hideanchor:hover{
    color:inherit;
    font-weight:inherit
}
.h-8{
    min-height:80vh
}
section{
    padding:50px 0;
    overflow:hidden
}
.stickysec,section#services,section#services1{
    overflow:inherit
}
#featurecarouel,#nav-main,.btn-outline-dark,.teampic{
    overflow:hidden
}
.bluegradbg{
    background:url(../images/wedo.svg) center left/auto 100% no-repeat,center left/cover no-repeat #00b2ff;
    min-height:80vh
}
.whypic img{
    opacity:0
}
.whypic{
    background:url(../images/home/why-choose-us.svg);
    background-size:cover
}
.whypic:hover{
    background:url(../images/home/why-choose-us1.svg);
    background-size:cover
}
.radiusborder{
    padding:20px 50px;
    xborder:2px solid #008ec7;
    margin-bottom:10px;
    border-radius:130px
}
.lightbanner.newpagebanner h1,.lightbanner.newpagebanner p{
    color:#000
}
.lightbanner.newpagebanner .tagbox{
    border:1px solid var(--fcolor)
}
footer h5{
    margin-bottom:20px
}
.radiusborderwhl .col-lg-4:nth-child(1n){
    text-align:right
}
.radiusborderwhl .col-lg-4:nth-child(3n) .radiusborder div:first-child{
    order:2;
    text-align:left
}
.radiusborderwhl .col-lg-4:nth-child(3n) .radiusborder div:nth-child(2){
    order:1
}
.radiusborderwhl .col-lg-4:nth-child(3n) .roundicon{
    right:30px
}
.socialmedia li{
    list-style:none;
    margin:0 3px
}
.socialmedia img{
    object-fit:cover
}
.roundicon{
    display:flex;
    background:#f2f2f2;
    border-radius:140px;
    width:140px;
    height:140px;
    vertical-align:middle;
    align-items:center;
    justify-content:center;
    position:relative;
    right:-30px;
    box-shadow:20px 10px 19px 3px #00000036
}
.burger span,.nav-item.select>.dropdown-menu,.nl,.titlec .nl{
    display:block
}
.abrido .burger,.nav-link.burger,.navbar-expand-lg .navbar-collapse.abrido{
    display:block!important
}
.largef{
    font-size:22px
}
.sitec{
    max-width:80%
}
.herocontent h1{
    color:#000
}
.bannercontent{
    position:absolute;
    width:100%;
    z-index:99;
    padding:30px 0;
    color:#fff
}
.tags1,ul.contact-list,ul.footernav,ul.tags2,ul.tags3{
    padding:0
}
ul.contact-list li{
    list-style:none;
    margin:5px;
    xfloat:left
}
.contact-list li a span{
    background:#06b5fd;
    border-radius:35px;
    width:35px;
    height:35px;
    display:table-cell;
    vertical-align:middle;
    text-align:center
}
.cust-pos li{
    margin-bottom:5px!important;
    font-size:16px
}
.accordion-header button,.sitebtn,footer h5{
    font-size:17px;
    font-weight:700
}
.bluecircle{
    background:#1cbbff;
    padding:5px 7px;
    margin-right:5px;
    border-radius:10px;
    width:35px;
    height:35px
}
.bluecircle img,.burger{
    width:20px
}
.fixedbtn{
    position:fixed;
    z-index:999;
    top:45%;
    transform:rotate(-90deg);
    right:-64px;
    background:var(--btnbg)!important;
    color:#fff!important;
    border:0
}
.fixedbtn:hover{
    background:var(--fcolor)!important
}
.fixbg{
    background:var(--fixbg) 10px 315px / 31% no-repeat fixed
}
.contact-list li a span img{
    max-width:16px;
    max-height:15px
}
.form-control{
    border:1px solid #a4d2e9
}
.textbox{
    min-height:120px!important;
    resize:none
}
#nav-main .navbar-nav{
    max-width:270px;
    xbackground:#24e5fe;
    padding:10px 0
}
#nav-main .nav-item{
    margin:3px 10px;
    text-transform:uppercase;
    font-weight:600
}
#nav-main .navbar-nav .nav-link{
    padding-right:.5rem;
    padding-left:.5rem;
    display:inline-block;
    outline:0!important;
    width:100%;
    color:#fff
}
.fp-4{
    padding-left:36px!important
}
.cust-cls li{
    border-bottom:1px solid #ffffff0f;
    margin-bottom:0px!important;
    position:relative
}
.cust-cls li a{
    display:inline-block;
    color:#fff;
    text-decoration:none;
    position:relative
}
.cust-cls li a::after{
    content:'';
    display:block;
    width:0;
    height:1px;
    background:var(--fcolor);
    transition:width .3s;
    position:absolute;
    bottom:0
}
.cust-cls li a:hover::after{
    width:100%;
    transition:width .3s
}
.cust-cls li a{
    padding:4px 5px!important;
    opacity:.9;
    display:block
}
.cust-cls li a:hover{
    opacity:1
}
.topmenu .transmenu{
    position:absolute;
    background:0 0!important;
    color:#fff;
    border:0;
    padding-left:300px;
    top:14px!important;
    left:0!important;
    z-index:-1
}
.nav-link.burger{
    position:relative;
    top:inherit;
    right:inherit;
    width:auto;
    padding:5px;
    height:auto
}
.burger{
    display:none!important;
    position:absolute;
    top:30px;
    right:40px;
    height:20px;
    padding:10px;
    box-sizing:border-box;
    background:#fff0;
    border:4px solid #fff0;
    border-radius:3px;
    z-index:5
}
.burger span{
    position:absolute;
    width:100%;
    height:2px;
    top:50%;
    margin-top:-1px;
    left:0;
    background:#ddd;
    transition:0.4s
}
.nav-link.burger:hover{
    background:0 0;
    border-color:#fff0
}
.burger:hover{
    background:#24e5fe;
    border-color:#24e5fe;
    cursor:pointer
}
.burger:hover span{
    background-color:#222d2e!important
}
.burger span:first-child{
    top:3px
}
.burger span:last-child{
    top:17px
}
.stickycont{
    position:sticky;
    top:60px
}
.stickycont .wgradbg{
    position:sticky;
    top:40px
}
.burger.abrido span{
    opacity:0;
    top:50%;
    transform:rotate(45deg);
    background-color:#fff
}
.burger.abrido span:first-child{
    opacity:1;
    transform:rotate(45deg)
}
.burger.abrido span:last-child{
    opacity:1;
    transform:rotate(-45deg)
}
#nav-main{
    background:#fff0;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100px;
    z-index:3;
    transition:0.4s 0.5s;
    padding:70px 10px 10px;
    visibility:hidden
}
#nav-main.abrido{
    height:100%;
    background:#021222fa;
    transition-delay:0.1s;
    visibility:visible
}
#nav-main ul{
    opacity:0;
    transition-delay:0.1s
}
#nav-main .dropdown-menu .catmenu ul li{
    margin-bottom:5px;
    margin-top:3px;
    list-style:none
}
#nav-main .dropdown-menu a{
    color:#3d698a;
    background:0 0;
    text-decoration:none;
    list-style:none;
    text-transform:capitalize
}
#nav-main .dropdown-menu a:hover,.topmenu .dropdown-item,.topmenu .dropdown:hover .dropdown-menu li a:hover,.topmenu li.nav-item>a.nav-link:focus,.topmenu li.nav-item>a.nav-link:hover{
    color:#fff
}
.navbar-brand{
    position:relative;
    z-index:999
}
.headingmenu,a.headingmenu{
    color:var(--fcolor)!important;
    text-transform:capitalize!important;
    font-weight:700
}
.dropdown-menu.megadropdown::after{
    position:absolute;
    border-right:1px solid #fdfeff1c;
    content:"";
    height:100%;
    top:0;
    left:295px
}
.catmenu{
    margin-left:1%;
    float:left;
    width:32.3%
}
#nav-main .nav-item.select>a{
    background:#2fd5ea;
    border-radius:4px;
    color:#fff!important
}
#nav-main.abrido ul{
    opacity:1;
    transition-delay:0.1s;
    width:100%
}
.mainmenu.navbar-expand-lg #nav-main .navbar-nav{
    flex-direction:column
}
#nav-main .dropdown{
    position:inherit
}
.dropdown-menu[data-bs-popper]{
    margin-top:0px!important
}
.topmenu>li>a{
    padding:15px
}
.mainmenu{
    position:fixed;
    width:100%;
    background:0 0!important;
    z-index:999;
    top:0
}
.topmenu{
    xposition:relative;
    z-index:999
}
a{
    text-decoration:none
}
.topmenu li.nav-item>a.nav-link::after{
    bottom:0
}
.topmenu li.nav-item>a.nav-link::before{
    top:0;
    display:none
}
.innermenu .mainmenu{
    background:var(--navcolor)!important
}
.sitebtn{
    border-color:#1cbbff;
    color:#fff!important
}
a.nav-link.whitebtn{
    border:1px solid var(--fcolor);
    padding:8px 20px!important;
    color:#fff!important;
    border-radius:4px;
    position:relative;
    overflow:hidden;
    z-index:999
}
.nav-link.whitebtn:after{
    content:"";
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background-color:var(--fcolor);
    transform:translateX(-110%);
    z-index:-9;
    transition:transform 1s
}
.nav-link.whitebtn:hover:after{
    padding:0;
    margin:0;
    opacity:1;
    transform:translateX(0)
}
.siteoutlinebtn{
    border:1px solid var(--tabline);
    color:var(--txtcolor);
    font-weight:700;
    min-width:120px
}
.siteoutlinebtn:hover{
    background:var(--scolor);
    color:#fff
}
.navbar{
    background-color:var(--navcolor)!important;
    transition:0.5s ease-in-out
}
.mainmenu.scroll{
    background-color:var(--mcolor);
    !important
}
.topmenu .dropdown-menu{
    background:#080B0E;
    color:#fff!important;
    width:100%
}
body:has(>#header-main nav.bgmenu){
    overflow:hidden
}
.topmenu li{
    margin:0 10px;
    z-index:999;
    position:initial
}
.bluetitle,.shadowbox,.shadowbox h5{
    position:relative
}
.topmenu .dropdown-item:hover{
    background-color:#fff0
}
.topmenu .dropdown:hover .dropdown-menu li a{
    color:#fff;
    text-decoration:none
}
.topmenu .dropdown:hover .dropdown-menu li a:hover{
    color:#fff;
    border-bottom:0 solid #99e0ff;
    padding-bottom:9px
}
.topmenu .dropdown .dropdown-menu li .owl-stage .owl-item.active:first-child .servicebox,.topmenu li.nav-item>a.nav-link.dropdown-toggle::after{
    border-left:0
}
.whitebgg{
    background:linear-gradient(270deg,#fff 88%,#ffffff8a);
    z-index:9
}
.topmenu li.nav-item>a.nav-link::after,.topmenu li.nav-item>a.nav-link::before{
    position:absolute;
    left:50%;
    width:5px;
    height:5px;
    border-radius:10px;
    background:#30d9ed;
    content:"";
    opacity:0;
    -webkit-transition:opacity 0.3s,-webkit-transform 0.3s;
    -moz-transition:opacity 0.3s,-moz-transform 0.3s;
    transition:opacity 0.3s,transform 0.3s;
    -webkit-transform:translateY(-10px);
    -moz-transform:translateY(-10px);
    transform:translateY(-10px);
    box-shadow:0 0 11px 5px #2ae4fb80
}
.topmenu .megadropdown>.nav-item .nav-link::after{
    content:inherit!important
}
.topmenu li.nav-item>a.nav-link:focus::after,.topmenu li.nav-item>a.nav-link:focus::before,.topmenu li.nav-item>a.nav-link:hover::after,.topmenu li.nav-item>a.nav-link:hover::before{
    opacity:1;
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    transform:translateY(0)
}
.lblue{
    color:#ddd
}
.blue{
    color:#00b2ff
}
.dark,.teampicwhl:hover .dark{
    color:#00374f
}
.bluet{
    color:var(--scolor)
}
.lgrey{
    color:#3e3e3e
}
.ltxt{
    color:#a5b8c5
}
.bluebox,.bluebox p,.gradbg,.gradbg p,.d-flex.evenbox span,.teaminfo .dark,.wrapperbox p{
    color:#fff
}
.gradbox{
    background:linear-gradient(101.59deg,#070709 41.49%,#1b1b22 101.53%);
    border-radius:10px;
    padding:15px
}
.ltxt::marker{
    color:#fff
}
.flowbg .col-lg-4:nth-child(3n) .gradbox{
    background:linear-gradient(271.59deg,#070709 41.49%,#1b1b22 101.53%)
}
.dotline{
    display:inline-block
}
.modal-backdrop.show{
    opacity:.8
}
.dotline img,.flowbg .container{
    position:relative;
    z-index:99
}
ul.soci{
    margin-bottom:0
}
ul.soci li{
    list-style:none;
    float:left;
    margin:3px
}
.awards li{
    float:left;
    margin-left:10px;
    xopacity:.8;
    list-style:none
}
.awards li:hover{
    opacity:1
}
.bounce-animation,.carousel-indicators .active,.evenbox button:hover{
    opacity:1!important
}
.socialicons li.bounce-animation img{
    xmix-blend-mode:color-dodge
}
.awards img{
    max-height:70px;
    max-width:70px;
    width:100%
}
.soci li a{
    background-color:#06b5fd;
    border-radius:35px;
    padding:5px;
    width:50px
}
.servicebox2{
    border:1px solid #ccc;
    height:100%
}
.carousel-inner::after{
    content:"";
    background:linear-gradient(0deg,#091f36 0,#ffffff00 50%,#091f36 100%);
    position:absolute;
    width:100%;
    z-index:9;
    height:100%
}
.wrapperbox,article.thumbnail.item{
    height:100%
}
.shadowbox{
    padding:20px;
    height:100%;
    border-radius:12px;
    box-shadow:0 0 35px 1px #00000014;
    background:var(--sitebg)
}
.shadowbox1{
    background:linear-gradient(45deg,var(--grade1),var(--grade2));
    height:100%
}
.autoh .shadowbox{
    height:auto
}
.qlink{
    padding-bottom:60px
}
.shadowbox h5{
    padding:10px;
    border-radius:10px 0;
    display:inline-block;
    margin-bottom:10px;
    font-weight:600
}
.shadowbox h5::before{
    position:absolute;
    xcontent:"";
    border-left:5px solid #20b2fa;
    border-left:5px solid var(--fcolor);
    left:-20px;
    height:44px;
    width:50px;
    top:0
}
.bluebox{
    background:linear-gradient(45deg,#0c214c,#2196f3)!important
}
.wrapperbox .h3{
    color:#ffffff82;
    text-transform:uppercase
}
.techlogos{
    display:table;
    xwidth:100%;
    margin:0 auto
}
.footerlogo{
    color:#fff;
    margin-right:10px
}
.tlogo .logo{
    display:flex;
    justify-content:center
}
.techlogos .logo{
    width:16.74%;
    height:100px;
    border:1px solid #ccc;
    display:inline-flex;
    vertical-align:middle;
    align-items:center;
    margin-bottom:-1px;
    margin-left:-1px;
    filter:grayscale(1)
}
.techlogos>.lineborder{
    height:100px;
    border:1px solid #ffffff0a;
    display:inline-flex;
    vertical-align:middle;
    align-items:center;
    margin-bottom:-1px;
    margin-left:-1px;
    filter:grayscale(1)
}
.techlogos>.lineborder:hover{
    border-radius:8px
}
.blue1,.blue2,.blue3{
    border-radius:20px 0
}
#featurecarouel .carousel-inner .carousel-item-next,#featurecarouel .carousel-inner .carousel-item-prev,#featurecarouel .carousel-inner .carousel-item.active,.owl-dots,.owl-stage{
    display:flex
}
.techlogos>div:hover{
    filter:inherit
}
.techlogos img{
    margin:0 auto;
    max-width:120px;
    max-height:50px;
    width:100%!important;
    height:100%!important
}
.tech3 img{
    width:100%!important;
    height:100%!important
}
.accordion-body,.carouselbox,.carouselbox p{
    text-align:left
}
.lightbg{
    background:var(--sitebg)
}
.blue1{
    background:#008ec7
}
.blue2{
    background:#01b7ff
}
.blue3{
    background:#04bdd5
}
.carouselbox{
    background:#fff;
    padding:20px 0 10px;
    height:100%
}
.carouselbox .servicebox:hover{
    background:#24b4ec
}
.carouselbox .servicebox:hover p{
    color:#fff!important
}
.carouselbox .servicebox{
    background:#fff;
    margin:10px;
    height:100%;
    box-shadow:0 0 22px -5px #5e93c785;
    border-radius:12px
}
.owl-carousel .owl-item{
    padding-bottom:10px
}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{
    background:#1eaffc
}
.owl-dots{
    justify-content:space-between;
    order:1
}
.owl-dots::before{
    content:"";
    border-top:3px solid #f3f3f3;
    position:absolute;
    top:18px;
    height:1px;
    width:100%;
    z-index:-1;
    justify-content:center;
    display:flex;
    margin:0 auto
}
ul.tags2 li{
    list-style:none;
    padding:10px;
    margin:5px;
    border:1px solid #e6f1fb;
    border-radius:7px;
    width:48%;
    float:left
}
ul.tags1 li,ul.tags3 li{
    padding:10px;
    margin:5px;
    border:1px solid #e6f1fb;
    list-style:none
}
ul.tags3 li{
    width:31%;
    float:left
}
ul.tags1 li{
    width:100%
}
.tags1 li,.tags2 li,.tags3 li{
    background:url(../images/checkmark.svg) 7px 9px/24px no-repeat #fff!important;
    padding-left:37px!important;
    transition:background 0.3s;
    border-radius:7px!important
}
.tags1 li:hover,.tags2 li:hover,.tags3 li:hover{
    background:url(../images/checkmark-white.svg) 5px 7px/28px no-repeat var(--fcolor)!important;
    padding-left:37px!important;
    color:#fff
}
ul.tags4 li{
    list-style:none;
    padding:10px;
    margin:5px;
    border:1px solid var(--sitebg);
    border-radius:7px;
    width:48%;
    float:left;
    background:var(--sitebg)!important
}
ul.tags4 li:hover{
    background:var(--fcolor)!important
}
.bluetitle{
    text-transform:capitalize;
    margin-bottom:45px;
    color:var(--titcolor)
}
.title{
    color:var(--titcolor)
}
.bluetitle span{
    color:var(--scolor);
    display:block;
    font-size:40px;
    font-weight:400
}
.bluetitle.text-center::after{
    left:47.5%!important
}
.bluetitle::after,.linehead h5::after{
    position:absolute;
    width:70px;
    height:5px;
    background:var(--tcolor);
    content:"";
    left:0;
    bottom:-22px;
    border-radius:4px
}
.evenbox{
    justify-content:space-between;
    text-align:center;
    align-items:center;
    position:absolute;
    bottom:0;
    width:100%;
    z-index:100;
    margin:0!important
}
.d-flex.evenbox>div,.evenbox button{
    width:100%!important;
    justify-content:center;
    color:#fff;
    background:0 0!important;
    height:110px!important;
    display:table-cell;
    vertical-align:middle;
    align-items:center;
    display:flex;
    text-indent:inherit!important;
    position:relative;
    opacity:1!important;
    text-transform:uppercase;
    font-weight:700
}
.evenbox button{
    opacity:0.5!important;
    border-bottom:5px solid #06b7fd!important;
    margin:0!important
}
.evenbox button::after{
    position:absolute;
    left:0;
    content:"";
    width:100%;
    height:100%;
    opacity:0.2!important;
    background:#fff!important
}
.nav-tabs{
    border-bottom:0
}
.nav-tabs .nav-link{
    border:0;
    border-bottom:3px solid #fff0;
    font-weight:600;
    color:#ccc
}
.nav-tabs .nav-link.active{
    border-bottom:3px solid #00b2ff;
    color:#06b5fd
}
#owl-carousel1 .owl-nav{
    position:relative;
    top:-160px;
    width:100%
}
#owl-carousel1 .owl-nav button{
    font-size:35px
}
#owl-carousel1 .owl-prev{
    left:0;
    position:absolute
}
#owl-carousel1 .owl-next{
    right:0;
    position:absolute
}
.icontit h4{
    background-image:url(../images/startick.svg);
    background-repeat:no-repeat;
    background-size:29px;
    padding-left:32px
}
.boxwrapper{
    margin:0;
    border:1px solid #e7e7e7;
    padding:30px;
    height:100%;
    border-radius:12px;
    background:#fff
}
.nbox{
    padding:20px;
    background:#f7f7f7;
    height:100%
}
.nbox1,.hb{
    padding:20px;
    background:var(--sitebg);
    height:100%;
    border-radius:10px
}
.whitebox{
    margin:0;
    border:1px solid #e7e7e7;
    padding:20px;
    height:100%;
    border-radius:12px;
    background:#fff;
    position:relative
}
.whitebox .siteoutlinebtn{
    position:absolute;
    bottom:30px
}
.whitebox.btnbox{
    position:relative;
    padding-bottom:70px
}
.whitebox:hover{
    box-shadow:0 0 15px #78787824
}
.whitebox h4{
    color:var(--fcolor)
}
.whitebox:hover h4{
    color:var(--lcolor);
    background:var(--scolor)
}
footer{
    background:var(--navcolor);
    padding:10px
}
ul.footernav li{
    list-style:none;
    font-size:14px
}
ul.footernav li a{
    text-decoration:none;
    color:#9fa3ab
}
footer h5{
    position:relative;
    color:#fff;
    margin-top:30px;
    font-weight:600
}
footer h5::after{
    position:absolute;
    width:40px;
    background:#06b5fd;
    height:3px;
    content:"";
    left:0;
    bottom:-10px
}
.awards{
    float:left;
    margin:0;
    padding:0
}
#carouselExampleCaptions::after{
    background:url(../images/grid.svg) 0 0 / contain;
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index:99
}
.whatsappicon{
    background:#42c534
}
.mobileicon{
    background:#3466c5
}
.herocontent .col-lg-6:first-child::after{
    position:absolute;
    content:"";
    width:40px;
    height:160px;
    xbackground:url(../images/banner-arrow.svg) center/21px no-repeat;
    top:13vh;
    right:0;
    border-radius:50%;
    z-index:99;
    animation:15s cubic-bezier(.36,.45,.63,.53) infinite circle
}
.cube{
    position:relative;
    top:0;
    right:0;
    position:sticky;
    z-index:9;
    display:none
}
.dotline,.relatsec,.teampic{
    position:relative
}
.cube::after{
    width:100px;
    height:100px;
    background:url(../images/cube.svg) 0 0 / contain no-repeat;
    position:absolute;
    content:"";
    right:30px;
    top:5vh;
    z-index:99;
    animation:8s linear infinite rotation
}
@keyframes rotation{
    from{
        transform:rotate(0)
    }
    to{
        transform:rotate(359deg)
    }
}
.slider-thumb::before{
    position:absolute;
    content:"";
    left:10%;
    top:35%;
    border:1px solid #03a9f4;
    width:340px;
    height:340px;
    background:linear-gradient(45deg,#0633d930,#039ce170);
    border-radius:62% 47% 82% 35%/45% 45% 80% 66%;
    will-change:border-radius,transform,opacity;
    animation:5s linear infinite sliderShape;
    display:block;
    -webkit-animation:5s linear infinite sliderShape;
    display:none
}
@keyframes sliderShape{
    0%,100%{
        border-radius:42% 58% 70% 30%/45% 45% 55% 55%;
        transform:translate3d(0,0,0) rotateZ(0.01deg)
    }
    34%{
        border-radius:70% 30% 46% 54%/30% 29% 71% 70%;
        transform:translate3d(0,5px,0) rotateZ(0.01deg)
    }
    50%{
        transform:translate3d(0,0,0) rotateZ(0.01deg)
    }
    67%{
        border-radius:100% 60% 60% 100%/100% 100% 60% 60%;
        transform:translate3d(0,-3px,0) rotateZ(0.01deg)
    }
}
.tech3 .logo{
    width:32%;
    margin:1px;
    background:#fff
}
.techlogos.direct img{
    object-fit:inherit!important
}
.techlogo{
    width:100%;
    margin:0 auto;
    background:#fff;
    max-width:fit-content;
    display:contents
}
.techlogo img{
    width:170px;
    object-fit:cover;
    height:75px;
    object-position:inherit!important
}
.accordion-header{
    border-bottom:1px solid #e5eaed
}
.accordion-button{
    align-items:start
}
.clist ::marker{
    color:#20b2fa;
    color:var(--tcolor);
    font-size:23px
}
ul.clist li{
    list-style:circle;
    padding:2px 10px;
    margin:8px;
    border-bottom:1px dashed #cad3db
}
ul.clist li:hover{
    box-shadow:1px 7px 17px -14px #0c214c
}
.accordion-item{
    border:0
}
.accordion-button:not(.collapsed){
    color:var(--fcolor);
    !important;
    background:0 0;
    box-shadow:none!important;
    xtext-shadow:0 0 1px #0a0a0a8a
}
.bounce-animation{
    animation:0.8s alternate bounceAnimation;
    transform:all
}
@keyframes bounceAnimation{
    0%,100%{
        transform:scale(1)
    }
    50%{
        transform:scale(1.1)
    }
}
.socitalk li:first-child a .circleicon{
    background:#4cc551!important
}
.stickysec .container{
    max-width:100%!important;
    padding:0 65px
}
.socitalk li:nth-child(3) a .circleicon{
    background:#46dbff!important
}
.socitalk li:nth-child(1):hover a{
    border-radius:4px;
    background:#03ab03
}
.socitalk li:nth-child(2):hover a{
    border-radius:4px;
    background:#1eaffc
}
.socitalk li:nth-child(3):hover a{
    border-radius:4px;
    background:#1bcdf7
}
.socitalk li:hover .circleicon{
    background:#ffffff4f!important
}
ul.socitalk li a:hover .socitext{
    color:#fff
}
.techlogos.tech4 .logo .techlogo img{
    object-fit:inherit;
    margin:0 auto;
    max-width:70px!important;
    max-height:45px!important
}
.blogdetail{
    background:linear-gradient(180deg,#034df9 40vh,#ffffff 40vh)
}
.blogdetail p{
    text-align:left!important
}
h5,.h5{
    font-size:19px;
    font-weight:500
}
@media (max-width:767px){
    #featurecarouel .carousel-inner .carousel-item>div{
        display:none
    }
    #featurecarouel .carousel-inner .carousel-item>div:first-child{
        display:block
    }
    .techlogos>.lineborder{
        height:60px
    }
}
@media (min-width:768px){
    #featurecarouel .carousel-inner .carousel-item-end.active,#featurecarouel .carousel-inner .carousel-item-next{
        transform:translateX(25%)
    }
    ##featurecarouel .carousel-inner .carousel-item-prev,#featurecarouel .carousel-inner .carousel-item-start.active{
        transform:translateX(-25%)
    }
}
#featurecarouel .carousel-inner .carousel-item-start,#featurecarouel.carousel-inner .carousel-item-end{
    transform:translateX(0)
}
#drag-container,#spin-container{
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin:auto;
    -webkit-transform-style:preserve-3d;
    transform-style:preserve-3d;
    -webkit-transform:rotateX(-10deg);
    transform:rotateX(-10deg)
}
#drag-container img,#drag-container video{
    -webkit-transform-style:preserve-3d;
    transform-style:preserve-3d;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    line-height:200px;
    font-size:50px;
    text-align:center;
    -webkit-box-shadow:0 0 8px #27a5d3;
    box-shadow:0 0 8px #27a5d3;
    -webkit-box-reflect:below 10px linear-gradient(transparent,transparent,#0005);
    border-radius:7px
}
#drag-container img:hover,#drag-container video:hover{
    -webkit-box-shadow:0 0 15px #0cf;
    box-shadow:0 0 15px #0cf;
    -webkit-box-reflect:below 10px linear-gradient(transparent,transparent,#0007)
}
#drag-container p{
    font-family:Serif;
    position:absolute;
    top:100%;
    left:50%;
    -webkit-transform:translate(-50%,-50%) rotateX(90deg);
    transform:translate(-50%,-50%) rotateX(90deg);
    color:#fff
}
#ground{
    width:900px;
    height:900px;
    position:absolute;
    top:100%;
    left:50%;
    -webkit-transform:translate(-50%,-50%) rotateX(90deg);
    transform:translate(-50%,-50%) rotateX(90deg);
    background:-webkit-radial-gradient(center center,farthest-side,#9993,transparent)
}
@-webkit-keyframes spin{
    from{
        -webkit-transform:rotateY(0);
        transform:rotateY(0)
    }
    to{
        -webkit-transform:rotateY(360deg);
        transform:rotateY(360deg)
    }
}
@keyframes spin{
    from{
        -webkit-transform:rotateY(0);
        transform:rotateY(0)
    }
    to{
        -webkit-transform:rotateY(360deg);
        transform:rotateY(360deg)
    }
}
@-webkit-keyframes spinRevert{
    from{
        -webkit-transform:rotateY(360deg);
        transform:rotateY(360deg)
    }
    to{
        -webkit-transform:rotateY(0);
        transform:rotateY(0)
    }
}
@keyframes spinRevert{
    from{
        -webkit-transform:rotateY(360deg);
        transform:rotateY(360deg)
    }
    to{
        -webkit-transform:rotateY(0);
        transform:rotateY(0)
    }
}
.innerbanner{
    min-height:20vh;
    xbackground:linear-gradient(119deg,#1cbbff .78%,#0d83fd 33.1%);
    margin-top:55px;
    display:table;
    background:#081d47;
    width:100%
}
.hero .row.h-100,.hero1 .row.h-100,.innerpagebanner{
    min-height:100vh
}
.contents,.deskx{
    display:none
}
.about{
    background:linear-gradient(90deg,#020708 50%,#081d250d 70%,#081d2500 80%),url(https://nexcenz.com/images/about/nex-aboutus.jpg) no-repeat;
    background-repeat:no-repeat;
    background-position:100% top,center right;
    background-size:cover,50%;
    color:#fff;
    padding:15vh 0
}
.whowe1{
    color:#fff;
    background:#182330;
    background-size:60%,50%;
    background-position:120% 80%,center;
    background-repeat:no-repeat;
    position:relative
}
.bluebox1{
    background:#1e3045e6;
    border-radius:20px;
    position:relative
}
.fixedbg{
    position:absolute;
    width:50%;
    height:100%;
    left:50%;
    top:0
}
.fixedbg{
    position:absolute;
    width:50%;
    height:100%;
    left:50%;
    top:0
}
.fixedbg img{
    width:100%;
    height:100%;
    object-fit:cover
}
.bluebox1::after{
    content:"";
    position:absolute;
    background:url(https://nexcenz.com/images/about/blue-ellipse.svg);
    width:100px;
    height:100px;
    background-size:contain;
    right:-40px;
    bottom:-35px
}
.whowe1 .col-lg-7{
    position:relative
}
.whowe1 .col-lg-7::before{
    content:"";
    position:absolute;
    background:url(https://nexcenz.com/images/about/white-ellipse.svg);
    width:100px;
    height:100px;
    background-size:contain;
    left:-40px;
    top:-35px
}
.borderpic{
    border:1px solid #ccc
}
.servicesec{
    position:relative;
    background:#f9fcff;
    z-index:-9
}
.servicesec::before{
    content:"";
    position:absolute;
    width:150px;
    height:150px;
    background:#e0edf9;
    border-radius:150px;
    left:45%;
    z-index:-1;
    top:20vh
}
.selectpic{
    position:absolute;
    width:40%;
    left:0;
    height:450px;
    top:0
}
.selectpic img{
    width:100%;
    object-fit:cover;
    height:100%
}
.accordionpics{
    position:relative
}
.innerbanner .container{
    height:100%;
    vertical-align:middle;
    text-align:center;
    display:table-cell;
    position:relative;
    z-index:99
}
.radiuspic{
    border-radius:20px 0
}
.dotline::before{
    content:"";
    position:absolute;
    background-image:url(../images/dotline.svg);
    background-repeat:no-repeat;
    width:330px;
    height:340px;
    top:-156px;
    left:-160px;
    z-index:9;
    background-size:90px;
    background-position:center
}
.teampicwhl{
    width:19%;
    margin:.5%
}
.innerpagebanner ul li,.titlem{
    margin-bottom:10px
}
.teampicwhl .teampic::after{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    background:#061d52ba;
    z-index:9;
    top:0;
    left:0;
    border-radius:20px 0;
    transition:0.2s
}
.teampicwhl:hover .teampic::after{
    background:0 0
}
button{
    outline:0!important;
    box-shadow:none!important
}
.teaminfo{
    top:-125px;
    z-index:9;
    position:relative;
    padding:10px
}
.teampicwhl:hover .teaminfo{
    position:relative;
    transition:top 0.2s;
    top:0;
    color:#fff
}
.hero .btn{
    font-size:18px
}
.flabel{
    font-size:14px;
    text-transform:uppercase;
    margin-left:5px
}
.btn-close{
    position:absolute;
    right:20px;
    top:20px;
    z-index:9
}
.modal-body form .form-control,.modal-body .input-group-text{
    border:0;
    border-bottom:2px solid #d7d7d7!important;
    border-radius:0;
    padding:7px 5px;
    font-size:14px;
    height:45px;
    box-shadow:none!important;
    color:#000!important
}
.contact-form .input-group-text{
    border:0;
    border-bottom:1px solid #7f93b8
}
.modal-body form .form-control:focus,.modal-body .input-group-text:focus{
    border-bottom:2px solid var(--navcolor)!important
}
.formbg{
    background:url(../images/nex3d.webp),var(--navcolor);
    position:relative;
    background-size:50%;
    background-position:center 35vh;
    background-repeat:no-repeat;
    background-blend-mode:luminosity
}
.modal-content{
    border-radius:10px;
    overflow:hidden
}
.modal-body .h3{
    color:var(--navcolor)
}
.sitebtn{
    background-color:#07b8ff;
    min-width:100px;
    position:relative;
    padding:11px 18px;
    transition:0.5s;
    line-height:normal
}
.sitebtn:after{
    content:"»";
    position:absolute;
    opacity:0;
    top:18%;
    right:-20px;
    transition:0.5s
}
.formbg::after{
    background:#00000036;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    content:""
}
.form-wrapper{
    position:relative;
    z-index:99
}
.modal-body .sitebtn{
    background:var(--tcolor);
    border:1px solid var(--tcolor);
    text-transform:uppercase;
    font-weight:500;
    font-size:15px;
    padding:7px 15px
}
form ::placeholder{
    color:var(--navcolor);
    opacity:.5px;
    font-size:12px;
    text-transform:uppercase
}
.iconc{
    margin-right:15px!important;
    font-size:20px
}
.btn-outline-dark,.circleicon,.gradbox,.innerpagebanner,.menuwrap,.relativebox,.vscrollb{
    position:relative
}
.sitebtn:hover{
    padding-right:34px!important;
    padding-left:18px!important;
    background:#000;
    color:#fff!important;
    border:1px solid #fff
}
.sitebtn:hover:after{
    opacity:1;
    right:10px
}
.herocontent .btn-outline-dark{
    background:#fff;
    padding:8px 20px;
    font-weight:700;
    color:#fff;
    border:1px solid #fff
}
.herocontent .btn-outline-dark{
    background:var(--dcolor);
    padding:8px 20px;
    font-weight:700;
    border:1px solid var(--dcolor)!important
}
.herocontent .btn-outline-dark:hover{
    color:var(--lcolor);
    border:1px solid #72dcff
}
:root{
    --fcolor:#2bc5fa
}
.herocontent .btn-outline-dark:after{
    background-color:var(--fcolor);
    border:1px solid var(--fcolor)
}
.herocontent .btn-outline-dark:hover{
    border:1px solid var(--fcolor)!important
}
.btn-outline-dark{
    z-index:99;
    border:1px solid #1b52c1;
    color:#1b52c1
}
.menuwrap>div{
    width:100%
}
.menuwrap{
    width:100%;
    align-items:center
}
.titlem{
    width:370px;
    background-color:#191920;
    color:#7e7e87;
    padding:10px;
    border-radius:7px;
    cursor:pointer
}
.contents{
    opacity:0;
    transition:opacity 0.3s;
    background-color:#f5f5f5;
    padding:10px
}
.contents.active{
    display:block;
    opacity:1
}
.choose,.titlem:hover{
    background:#06b5fd!important;
    color:#fff!important
}
.relativebox{
    width:80%
}
.gradbox{
    left:430px;
    width:100%!important;
    top:0
}
.whowe{
    background:url(../images/whowe.jpg) 0 0 / cover fixed #f3f7fb
}
.mobileapp .row,.visionbg{
    background-repeat:no-repeat
}
.visionbg{
    background-image:url(../images/career-growth-concept.png);
    background-size:50%;
    background-position:bottom right
}
.servicebox{
    background:url(../images/home/office.jpg),#182330;
    background-size:40%;
    background-position:bottom right;
    background-repeat:no-repeat;
    background-position:center left;
    min-height:90vh
}
.text-white p{
    color:#fff!important
}
.transbox{
    background:#182330e0;
    border-radius:10px;
    z-index:99;
    position:relative
}
.darkbg{
    background:#182330
}
.darkbtn svg,.tagbox{
    display:inline-block
}
.innerpagebanner{
    padding:80px 0;
    background-repeat:no-repeat!important;
    background-size:contain,contain!important;
    background-size:contain,55%!important;
    background-position:center center,center right!important
}
.newpagebanner{
    background:var(--bgpic),var(--pagepic)!important;
    background-size:80vh auto,cover!important;
    background-size:47% auto,cover!important;
    background-repeat:no-repeat!important;
    background-position:center right,center!important
}
.mainbanner{
    background-size:160px,cover!important;
    background-position:7vh 21%,center right!important;
    position:inherit!important
}
.mainbanner h1{
    color:#000!important
}
.innerpagebanner ul li::maker{
    color:#2bc5fa;
    font-size:20px
}
.newpagebanner .row{
    min-height:80vh
}
binance-clone section.innerpagebanner::before{
    background:linear-gradient(90deg,#0b153d 50%,#0390f400) fixed;
    position:absolute;
    left:0;
    width:100%;
    height:100vh;
    content:"";
    top:0
}
.innerpagebanner .container{
    height:100%;
    vertical-align:middle;
    min-height:80vh;
    display:table;
    position:relative
}
.innerpagebanner p{
    color:#fff;
    font-size:18px
}
.innerpagebanner h1 span{
    color:var(--fcolor);
    font-size:40px!important;
    font-size:inherit;
    display:contents;
    display:block!important;
    margin-top:12px
}
.innerpagebanner h1{
    font-size:62px;
    color:#fff
}
.sticky-container main{
    xbackground:url(../images/services-bg.svg) #f3f7fb;
    background-size:cover;
    background-position:center center;
    height:100vh
}
li::marker{
    color:#2bc5fa
}
.tagbox{
    background:var(--drcolor);
    color:var(--fcolor);
    border:1px solid var(--lcolor);
    margin-bottom:5px
}
.tagbox{
    padding:4px 10px;
    margin-bottom:5px
}
.innercontent h1{
    line-height:1.2
}
.innercontent{
    display:table-cell;
    vertical-align:middle
}
.owl-carousel{
    display:grid!important
}
.owl-stage-outer{
    order:2
}
.socitalk{
    justify-content:center;
    align-items:center;
    display:flex;
    padding:20px 0
}
.socitalk li{
    list-style:none;
    margin:0 10px
}
.socitalk li a{
    display:flex;
    align-items:center;
    padding:3px 12px 3px 3px
}
.socitext{
    color:var(--txtcolor)
}
.accordion-item,.accordion-button{
    background-color:var(--sitebg);
    color:var(--txtcolor);
    background:transparent!important
}
.accordion-header{
    border-bottom:1px solid var(--tcolor)
}
.circleicon{
    background:#1eaffc;
    width:35px;
    height:35px;
    display:inline-flex;
    margin-right:8px;
    border-radius:35px;
    padding:9px
}
@keyframes circle{
    0%,to{
        transform:translate3d(0,100px,0)
    }
    50%{
        transform:translate3d(0,10px,205px)
    }
}
main{
    overflow-x:hidden;
    display:flex;
    position:sticky;
    min-height:60vh;
    align-items:center;
    top:0
}
.vscrollb{
    min-width:320px;
    min-height:300px;
    background-color:#fff;
    padding:20px 20px 75px;
    border-radius:10px;
    margin:0 15px
}
.static-content{
    position:sticky;
    z-index:999;
    left:0;
    background:#f3f7fb;
    float:left;
    padding-right:20px;
    box-shadow:-4px -4px 30px 47px #f3f7fb;
    margin-right:30px
}
.bottombtn{
    position:absolute;
    bottom:0
}
.innerwrap{
    width:430px
}
main.container.sitec{
    max-width:90%;
    margin:0 auto;
    padding:0
}
.linehead h5{
    margin-bottom:42px;
    position:relative
}
.blueborder{
    border-radius:0;
    border:1px solid #26bffb;
    padding:10px;
    font-weight:700
}
.sbtn{
    padding:8px!important;
    min-width:100px!important;
    text-transform:uppercase;
    font-size:13px
}
.mobileapp .row{
    background-image:url(../images/exchange/exchangeapp.svg);
    background-position:center center;
    padding:60px 10px
}
.blogdetails{
    padding:0;
    margin-top:58px
}
.blogdetail{
    overflow:inherit
}
.blogdetail h1.title1{
    font-size:45px
}
.blogdetail h1 span{
    display:block;
    font-size:20px;
    color:#25c3fc
}
.blogdetail h1{
    font-size:45px;
    color:#fff;
    line-height:normal;
    font-weight:600;
    margin-bottom:25px
}
.blogdetail .fixedbox h4{
    font-weight:600
}
.blogdetail h2{
    font-size:30px
}
.blogdetail h3{
    font-size:25px
}
.blogdetail strong{
    font-weight:700;
    color:#001e4e;
    font-size:18px;
    line-height:normal
}
.fixedbox{
    position:sticky;
    top:60px;
    background:#eff3fb
}
ul.catetags li a{
    padding:10px 15px;
    border-radius:24px;
    color:#072052;
    display:block;
    min-width:140px;
    text-align:center;
    border:1px solid #7d9edf;
    line-height:normal
}
ul.catetags li{
    list-style:none;
    margin:5px 5px 10px;
    width:auto;
    padding:0
}
.searchbar{
    width:100%;
    position:relative
}
.searchbar input{
    color:#fff;
    text-indent:27px;
    border-radius:35px;
    border:1px solid #d3d7df;
    padding-right:50px
}
img.vert-move,img.vert-move1{
    filter:drop-shadow(0 4px 16px #072052);
    border-radius:10px
}
.searchsvg{
    fill:#13b6fd;
    width:20px;
    position:absolute;
    height:20px;
    left:11px;
    top:8px
}
.searchbarshow{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%!important
}
.closebtn{
    margin-left:-40px;
    width:40px;
    text-align:center;
    z-index:99;
    border-radius:35px;
    padding:0
}
.searchbarshow::before{
    background:#050a29ba;
    position:fixed;
    left:0;
    height:100%;
    width:100%;
    content:"";
    top:0;
    z-index:999
}
.searchbarshow .card-body{
    background:#fff;
    z-index:9999;
    height:100%
}
.catetags{
    margin-bottom:0!important
}
.centertags{
    padding:20px 0;
    position:sticky;
    top:55px;
    background:#fff;
    z-index:99
}
.relatedpic{
    max-width:80px;
    margin-right:10px;
    height:80px
}
.relatedpic img{
    width:80px;
    height:80px;
    object-fit:cover;
    object-position:center left
}
.darkbtn svg{
    fill:#1ea8f2;
    width:17px;
    height:17px;
    position:relative
}
.darkbtn{
    background:#061e46;
    border-color:#061e46;
    padding:7px 2px
}
.darkbtn:hover{
    background-color:#13b6fd;
    border-color:#18b8fb
}
.darkbtn:hover svg{
    fill:#fff
}
.scrollr{
    display:flex;
    overflow-x:auto;
    scroll-snap-type:x proximity
}
.scrollr>div{
    scroll-snap-align:start;
    width:450px
}
.icon-c{
    filter:invert(1)
}
.liicon h4{
    background:url(../images/checkmark.svg) no-repeat,#fff0!important;
    background-size:30px!important;
    padding:7px 15px 5px 38px!important;
    font-size:20px;
    padding-bottom:5px;
    background-position:3px 4px!important
}
.liicon h5{
    background:url(../images/checkmark.svg) no-repeat,#fff0!important;
    background-size:25px!important;
    padding-left:35px;
    background-position:left center!important
}
.shadowbox.liicon:hover h4{
    background:url(../images/checkmark.svg) no-repeat,#bad2eb57!important;
    background-size:30px!important;
    background-position:3px 4px!important;
    border-radius:4px
}
.qlink h4{
    font-size:20px;
    padding:7px;
    border-radius:4px;
    font-weight:700;
    color:#000
}
.shadowbox:hover h5{
    background:var(--scolor);
    color:var(--lcolor);
    background-size:25px!important;
    background-position:left center!important
}
img.vert-move{
    -webkit-animation:1s infinite alternate mover;
    animation:1s infinite alternate mover
}
img.vert-move1{
    -webkit-animation:2s infinite alternate mover1;
    animation:10s infinite alternate mover1
}
.imagewrapper{
    position:relative;
    margin:0 auto;
    display:table
}
.midleft,.midright{
    top:50%;
    position:absolute
}
.midleft{
    left:0
}
.midright{
    right:0
}
@-webkit-keyframes mover{
    0%{
        transform:translateY(0)
    }
    100%{
        transform:translateY(-10px)
    }
}
@keyframes mover{
    0%{
        transform:translateY(0)
    }
    100%{
        transform:translateY(-10px)
    }
}
@-webkit-keyframes mover1{
    0%{
        transform:translateY(0)
    }
    100%{
        transform:translateY(-100px)
    }
}
@keyframes mover1{
    0%{
        transform:translateY(0)
    }
    100%{
        transform:translateY(-100px)
    }
}
.ccexchangerevenue{
    background:url(../images/crypto/cryptocurrency-exchange-revenue.svg) left bottom/33% no-repeat fixed
}
.defilending{
    background:url(../images/defi-lending/lendingandborrowing.png) left bottom/22% no-repeat fixed
}
.defidapprevenue{
    background:url(../images/defi-dapp/defiapp-reavenue.png) left bottom/22% no-repeat fixed
}
.defismartrevenue{
    background:url(../images/defi-smart/defi-revenue.png) left bottom/22% no-repeat fixed
}
.defirevenue{
    background:url(../images/defi-development/defi-revenue.png) left bottom/22% no-repeat fixed
}
.defitokenrevenue{
    background:url(../images/defi-token/defitoken-revenue.png) left bottom/34% no-repeat fixed
}
.defistakingrevenue{
    background:url(../images/defi-staking/staking-revenue.png) left bottom/25% no-repeat fixed
}
.lbcrevenue{
    background:url(../images /localbitcoin/localbitcoin-revenue2.svg) left bottom/33% no-repeat fixed
}
.txt-link{
    color:#9fa3ab
}
.txt-link:hover;
{
    color:#06b5fd
}
.stictit{
    xbackground:linear-gradient(180deg,#fff0 10%,#fff 54%,#ffffff00 80%);
    padding:10%;
    margin:0 0 0 -50px;
    padding-left:70px
}
.bot-link{
    color:#9fa3ab
}
.nav-pills .nav-link{
    border:1px solid var(--tabline);
    margin:5px;
    color:var(--tabcolor)
}
.nav-pills .nav-link.active{
    background-color:var(--tabcolor);
    border:1px solid var(--tabline)
}
.stic-content{
    position:sticky;
    top:50px
}
.toplist{
    padding:0;
    display:inline-block
}
.listh li a{
    color:#fff
}
.listh li{
    border:1px solid #ffffff57
}
.listh li:hover{
    background:#ffffff42!important
}
.toplist li:hover{
    background:#000;
    color:#fff;
    border-radius:4px
}
.toplist li{
    width:48%;
    float:left;
    margin:1% 0;
    padding:12px 7px;
    list-style:inside square;
    padding-left:10px;
    font-size:13px;
    margin-right:1.5%;
    text-transform:uppercase;
    background:#7b7b7b17
}
.sitec{
    max-width:100%;
    padding:0 70px
}
.blogdetail h1,.blogdetail h2,.blogdetail h3,.blogdetail h4,.blogdetail h5,.blogdetail h6{
    font-weight:600
}
.ott-service{
    background:url(../images/ott-app-development-services/bg.webp);
    background-size:cover;
    background-repeat:no-repeat;
    background-position:left bottom;
    background-attachment:fixed
}
.ott-devs{
    background:url(../images/ott-app-development-services/hire.png);
    background-size:60%;
    background-repeat:no-repeat;
    background-position:90% top
}
section.radcircle::before{
    background:#fff;
    position:absolute;
    width:430px;
    height:430px;
    content:"";
    top:240px;
    left:0;
    filter:blur(161px);
    opacity:.3
}
section.radcircle::after{
    background:#fff;
    position:absolute;
    width:300px;
    height:300px;
    content:"";
    bottom:240px;
    right:0;
    filter:blur(161px);
    opacity:.3
}
.about-solution{
    background:url(../images/about/solution-bg.webp);
    background-size:cover;
    background-repeat:no-repeat;
    background-position:left bottom
}
.backdrop{
    background:#0000003d;
    border-radius:15px;
    backdrop-filter:blur(11px)
}
.title3{
    color:#0a1e53!important;
    font-weight:500;
    font-size:23px!important
}
.who-we{
    background:url(../images/about/who-bg.png);
    background-repeat:no-repeat;
    background-position:90% top
}
.about-overview{
    background:url(../images/about/overview.webp);
    background-size:cover;
    background-repeat:no-repeat;
    background-position:left bottom
}
.about-principle{
    background:url(../images/about/principles.png);
    background-size:cover;
    background-repeat:no-repeat;
    background-position:left bottom;
    border-radius:12px;
    min-height:450px;
    max-height:450px
}
.services{
    background:url(../images/web-application-development/services.webp);
    background-size:cover;
    background-repeat:no-repeat;
    background-position:left bottom;
    background-attachment:fixed
}
.footer{
    background-size:cover;
    background-repeat:no-repeat;
    background-position:left bottom
}
.footer h3{
    color:#fff
}
.footer{
    background:var(--navcolor)
}
.footer,.footer p,.footer a{
    color:#fff
}
.border-right{
    border-right:2px solid #5f5f5f0a
}
.socialmedia li{
    list-style:none;
    width:31.3%;
    margin:0 1%;
    float:left;
    text-align:center;
    margin:10px 0
}
.contact-banner{
    background:url(../images/contact/contact_us_banner.png);
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center
}
.contactform_bg{
    background:url(../images/contact/contactform-bg.png);
    background-size:cover;
    background-repeat:no-repeat
}
.form_bg{
    background:linear-gradient(105.27deg,rgb(116 56 255 / .1) 24.75%,rgb(255 226 200 / .1) 49.63%,rgb(255 90 156 / .1) 71.09%),#FFFFFF;
    border-radius:12px
}
.grad_heading{
    background:linear-gradient(90deg,#7438FF 24%,#ffbe84 49.5%,#FF5A9C 71.5%);
    -webkit-background-clip:text;
    -webkit-text-fill-color:#fff0;
    background-clip:text;
    text-fill-color:#fff0;
    width:fit-content
}
.contact-form{
    background:url(../images/contact/contact-form.png);
    background-size:cover;
    background-repeat:no-repeat;
    background-position:right bottom
}
.contact-form .form-control{
    background-color:transparent!important;
    border:0;
    border-radius:0px!important;
    border-bottom:1px solid #97A9CF!important;
    color:#fff!important
}
select.form-select.form-control option{
    color:#000!important
}
.contact-dark{
    background-color:#fff0;
    padding:20px;
    border-radius:12px
}
.rounded_corner{
    border-radius:8px
}
.rounded_corner .form-control,.rounded_corner .input-group-text{
    border:1px solid rgb(14 14 14 / .28);
    min-height:48px
}
.rounded_corner .dropdown-toggle::after{
    display:none
}
.rounded_corner .input-group-text{
    border-right:none;
    padding-left:10px
}
.rounded_corner .form-control{
    min-height:48px
}
.rounded_corner .form-control::placeholder{
    font-size:1rem;
    color:#000
}
.rounded_corner .siteinputgroup a{
    border-radius:3px
}
.left_none{
    border-left:none!important
}
.text-black{
    color:#000!important
}
.rounded_corner .sitebtn{
    background:#081531;
    border:none
}
#navbarSupportedContent .whitebtn{
    border:1px solid rgb(255 255 255 / .12);
    border-radius:29px;
    position:relative;
    background:var(--navcolor)
}
.border_effect{
    position:relative;
    overflow:hidden;
    border-radius:29px;
    padding:3px
}
.border_effect:before{
    content:'';
    z-index:-2;
    text-align:center;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%) rotate(0deg);
    position:absolute;
    width:99999px;
    height:99999px;
    background-repeat:no-repeat;
    background-position:0 0;
    background-image:conic-gradient(#fff0,#1976ed,#fff0 25%);
    animation:rotateb 4s linear infinite
}
@keyframes rotateb{
    100%{
        transform:translate(-50%,-50%) rotate(1turn)
    }
}
.cont-det .contact-dark a{
    color:#fff!important
}
.form-control::placeholder{
    color:#97A9CF;
    text-transform:capitalize
}
.centralized{
    background:url(../images/centralized-exchange-script/services.webp);
    background-size:cover;
    background-repeat:no-repeat;
    background-position:left bottom;
    background-attachment:fixed
}
@media(min-width:991px){


}
@media(min-width:991px){
    .cust-cls{
        display:block!important
    }
    .overmenu.cust-cls{
        display:flex!important;
        flex-direction:column!important;
        height:78vh;
        padding-bottom:100px
    }
    .overmenu.cust-cls li{
        width:100%
    }
    .headingmenu{
        background:transparent!important
    }
}
@media screen and (max-width:1400px),screen and (max-height:800px){
    .innerpagebanner h1,h1{
        font-size:50px
    }
    .largef{
        font-size:16px
    }
    .bigf h2{
        font-size:45px
    }
    .bigf h3{
        font-size:40px
    }
    .gradbox{
        left:0
    }
    .blogdetail h1{
        font-size:37px
    }
}
@media (max-width:1600px){
    .navbar .sitec{
        padding:0 10px
    }
}
@media (max-width:1200px){
    .relativebox{
        display:none
    }
    .blogdetail strong{
        font-size:14px
    }
    .wgradbg{
        margin:0 -4%
    }
    .sitec{
        max-width:100%;
        padding:0 54px
    }
    .bigf{
        font-size:40px
    }
}
@media(max-width:991px){
    section.innerpagebanner.otc-crypto{
        background-position:center bottom,center!important;
        background-size:380px,cover!important
    }
    section.innerpagebanner.crypto-ex-dev{
        background-position:center,center!important;
        background-size:380px,cover!important
    }
    section.innerpagebanner.decentralized{
        background-position:center,center!important;
        background-size:380px,cover!important
    }
    section.innerpagebanner.hybrid-ex{
        background-position:center,center!important;
        background-size:380px,cover!important
    }
    .cont-det{
        display:grid
    }
    .cont-det .contact-dark{
        order:2
    }
    .contactform_bg{
        background:#080b0e!important
    }
    .card-bg{
        background:none
    }
    .sitec{
        padding:0 35px
    }
    .socitalk li a{
        background:var(--navcolor)
    }
    .socitalk li a .socitext{
        color:#fff
    }
    .innercontent{
        text-align:center;
        color:#fff
    }
    .innerpagebanner p,.lightbanner.newpagebanner h1,.lightbanner.newpagebanner p{
        text-align:center;
        color:#fff
    }
    .innerpagebanner .container{
        max-width:880px;
        width:90%
    }
    .hero .row.h-100,.hero1 .row.h-100,.innerpagebanner,.innerpagebanner .container{
        min-height:50vh;
        padding:50px 0
    }
    .contact-form{
        position:relative
    }
    .contact-form::before{
        position:absolute;
        content:"";
        width:100%;
        height:100%;
        top:0;
        left:0;
        background:#02071de8
    }
    .contact-form .container{
        z-index:9;
        position:relative
    }
    .showmenus{
        display:block!important
    }
    .btn-close{
        filter:invert();
        opacity:1
    }
}
@media (max-width:991px){
    .servicesec .text-end,.text-start{
        text-align:center!important
    }
    .selectpic{
        display:none
    }
    .about{
        background:linear-gradient(357deg,#040606,#0a1e53)!important
    }
    .footer .backdrop,.footer p{
        text-align:center
    }
    .innercontent.herocontent ul{
        display:table;
        margin:0 auto
    }
    .innercontent.herocontent ul li{
        list-style:none;
        padding:5px;
        border:1px solid
    }
    .border-right{
        border-right:0
    }
    #nav-main,.dropdown-menu.megadropdown{
        padding:0
    }
    .stickysec .container,.container{
        max-width:100%!important;
        padding:0 35px
    }
    .dotline{
        display:block;
        width:100%
    }
    .tagbox{
        border:1px solid var(--fcolor);
        color:#fff
    }
    .dropdown-menu.megadropdown::after{
        content:inherit
    }
    .navbar-collapse{
        background:#111213!important;
        margin:10px -14px;
        padding:10px
    }
    .topmenu>li>a{
        padding:6px
    }
    .socialicons{
        position:fixed;
        top:0;
        left:inherit;
        z-index:999;
        right:60px;
        animation:inherit!important
    }
    .socialicons li{
        float:left
    }
    .sticky-container{
        height:auto!important;
        padding:30px 0
    }
    .sticky-container .static-content{
        position:inherit;
        float:none
    }
    main.container.sitec .d-flex{
        display:inline-block!important
    }
    .sticky-container main{
        height:auto;
        position:inherit;
        min-height:inherit
    }
    .vscrollb{
        margin:10px 0!important;
        min-width:inherit;
        width:100%
    }
    .navbar{
        background-color:#091b49fa!important
    }
    li.nav-item.dropdown.select .dropdown-menu.transmenu{
        display:block;
        position:relative;
        z-index:999
    }
    .catmenu{
        margin-bottom:0;
        width:100%
    }
    #nav-main{
        position:relative;
        height:0
    }
    .topmenu .transmenu{
        position:relative;
        padding-left:0;
        max-height:200px;
        overflow:auto;
        top:0!important
    }
    #nav-main .navbar-nav{
        max-width:inherit
    }
    #nav-main .dropdown{
        width:100%;
        margin:0;
        padding:10px
    }
    .transmenu .row,.wgradbg{
        margin:0
    }
    .catmenu ul,.megamenu .dropdown-menu.megadropdown{
        display:none;
        height:auto!important
    }
    #nav-main .selectm .transmenu,.catmenu.menuactive ul,.megamenu .dropdown-menu.megadropdown.show,.menuactive.catmenu ul{
        display:block
    }
    .megamenu .megadropdown li{
        width:100%;
        margin:0;
        font-size:14px;
        font-weight:400
    }
    .cust-pos{
        position:relative;
        left:10px;
        top:0
    }
    .headingmenu.vvv{
        background:url(../images/nextarrow.svg) #183469
    }
    .headingmenu{
        width:100%;
        font-weight:700;
        font-size:15px
    }
    .megamenu .dropdown-menu,.mobileapp .row{
        background:0 0
    }
    .megadropdown{
        position:relative!important;
        overflow:auto;
        height:auto
    }
    .topmenu .megadropdown>li.select>a{
        padding:10px
    }
    .teampicwhl{
        width:32%
    }
    .techlogos .logo{
        width:25%
    }
    .navbar .collapse.show{
        height:100vh;
        overflow:auto
    }
    .navbar-toggler-icon{
        background-image:url(../images/menu.svg)
    }
    .topmenu>li a{
        font-weight:700;
        font-size:17px
    }
    .megadropdown>li a{
        color:#fff
    }
    .topmenu .megadropdown>li>a.nav-link{
        background:#192836;
        border-radius:4px;
        padding:9px 8px;
        font-size:14px;
        font-weight:500;
        color:#fff!important;
        margin:5px 0
    }
    h1{
        font-size:40px
    }
    .msc{
        overflow:auto;
        display:flex;
        width:100%;
        flex-wrap:nowrap;
        justify-content:flex-start!important
    }
    .msc .box1{
        width:140px
    }
    .dropdown-menu.megadropdown>li a{
        background:url(../images/down-arrow.svg) 98% 5px no-repeat,#253c6d!important
    }
    .dropdown-menu.megadropdown>li.select a{
        background:url(../images/up-arrow.svg) 98% 5px no-repeat,#29292a!important
    }
    .dropdown-menu.megadropdown .catmenu li a{
        background:0 0!important;
        font-weight:400;
        font-size:15px
    }
    .innerwrap{
        max-width:430px;
        width:100%
    }
    .static-content::after{
        background:0 0;
        left:inherit;
        bottom:inherit;
        width:inherit
    }
    .innerpagebanner h1{
        font-size:41px
    }
    .newpagebanner .darkt,h1.darkt{
        color:#fff!important
    }
    .h2,h2{
        font-size:25px
    }
    .blogdetail h1{
        font-size:25px;
        color:#fff;
        line-height:normal
    }
    .slider-thumb::before{
        left:2vh;
        top:12vh;
        width:55vh;
        height:55vh
    }
    .innerpagebanner{
        background:#0b1545;
        background-position:84% 40%!important
    }
    .newpagebanner{
        background-size:80vh auto,cover!important
    }
    #services .container .row{
        margin:0;
        padding:0
    }
    .bgmenu::after{
        background:#0d1d49fa
    }
    .socitalk{
        display:grid
    }
    .socitalk li{
        margin:5px
    }
    .socitalk li a{
        padding:5px;
        border-radius:6px
    }
    .bluetitle.text-center::after{
        left:40.5%!important
    }
    .innerbanner{
        margin-top:55px
    }
    .innerpagebanner::before{
        background:linear-gradient(180deg,#000000f5 50%,var(--navcolor));
        opacity:.9
    }
    .mainbanner.innerpagebanner::before{
        background:#fff0
    }
    .mainbanner.innerpagebanner p{
        text-align:left;
        color:#000!important
    }
    .mainbanner.innerpagebanner{
        background-position:7vh 21%,center right!important;
        background-size:160px,cover!important
    }
    .herocontent h1 span{
        font-size:2.1rem
    }
}
@media (max-width:767px){
    .menuwrap>div,.servicebox1{
        width:100%
    }
    .mobx{
        display:none
    }
    .deskx{
        display:block
    }
    .menuwrap{
        max-width:100%
    }
    .tags1,ul.tags2,ul.tags3{
        display:flex;
        overflow:auto
    }
    .tags1 li,.tags2 li,.tags3 li{
        white-space:nowrap;
        width:auto!important
    }
}
@media (max-width:650px){
    .teampicwhl,.techlogos .logo{
        width:110px
    }
    .socitalk{
        justify-content:stretch
    }
    .techlogos .logo img{
        min-width:110px
    }
    .techlogos{
        display:flex;
        overflow:auto;
        padding:5px
    }
    .mhscroll{
        display:flex;
        overflow:auto;
        flex-wrap:nowrap
    }
    .teampicwhl{
        width:72%;
        height:290px;
        display:list-item;
        list-style:none
    }
    .teaminfo{
        top:0
    }
    .teaminfo .dark{
        color:#00374f
    }
    .teampicwhl .teampic::after{
        background:0 0
    }
    .innerbanner{
        min-height:inherit;
        padding:30px 0
    }
    .innerpagebanner h1,h1{
        font-size:30px
    }
    .innerpagebanner ul{
        padding-left:20px
    }
    .largef{
        font-size:16px
    }
    p{
        text-align:inherit
    }
    .bigf h2{
        font-size:23px
    }
    .bigf h2 span,.bigf h3 span{
        font-size:20px
    }
    .bigf h3{
        font-size:21px
    }
    section{
        padding:20px 0
    }
    section.bluebg::after{
        background:linear-gradient(180deg,rgb(19 79 123 / 80%) 0,rgb(0 12 21 / .8) 100%)
    }
    .micon{
        max-width:50px
    }
    .my-4{
        margin:10px 0!important
    }
    .stickysec .container,.sitec,.container{
        max-width:100%!important;
        padding:0 15px
    }
    .sitec{
        max-width:97%!important
    }
    .boxwrapper{
        padding:20px
    }
    .boxwrapper p{
        margin-bottom:0;
        font-size:15px
    }
    .topmenu .megadropdown>li>a.nav-link,body{
        font-size:14px
    }
    .socialicons li{
        margin:3px
    }
    .socialicons{
        position:fixed;
        top:8px;
        left:inherit;
        z-index:999;
        right:60px
    }
    .socialicons li a{
        width:35px;
        height:35px
    }
    .socialicons img{
        position:relative;
        max-width:17px;
        width:16px;
        top:-1px;
        left:-1px
    }
    .navbar-brand img{
        max-width:170px
    }
    .navbar-toggler{
        padding:5px 0
    }
    .navbar .sitec{
        padding:5px 5px!important
    }
    .mobileapp .row{
        padding:0
    }
}
@media (max-width:450px){
    .navbar-brand img{
        max-width:150px
    }
    .socialicons li a{
        width:30px;
        height:30px
    }
    .socialicons{
        right:56px;
        top:12px
    }
    .circlebot{
        right:20px;
        bottom:-150px;
        background-size:150px;
        background-position:155% 5%;
        background:url(../images/home/circle-dark.svg) 7% 0vh / 160px no-repeat;
        width:160px;
        height:160px
    }
    .transbox::before{
        left:-32px;
        top:-20px
    }
}
.footer_link{
    border-bottom:1px solid #545454
}
.footer a{
    color:#ababab
}
.footer_title{
    font-weight:700;
    font-size:28px;
    line-height:42px;
    color:#aabbcb
}
.f_link:hover a{
    color:#fff;
    text-decoration:underline
}
.footer{
    background:#080b0e;
    position:relative;
    z-index:2;
    overflow:visible
}
.footer_h3{
    font-size:48px;
    font-weight:400;
    color:#000
}
section.footer:before{
    content:"";
    position:absolute;
    top:-33px;
    width:100%;
    height:100px;
    background:#080b0e;
    transform:rotate(358deg);
    z-index:-1
}
footer{
    background:#080b0e;
    padding:10px
}
.footer_title{
    font-size:24px;
    color:#aabbcb!important;
    font-weight:500
}
.f_link a{
    font-size:14px
}
.footer_menu{
    margin-bottom:40px
}
@media (max-width:768px){
    .footer_h3{
        font-size:28px;
        font-weight:400
    }
}