* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;

}

:root {
	--white: #ffffff;
	--font_color: #E6AC36;
	--bblack: #000000
}

@font-face {
	font-family: pilotcommand;
	src: url(./font/pilotcommand1_2.ttf);
}

a {
	text-decoration: none;
}

h1,
h2,
h3,
h5 {
	font-family: pilotcommand;
}

p,
h6 {
	font-family: 'Montserrat', sans-serif;
}

body {
	background-color: var(--bblack);
}

/* main heading start*/
.sub_title {
	color: var(--font_color);
}

.main_title h3 {
	font-size: 50px;
	font-weight: 800;
	font-family: 'Raleway', sans-serif;
	margin-bottom: 25px;
}

/* main heading end*/

/* padding class start*/
.pt_80 {
	padding-top: 80px;
}

/* padding class end*/


/* header */
header {
	position: absolute;
	width: 100%;
	z-index: 999;
}

nav * a {
	color: var(--white) !important;
}

.nav-link {
	margin: 0 15px !important;
}

.comman_button {
	background-color: var(--font_color);
	padding: 10px 22px;
	font-weight: 600;
	font-size: 17px;
	letter-spacing: 0.7px;
	border: 2px solid transparent;
	-webkit-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	color: white;
	border-radius: 5px;
}

.comman_button:hover {
	background-color: transparent;
	border: 2px solid var(--font_color);
	background-color: var(--bblack);
}

.nav-link {
	font-size: 20px;
	font-weight: 600;
	font-family: 'Montserrat', sans-serif;
	position: relative;
	-webkit-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}

.nav-link:after {
	position: absolute;
	height: 8px;
	width: 23px;
	content: '';
	background-color: var(--font_color);
	top: 0px;
	right: 0;
	left: 0;
	margin: 0 auto;
	border-radius: 50% 50% 0 0/100% 100% 0 0;
}

li.nav-item.active a:after {
	display: block;
}

.nav-link:after {
	display: none;
}

li.nav-item:hover a.nav-link:after {
	display: block;
}

li.nav-item:hover a.nav-link,
li.nav-item.active a {
	color: var(--font_color) !important;
}

li.nav-item.active:hover a.nav-link {
	color: var(--font_color) !important;
}

header.sticky {
	position: fixed;
	background-color: var(--bblack);


}


.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}


.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown
}

@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}


/* header end*/


/* home css  start*/
.home {
	background-image: url(../images/home_banner.jpg);
}

.home {
	padding: 100px 0;
	height: 100vh;
	background-size: 100% 100%;
	position: relative;
}

.home_div {
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
}

.home_div h1 {

	font-family: pilotcommand;
	font-size: 85px;
	-webkit-text-stroke: 5px var(--white);
	-webkit-text-fill-color: transparent;
}

.home_overlay {
	position: absolute;
	content: '';
	height: 100%;
	width: 100%;
	background-color: #0000007a;
	top: 0;
}

.home_div h2 {
	font-size: 33px;
}

.home_div p {
	font-size: 20px;
}


/* home css  end*/

/* about_bep start*/


.content p {
	font-size: 18px;
}

/* about_bep end*/

/* title_section start  */

.main_title_a h3 {
	font-size: 32px;
	text-align: center;
	position: relative;
	z-index: 9;
}

/* title_section end  */


.content_a p {

	font-size: 18px;
}


/* faq start*/


.accordion-item {
	background-color: transparent;
	color: var(--white);
}

.accordion-button {
	background-color: transparent;
	color: var(--white);
}

.accordion-button:not(.collapsed) {

	color: var(--white);
	background-color: transparent;
}

.accordion-item {
	margin: 20px 0;
	border-radius: 3px !important;
}

.accordion-item:not(:first-of-type) {
	border-top: 1px solid var(--white);
}


.accordion-button:focus {
	z-index: 3;
	border-color: var(--white);
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.accordion-item.active {
	background-color: #3e3b36;
	border: unset !important;
	border-radius: 5px;
}

.accordion-button:not(.collapsed) {

	-webkit-box-shadow: none;

	box-shadow: none;
}

/* faq end*/


.details_token {
	background-color: #242424;
	padding: 41px 35px;
	border-radius: 35px;
}

.text_a_color {
	color: #7c7c7c;
	font-weight: 500;
}


.social_icon ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding-top: 25px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.social_icon ul li {
	height: 70px;
	width: 70px;
	border-right: 2px solid #ffffff;

}

.social_icon ul li:last-child {
	border-right: none;
}

.social_icon ul li i {
	font-size: 25px;
	color: white;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%;
}

.main_div_a {
	background-color: #151515;
	padding: 20px 20px;
	border-radius: 10px;
}

.main_div_b {
	border: 1px dashed var(--font_color);
	padding: 20px 30px;
	border-radius: 10px;
}

ul {
	list-style: none;
	padding: 0;
}

.social_icon ul li:hover a i {
	color: var(--bblack);
}


.loading {
	width: 20px;
	height: 20px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-animation: loading-ani1 4s cubic-bezier(0.165, 0.840, 0.440, 1.000) infinite;
	animation: loading-ani1 4s cubic-bezier(0.165, 0.840, 0.440, 1.000) infinite;
}

.loading i {
	width: 20px;
	height: 20px;
	display: inline-block;
	border-radius: .3rem;
	position: absolute;
}

.loading i:nth-child(1) {
	background: #ef5350;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-animation: loading-ani2 4s ease-in-out infinite;
	animation: loading-ani2 4s ease-in-out infinite;
}

.loading i:nth-child(2) {
	background: #42a5f5;
	-webkit-transform: rotate(90deg) translate(0, 0);
	-ms-transform: rotate(90deg) translate(0, 0);
	transform: rotate(90deg) translate(0, 0);
	-webkit-animation: loading-ani3 6s ease-in-out infinite;
	animation: loading-ani3 6s ease-in-out infinite;
}

.loading i:nth-child(3) {
	background: #ffca28;
	-webkit-transform: rotate(180deg) translate(0, 0);
	-ms-transform: rotate(180deg) translate(0, 0);
	transform: rotate(180deg) translate(0, 0);
	-webkit-animation: loading-ani4 8s ease-in-out infinite;
	animation: loading-ani4 8s ease-in-out infinite;
}

.loading i:nth-child(4) {
	background: #5c6bc0;
	-webkit-transform: rotate(270deg) translate(0, 0);
	-ms-transform: rotate(270deg) translate(0, 0);
	transform: rotate(270deg) translate(0, 0);
	-webkit-animation: loading-ani5 10s ease-in-out infinite;
	animation: loading-ani5 10s ease-in-out infinite;
}

@-webkit-keyframes loading-ani1 {
	25% {
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
	}

	50% {
		-webkit-transform: rotate(225deg);
		transform: rotate(225deg);
	}

	75% {
		-webkit-transform: rotate(315deg);
		transform: rotate(315deg);
	}

	100% {
		-webkit-transform: rotate(405deg);
		transform: rotate(405deg);
	}
}

@keyframes loading-ani1 {
	25% {
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
	}

	50% {
		-webkit-transform: rotate(225deg);
		transform: rotate(225deg);
	}

	75% {
		-webkit-transform: rotate(315deg);
		transform: rotate(315deg);
	}

	100% {
		-webkit-transform: rotate(405deg);
		transform: rotate(405deg);
	}
}

@-webkit-keyframes loading-ani2 {

	17.5%,
	25%,
	42.5%,
	50%,
	67.5%,
	75%,
	92.5%,
	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}

	12.5%,
	37.5%,
	62.5%,
	87.5% {
		-webkit-transform: translate(0, 40px);
		transform: translate(0, 40px);
	}
}

@keyframes loading-ani2 {

	17.5%,
	25%,
	42.5%,
	50%,
	67.5%,
	75%,
	92.5%,
	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}

	12.5%,
	37.5%,
	62.5%,
	87.5% {
		-webkit-transform: translate(0, 40px);
		transform: translate(0, 40px);
	}
}

@-webkit-keyframes loading-ani3 {

	17.5%,
	25%,
	42.5%,
	50%,
	67.5%,
	75%,
	92.5%,
	100% {
		-webkit-transform: rotate(90deg) translate(0, 0);
		transform: rotate(90deg) translate(0, 0);
	}

	12.5%,
	37.5%,
	62.5%,
	87.5% {
		-webkit-transform: rotate(90deg) translate(0, 40px);
		transform: rotate(90deg) translate(0, 40px);
	}
}

@keyframes loading-ani3 {

	17.5%,
	25%,
	42.5%,
	50%,
	67.5%,
	75%,
	92.5%,
	100% {
		-webkit-transform: rotate(90deg) translate(0, 0);
		transform: rotate(90deg) translate(0, 0);
	}

	12.5%,
	37.5%,
	62.5%,
	87.5% {
		-webkit-transform: rotate(90deg) translate(0, 40px);
		transform: rotate(90deg) translate(0, 40px);
	}
}

@-webkit-keyframes loading-ani4 {

	17.5%,
	25%,
	42.5%,
	50%,
	67.5%,
	75%,
	92.5%,
	100% {
		-webkit-transform: rotate(180deg) translate(0, 0);
		transform: rotate(180deg) translate(0, 0);
	}

	12.5%,
	37.5%,
	62.5%,
	87.5% {
		-webkit-transform: rotate(180deg) translate(0, 40px);
		transform: rotate(180deg) translate(0, 40px);
	}
}

@keyframes loading-ani4 {

	17.5%,
	25%,
	42.5%,
	50%,
	67.5%,
	75%,
	92.5%,
	100% {
		-webkit-transform: rotate(180deg) translate(0, 0);
		transform: rotate(180deg) translate(0, 0);
	}

	12.5%,
	37.5%,
	62.5%,
	87.5% {
		-webkit-transform: rotate(180deg) translate(0, 40px);
		transform: rotate(180deg) translate(0, 40px);
	}
}

@-webkit-keyframes loading-ani5 {

	17.5%,
	25%,
	42.5%,
	50%,
	67.5%,
	75%,
	92.5%,
	100% {
		-webkit-transform: rotate(270deg) translate(0, 0);
		transform: rotate(270deg) translate(0, 0);
	}

	12.5%,
	37.5%,
	62.5%,
	87.5% {
		-webkit-transform: rotate(270deg) translate(0, 40px);
		transform: rotate(270deg) translate(0, 40px);
	}
}

@keyframes loading-ani5 {

	17.5%,
	25%,
	42.5%,
	50%,
	67.5%,
	75%,
	92.5%,
	100% {
		-webkit-transform: rotate(270deg) translate(0, 0);
		transform: rotate(270deg) translate(0, 0);
	}

	12.5%,
	37.5%,
	62.5%,
	87.5% {
		-webkit-transform: rotate(270deg) translate(0, 40px);
		transform: rotate(270deg) translate(0, 40px);
	}
}

div#cover {
	position: fixed;
	z-index: 9999;
	background-color: var(--bblack);
	width: 100%;
	height: 100%;
}

.set_loder {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;

}


.roadmap .row:nth-child(2) {
	-ms-flex-pack: distribute;
	justify-content: space-around;
	position: relative;
}

.road_a {
	text-align: center;
	z-index: 9;
	position: relative;
}

.roadmap .row:nth-child(2)::before {
	position: absolute;
	content: '';
	border-top: 2px dashed var(--font_color);
	height: 10px;
	width: 70%;
	top: 25%;
}


.road_a p:nth-child(2) {
	font-size: 22px;
	letter-spacing: 1px;
	margin-top: 10px;
}

.road_a p:nth-child(3) {
	font-size: 18px;
	color: var(--font_color);
	letter-spacing: 1px;
}

.roadmap .row:nth-child(3) {
	-webkit-box-pack: space-evenly;
	-ms-flex-pack: space-evenly;
	justify-content: space-evenly;
	position: relative;
}

.roadmap .row:nth-child(3) .col-lg-3:nth-child(1) .road_a {
	position: relative;
}

.border_div {
	position: absolute;
	height: 256px;
	width: 44%;
	border: 2px dashed #e6ac36;
	top: -144px;
	border-radius: 20px;
	border-bottom: 0;
}

.roadmap .row:nth-child(3) * .road_a {
	top: 95px;
}

video#myVideo {
	width: 100%;
}

section.future_gaming {
	padding-top: 90px;
}

.bg_image {
	background-image: url(../images/bg_border.png);
	background-size: 100% 100%;
}

.bg_roadmap {
	background-image: url(../images/roadmap_bg.png);
	background-size: 100% 100%;
	padding: 57px 0 157px 0;
}

section.roadmap {
	margin: 55px 0 0 0;
}

.set_top_border {
	border-top: 1px solid #383838;
	margin-top: 50px;
}

footer {
	padding-top: 55px;
}

.benifit_detail {
	position: relative;
}

.benifit_detail::before {
	position: absolute;
	content: '';
	height: 100%;
	background-color: #ffffff;
	width: 3px;
	left: -55px;
}

.triangle::before {
	width: 30px;
	height: 60px;
	border-left: solid 30px rgb(255 255 255);
	border-bottom: solid 30px transparent;
	border-top: solid 30px transparent;
	content: '';
	left: -52px;
	position: absolute;
	top: 17px;
}

.triangle {
	position: relative;
	cursor: pointer;
}

img.img-fluid.question {
	position: absolute;
	top: 30%;
	margin: 0 auto;
	right: 43%;
}

.ring_a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
}

.zoom-in-zoom-out {
	-webkit-animation: zoom-in-zoom-out 8s ease-out infinite;
	animation: zoom-in-zoom-out 8s ease-out infinite;
}

@-webkit-keyframes zoom-in-zoom-out {
	0% {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
	}

	50% {
		-webkit-transform: scale(1.3, 1.3);
		transform: scale(1.3, 1.3);
	}

	100% {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
	}
}

@keyframes zoom-in-zoom-out {
	0% {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
	}

	50% {
		-webkit-transform: scale(1.3, 1.3);
		transform: scale(1.3, 1.3);
	}

	100% {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
	}
}

video#home_video {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	-o-object-fit: cover;
	object-fit: cover;
}

section.title {
	background-image: url(../images/attachment.jpg);
	background-attachment: fixed;
	background-size: 100% 100%;
}

.set_overlay::before {
	position: absolute;
	background-color: #0d0d0d82;
	content: '';
	height: 100%;
	width: 100%;
	top: 0;
	z-index: 1;
}

.set_overlay {
	position: relative;
}

div#accordionExample h2 {
	font-family: 'Raleway', sans-serif;
}

.accordion-button::after {
	-webkit-filter: brightness(25.5);
	filter: brightness(25.5);
}

a#top_button {
	right: 25px;
	position: fixed;
	border: 2px solid #ffb1117a;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	height: 50px;
	width: 50px;
	bottom: 25px;
	background-color: #302d25;
	z-index: 99;
}

a#top_button i {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%;
	width: 100%;
	font-size: 20px;
	color: white;
	-webkit-transform: rotate(316deg);
	-ms-transform: rotate(316deg);
	transform: rotate(316deg);
}

a#top_button {
	opacity: 0;
}

a#top_button.show {
	opacity: 1;
	visibility: visible;
}

a#top_button:hover {
	cursor: pointer;
}

/* toggler css */

.navbar-toggler {
	border: 0 !important;
}

.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
	outline: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border: 0 !important;
}

/* Lines of the Toggler */
.toggler-icon {
	width: 30px;
	height: 3px;
	background-color: #ffffff;
	display: block;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

/* Adds Space between the lines */
.middle-bar {
	margin: 5px auto;
}

/* State when navbar is opened (START) */

.navbar-toggler[aria-expanded="true"] .top-bar {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transform-origin: 10% 10%;
	-ms-transform-origin: 10% 10%;
	transform-origin: 10% 10%;
}

.navbar-toggler[aria-expanded="true"] .middle-bar {
	opacity: 0;
	filter: alpha(opacity=0);
}

.navbar-toggler[aria-expanded="true"] .bottom-bar {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transform-origin: 10% 90%;
	-ms-transform-origin: 10% 90%;
	transform-origin: 10% 90%;
}

/* State when navbar is opened (END) */

/* State when navbar is collapsed (START) */
.navbar-toggler.collapsed .top-bar {
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
}

.navbar-toggler.collapsed .middle-bar {
	opacity: 1;
	filter: alpha(opacity=100);
}

.navbar-toggler.collapsed .bottom-bar {
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
}

/* State when navbar is collapsed (END) */

/* Color of Toggler when collapsed */
.navbar-toggler.collapsed .toggler-icon {
	background-color: #f8f9fa;
}

body,
html {
	overflow-x: hidden;
}

.ffacebook_color {
	background-color: #3b5998;
}

.iinstagram {
	background: -o-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
	background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
}

.ttwitter {
	background-color: #1DA1F2;
}

.llinkedin {
	background: #0270ad;
}

.ttelegram {
	background-color: #229ED9;
}



/* login and signup start here */
/* .sat-padding{
	padding: 100px 0px;
} */
section.log_in {
	height: 100vh;
	/* padding: 105px 0px; */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 30px 0px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-image: url(../images/loginimage.jpg);
	position: relative;
	background-size: 100% 100%;
}


.user_detail {
	z-index: 99;
	position: relative;
	background-color: #00000042;
	padding: 16px 50px;
	-webkit-box-shadow: 5px 5px 5px -2px #f8f9fa52;
	box-shadow: 5px 5px 5px -2px #f8f9fa52;
	border-radius: 10px;
}

.iti__country-list {
	white-space: unset;
	max-height: 300px;
	width: 220px;
}

/* .login_overlay {
	position: absolute;
	content: '';
	height: 100%;
	width: 100%;
	background-color: #000000a6;
	
}  */
.sign_in {
	text-align: center;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.pass_input {
	border: none;
	outline: none;
	background: none;
	color: white;
	width: 95%;
	margin: 0px !important;
}

/* .password_input{
	border: 1px solid white;
	width: 100%;
	padding: 10px;
	border-radius: 5px;
	
} */
.password_input {
	border: 1px solid white;
	width: 100%;
	padding: 10px;
	/* border-radius: 5px; */
	border-radius: 5px 0px 0px 8px;
	border-right: unset;
}

.input::placeholder {
	color: #fff;
}

.sign_in a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.sett-postion {
	position: relative;
}

.iti {
	position: relative;
	display: unset;
	margin: 7px 0px !important;
}

.image2 {
	position: absolute;
	z-index: 9;
	position: absolute;
	-webkit-animation: rotateY 15s alternate infinite;
	animation: rotateY 15s alternate infinite;
}

@-webkit-keyframes rotateY {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(-360deg);
		transform: rotate(-360deg)
	}
}

@keyframes rotateY {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(-360deg);
		transform: rotate(-360deg)
	}
}

.main_rotate {
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: -webkit-transform 0.7s linear;
	transition: -webkit-transform 0.7s linear;
	-o-transition: transform 0.7s linear;
	transition: transform 0.7s linear;
	transition: transform 0.7s linear, -webkit-transform 0.7s linear;
	-webkit-animation: rotate 7s infinite linear;
	animation: rotate 7s infinite linear;
}

@-webkit-keyframes rotate {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg)
	}
}

@keyframes rotate {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg)
	}
}



.image3 {
	position: absolute;
	margin: 0 auto;
	text-align: center;
	top: 11px;
	left: 0;
	right: 0;
}

/* .form-control,.form-floating label {
	color: white !important;
	background-color: #00000014 !important;
} */
.form-control:focus {
	border-color: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.go_login a {
	text-decoration: none;
	color: #918E85;
}

.go_login a:hover {
	text-decoration: underline;
	color: #d0af40;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none !important;
}

.shape {
	position: absolute;
	opacity: .1;
	right: 0;
	left: 0;
	margin: 0 auto;
	text-align: center;
}

.shape {
	position: absolute;
	opacity: .1;
	right: 0;
	left: 0;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;

}

.shape img {
	animation: rotateY 15s alternate infinite;

}

/* login and signup start end */

/* media query */

@media only screen and (max-width:991px) and (min-width: 320px) {
	header {
		background-color: var(--bblack);
	}

	li.nav-item:hover a.nav-link:after,
	li.nav-item.active a:after {
		display: none;
	}

	.row_reverse {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}

	section.title {
		background-size: 100% 100%;
	}

	.triangle::before,
	.benifit_detail::before,
	.roadmap .row:nth-child(2)::before,
	.border_div {
		all: unset;
	}

	.road_a {
		margin: 10px 0;
	}

	.roadmap .row:nth-child(3) * .road_a {
		top: 0;
	}

	.bg_roadmap {
		padding: 57px 0 57px 0;
	}

}

@media only screen and (max-width:991px) and (min-width: 768px) {
	.ring {
		max-width: 50%;
		margin-bottom: 10px;
	}

	section.log_in {
		padding: 40px 0px;
	}

	video#myVideo {
		margin-bottom: 20px;
	}
}

@media only screen and (max-width:768px) and (min-width: 320px) {
	section.log_in.in_log {
		height: 100% !important;
	}

	.shape.set_position {
		top: 42px !important;
	}

	.details_token {
		margin-top: 20px;
	}

	a#top_button {
		display: none;
	}

	section.login-1 {
		height: 100vh;
	}
}

@media only screen and (max-width:575px) and (min-width: 320px) {


	section.log_in {
		padding: 30px 0px;

	}

	.home_div h1 {

		font-size: 26px;
		-webkit-text-stroke: unset;
		-webkit-text-fill-color: unset;
	}

	.home_div h2 {
		font-size: 19px;
	}

	.main_title h3 {
		font-size: 35px;
	}

	.social_icon ul li {

		margin: 5px 5px;
	}

	@media only screen and (max-width:1662px) and (min-width: 1080px) {
		section.log_in {
			padding: 40px 0px;
		}
	}

	.social_icon ul li:last-child {
		border-right: 2px solid #ffffff;
	}
}

label {
	color: #fff;
}

.form-control,
.form-floating label {
	color: white !important;
	background-color: #00000014 !important;
	margin: 9px 0px;
}

i#togglePassword {
	color: #928f8f !important;
}

.seet-password {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border: 1px solid #fff !important;
	border-radius: 5px 5px 5px 5px !important;
}

.i-set {
	/* border: 1px solid #fff; */
	/* border-radius: 5px; */
	padding: 7px;

	border-left: unset;
	border-radius: 0px 5px 5px 0px;
}

a.back-home {
	color: #ffbd15 !important;
	text-decoration: underline !important;

	font-size: 24px;
	font-weight: 500;
}

input#myInput {
	background-color: transparent !important;
	border-radius: 5px 0px 0px 5px;
}

button#success-alert {
	border: none;
	color: white;
	border-radius: 0px 5px 5px 0px;
	padding: 6px 20px;
	min-width: 100px;

}

button#success-alert:active {
	font-size: 0;
}

button#success-alert:active::after {
	content: "Copied";
	color: #fff;
	font-size: 14px;
}

label.label-set {
	white-space: nowrap;
	margin: 0px 6px;
	font-size: 17px;
}

/* span.click-show {
	color: #7dc904;
	font-size: 17px;
	font-weight: 700;
}

span.click-error{
	color: red;
	font-size: 17px;
	font-weight: 700;
} */


.shape.set_position {
	top: 56px;
}

a.navbar-brand {
	font-size: 35px !important;
}