:root {
  --fcolor : #327b74;--lcolor : #fff;--scolor : #157f7f;--tcolor : #38518c;--dcolor : #000545;--tabcolor : #38518c;--tabline : #38518c;--titcolor : #2e2e2e;--sitebg : #f8ffff;--navcolor : #38518c;--mcolor : #fff;--btnbg : #000000;
}
  @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
}
  .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
}
section.innerpagebanner.oneinch {
  background : url(../images/1inch-clone-script/banner-img.webp), url(../images/1inch-clone-script/banner-bg.webp);
  background-repeat : no-repeat!important;
  background-position : bottom right, center!important;
  background-size : 60%, cover!important
}
section.innerpagebanner.polkaswap {
  background : url(../images/polkaswap-clone-script/banner-img.webp), url(../images/polkaswap-clone-script/banner-bg.webp);
  background-repeat : no-repeat!important;
  background-position : bottom right, center!important;
  background-size : 46%, cover!important
}
section.innerpagebanner.sushiswap {
  background : url(../images/sushiswap-clone-script/banner.webp), url(../images/sushiswap-clone-script/banner-bg.webp);
  background-repeat : no-repeat!important;
  background-position : bottom right, center!important;
  background-size : 46%, cover!important
}
section.innerpagebanner.pancakeswap {
  background : url(../images/pancakeswap-clone-script/banner-img.webp), url(../images/pancakeswap-clone-script/banner-bg.webp);
  background-repeat : no-repeat!important;
  background-position : bottom right, center!important;
  background-size : 46%, cover!important
}
section.innerpagebanner.bakeryswap {
  background : url(../images/bakeryswap/banner-img.webp), url(../images/bakeryswap/banner-bg.webp);
  background-repeat : no-repeat!important;
  background-position : bottom right, center!important;
  background-size : 46%, cover!important
}
section.innerpagebanner.uniswap {
  background : url(../images/uniswap/banner-img.webp), url(../images/uniswap/banner-bg.webp);
  background-repeat : no-repeat!important;
  background-position : bottom right, center!important;
  background-size : 46%, cover!important
}
section.innerpagebanner.defi-development {
  background : url(../images/defi-development/banner-bg.webp);
  background-repeat : no-repeat!important;
  background-size : cover!important
}
section.innerpagebanner.defi-lending {
  background : url(../images/defi-lending/banner-bg.webp);
  background-repeat : no-repeat!important;
  background-size : cover!important
}
section.innerpagebanner.defi-smart {
  background : url(../images/defi-smart/banner-bg.webp);
  background-repeat : no-repeat!important;
  background-size : cover!important
}
section.innerpagebanner.defi-token {
  background : url(../images/defi-token/banner-bg.webp);
  background-repeat : no-repeat!important;
  background-size : cover!important
}
section.innerpagebanner.defi-staking {
  background : url(../images/defi-staking/banner-bg.webp);
  background-repeat : no-repeat!important;
  background-size : cover!important
}
section.innerpagebanner.binance {
  background : url(../images/binance/banner-img.webp), url(../images/binance/banner-bg.webp);
  background-repeat : no-repeat!important;
  background-position : 84% center, center!important;
  background-size : 26%, cover!important
}
section.innerpagebanner.localbitcoin {
  background : url(../images/localbitcoin/banner-img.webp), url(../images/localbitcoin/banner-bg.webp);
  background-repeat : no-repeat!important;
  background-position : 84% center, center!important;
  background-size : 26%, cover!important
}
section.innerpagebanner.paxful {
  background : url(../images/paxful/banner-img.webp), url(../images/paxful/banner-bg.webp);
  background-repeat : no-repeat!important;
  background-position : 84% center, center!important;
  background-size : 24%, cover!important
}
section.innerpagebanner.softtesting {
  background : url(../images/software-testing-company/banner-img.webp), url(../images/software-testing-company/banner-bg.webp);
  background-repeat : no-repeat!important;
  background-size : cover!important
}
section.innerpagebanner.kucoin {
  background : url(../images/kucoin/banner-img.webp), url(../images/kucoin/banner-bg.webp);
  background-repeat : no-repeat!important;
  background-position : 90% bottom, center!important;
  background-size : 34%, cover!important
}
section.innerpagebanner.remitano {
  background : url(../images/remitano/banner-img.webp), url(../images/remitano/banner-bg.webp);
  background-repeat : no-repeat!important;
  background-position : 90% bottom, center!important;
  background-size : 36%, cover!important
}
section.innerpagebanner.poloneix {
  background : url(../images/poloneix/banner-img.webp), url(../images/poloneix/banner-bg.webp);
  background-repeat : no-repeat!important;
  background-position : 90% bottom, center!important;
  background-size : 28%, cover!important
}
section.innerpagebanner.bitfinex {
  background : url(../images/bitfinex/banner-img.webp), url(../images/bitfinex/banner-bg.webp);
  background-repeat : no-repeat!important;
  background-position : bottom right, center!important;
  background-size : 32%, cover!important
}
section.innerpagebanner.bithump {
  background : url(../images/bithump/banner-img.webp), url(../images/bithump/banner-bg.webp);
  background-repeat : no-repeat!important;
  background-position : 90% center, center!important;
  background-size : 30%, cover!important
}
section.innerpagebanner.ecommerce {
  background : url(../images/e-commerce-website-development/banner-img.webp), url(../images/e-commerce-website-development/banner-bg.webp);
  background-repeat : no-repeat!important;
  background-position : 90% center, center!important;
  background-size : 40%, cover!important
}
section.innerpagebanner.centex {
  background : url(../images/centralized-exchange/banner-img.webp), url(../images/centralized-exchange/banner-bg.webp);
  background-repeat : no-repeat!important;
  background-position : 90% center, center!important;
  background-size : 36%, cover!important
}
section.innerpagebanner.crypto-ex-dev {
  background : url(../images/cryptocurrency-exchange-development/banner-img.webp), url(../images/cryptocurrency-exchange-development/banner-bg.webp);
  background-repeat : no-repeat!important;
  background-position : 80% center, center!important;
  background-size : 28%, cover!important
}
section.innerpagebanner.decentralized {
  background : url(../images/decentralized-exchange-script/banner-img.webp), url(../images/decentralized-exchange-script/banner-bg.webp);
  background-repeat : no-repeat!important;
  background-position : 80% center, center!important;
  background-size : 40%, cover!important
}
section.innerpagebanner.otc-crypto {
  background : url(../images/otc-crypto-exchange/banner-img.webp), url(../images/otc-crypto-exchange/banner-bg.webp);
  background-repeat : no-repeat!important;
  background-position : 86% bottom, center!important;
  background-size : 41%, cover!important
}
section.innerpagebanner.hybrid-ex {
  background : url(../images/hybrid-exchange-script/banner-img.webp), url(../images/hybrid-exchange-script/banner-bg.webp);
  background-repeat : no-repeat!important;
  background-position : 94% center, center!important;
  background-size : 36%, cover!important
}
  @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:#021616 !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
}
  }input : :placeholder {
  color : gray;
  font-style : italic;
  font-size : 14px;
  opacity : 0.8;
}