:root {

	--main-color: #020814;

	--green-color: #00FF79;

	--white-color: #fff;

	--black-color: #030303;

}



body{

	position: relative;

	font-family: 'Hind Siliguri', sans-serif;

	font-size: 18px;

	font-weight: 300;

	color: var(--white-color);

	background: #020814;

	overflow-x: hidden;

}





p {

	margin-bottom: 0;

}

a {

	text-decoration: none;

}

.zIndex-1 {

	z-index: 1;

}

.zIndex-11 {

	z-index: 11;

}

.zIndex-9 {

	z-index: 9;

}

.zIndex-99 {

	z-index: 9;

}

.row {

	margin: 0 -8px;

}



.col-12 {

	padding: 0 8px;

}

.container, .container-lg, .container-md, .container-sm, .container-xl {

	padding-right: 18px;

	padding-left: 18px;

}

.btn {

	padding: 7px 18px;

	background: var(--green-color);

	color: var(--black-color);

	border-radius: 26px;

	font-size: 25px;

	font-weight: 600;

}

.btn:hover {

	background-color: var(--black-color);

	color: var(--white-color);

	border-color: var(--green-color);

}

.iv-pp {

	position: relative;

	padding-bottom: 68%;

	border-radius: 5px;

	overflow: hidden;

}

.iv-p {

	position: absolute;

	width: 100%;

	height: 100%;

}

.cover {

	width: 100%;

	height: 100%;

	object-fit: cover;

}

.sec-h,

.sec-p {

	color: var(--white-color);

}

.bg-whg .sec-h,

.bg-whg .sec-p {

	color: var(--main-color);

}



.navbar-expand-lg .navbar-nav .nav-link,

a {

	color: var(--white-color);

}



.navbar-expand-lg .navbar-nav .nav-link:hover,

.navbar-expand-lg .navbar-nav .nav-link.active,

a:hover,

.green-color {

	color: var(--green-color);

}

.img-center {

	position: absolute;

	left: 50%;

	top: 50%;

	transform: translate(-50%,-50%);

}



.label-container {

	position: relative;

}



.label-container span {

	position: absolute;

	top: -8px;

	color: #fff;

	font-size: 28px;

	padding-left: 2px;

}



.custom-input {

	font-size: 16px;

	background-color: #020814;

	border-color: #fff;

	color: #fff;

}



.custom-input:focus {

	color: #fff;

	background-color: #020814;

	border-color: #fff;

	box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.25);

}



.custom-input::placeholder {

	color: #747679;

	font-size: 16px;

}



.input-group-color {

	background-color: #00FF79;

	font-weight: bold;

	font-size: 20px;

}





.custom-select {

	background-color: #020814;

	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="%2300FF79" class="bi bi-caret-down-fill" viewBox="0 0 16 16"><path d="M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z"/></svg>');

	background-position: calc(100% - 25px) calc(50%);

	background-size: 25px 225px;

	font-size: 15px;

	background-repeat: no-repeat;

	border-color: #fff;

	color: #747679;

	padding-right: 35px;

	position: relative;

}



.custom-select:focus {

	color: #fff;

	background-color: #020814;

	border-color: #fff;

	box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.25);

}

.submit-button{

	background-color: #00FF79;

	color: #000;

	font-weight: bold;

	border: none;

}

.submit-button:hover{

	background-color: #0db35a;

	color: #000;

	font-weight: bold;

	border: none;

}