body {
	margin: 0;
	/*background-color: #1b1b1b;*/
	background-color: #000;
	color: #eef8ce;
}

*::-webkit-scrollbar {
	width: 0;
}

* {
	padding: 0;
	margin: 0;
	list-style: none;
	box-sizing: border-box;
}
.topbar{
	width: 50%;
	position: absolute;
	left: 2%;
	top: 5%;
	z-index: 999;
}
.topbar img{
	width: 65px;
	text-align: left;
}
.topbar a{
	text-decoration: none;
	background: none;
}
.topbar a:hover{
	text-decoration: none;
	background: none;
}
.topbar a:focus{
	text-decoration: none;
	background: none;
}
.topbarsocial{
	width: 50%;
	position: fixed;
	right: 2%;
	top: 5%;
	text-align: right;
	z-index: 99999;
}
.topbarsocial ul{
	margin: 0;
	padding: 0;
}
.topbarsocial ul li{
	margin: 0 10px 0;
	padding: 0;
	display: inline-block;
}
.topbarsocial ul li a{
	text-decoration: none;
	background: none;
}
.topbarsocial ul li a img{
	width: 16px;
}
.topbarsocial ul li a:hover{
	text-decoration: none;
	background: none;
}
.topbarsocial ul li a:focus{
	text-decoration: none;
	background: none;
}
/*-- floating menu --*/

/*-- menu --*/
/* Menu Button */
.canvas-toggle{
    background: transparent;
    color:#fff;
    border:none;
    cursor:pointer;
    font-size:18px;
	position: fixed;
	right: 5px;
	top: 28px;
	z-index: 9;
}
/* Canvas Menu */
.canvas-menu{
    position:fixed;
    top:0;
    right:-400px;
    width:300px;
    max-width:90%;
    height:100vh;
    background:#111;
    z-index:999999;
    transition:all .5s ease;
    padding:100px 50px;
    box-sizing:border-box;
    overflow-y:auto;
}
.canvas-menu.active{
    right:0;
}
/* Navigation */
.canvas-menu ul{
    list-style:none;
    padding:0;
    margin:0;
}
.canvas-menu li{
    margin-bottom:25px;
}
.canvas-menu a{
    color:#fff;
    text-decoration:none;
    font-size:23px;
    transition:.3s;
    display:inline-block;
    font-family: "Russo One", sans-serif;
    text-transform: uppercase;
}
.canvas-menu a:hover{
    transform:translateX(10px);
    color:#64b5bb;
}
/* Close Button */
.close-menu{
    position:absolute;
    top:25px;
    right:25px;
    background:none;
    border:none;
    color:#fff;
    font-size:40px;
    cursor:pointer;
}
/* Overlay */
.canvas-overlay{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.6);
    opacity:0;
    visibility:hidden;
    transition:.4s;
    z-index:9998;
}
.canvas-overlay.active{
    opacity:1;
    visibility:visible;
}
/* slider logo */
.clientSlider {
    padding-bottom: 50px;
}

.clientSlider .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}

.clientSlider img {
    max-height: 90px;
    width: auto;
    filter: grayscale(100%);
    transition: .3s;
}

.clientSlider img:hover {
    filter: grayscale(0%);
    transform: scale(1.05);
}

.clientSlider .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
}

.clientSlider .swiper-pagination-bullet-active {
    transform: scale(1.3);
}
/* logo slider end */

/* Mobile */
@media(max-width:768px){
    .canvas-menu{
        width:100%;
        padding:80px 30px;
    }

    .canvas-menu a{
        font-size:24px;
    }
}
/*-- menu end--*/

/* Floating objects */
  .floatfixed {
    position: absolute;
    width: 120px;
  }
  .float {
    position: absolute;
    width: 120px;
    animation: float 6s ease-in-out infinite;
  }

  .float.earth {
    width: 90px;
    animation-duration: 5s;
  }

  .float.large {
    width: 160px;
    animation-duration: 8s;
  }
  .float.graysmall {
	width: 45px;
  }
  .float.redmedium {
	width: 80px;
  }
  .float.yellow {
	width: 80px;
  }
  .float.star {
	width: 50px;
  }
  .floatfixed.large {
    width: 450px;
  }

  /* Positions */
  .f1 { top: 34%; right: 5%; }
  .f2 { top: 60%; left: 15%; }
  .f3 { bottom: 14%; left: 9%; }
  .f4 { bottom: 14%; right: 14%; }
  .f5 { top: 0; left: 2%; }
  .f6 { bottom: 27%; right: 6%; }

  /* Animation */
  @keyframes float {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-20px); }
    100% { transform: translateY(0px); }
  }

  /* Mobile Optimization */
  @media (max-width: 768px) {
    .float {
      width: 70px;
    }
    .float.large {
      width: 100px;
    }
  }

/*-- end --*/

.section {
	width: 100%;
	min-height: 100vh;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}

.content-fit {
	width: min(1200px, 90vw);
	margin: auto;
	min-height: 100vh;
	position: relative;
	padding-block: 10em;
}
header {
	padding-block: 1em;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10px;
	backdrop-filter: blur(20px);
	z-index: 100;
	background-color: #1b1b1b11;
	background-image: repeating-linear-gradient(
		to right,
		transparent 0 500px,
		#eee1 500px 501px
	);
}
header .content-fit {
	display: flex;
	justify-content: space-between;
	align-items: center;
	min-height: unset !important;
	padding-block: unset !important;
}
header .content-fit nav ul {
	display: flex;
	gap: 2em;
}

#banner .title {
	color: #d1ff48;
	font-size: 11em;
	font-family: "devil breeze";
	font-weight: bold;
	position: relative;
	text-align: center;
}
#banner .title::before {
	content: attr(data-before);
	position: absolute;
	top: 0.5em;
	inset: 0.66em 0 0 0;
	z-index: -1;
	color: #445022;
}
.section .decorate {
	position: absolute;
}
#intro .content-fit {
	display: flex;
	gap: 30%;
	justify-content: space-between;
	align-items: center;
}
.section .number {
	font-family: "devil breeze";
	font-size: 15em;
	font-weight: bold;
}
.section .content-fit .title {
	font-family: "devil breeze";
	font-size: 5em;
	font-weight: bold;
}
#description .content-fit {
	padding-right: 30%;
}
#description .number {
	font-size: 5em;
}
#description .title {
	font-size: 7em;
	font-weight: 500;
}
#contact .content-fit {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	text-align: center;
}
#contact table {
	width: min(800px, 90vw);
	padding-top: 2em;
	font-size: 2em;
	margin: auto;
}
#contact table td {
	padding-block: 0.5em;
	border-bottom: 1px dashed #445022;
}
#contact table td:nth-child(1) {
	text-align: left;
	font-weight: 500;
}
#contact table td:nth-child(2) {
	text-align: right;
	font-weight: 200;
}
#contact .sign {
	font-family: "Bimbo", sans-serif;
	font-size: 10em;
}
#container3D {
	position: fixed;
	inset: 0;
	/* background-color: red; */
	z-index: 100;
	pointer-events: none;
}
@media screen and (max-width: 1023px) {
	#banner .title {
		font-size: 5em;
	}
	#intro .content-fit {
		flex-direction: column;
	}
}
@media screen and (max-width: 767px) {
	
	#banner .title {
		font-size: 3em;
	}
	#intro .content-fit {
		flex-direction: column;
	}
	.section .number {
		font-size: 5em;
	}
	.section .content-fit .title {
		font-size: 2em;
	}
	#description .content-fit {
		padding-right: 0;
	}
	#contact table {
		font-size: 1em;
	}
	#contact .sign {
		font-size: 2em;
	}
	#container3D {
		position: absolute;
	}
}

/* 🌌 background */
.stars, .stars2, .nebula {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    pointer-events: none;
}

.stars {
    background: url('https://www.transparenttextures.com/patterns/stardust.png');
    opacity: 0.6;
}

.stars2 {
    background: url('https://www.transparenttextures.com/patterns/stardust.png');
    opacity: 0.3;
    transform: scale(1.5);
}
.nebula {
    background: radial-gradient(circle at 50% 50%, #000, #000);
    opacity: 0.5;
}
/* 🚀 astronaut */
.astronaut {
    position: fixed;
    top: 25%;
    left: 50%;
    width: 225px;
    transform: translateX(-50%);
    z-index: 10;
    pointer-events: none;
}
    /* ✨ particles */
.particle {
    position: fixed;
    width: 3px;
    height: 3px;
    background: white;
    border-radius: 50%;
    opacity: 0.8;
    z-index: 1;
}
.section {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 50px;
    position: relative;
    z-index: 2;
	font-family: "Russo One", sans-serif;
	line-height: 50px;
}
.section span{
	color: #64b5bb;
}
.text-second p{
	font-family: "Playfair Display", serif;
	font-size: 20px;
    letter-spacing: 0.5px;
}
.text {
    opacity: 0;
    transform: translateY(50px);
}
.gloweff{
	background: url('img/glowbac.png') no-repeat top center;
	display: flex;
	align-items: flex-end;
	position: relative;
}
.hedsec {
  font-family: "Russo One", sans-serif;
  font-weight: 400;
  text-align: center;
  font-size: 57px;
  bottom: 46px;
  position: relative;
  line-height: 67px;
  text-transform: uppercase;
}
.hedsec span{
	color: #64b5bb;
}
.glassbreak{
  background: url('img/glassbreak.png') no-repeat top center;
  background-size: 100%;
}
.text-second{
	padding-left: 48%;
	text-transform: uppercase;
}
.text-second p{
	font-size: 17px;
	font-family: "Montserrat", sans-serif;
}
.rocketpart{
	background: url('img/rocketpart.png') no-repeat top center;
	background-size: 100%;
	background-position: center center;
	position: relative;
}
.text-third{
	padding-left: 45%;
	text-transform: uppercase;
}
.text-third p{
	font-family: "Montserrat", sans-serif;
	font-size: 25px;
	text-transform: capitalize;
}
.text-third span{
	color: #64b5bb;
}
.text-fourthsec {
  text-transform: uppercase;
  font-size: 77px!important;
  line-height: 80px!important;
  width: 100%;
  display: flex;
}
.text-fourthsec ul{
	width: 32%;
	padding: 0 15px;
	display: inline-block;
	border-right: 2px #fff solid;
	display: inline-block;
}
.text-fourthsec ul:first-child{
	text-align: right;
}
.text-fourthsec ul:last-child{
	border: 0;
}
.text-fourthsec ul li {
  font-size: 40px;
  line-height: 41px;
  margin-bottom: 30px;
}
.text-fourthsec ul li:last-child{
	margin-bottom: 0px;
}
.section-fourthsec{
	position: relative;
}

/*--- earth movement --*/

#earth {
  width: 79%;
  height: 216px;
  background: url('img/earth.png') repeat;
  border-radius: 100%;
  background-size: 610px;
  box-shadow: inset -19px -90px 49px 0 black, inset 0px 0px 0px 0 transparent;
  animation-name: rotate;
  animation-duration: 30s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation-name: rotate;
  -webkit-animation-duration: 30s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  position: absolute;
  bottom: -66px;
  display: none;
}

@keyframes rotate {
    from { background-position: 0px 0px; }
    to { background-position: 500px 0px; }
}
@-webkit-keyframes rotate {
    from { background-position: 0px 0px; }
    to { background-position: 500px 0px; }
}

.unstoppable{
  background: url('img/unstoppable.png') no-repeat top center;
  background-size: 100%;
}
.uncon{
	margin: 0px 0 0 0;
	padding: 0;
}
.unstop {
  margin-top: 0;
  font-family: "Russo One", sans-serif;
  font-weight: 400;
  text-align: center;
  font-size: 46px;
  margin-bottom: 48%;
  display: block;
  text-transform: uppercase;
}
.uncon ul {
  margin: 10% 0 0 0;
  padding: 0;
}
.uncon ul li {
  margin: 0 13px;
  padding: 0;
  display: inline-block;
  background: url('img/pngtrnsparent.png') repeat top center;
  border: 2px #39ffff solid;
  border-radius: 6px;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  text-align: center;
  font-size: 14px;
  padding: 14px;
  width: 220px;
}
.uncon ul li strong{
	display: block;
	font-weight: 900;
	font-family: "Russo One", sans-serif;
	font-size: 42px;
}
/*-- flame section --*/

.containerflame {
	margin: 0 auto;
	width: 36px;
	height: 60px;
	top: 62%;
	transform-origin: center top;
	animation-name: flicker;
	animation-duration: 3ms;
	animation-delay: 200ms;
	animation-timing-function: ease-in;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	rotate: 78deg;
	position: absolute;
	left: 31%;
}
.flame {
	bottom: 0;
	position: absolute;
	border-bottom-right-radius: 50%;
	border-bottom-left-radius: 50%;
	border-top-left-radius: 50%;
	transform: rotate(135deg) scale(1.5, 1.5);
  -moz-transform: rotate(135deg) scale(1.5, 1.5);
  -webkit-transform: rotate(135deg) scale(1.5, 1.5);
  -o-transform: rotate(135deg) scale(1.5, 1.5);
}
.yellow {
	left: -11px;
	width: 3px;
	height: 28px;
	background: gold;
	box-shadow: 0px 0px 9px 4px gold;
	filter: blur(9px);
	opacity: 0.3;
}
.orange {
	left: -15px;
	width: 8px;
	height: 37px;
	background: orange;
	box-shadow: 0px 0px 9px 4px orange;
	filter: blur(12px);
	opacity: 0.5;
}
.red {
	left: -26px;
	top: 10px;
	width: 4px;
	height: 49px;
	background: OrangeRed;
	border: 1px solid OrangeRed;
	box-shadow: 0px 0px 3px 2px OrangeRed;
	filter: blur(12px);
}
.white {
	left: -18px;
	top: 27px;
	width: 2px;
	height: 21px;
	background: white;
	box-shadow: 0px 0px 9px 4px white;
	filter: blur(2px);
}
.circle {
	border-radius: 50%;
	position: absolute;
}
.blue {
	width: 10px;
	height: 10px;
	left: 25px;
	top: 5px;
	background: SlateBlue;
	box-shadow: 0px 0px 15px 10px #4fc1e9;
}
 @keyframes flicker {
 0% {
transform: rotate(-1deg);
   -moz-transform: rotate(-1deg);
   -webkit-transform: rotate(-1deg);
}
 20% {
transform: rotate(1deg);
   -moz-transform: rotate(1deg);
   -webkit-transform: rotate(1deg);
}
 40% {
transform: rotate(-1deg);
   -moz-transform: rotate(-1deg);
   -webkit-transform: rotate(-1deg);
}
 60% {
transform: rotate(1deg) scaleY(1.04);
}
 80% {
transform: rotate(-2deg) scaleY(0.92);
   -moz-transform: rotate(-2deg) scaleY(0.92);
   -webkit-transform: rotate(-2deg) scaleY(0.92);
}
 100% {
   transform: rotate(1deg);
   -webkit-transform: rotate(1deg);
   -moz-transform: rotate(1deg);
   }
}
.circleee {
	width: 40px;
	height: 40px;
	border: 4px solid grey;
	top: -19%;
}
.circlee, .circleee {
	border-radius: 50%;
	position: relative;
	z-index: 10;
}
#advanced, #advancedd {
	background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, #e6e9ed 0%, #aab2bd 100%, #aab2bd 95%);
	background-image: -webkit-radial-gradient(45px 45px, circle cover, #e6e9ed, #aab2bd);
	background-image: radial-gradient(45px 45px 45deg, circle cover, #e6e9ed 0%, #aab2bd 100%, #aab2bd 95%);
}
#advanced {
	width: 60px;
	height: 60px;
}
#advanced, #advancedd, .container, #rocket, .wings {
	position: relative;
	margin: 0 auto;
}
.wings {
	width: 200px;
	top: -15%;
	left: -1px;
}
#left, #right {
	width: 70px;
	height: 100px;
}
#left {
	float: left;
	-webkit-transform: skew(-30deg);
	-moz-transform: skew(-30deg);
	-o-transform: skew(-30deg);
	background: #ddd;
}
#right {
	float: right;
	-webkit-transform: skew(30deg);
	-moz-transform: skew(30deg);
	-o-transform: skew(30deg);
	background: #ddd;
}
/*-- end flame section--- */

.landingsec{
  background: url('img/landing.jpg') no-repeat top center;
  background-size: 100%;
}
.text-last{
	padding-left: 45%;
}
.text-last p{
	font-size: 38px;
}
.planets{
  background: url('img/planets.png') no-repeat top center;
  background-size: 100%;
}
.text-last{
	padding-left: 45%;
	margin-top: -28%;
}
.text-last p {
  font-size: 42px;
  text-transform: uppercase;
  line-height: 39px;
}
/* Floating objects every section */

.ploatfixed {
   position: absolute;
   width: 120px;
}
.ploat {
   position: absolute;
   width: 120px;
   animation: float 6s ease-in-out infinite;
 }
.ploat.earth {
   width: 300px;
   animation-duration: 5s;
}
.ploat.large {
   width: 160px;
   animation-duration: 8s;
 }
.ploat.graysmall {
	width: 250px;
 }
  .ploat.redmedium {
	width: 300px;
  }
  .ploat.yellow {
	width: 80px;
  }
  .ploat.star {
	width: 50px;
  }
  .ploatfixed.large {
    width: 160px;
  }

  /* Positions */
  .p1 { top: 54%; right: 2%; }
  .p2 { top: -34%; right: 0%; }
  .p3 { bottom: 14%; left: 0; }
  .p4 { bottom: 47%; right: 0; }
  .p5 { top: -17%; left: 5%; }
  .p6 { bottom: 27%; right: 6%; }

  /* Animation */
  @keyframes ploat {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-20px); }
    100% { transform: translateY(0px); }
  }

  /* Mobile Optimization */
  @media (max-width: 768px) {
    .ploat {
      width: 70px;
    }
    .ploat.large {
      width: 100px;
    }
  }

@media (max-width: 768px) {
  .astronaut {
    width: 180px;
  }
}
  
.planetcon{
	
}
.planetcon a {
  color: #64b5bb;
  position: absolute;
  top: -68px;
  display: inline-block;
  left: 19%;
  font-family: "Russo One", sans-serif;
  font-size: 30px;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 36px;
}
.planetcon a strong {
  display: block;
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-size: 15px;
  font-weight: normal;
  text-transform: capitalize;
}
.planetconnxt{
}
.planetconnxt a {
  color: #64b5bb;
  position: absolute;
  bottom: 47%;
  display: inline-block;
  left: 22%;
  font-family: "Russo One", sans-serif;
  font-size: 30px;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 36px;
}
.planetconnxt a strong{
  display: block;
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-size: 15px;
  font-weight: normal;
  text-transform: capitalize;
}
.planetconnxtright{
}
.planetconnxtright a {
  color: #64b5bb;
  position: absolute;
  top: -14%;
  display: inline-block;
  right: 24%;
  font-family: "Russo One", sans-serif;
  font-size: 30px;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 36px;
  text-align: right;
}
.planetconnxtright a strong{
  display: block;
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-size: 15px;
  font-weight: normal;
  text-transform: capitalize;
}
.planetconnxtrightone{
}
.planetconnxtrightone a {
  color: #64b5bb;
  position: absolute;
  top: 30%;
  display: inline-block;
  right: 11%;
  font-family: "Russo One", sans-serif;
  font-size: 30px;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 36px;
  text-align: right;
}
.planetconnxtrightone a strong{
  display: block;
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-size: 15px;
  font-weight: normal;
  text-transform: capitalize;
}
.planetconnxtrighttwo{
}
.planetconnxtrighttwo a {
  color: #64b5bb;
  position: absolute;
  bottom: 19%;
  display: inline-block;
  right: 27%;
  font-family: "Russo One", sans-serif;
  font-size: 30px;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 36px;
  text-align: right;
}
.planetconnxtrighttwo a strong{
  display: block;
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-size: 15px;
  font-weight: normal;
  text-transform: capitalize;
}
.brandsec{
	margin: 0;
	padding: 0;
}
.brandsecleft{
	width: 30%;
	padding-left: 2%;
}
.brandsecright{
	width: 68%;
}
.brandsecright ul{
	margin: 7% 0 0 0;
	padding: 0;
}
.brandsecright ul li{
	margin: 0 0 5px 0;
	padding: 0;
	display: inline-block;
	width: 23%;
}
.brandsecright ul li img{
	width: 100%;
	filter: grayscale(100%);
}
.brandsecright ul li img:hover{
	filter: grayscale(0%);
	transition: 0.3s ease-in-out;
}
.brandsecright-text{
	text-transform: uppercase;
}
.brandsecright-text span{
	color: #64b5bb;
}
.brand-third p {
  font-family: "Montserrat", sans-serif;
  font-size: 22px;
  text-transform: capitalize;
}
.footermenesec{
	font-family: "Russo One", sans-serif;
	text-align: right;
	opacity: 1;
	background: url('img/footer-sec.jpg') no-repeat top center;
	position: relative;
	line-height: 30px;
	font-size: 30px;
	padding: 30px 30px 30px 0;
}
.footermenesec a{
	font-family: "Russo One", sans-serif;
	color: #fff;
	text-decoration: none;
	text-align: left;
}
.footermenesec a span{
	color: #64b5bb;
}
.footermenesecwhite{
	background: #fff;
	border-top: 1px #ccc solid;
}
.footermenesecwhite a{
	color: #333;
}
/*-- end --*/

/*-- menu hover effect --*/
.tooltiphover {
  position: absolute;
  top: 0;
  left: 0;
}
.tooltiphover a {
  color: #FFF;
  text-decoration: none;
  align-items: center;
}
.tooltiphover a:hover, a:focus, a.active {
  background-color: #30305a;
  outline: 0;
}
.tooltiphover a:hover span, a:focus span, a.active span {
  transform: scale(1);
  opacity: 1;
}
.tooltiphover a i {
  font-size: 1.375rem;
}
.tooltiphover a span {
  position: absolute;
  white-space: nowrap;
  padding: 0px 1rem;
  border-radius: 6px;
  left: calc(100% + 21rem);
  transform-origin: center left;
  transform: scale(0);
  opacity: 0;
  transition: 0.15s ease;
  font-size: 20px;
  margin-top: 18px;
}
.tooltiphover a span:before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  left: -5px;
  top: 50%;
  transform: translatey(-50%) rotate(45deg);
  border-radius: 3px;
}
.tooltiphover1 {
  position: absolute;
  top: 60%;
  left: 15%;
}
.tooltiphover1 a {
  color: #FFF;
  text-decoration: none;
  align-items: center;
}
.tooltiphover1 a:hover, a:focus, a.active {
  background-color: #fff;
  outline: 0;
}
.tooltiphover1 a:hover span, a:focus span, a.active span {
  transform: scale(1);
  opacity: 1;
}
.tooltiphover1 a i {
  font-size: 1.375rem;
}
.tooltiphover1 a span {
  position: absolute;
  background-color: none;
  white-space: nowrap;
  padding: 0 1rem;
  border-radius: 6px;
  left: calc(100% + 6rem);
  transform-origin: center left;
  transform: scale(0);
  opacity: 0;
  transition: 0.15s ease;
  font-size: 20px;
  text-transform: uppercase;
}
.tooltiphover1 a span:before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  background-color: none;
  left: -5px;
  top: 50%;
  transform: translatey(-50%) rotate(45deg);
  border-radius: 3px;
}
.tooltiphover2 {
  position: absolute;
  bottom: 14%;
  left: 9%;
}
.tooltiphover2 a {
  color: #FFF;
  text-decoration: none;
  align-items: center;
}
.tooltiphover2 a:hover, a:focus, a.active {
  background-color: #fff;
  outline: 0;
}
.tooltiphover2 a:hover span, a:focus span, a.active span {
  transform: scale(1);
  opacity: 1;
}
.tooltiphover2 a i {
  font-size: 1.375rem;
}
.tooltiphover2 a span {
  position: absolute;
  white-space: nowrap;
  padding: 0 1rem;
  border-radius: 6px;
  left: calc(100% + 3rem);
  transform-origin: center left;
  transform: scale(0);
  opacity: 0;
  transition: 0.15s ease;
  font-size: 20px;
  top: -51px;
  text-transform: uppercase;
}
.tooltiphover2 a span:before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  left: -5px;
  top: 50%;
  transform: translatey(-50%) rotate(45deg);
  border-radius: 3px;
}
.tooltiphover3 {
  position: absolute;
  bottom: 25%;
  right: 25%;
}
.tooltiphover3 a {
  color: #FFF;
  text-decoration: none;
  align-items: center;
}
.tooltiphover3 a:hover, a:focus, a.active {
  background-color: #fff;
  outline: 0;
}
.tooltiphover3 a:hover span, a:focus span, a.active span {
  transform: scale(1);
  opacity: 1;
}
.tooltiphover3 a i {
  font-size: 1.375rem;
}
.tooltiphover3 a span {
  position: absolute;
  white-space: nowrap;
  padding: 0 1rem;
  border-radius: 6px;
  left: calc(100% + 0rem);
  transform-origin: center left;
  transform: scale(0);
  opacity: 0;
  transition: 0.15s ease;
  font-size: 20px;
  top: -51px;
  text-transform: uppercase;
}
.tooltiphover3 a span:before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  left: -5px;
  top: 50%;
  transform: translatey(-50%) rotate(45deg);
  border-radius: 3px;
}
.tooltiphover4 {
  position: absolute;
  top: 34%;
  right: 5%;
}
.tooltiphover4 a {
  color: #FFF;
  text-decoration: none;
  align-items: center;
}
.tooltiphover4 a:hover, a:focus, a.active {
  background-color: #fff;
  outline: 0;
}
.tooltiphover4 a:hover span, a:focus span, a.active span {
  transform: scale(1);
  opacity: 1;
}
.tooltiphover4 a i {
  font-size: 1.375rem;
}
.tooltiphover4 a span {
    position: absolute;
    background-color: none;
    white-space: nowrap;
    padding: 0 1rem;
    border-radius: 6px;
    left: calc(100% + -12rem);
    transform-origin: center left;
    transform: scale(0);
    opacity: 0;
    transition: 0.15s ease;
    font-size: 20px;
    top: -1px;
    text-transform: uppercase;
}
.tooltiphover4 a span:before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  background-color: none;
  left: -5px;
  top: 50%;
  transform: translatey(-50%) rotate(45deg);
  border-radius: 3px;
}
.top-align-sec{
	display: flex;
	align-items: flex-start;
	padding-top: 50px;
}

/*-- end --*/
/*-- client --*/
.hz-scrollbar {
  max-width: 100vw;
  overflow-y: scroll;
  overflow-x: hidden;  
  position: relative;
  scrollbar-color: #64b5bb #333333;
  scrollbar-width: thin;
  -ms-overflow-style: none;
  height: 450px;
}
.hz-scrollbar::-webkit-scrollbar {
  height: 5px;
}
.hz-scrollbar:hover::-webkit-scrollbar-thumb {
  height: 5px;
  background-color: #000;
}
.clientcamerasec{
	margin: 0
}
.clientcamerasec ul{
	margin: 20px 0 0 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.clientcamerasec ul li{ 
	margin: 4px;
	padding: 0;
	width: 15%;
	display: inline-block;
}
.clientcamerasec ul li img{ 
	width: 100%;
}
/*-- end --*/

@media only screen and (min-width: 1920px) {
  .floatfixed.large {
    width: 700px;
   }
   .tooltiphover{
	   left: 9%;
   }
   .tooltiphover1 a span {
	  left: calc(100% + 9rem);
	}
   .tooltiphover a span {
    left: calc(100% + 34rem);
    font-size: 25px;
    margin-top: 0px;
	}
	.float.earth {
		width: 130px;
	}
	.float.graysmall {
		width: 56px;
	}
	.float.redmedium {
		width: 133px;
	}
	.float {
		width: 180px;
	}
	.tooltiphover3{
		right: 15%;
	}
	.f6{
		bottom: 35%;
	}
	.tooltiphover2{
		bottom: 22%;
	}
	.hedsec {
     font-size: 83px;
     bottom: 190px;
     line-height: 90px;
   }
   .astronaut {
     width: 358px;
	}
	.section {
     font-size: 83px;
     line-height: 76px;
    }
	.text-second {
		padding-left: 51%;
	}
	.text-second p {
		font-size: 32px;
	}
	.ploatfixed.large {
		width: 245px;
	}
	.planetcon a{
		font-size: 65px;
		line-height: 69px;
		top: -113px;
	}
	
	.planetcon a strong{
		font-size: 30px;
		line-height: 69px;
	}
	.ploat.earth {
		width: 345px;
	}
	.planetconnxtright a {
		top: -24%;
		right: 20%;
		font-size: 58px;
		line-height: 58px;
	}
	.ploat.graysmall {
		width: 358px;
	}
	.planetconnxt a {
        font-size: 60px;
        line-height: 64px;
    }
	.planetconnxt a strong{
		font-size: 30px;
	}
	.planetconnxtright a strong{
		font-size: 30px;
	}
	.planetconnxtrightone a {
        font-size: 54px;
        line-height: 54px;
    }
	.planetconnxtrightone a strong{
		font-size: 30px;
        line-height: 60px;
	}
	.ploat {
		width: 162px;
	}
	.p4 {
		bottom: 56%;
	}
	.ploat.redmedium {
		width: 401px;
	}
	.planetconnxtrighttwo a {
		bottom: 19%;
		right: 27%;
		font-size: 56px;
		line-height: 58px;
	}
	.planetconnxtrighttwo a strong{
		font-size: 30px;
	}
	.unstop {
        font-size: 74px;
        margin-bottom: 65%;
    }
	.uncon ul li{
		width: 300px;
		font-size: 34px;
	}
	.uncon ul li strong{
		font-size: 65px;
	}
	.text-last p{
		font-size: 65px;
	}
	.footermenesec {
		line-height: 39px;
		font-size: 37px;
		text-transform: uppercase;
	}
	.brand-third p{
		font-size: 28px;
	}
	.brandsecright {
		width: 70%;
		padding-left: 27px;
	}
	.topbar img {
		width: 90px;
		text-align: left;
	}
	.text-third {
		padding-left: 56%;
		text-transform: uppercase;
	}
	#earth{
		display: none;
	}
	.containerflame{
		top: 59%;
		left: 30%;
	}
	
}

@media (max-width: 575px) {
.topbarsocial ul {
  margin: 0 19px 0 0;
}
.fmob{
  display: none;
}
.brandsec{
	display: block!important;
}
.canvas-toggle {
    top: 47px;
    background: #fff;
    padding: 7px;
    right: 0;
    color: #000;
    border-radius: 17px 0px 0px 17px;
}

.glassbreak{
	background-size: cover;
	font-size: 30px;
	line-height: 35px;
}
.rocketpart{
	background-size: 250%;
	font-size: 45px;
    line-height: 48px;
	text-align: center;
}
.planets{
	background-size: cover;
}
.unstoppable{
	background-size: cover;
}
.landingsec{
	background-size: cover;
}
.hedsec {
    font-size: 27px;
    bottom: 34px;
    line-height: 28px;
}	
.text-second p {
  font-size: 17px;
}
.text-third p{
  font-size: 16px;
}
.text-fourthsec {
    font-size: 24px !important;
    line-height: 25px !important;
	display: flex;
	align-items: center;
}
.text-fourthsec ul{
	width: 100%;
}
.text-fourthsec ul li {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 30px;
}
.ploat.graysmall {
  width: 111px;
}
.ploat.earth {
  width: 167px;
}
.ploat.redmedium {
  width: 151px;
}
.p4 {
    bottom: 54%;
    right: 0;
}
.planetconnxtrighttwo a {
  bottom: 25%;
  right: 30%;
  font-size: 17px;
  line-height: 20px;
}
.planetconnxtrighttwo a strong{
	font-size: 12px;
}	
.planetconnxt a {
  bottom: 17%;
  left: 18%;
  font-size: 18px;
  line-height: 20px;
}
.planetconnxt a strong{
	font-size: 14px;
}
.planetconnxtrightone a {
  top: 37%;
  right: 17%;
  font-size: 18px;
  line-height: 20px;
}
.planetconnxtrightone a strong{
  font-size: 15px;
}
.planetconnxtright a {
  top: -14%;
  right: 24%;
  font-size: 22px;
  line-height: 29px;
  text-align: right;
}
.planetconnxtright a strong{
  font-size: 13px;
}
.planetconnxtright a {
   top: -29%;
   right: 32%;
   font-size: 18px;
   line-height: 20px;
   text-align: right;
}
.p5 {
  top: -6%;
  left: 5%;
}
.planetcon a {
  top: 12px;
  left: 36%;
  font-size: 20px;
  line-height: 21px;
}	
.planetcon a strong {
  font-size: 14px;
}	
.brandsecleft {
    width: 100%;
    line-height: 26px;
    text-align: center;
    margin-top: 17%;
    margin-bottom: 11%;
	font-size: 23px;
}
.brandsec{
  margin: 0;
  padding: 0;
  font-size: 35px;
  line-height: 40px;
}
.brandsecright {
  width: 97%;
  margin: 0 auto;
}
.brand-third p{
  font-size: 15px;
}
.brandsecright ul li {
  margin: 0 0 5px 0;
  padding: 0;
  width: 45%;
}
.unstop {
  font-size: 29px;
  margin-bottom: 48%;
  line-height: 30px;
}
.uncon{
	margin: 10px;
}
.uncon ul li {
    margin: 0;
    margin-bottom: 8px;
    padding: 13px !important;
  }	
.text-last p {
    font-size: 25px;
    text-transform: uppercase;
    line-height: 25px;
}
.containerflame{
	left: 12%;
}
.topbar{
	top: 1%;
}
.topbar img {
  width: 29px;
}
.topbarsocial ul li img{
  width: 15px;
}
.floatfixed.large {
  width: 327px;
}
.topbarsocial{
  top: 1%;
}
.tooltiphover a span {
  left: calc(100% + 16rem);
  transform-origin: center left;
  transform: scale(0);
  opacity: 0;
  font-size: 14px;
  margin-top: 6px;
}
.text-second {
  padding-left: 0;
  text-align: center;
}
.glassbreak {
    background-size: cover;
    font-size: 35px;
    line-height: 38px;
}
#earth{
  display: none;
}
.flame{
  display: none;
}
.text-third{
  padding-left: 0;
  padding-top: 89%;
}
.text-last {
  padding-left: 0%; 
  text-align: center;
}

}

@media (max-width: 500px) {
	.planetconnxtright a {
		right: 37%;
	}
	.planetcon a {
        left: 40%;
    }
	.planetconnxtrighttwo a {
        bottom: 35%;
        right: 35%;
    }
	.planetconnxt a {
        bottom: 11%;
        left: 22%;
    }
}

@media (max-width: 460px) {
.text-third{
	font-size: 25px;
    line-height: 28px;
}
.planetconnxtrighttwo a{
	right: 40%;
}
.planetconnxt a{
	left: 30%;
}
.planetconnxtrightone a{
	right: 24%;
}
.planetcon a{
	left: 48%;
}
.planetconnxtright a{
	right: 43%;
}
.uncon{
	margin: 10px;
}
.containerflame{
	left: 12%;
}
	
}
@media (max-width: 400px) {
.hedsec {
    font-size: 30px;
    bottom: 180px;
    line-height: 33px;
    position: relative;
    z-index: 99;
}
.text-second {
    padding-left: 0%;
}
.planetconnxtright a {
    right: 45%;
}
.planetcon a {
    left: 48%;
}
.planetconnxtrighttwo a {
    bottom: 34%;
    right: 44%;
}
.planetconnxt a {
    left: 30%;
}
.p3 {
    bottom: -5%;
    left: 0;
}
.p4 {
  bottom: 54%;
  right: 0;
}
.uncon ul li{
	width: 100%;
	padding: 6px;
	line-height: 26px;
}
.uncon ul li strong{
	font-size: 32px;
}
.unstop {
    margin-bottom: 58%;
}
.topbar img {
    width: 45px;
}
.footermenesec a {
    font-size: 19px;
    line-height: 12px;
    text-transform: uppercase;
}

}
@media (max-width: 360px) {
	.top-align-sec{
		display: flex;
		align-items: start;
	}
	.brandsec {
		font-size: 30px;
	}
	.ploat.graysmall {
        width: 90px;
    }
	.ploat.redmedium {
        width: 122px;
    }
	.ploatfixed.large {
		width: 135px;
	}
	.ploat.earth {
        width: 147px;
    }
}
@media (max-width: 320px) {
	.brandsecleft {
        width: 67%;
        padding-left: 2%;
        line-height: 26px;
        font-size: 22px;
    }
	.brand-third p{
		line-height: 20px;
	}
	.unstop {
        font-size: 25px;
        margin-bottom: 48%;
        line-height: 32px;
    }
	.uncon ul li strong{
		font-size: 33px;
	}
	
}


/*-- inner pages --*/
#hero {
  height: 800px;
  overflow: hidden;
  position: relative;
}

#content {
  background-color: #130d0a;
}

.layer {
  background-position: bottom center;
  background-size: auto;
  background-repeat: no-repeat;
  width: 100%;
  height: 800px;
  position: fixed;
  z-index: -1;
}

.first-section {
  padding: 50px 0 20px 0;
}

.text-header {
  font-size: 50px;
  text-align: center;
}

#hero,
.layer {
  min-height: 800px;
  max-width: 1900px;
  margin: 0 auto;
  overflow: hidden;
}

.layer-bg {
  background-image: url("img/aboutusbann01.jpg");
}

.layer-3 {
  background-image: url("img/aboutusbann02.png");
  background-position: center bottom;
}

@media only screen and (max-width: 768px) {
  #hero {
    display: block;
  }

  #hero-mobile {
    display: block;
  }
  .serviced-b{
	display: block!important;
  }
}
.aboutnxtbac{
	background-image: url("img/aboutusbann02.jpg");
	height: 100vh;
	background-size: 100%;
	background-position: center center;
	position: relative;
}
.aboutnxtlast {
  background-image: url("img/aboutusbann04.png");
  height: 100vh;
  background-size: 100%;
  position: relative;
  background-position: 8px -103px;
  background-color: #000;
}
.sectiontxtinner {
   color: white;
   font-size: 37px;
   font-family: "Russo One", sans-serif;
   line-height: 41px;
   position: absolute;
   left: 50%;
   top: 45%;
   text-transform: uppercase;
}
.sectiontxtinner span{
   color: #64babb;
}
.sectiontxtinner p {
  font-family: "Montserrat", sans-serif;
  text-transform: capitalize;
  font-size: 19px;
  line-height: 29px;
  margin-top: 24px;
}
.aboutnxtlasttxt {
  color: white;
  font-size: 37px;
  font-family: "Russo One", sans-serif;
  line-height: 41px;
  position: absolute;
  left: 63%;
  top: 26%;
  text-transform: uppercase;
}
.aboutnxtlasttxt ul li{
	color: #64b5ba;
	border-bottom: 1px #0d5368 solid;
	margin-bottom: 15px;
}
.aboutnxtlasttxt ul li:last-child{
	border: 0;
}
.aboutnxtlasttxt ul li p{
	color: #fff;
	font-family: "Montserrat", sans-serif;
	text-transform: capitalize;
	font-size: 18px;
}
.aboutnxtlasttxtnxt {
  color: white;
  font-size: 30px;
  font-family: "Russo One", sans-serif;
  line-height: 33px;
  position: absolute;
  left: 2%;
  top: 7%;
  text-transform: uppercase;
}
.aboutnxtlasttxtnxt span{
  color: #64b5bb;
}
.abocon{
  background: #fff;
  padding: 50px 0;
}
.abocon h3{
   color: #333333;
   font-size: 37px;
   font-family: "Russo One", sans-serif;
   text-align: center;
   text-transform: uppercase;
}
.abocon h3 span{
	color: #64babb;
}
.abocon p {
  font-family: "Montserrat", sans-serif;
  text-transform: capitalize;
  font-size: 15px;
  color: #333333;
  text-align: center;
  margin-top: 7px;
}
.abouream{
	background: #fff;
	text-align: center;
}
.abouream ul {
	margin: 0;
	padding: 0;
}
.abouream ul li{
	margin: 0;
	padding: 0;
	color: #64b5bb;
	font-size: 24px;
    font-family: "Russo One", sans-serif;
	text-transform: uppercase;
	display: inline-block;
	width: 33%;
	margin-bottom: 30px;
}
.abouream ul li span{
	color: #333333;
}
.abouream ul li p{
	padding: 10px;
}
.abouream ul li img{
	width: 85%;
}
.sectiontxtinnertop {
  color: white;
  font-size: 37px;
  font-family: "Russo One", sans-serif;
  line-height: 41px;
  position: absolute;
  left: 7%;
  top: 20%;
  text-transform: uppercase;
}
.sectiontxtinnertop span{
	color: #64babb;
}

/*-- end --*/
/* section for scroll trigger */
/* typing text */
.typing {
  font-size: 39px;
  line-height: 43px;
  white-space: pre-line;
  position: relative;
  font-family: "Russo One", sans-serif;
}

/* blinking cursor */
.typing::after {
  content: " ";
  margin-left: 5px;
  animation: blink 0.8s infinite;
}

@keyframes blink {
  50% { opacity: 0; }
}
/*-- end --*/
/*--service--*/
.layer-4 {
  background-image: url("img/service011.jpg");
  background-position: center bottom;
}
.layer-40 {
  background-image: url("img/service01.jpg");
  background-position: center bottom;
}

.blackdivmain{
	background: #000;
	width:90%;
	margin: 0 auto;
    padding-right:15px;
    padding-left:15px;
    margin-right:auto;
    margin-left:auto;
	position: relative;
	z-index: 99;
}
.divblack {
  background: #000;
  width: 33%;
  display: inline-block;
  padding: 75px 15px 0 15px;
}
.divblack img{
	width: 100%;
	transition: transform 0.3s ease-in-out;
	position: relative;
}
.divblack img:hover{
	width: 100%;
	transform: translateY(-20px);
}
.divblack p {
    background: #192F30;
    background: linear-gradient(to right, #192F30 10%, #64BABB 43%);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    rotate: -90deg;
    font-family: "Russo One", sans-serif;
    font-size: 31px;
    line-height: 31px;
    position: relative;
    left: -136px;
    text-transform: uppercase;
    z-index: 0;
    top: -21px;
}
.divblack ul{
	margin: 0 0 20px 35%;
	padding: 0;
	position: relative;
}
.divblack ul li {
  margin: 5px 0 0 0px;
  padding: 0 0 0 18px;
  background: url('img/arrow.png') no-repeat 3px 3px;
  font-family: "Montserrat", sans-serif;
  color: #fff;
  font-size: 14px;
  line-height: 16px;
}
.divblack strong {
  font-weight: normal;
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-size: 17px;
  margin-bottom: 10px;
  display: block;
  padding-left: 25px;
}
.servicefooter{
  background: url('img/servicefooter.jpg') no-repeat;
  padding: 150px 0;
  background-size: cover;
}
.hedsecser {
  font-family: "Russo One", sans-serif;
  font-weight: 400;
  text-align: center;
  font-size: 36px;
  /*! bottom: 46px; */
  /*! position: relative; */
  line-height: 41px;
  text-transform: uppercase;
  color: #fff;
}
.hedsecser span{
  color: #64b5bb;
}
/*-- end --*/
/*--contact--*/
.layer-5 {
  background-image: url("img/contactinner.jpg");
  background-position: center top;
  background-size: 100%;
}
.sectiontxtinnertop-five {
  color: white;
  font-size: 37px;
  font-family: "Russo One", sans-serif;
  line-height: 41px;
  position: absolute;
  right: 7%;
  top: 20%;
  text-transform: uppercase;
}
.sectiontxtinnertop-five span{
	color: #64babb;
}
.blackdivmain-con{
	background: #000;
	width:90%;
	margin: 0 auto;
    padding-right:15px;
    padding-left:15px;
    margin-right:auto;
    margin-left:auto
}
.contact-section{
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:80px 8%;
    position:relative;
}
.bg-glow{
    position:absolute;
    width:600px;
    height:600px;
    background:linear-gradient(45deg,#00e5ff,#8a2be2,#ff0080);
    filter:blur(180px);
    opacity:.2;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    z-index:0;
}

.contact-container{
    position:relative;
    z-index:2;
    width:100%;
    max-width:1300px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:60px;
    align-items:center;
}
.contact-left h5{
    color:#00e5ff;
    letter-spacing:5px;
    margin-bottom:20px;
    text-transform:uppercase;
    font-size:14px;
}
.contact-left h1 {
  font-size: 56px;
  line-height: 1.1;
  margin-bottom: 18px;
  font-family: "Russo One", sans-serif;
  text-transform: uppercase;
  color: #fff;
}
.contact-left p{
  font-weight: normal;
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  margin-top: 7px;
}
.info-box{
  font-family: "Russo One", sans-serif;
  color: #00e5ff;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 300;
  margin-top: 20px;
  margin-bottom: 10px;
  display: block;
  margin-top: 30px;
}
.info-icon {
  float: left;
  color: red;
  margin: 0 7px 57px 0;
}
.contact-form h2{
	color: #fff;
	margin-bottom: 25px;
	font-family: "Russo One", sans-serif;
	text-transform: uppercase;
	font-weight: 400;
}
.coninput{
   padding: 9px;
   border: 0;
   width: 100%;
   border-radius: 2px;
}
.form-group {
  font-family: "Russo One", sans-serif;
  color: #00e5ff;
  line-height: 36px;
  margin: 0 0 13px 0;
  text-transform: uppercase;
}
.input-group {
  width: 100%;
  padding: 14px 16px;
  border: none;
  outline: none;
  border-radius: 8px;
  background: rgba(255,255,255,0.08);
  color: #fff;
  font-size: 16px;
  transition: 0.4s ease;
  border: 1px solid transparent;
  
}
.input-group::placeholder{
  color:rgba(255,255,255,0.5);
}
.input-group:hover{
  background:rgba(255,255,255,0.12);
}
.input-group:focus{
  border:1px solid #38bdf8;
  background:rgba(255,255,255,0.12);
  box-shadow:
    0 0 0 4px rgba(56,189,248,0.15),
    0 0 25px rgba(56,189,248,0.25);
  transform:translateY(-2px);
}
.buttonsubmit {
  width: 37%;
  padding: 16px;
  border: none;
  border-radius: 4px;
  background: linear-gradient(135deg,#38bdf8,#6366f1);
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  transition: 0.4s;
  margin-top: 17px;
}
.buttonsubmit:hover{
  transform:translateY(-3px);
  box-shadow:0 10px 25px rgba(99,102,241,0.4);
}
.addresscon{
  text-transform: capitalize;
  line-height: 25px;
}

/*--contact end--*/

@media only screen and (min-width: 1920px) {
	#hero{
		max-width: 1920px;
		margin: 0 auto;
	}
	#hero, .layer {
		max-width: 1920px;
	}
	.divblack {
		padding: 138px 15px 0 15px;
	}
	.divblack p{
		top: -96px;
	}
	.servicefooter {
		padding: 230px 0;
	}
}


/*-- service mobile section--*/
@media (max-width: 575px) {
	.typing {
        font-size: 22px;
        line-height: 24px;
    }
	.typingser{
		font-size: 34px;
        line-height: 24px;
	}
	.gloweff{
	background: none;
	}
	.divblack {
	  width: 100%;
	  display: block;
	  padding: 0px 15px 0 15px;
	}
	.divblack strong{
	  text-align: center;
	  font-size: 20px;
	}
	.divblack p{
		top: 0;
	}
	.hedsecser{
		font-size: 25px;
	}
	.hedsecser span{
		font-size: 31px;
	}
	.divblack p {
        font-size: 23px;
        line-height: 25px;
		top: 53px;
    }
	.layer-bg {
	  background-size: cover;
	  background-position: center top;
	}
	.contact-container{
	  grid-template-columns: auto;
	}
	.layer-5{
	  background-size: cover;
	}
	.sectiontxtinnertop-five {
	  font-size: 31px;
	  line-height: 32px;
	  right: 0px;
	  top: 27%;
	  left: 3%;
	}
}
@media (max-width: 575px) {
	.aboutnxtbac {
		background-size: cover;
		background-position: -257px 36px;
	}
	.aboutnxtlasttxt {
	  font-size: 37px;
	  line-height: 24px;
	  position: absolute;
	  left: 5%;
	  top: 0;
	}
	.aboutnxtlast{
		background-size: cover;
		background-position: -223px -25px;
	}
	.aboutnxtlasttxtnxt{
		left: 5%;
		top: -18%;
	}
	.abouream ul li{
		width: 100%;
	}
	.sectiontxtinner {
	  font-size: 29px;
	  line-height: 31px;
	  position: absolute;
	  left: 5%;
	  top: 45%;
	}
	.sectiontxtinner p {
	  font-size: 15px;
	  line-height: 20px;
	}
	.abocon h3{
	   font-size: 28px;
	}
	.bg-glow{
		width: auto;
	}
	.footermenesec{
		line-height: 15px;
	}
	.footermenesec a {
	  text-align: right;
	  font-size: 16px;
	  line-height: 17px;
	}
	.buttonsubmit{
		width: 70%;
	}
	.contact-left h1 {
		font-size: 38px;
	}
	
}

@media (max-width: 575px) {
	.tooltiphover1 {
	  position: absolute;
	  top: 55%;
	  left: 15%;
	}
	.f4 {
	  bottom: 70px;
	  right: 14%;
	}
}