@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

html{
	scroll-behavior: smooth;


}

body{
	font-family: 'Work Sans', sans-serif;
	font-weight: 600;
	font-size:18px;
	background-color: #000000;
	overflow: hidden;

}


.logobig{
	position: absolute;
	transform: scale(3.5);
	margin-left: 19.5%;
	margin-top: -5.5%;
}
.logo1{
position:fixed;
z-index:999;
margin-left:2%;
margin-top: 1%;
transform: scale(1);
transition: all .3s ease;
cursor: pointer;
mix-blend-mode:difference;
}

.logo1:hover{
 transform: scale(1.3)
}


.back{
	position:fixed;
	margin-top: 0%;
	margin-left: 92%;
	transform: scale(1);
	transition: all .3s ease;
	cursor: pointer;
	z-index:999;
	mix-blend-mode:difference;
}


.back:hover{
	 transform: scale(1.3)
}

.bn54 {
  outline: none;
  text-decoration: none;
  border-radius: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  text-transform: uppercase;
  height: 45px;
  width: 130px;
  opacity: 1;
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.0);
  position: fixed;
  margin-left: 88%;
  margin-top: 1.3%;
  transition: all .3s ease;
  z-index: 999;
  font-family: 'Work Sans', sans-serif;
  box-shadow: 2px 6px 15px 3px rgba(0,0,0,0.5) ;
}

.bn54:hover {
transform: scale(1.3);
}


.header{
	width: 102%;
    height: 90%;
    background-image: url(photos/header.jpg);
    position: absolute;
    margin-top: -871px;
    margin-left: -0.4%;
    background-size: cover;
	
}


.background_img_1{
	width:102%;
	margin-top:-1%;
	margin-left:-1%;
}



.title{

	font-family: 'Ilisarniq-Black'; color: rgba(0,0,0,0.00);
	-webkit-text-stroke: 1px #FFFFFF; /* width and color */
	font-size: 80px;
	margin-top:0%;
	margin-left:12%;
	z-index: 6;

}

.title1{

	font-size: 83.3px;
}

.DJUNGLE{

	color: #FFF;
	-webkit-text-stroke: 0px #FFF;

	

}

.slogan{

	font-family: 'Ilisarniq-Black'; color: #FFFFFF;
	font-size: 20px;
	margin-left:12.1%;
	margin-top: -2.8%;
	z-index: 6;

}



.bn542 {
  outline: none;
  text-decoration: none;
  border-radius: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  text-transform: uppercase;
  height: 45px;
  width: 190px;
  opacity: 1;
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.0);
  position: absolute;
  margin-left: 12.1%;
  margin-top: 1%;
  transition: all .3s ease;
  z-index: 9;
  font-family: 'Ilisarniq-Light';

}

.bn542:hover {
transform: scale(1.3);
}



.blue-gradient-div{
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%,#000000 61.38%);
    z-index: 7;
    position: absolute;
    width: 102%;
    height: 544px;
    margin-top: -368px;
    margin-left: -1%;
    margin-bottom: -500px;
}


@media screen and (orientation: portrait) and (min-width: 100px) and (max-width: 599px) {
	
body{
	font-family: 'Work Sans', sans-serif;
	font-weight: 600;
	font-size:18px;
	background-color: #000000;

}
	
.logo1 {
    margin-left: 0%;
    margin-top: -960px;
    transform: scale(0.7);
}

.logo1:hover{
 transform: scale(1)
}

.logobig{
	position: absolute;
	transform: scale(2);
	margin-left: 23.5%;
	margin-top: -15.5%;
}
.back {
    margin-top: -100%;
    margin-left: 72%;
    transform: scale(0.6);
    transition: all .3s ease;
	align-content: flex-end
}


.back:hover{
	 transform: scale(0.8)
}

.bn54 {
    height: 45px;
    width: 130px;
    margin-left: 65%;
    margin-top: -953px;
    transform: scale(0.8);
}

.bn54:hover {
transform: scale(1);
}

.background_img_1{
	width:1700px;
	margin-top:-5%;
 	margin-left:-1110px;
	
}
	
	
.title{
	font-size: 40px;
	margin-top:5%;
	margin-left:10%;

}

.title1{
	font-size: 45px;
}

.DJUNGLE{

	color: #FFF;
	-webkit-text-stroke: 0px #FFF;

	

}

.slogan{
	font-size: 16px;
	margin-left:11%;
	margin-top: -5.8%;
}


.blue-gradient-div{
	width: 110%;
	margin-left:-8px;
	margin-top: -500px;
	height: 300px;
}	
	
}

@media screen and (min-width: 600px) {
	
.logo1 {
    margin-left: -2%;
    margin-top: -835px;
    transform: scale(0.7);
}

.logo1:hover{
 transform: scale(1)
}

.header {
    width: 103%;
    height: 573px;
    background-image: url(photos/header.jpg);
    background-position-x: 10px;
    position: absolute;
    margin-top: -880px;
    margin-left: -3%;
    background-size: cover;
}
	
.logobig {
    position: absolute;
    transform: scale(2.5);
    margin-left: 14%;
    margin-top: -7.5%;
}
	
.bn542 {
    outline: none;
    text-decoration: none;
    border-radius: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    text-transform: uppercase;
    height: 45px;
    width: 190px;
    opacity: 1;
    background-color: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.0);
    position: absolute;
    margin-left: 7%;
    margin-top: 1%;
    transition: all .3s ease;
    z-index: 9;
    font-family: 'Ilisarniq-Light';
}
	
	
	
.back {
    margin-top: 13%;
    margin-left: 87.5%;
    transform: scale(0.6);
    transition: all .3s ease;
}


.back:hover{
	 transform: scale(1.3)
}

.bn54 {
    height: 45px;
    width: 130px;
    margin-left: 83%;
    margin-top: -825px;
    transform: scale(0.8);
}

.bn54:hover {
transform: scale(1);
}

.background_img_1{
	width:1450px;
	margin-top:-3%;
 	margin-left:-406px;

}
	
	
.title {
    font-family: 'Ilisarniq-Black';
    color: rgba(0,0,0,0.00);
    -webkit-text-stroke: 1px #FFFFFF;
    font-size: 80px;
    margin-top: 0%;
    margin-left: 6%;
    z-index: 6;
}

.title1{
	font-size: 45px;
}

.DJUNGLE{

	color: #FFF;
	-webkit-text-stroke: 0px #FFF;

	

}

.slogan {
    font-size: 16px;
    margin-left: 6.5%;
    margin-top: -4.5%;
}



.blue-gradient-div {
    width: 110%;
    margin-left: -8px;
    margin-top: -500px;
    height: 300px;
}	
	
}

@media only screen and (min-width: 1024px){

.logo1 {
    margin-left: 0%;
    margin-top: -84%;
    transform: scale(0.7);
}

.logo1:hover{
 transform: scale(1)
}

.logobig{
	position: absolute;
	transform: scale(2);
	margin-left: 15%;
	margin-top: -14%;
}

.back{
	margin-top: 50%;
	margin-left: 90%;
	transform: scale(0.6);
	transition: all .3s ease;
}


.back:hover{
	 transform: scale(1.3)
}

.bn54 {
    height: 45px;
    width: 130px;
    margin-left: 84%;
    margin-top: -82.8%;
    transform: scale(0.8);
}

.bn542 {
    outline: none;
    text-decoration: none;
    border-radius: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    text-transform: uppercase;
    height: 45px;
    width: 190px;
    opacity: 1;
    background-color: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.0);
    position: absolute;
    margin-left: 10.1%;
    margin-top: 1%;
    transition: all .3s ease;
    z-index: 9;
    font-family: 'Ilisarniq-Light';
}

.bn54:hover {
transform: scale(1);
}
.header {
    width: 102.2%;
    height: 730px;
    background-image: url(photos/header.jpg);
    position: absolute;
    margin-top: -871px;
    margin-left: -1.9%;
    background-size: cover;
}
	
.background_img_1{
	width:1114px;
	margin-top:-10%;
 	margin-left:-44px;
	margin-bottom: 9%;

}
	
	
.title{
	font-size: 40px;
	margin-top:-5%;
	margin-left:10%;

}

.title1{
	font-size: 45px;
}

.DJUNGLE{

	color: #FFF;
	-webkit-text-stroke: 0px #FFF;

	

}

.slogan{
	font-size: 16px;
	margin-left:10.5%;
	margin-top: -2.5%;
}


.blue-gradient-div {
    width: 102%;
    margin-left: -15px;
    margin-top: -325px;
    height: 250px;
}	

}

@media only screen and (min-width: 1430px){

.logo1 {
    margin-left: 0%;
    margin-top: -60%;
    transform: scale(0.7);
}

.logo1:hover{
 transform: scale(1)
}

.logobig{
	position: absolute;
	transform: scale(2);
	margin-left: 13.5%;
	margin-top: -14%;
}

.back {
    margin-top: -9%;
    margin-left: 93%;
    transform: scale(0.6);
    transition: all .3s ease;
}


.back:hover{
	 transform: scale(1.3)
}

.bn54 {
    height: 45px;
    width: 130px;
    margin-left: 90%;
    margin-top: -59.5%;
    transform: scale(0.8);
}

.bn54:hover {
transform: scale(1);
}
.header {
    width: 110%;
    height: 660px;
    background-image: url(photos/header.jpg);
    position: absolute;
    margin-top: -871px;
    margin-left: -0.6%;
    background-size: cover;
}
	
.background_img_1{
	width:1500px;
	margin-top:-10%;
 	margin-left:-44px;
	margin-bottom: 9%;

}
	
	
.title{
	font-size: 40px;
	margin-top:-8.5%;
	margin-left:10%;

}

.title1{
	font-size: 45px;
}

.DJUNGLE{

	color: #FFF;
	-webkit-text-stroke: 0px #FFF;

	

}

.slogan {
    font-size: 16px;
    margin-left: 10.5%;
    margin-top: -1.5%;
}

.blue-gradient-div{
	width: 102%;
	margin-left:-15px;
	margin-top: -382px;
	height: 250px;


}	

.services {
    width: 108%;
    height: 490px;
    background-image: url(photos/NEON_LANDING_7.jpg);
    margin-left: -5%;
    margin-bottom: 5%;
    background-size: 95%;
    background-position-y: 0px;
    background-position-x: 64px;
    margin-top: 870px;
}
}

@media (-webkit-device-pixel-ratio: 1.25) {
	
:root {
zoom: 0.8;
}
}

@media only screen and (min-width: 1500px){
.logo1 {
    position: fixed;
    z-index: 999;
    margin-left: 2%;
    margin-top: -833px;
    transform: scale(1);
    transition: all .3s ease;
    cursor: pointer;
}

.logo1:hover{
 transform: scale(1.3)
}

	.logobig{
	position: absolute;
	transform: scale(3.5);
	margin-left: 19%;
	margin-top: -6.5%;
}

.back{
	position:fixed;
	margin-top: 0%;
	margin-left: 91%;
	transform: scale(1);
	transition: all .3s ease;
	cursor: pointer;
	z-index:999;
}

.header {
    width: 110%;
    height: 760px;
    background-image: url(photos/header.jpg);
    position: absolute;
    margin-top: -871px;
    margin-left: -0.6%;
    background-size: cover;
}

.back:hover{
	 transform: scale(1.3)
}

.bn54 {
    outline: none;
    text-decoration: none;
    border-radius: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    text-transform: uppercase;
    height: 45px;
    width: 130px;
    opacity: 1;
    background-color: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.0);
    position: fixed;
    margin-left: 91%;
    margin-top: -841px;
    transition: all .3s ease;
    z-index: 999;
    font-family: 'Work Sans', sans-serif;
}

.bn54:hover {
transform: scale(1.3);
}





.background_img_1{
	width:102%;
	margin-top:-1%;
	margin-left:-1%;
	z-index:1;
}



.title{

	font-family: 'Ilisarniq-Black'; color: rgba(0,0,0,0.00);
	-webkit-text-stroke: 1px #FFFFFF; /* width and color */
	font-size: 80px;
	margin-top:0%;
	margin-left:12%;
	z-index: 6;

}

.title1{

	font-size: 83.3px;
}

.DJUNGLE{

	color: #FFF;
	-webkit-text-stroke: 0px #FFF;


	

}

.slogan{

	font-family: 'Ilisarniq-Black'; color: #FFFFFF;
	font-size: 20px;
	margin-left:12.5%;
	margin-top: -2.8%;
	z-index: 6;

}



.bn542 {
  outline: none;
  text-decoration: none;
  border-radius: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  text-transform: uppercase;
  height: 45px;
  width: 190px;
  opacity: 1;
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.0);
  position: absolute;
  margin-left: 12.3%;
  margin-top: 1%;
  transition: all .3s ease;
  z-index: 9;
  font-family: 'Ilisarniq-Light';

}


.bn542:hover {
transform: scale(1.3);
}



.blue-gradient-div {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%,#000000 61.38%);
    z-index: 7;
    position: absolute;
    width: 108%;
    height: 544px;
    margin-top: -487px;
    margin-left: -1%;
    margin-bottom: -500px;
}



}