@import url('https://fonts.googleapis.com/css2?family=Poppins: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');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Geist:ital,wght@0,100..900;1,100..900&family=Poppins: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');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Geist:ital,wght@0,100..900;1,100..900&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&family=Poppins: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');

body{
	background:#000000 !important;
	font-family: "Poppins", sans-serif !important;
	padding-bottom:0 !important;
	overflow-x:hidden;
}

.shiva-box{
	border:1px #9b9b9b solid;
	border-radius: 20px;
}

#shiva
{
	width: 100%;
	height: auto;
	background:#090909;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border:1px #363636 solid;
	border-radius: 20px;
	padding-top:40px;
	padding-bottom:40px;
	margin-top:20px;
	margin-bottom:20px;
	font-size:60px;
	font-weight:800;
	color:#b4e005;
}

.shiva-title{
	color:#ffffff !important;
}

.count
{
	font-family: "Geist", sans-serif !important;
	line-height: 100px;
	color:#b4e005;
	margin-left:0px;
	font-size:60px;
	font-weight:800;
}

section{
	padding-top:50px;
	padding-bottom:40px;
}

p{
	font-size:1.3em;
	font-weight:400;
	line-height:24px !important;
	margin-bottom:25px !important;
}

	.lead{
		font-size:1.6em !important;
		color:#000;
	}
	
	.white-txt{
		color:#fff !important;
	}
	
.marketing{
	padding-top:100px;
	text-align:left;
}

.marketing2{
	background:#333;
	padding-top:60px;
	text-align:left;
	color:#fff !important;
}

.hero-section{
	background:url('../images/overlay.png') repeat, url('../images/white-bg.jpg') bottom center no-repeat;
	padding-top:190px;
}

.hero-box{
	border-radius:50px;
	padding:50px 30px 30px 30px;
	text-align:center;
}
	
	.hero-h1 {
		font-family: "Geist", sans-serif;
		font-size: 50px;
		font-weight: 800;
		line-height: 56px;
		margin-bottom:20px;
		color:#ffffff;
	}
	
	.hero-p {
		font-size: 16px;
		margin-bottom:25px;
		color:#9b9b9b;
	}
	
	.hero-h2 {
		font-family: "Geist", sans-serif !important;
		font-size: 45px;
		font-weight: 800;
		line-height: 50px;
		margin-bottom:40px;
		color:#ffffff;
	}
	
	.hero-p2 {
		font-size: 16px;
		margin-bottom:40px;
		color:#9b9b9b;
	}
	
	.hero-butt {
		background:#b4e005 !important;
		color:#000000;
		font-weight:400;
		font-size:16px;
		border:0;
		border-radius: 40px;
		padding: 15px 29px 15px 29px;
		margin-right:5px;
		margin-left:5px;
	}
	
	
.spacer{
	height:40px;
}

.spacer2{
	height:60px;
}

.solutions1{
	background:url('../images/overlay.png') repeat, url('../images/s1.png') bottom center no-repeat;
	font-family: "Geist", sans-serif !important;
	background-size:cover;
	width:100%;
	height:auto;
	border:3px solid #b4e006;
	border-radius:20px;
	color:#ffffff;
	font-size:30px;
	text-align:center;
	padding-top:200px;
	padding-bottom:200px;
	margin-bottom:30px;
}

.solutions2{
	background:url('../images/overlay.png') repeat, url('../images/s2.png') bottom center no-repeat;
	font-family: "Geist", sans-serif !important;
	background-size:cover;
	width:100%;
	height:auto;
	border:3px solid #b4e006;
	border-radius:20px;
	color:#ffffff;
	font-size:30px;
	text-align:center;
	padding-top:200px;
	padding-bottom:200px;
	margin-bottom:30px;
}

.solutions3{
	background:url('../images/overlay.png') repeat, url('../images/s3.png') bottom center no-repeat;
	font-family: "Geist", sans-serif !important;
	background-size:cover;
	width:100%;
	height:auto;
	border:3px solid #b4e006;
	border-radius:20px;
	color:#ffffff;
	font-size:30px;
	text-align:center;
	padding-top:200px;
	padding-bottom:200px;
	margin-bottom:30px;
}

.box1{
	background:#000000;
	border-radius:25px;
	padding:20px;
	margin-bottom:30px;
	color:#9b9b9b;
	border:2px solid #1d1d1d;
}

.box2{
	background:#000000;
	border-radius:25px;
	padding:20px;
	margin-bottom:30px;
	color:#9b9b9b;
	border:2px solid #1d1d1d;
}

.box3{
	background:#000000;
	border-radius:25px;
	padding:20px;
	margin-bottom:30px;
	color:#9b9b9b;
	border:2px solid #1d1d1d;
}

.box4{
	background:#000000;
	border-radius:25px;
	padding:20px;
	margin-bottom:30px;
	color:#9b9b9b;
	border:2px solid #1d1d1d;
}

.box5{
	background:#000000;
	border-radius:25px;
	padding:20px;
	margin-bottom:30px;
	color:#9b9b9b;
	border:2px solid #1d1d1d;
}

.box6{
	background:#000000;
	border-radius:25px;
	padding:20px;
	margin-bottom:30px;
	color:#9b9b9b;
	border:2px solid #1d1d1d;
}

.box-h{
	font-family: "Geist", sans-serif;
	font-size:24px;
	color:#ffffff;
}

.banner{
	background:url('../images/banner-bg.jpg') bottom center no-repeat;
	padding-top:170px;
}
	
.slogan{
	font-size:2.1em;
	font-weight:400;
	color:#fff;
	margin-top:20px;
	margin-bottom:50px;
}

h1 {
	font-family: "Geist", sans-serif !important;
    font-size: 2.5em !important;
    font-weight: 500 !important;
    color: #ffffff !important;
    margin-top: 40px !important;
	margin-bottom:40px !important;
    line-height: 40px !important;
}

h2 {
	font-family: "Geist", sans-serif !important;
    font-size: 2.5em !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    margin-top: 40px !important;
    line-height: 40px !important;
}

h3{
	font-family: "Geist", sans-serif !important;
	font-size:2.3em !important;
	font-weight:800 !important;
	font-weight:800 !important;
	color:#000 !important;
	margin-bottom:40px !important;
}

h4{
	font-size:1.6em !important;
	font-weight:400 !important;
	color:#000 !important;
	margin-top:15px !important;
	margin-bottom:20px !important;
}

h5{
	font-family: "Geist", sans-serif !important;
	font-size:1.6em !important;
	font-weight:700 !important;
	color:#000 !important;
	margin-top:15px !important;
	margin-bottom:20px !important;
}

.primary{
	background:#e2e2e2;
}

.secondary{
	background:url('../images/overlay.png') repeat, url('../images/cover2.jpg') center no-repeat fixed;
	padding-top:100px;
	padding-bottom:100px;
}

.tertiary{
	background:url('../images/overlay.png') repeat, url('../images/overlay.png') repeat, url('../images/overlay.png') repeat, url('../images/cover3.jpg') center no-repeat fixed;
	padding-top:60px;
	padding-bottom:60px;
}

.final{
	background:#090909;
	padding-top:100px;
	padding-bottom:100px;
}

.box{
	background:#eee;
	padding:30px;
	margin-bottom:20px;
	color:#333;
}

	.box img{
		padding:30px;
	}

.marketing img, .marketing2 img{
	padding:30px !important;
}

.pre-footer{
	background:#000000;
	padding:50px 20px 50px 20px;
}

	.pre-footer a{
		font-size:14px;
		color:#9b9b9b;
		text-decoration:none;
	}
	
	.pre-footer a:hover{
		font-size:14px;
		color:#ffffff;
		text-decoration:none;
	}

footer{
	background:#000000;
	font-size:14px;
	font-weight:400;
	padding-top:30px;
	padding-bottom:30px;
	border-top:2px #b4e005 solid;
	color:#9b9b9b;
	text-align:center;
}

.foot-menu{
	text-align:right;
	margin-top:10px;
}

	footer a{
		font-weight:400;
		color:#737373;
		text-decoration:none;
	}
	
	footer a:hover{
		color:#000000;
		text-decoration:none;
	}

.pull-right{
	text-align:right;
}

.sitemap{
	text-align:center;
}

	.sitemap button{
		background:#333;
		color:#fff;
		width:100%;
		border:0px;
		padding:20px;
		font-size:1.3em;
	}

/* form */

.form-index{
	background:#090909;
	padding:35px;
	position:relative;
	border-radius:25px;
	border:2px #1d1d1d solid;
}

.form-index label{
	font-family: "JetBrains Mono", monospace;
}

.white-txt{
	color:#fff !important;
}

.arrow {
    position: absolute;
    left: -234px;
    top: 328px;
}

	.form-head{
		font-family: "Geist", sans-serif !important;
		font-size:1.5em;
		font-weight:700;
		color:#ffffff !important;
		margin-bottom:15px;
	}
	
	.form-desc{
		margin-bottom:20px;
	}

.submit-home{
	background:#b4e005 !important;
	color:#000000;
	font-weight:400;
	font-size:14px;
	border:0px;
	border-radius:40px;
	padding:10px 25px 10px 25px;
}

.fa-circle{
	font-size:10px !important;
	color:#b4e005;
}

.pre-hero{
	font-family: "JetBrains Mono", monospace;
	font-size:12px;
	width:auto;
	text-align:center;
	background:#0d0d0d;
	border:1px #333333 solid;
    border-radius: 30px;
	color:#ffffff;
	padding:10px 15px 10px 15px;
}

.heading{
	font-family: "JetBrains Mono", monospace;
	font-size:12px;
	width:auto;
	text-align:center;
	background:#0d0d0d;
	border:1px #333333 solid;
    border-radius: 30px;
	color:#b4e005;
	padding:10px 25px 10px 25px;
}

.textfield{
	margin-bottom:25px;
	background-color:#121212 !important;
	border:1px #1d1d1d solid !important;
	border-radius:10px !important;
	box-shadow:none !important;
	color:#3333333 !important;
	padding: 20px !important;
}

.textfield2{
	margin-bottom:15px;
	background-color:#fff !important;
	border:0 !important;
	border-radius:0 !important;
	box-shadow:none !important;
	color:#000 !important;
}

.transition-bg {
  transition: background-color 0.5s ease; /* Control the speed of the color change */
}

/* Custom class to be added on scroll */
.bg-scrolled {
  background-color: #000000  !important; /* Example: Bootstrap Primary Blue */
  color: white;
}

.navbar-brand>img {
    display: block;
	margin-top:18px;
    width: 200px;
}

.navbar-default {
    background-color: #000000;
    border-color: #000000;
}

.navbar-default2{
	background-color: transparent;
	border:0px !important;
	border-color:#000 !important;
}

.navbar-default.scrolled{
	background:#0f1023;
}

.navbar-default2 .navbar-nav>li>a {
    color: #9b9b9b !important;
    font-size: 14px;
    font-weight: 400;
}

.navbar-default2 .navbar-nav>li>a:hover {
	background:none;
	border-radius:10px;
    color: #ffffff !important;
    font-size: 14px;
    font-weight: 400;
}

.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    height: auto !important;
}

.navbar-right {
    margin-top: 30px !important;
}

.navbar-toggle {
    margin-top: 42px !important;
}

.navbar-default2 .navbar-toggle {
    border-color: none !important;
}

.navbar-default2 .navbar-toggle .icon-bar {
    background-color: #ffffff !important;
}

    .collapse.in {
        display: block !important;
        background: black;
    }

.anchor{
    display: block;
    margin-top: -80px;
	width:auto;
    height: 80px;
}

/* Video BG */

.video-container {
	background:#000000;
	position: relative;
	width: 100%;
	height: auto; /* Or any height you need */
	overflow: hidden;
	padding-bottom:80px;
}

#bg-video {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: 0;
	transform: translate(-50%, -50%);
	object-fit: cover;
}

.content {
	position: relative;
	z-index: 1;
	color: white;
	padding-top: 12%;
}

.mob{
	display:none;
}

@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    .navbar-brand>img {
		width: 230px !important;
	}
	
	.hero-box{
		border-radius:50px;
		padding:30px 30px 30px 30px;
		text-align:center;
	}
	
	.hero-butt {
		background:#b4e005 !important;
		color:#000000;
		width:100%;
		font-weight:400;
		font-size:16px;
		border:0;
		margin-bottom:10px;
		border-radius: 40px;
		padding: 11px 30px 11px 30px;
	}
	
	.hero-txt{
		text-align:center;
	}
	
	.spacer{
		height:70px;
	}
	
	.spacer{
		height:10px;
	}
	
	.desk{
		display:none;
	}
	
	.mob{
		display:block;
	}
	
	.banner{
		padding-top:60px;
	}
	
	.content-mob{
		padding-top:0px;
	}
	
	.video-container {
	background:#000000;
	position: relative;
	width: 100%;
	height: auto; /* Or any height you need */
	overflow: hidden;
	}

	#bg-video {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: 0;
	transform: translate(-50%, -50%);
	object-fit: cover;
	}

	.content {
	position: relative;
	z-index: 1;
	color: white;
	padding-top: 28%;
	}
	
	.mobile{
		width:100%;
		display:none;
	}
	
	.foot-menu, .foot-logo{
		text-align:center;
	}
	
	footer{
		text-align:center;
	}
}