body {
	width: 100%;
	background-color: #000;
	overflow-x: hidden !important
}
a:hover {
	text-decoration: none
}
nav {
	padding-top: 20px;
	position: absolute;
	left: 0px;
	float: left;
	width: 100%
}
.p-rel {
	position: relative
}
img.alfa {
	position: absolute;
	z-index: 9;
	width: 60px;
	top: -21px;
	left: -115px
}
.logo {
	width: 130px
}


section {
	float: left;
	width: 100%
}
canvas {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto
}
.back-home {
	color: #fff;
	background-color: transparent;
	padding: 10px 20px;
	transition: all .3s ease-in-out 0s;
	zoom: 90%;
	float: right;
	position: absolute;
	right: 23%;
	top: -22px;
	z-index: 99;
	font-size: 40px
}
.carousel-item {
	display: block !important
}
.back-home:hover {
	color: #ff9800
}
.pad-100 {
	padding: 100px;
	padding-top: 20px
}
.pad-70 {
	padding: 70px
}
.pad-40 {
	padding: 40px
}
.pad-30 {
	padding: 30px
}
.main {
	z-index: 1000;
	position: relative
}
.home-heading {
	position: absolute;
	top: 35vh
}
.inline {
	color: #fff;
	font-size: 30px
}
.text-center {
	text-align: center
}
.col-xs-5 {
	width: 20.83333333%;
	position: relative;
	min-height: 1px;
	padding-left: 5px;
	padding-right: 5px;
	float: left
}
.main h3 {
	font-family: rajdhani, cursive;
	color: #777;
	font-weight: 700
}
.contact a {
	color: #fff;
	font-size: 18px;
	font-weight: 400;
	letter-spacing: 2px
}
.contact a:hover {
	color: #F1AC1C
}
.contact .fa {
	color: #fff
}
#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #000;
	z-index: 9999
}
#status {
	width: 200px;
	height: 200px;
	position: absolute;
	left: 52%;
	top: 50%;
	background-repeat: no-repeat;
	background-position: center;
	margin: -100px 0 0 -100px
}
@-webkit-keyframes outerRotate1 {
	0% {
		transform: translate(-50%, -50%) rotate(0)
	}
	100% {
		transform: translate(-50%, -50%) rotate(360deg)
	}
}
@-moz-keyframes outerRotate1 {
	0% {
		transform: translate(-50%, -50%) rotate(0)
	}
	100% {
		transform: translate(-50%, -50%) rotate(360deg)
	}
}
@-o-keyframes outerRotate1 {
	0% {
		transform: translate(-50%, -50%) rotate(0)
	}
	100% {
		transform: translate(-50%, -50%) rotate(360deg)
	}
}
@keyframes outerRotate1 {
	0% {
		transform: translate(-50%, -50%) rotate(0)
	}
	100% {
		transform: translate(-50%, -50%) rotate(360deg)
	}
}
@-webkit-keyframes outerRotate2 {
	0% {
		transform: translate(-50%, -50%) rotate(0)
	}
	100% {
		transform: translate(-50%, -50%) rotate(-360deg)
	}
}
@-moz-keyframes outerRotate2 {
	0% {
		transform: translate(-50%, -50%) rotate(0)
	}
	100% {
		transform: translate(-50%, -50%) rotate(-360deg)
	}
}
@-o-keyframes outerRotate2 {
	0% {
		transform: translate(-50%, -50%) rotate(0)
	}
	100% {
		transform: translate(-50%, -50%) rotate(-360deg)
	}
}
@keyframes outerRotate2 {
	0% {
		transform: translate(-50%, -50%) rotate(0)
	}
	100% {
		transform: translate(-50%, -50%) rotate(-360deg)
	}
}
@-webkit-keyframes textColour {
	0% {
		color: #fff
	}
	100% {
		color: #3BB2D0
	}
}
@-moz-keyframes textColour {
	0% {
		color: #fff
	}
	100% {
		color: #3BB2D0
	}
}
@-o-keyframes textColour {
	0% {
		color: #fff
	}
	100% {
		color: #3BB2D0
	}
}
@keyframes textColour {
	0% {
		color: #fff
	}
	100% {
		color: #3BB2D0
	}
}
.box-sub {
	width: 70%;
	margin: auto
}
.card-container1 {
	cursor: pointer;
	height: 150px;
	-webkit-perspective: 600;
	perspective: 600;
	position: relative;
	width: 150px
}
.card1 {
	height: 100%;
	position: absolute;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	width: 100%
}
.card1:hover {
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg)
}
.card1 .side {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	border-radius: 6px;
	height: 100%;
	position: absolute;
	overflow: hidden;
	width: 100%
}
.card1 .back {
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg)
}
.e-loadholder {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-51%, -50%);
	-moz-transform: translate(-51%, -50%);
	-ms-transform: translate(-51%, -50%);
	-o-transform: translate(-51%, -50%);
	transform: translate(-51%, -50%);
	width: 240px;
	height: 240px;
	border: 2px solid #f5a509;
	border-radius: 120px;
	box-sizing: border-box
}
.e-loadholder:after {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-51%, -50%);
	-moz-transform: translate(-51%, -50%);
	-ms-transform: translate(-51%, -50%);
	-o-transform: translate(-51%, -50%);
	transform: translate(-51%, -50%);
	content: " ";
	display: block;
	background: #000;
	transform-origin: center;
	z-index: 0
}
.e-loadholder:after {
	width: 100px;
	height: 200%;
	-webkit-animation: outerRotate2 30s infinite linear;
	-moz-animation: outerRotate2 30s infinite linear;
	-o-animation: outerRotate2 30s infinite linear;
	animation: outerRotate2 30s infinite linear
}
.e-loadholder .m-loader {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-51%, -50%);
	-moz-transform: translate(-51%, -50%);
	-ms-transform: translate(-51%, -50%);
	-o-transform: translate(-51%, -50%);
	transform: translate(-51%, -50%);
	width: 200px;
	height: 200px;
	color: #888;
	text-align: center;
	border: 2px solid #fbb732e0;
	border-radius: 100px;
	box-sizing: border-box;
	z-index: 20;
	text-transform: uppercase
}
.e-loadholder .m-loader:after {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-51%, -50%);
	-moz-transform: translate(-51%, -50%);
	-ms-transform: translate(-51%, -50%);
	-o-transform: translate(-51%, -50%);
	transform: translate(-51%, -50%);
	content: " ";
	display: block;
	background: #000;
	transform-origin: center;
	z-index: -1
}
.e-loadholder .m-loader:after {
	width: 100px;
	height: 106%;
	-webkit-animation: outerRotate1 15s infinite linear;
	-moz-animation: outerRotate1 15s infinite linear;
	-o-animation: outerRotate1 15s infinite linear;
	animation: outerRotate1 15s infinite linear
}
.e-loadholder .m-loader .e-text {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 130px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-51%, -50%);
	-moz-transform: translate(-51%, -50%);
	-ms-transform: translate(-51%, -50%);
	-o-transform: translate(-51%, -50%);
	transform: translate(-51%, -50%);
	-webkit-animation: textColour 1s alternate linear infinite;
	-moz-animation: textColour 1s alternate linear infinite;
	-o-animation: textColour 1s alternate linear infinite;
	animation: textColour 1s alternate linear infinite;
	display: block;
	width: 140px;
	height: 140px;
	text-align: center;
	border: 2px solid rgb(251 172 17);
	border-radius: 70px;
	box-sizing: border-box;
	z-index: 20;
	color: #fff !important
}
.e-loadholder .m-loader .e-text:before,
.e-loadholder .m-loader .e-text:after {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-51%, -50%);
	-moz-transform: translate(-51%, -50%);
	-ms-transform: translate(-51%, -50%);
	-o-transform: translate(-51%, -50%);
	transform: translate(-51%, -50%);
	content: " ";
	display: block;
	background: #000;
	transform-origin: center;
	z-index: -1
}
.e-loadholder .m-loader .e-text:before {
	width: 110%;
	height: 40px;
	-webkit-animation: outerRotate2 3.5s infinite linear;
	-moz-animation: outerRotate2 3.5s infinite linear;
	-o-animation: outerRotate2 3.5s infinite linear;
	animation: outerRotate2 3.5s infinite linear
}
.e-loadholder .m-loader .e-text:after {
	width: 40px;
	height: 110%;
	-webkit-animation: outerRotate1 8s infinite linear;
	-moz-animation: outerRotate1 8s infinite linear;
	-o-animation: outerRotate1 8s infinite linear;
	animation: outerRotate1 8s infinite linear
}
.shooting-stars {
	-webkit-transform: rotate(20deg);
	transform: rotate(20deg);
	height: 150vh;
	width: 120vw;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%) rotate(20deg);
	transform: translate(-50%, -50%) rotate(20deg)
}
.shooting-star {
	position: fixed;
	left: 0px;
	top: 50px;
	width: 2px;
	height: 2px;
	border-radius: 2px;
	background-color: #fff;
	position: fixed;
	-webkit-animation: shoot-star 10s linear infinite;
	animation: shoot-star 10s linear infinite
}
.shooting-star:before {
	position: absolute;
	display: block;
	content: "";
	width: 130px;
	right: 1px;
	top: 0;
	height: inherit;
	background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.4)));
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 100%)
}
.shooting-star--mid {
	-webkit-animation-duration: 5s;
	animation-duration: 5s;
	top: 60%;
	-webkit-animation-delay: 4s;
	animation-delay: 4s
}
.shooting-star--meh {
	-webkit-animation-name: shoot-star-pause;
	animation-name: shoot-star-pause;
	-webkit-animation-duration: 8s;
	animation-duration: 8s;
	top: 50%;
	-webkit-animation-delay: 1s;
	animation-delay: 1s
}
.shooting-star--fast {
	width: 1px;
	height: 1px;
	-webkit-animation: shoot-star-pause 10s linear infinite;
	animation: shoot-star-pause 10s linear infinite;
	top: 90%;
	-webkit-animation-delay: 2s;
	animation-delay: 2s
}
@-webkit-keyframes anim-star {
	from {
		-webkit-transform: translateY(0px);
		transform: translateY(0px)
	}
	to {
		-webkit-transform: translateY(-2000px);
		transform: translateY(-2000px)
	}
}
@keyframes anim-star {
	from {
		-webkit-transform: translateY(0px);
		transform: translateY(0px)
	}
	to {
		-webkit-transform: translateY(-2000px);
		transform: translateY(-2000px)
	}
}
@-webkit-keyframes space-color {
	0% {
		opacity: 0
	}
	20% {
		opacity: 0.15
	}
	25% {
		opacity: 0
	}
	35% {
		opacity: 0.38
	}
	50% {
		opacity: 0.6
	}
	60% {
		opacity: 0.3
	}
	65% {
		opacity: 0.45
	}
	85% {
		opacity: 0.25
	}
	90% {
		opacity: 0.1
	}
	100% {
		opacity: 0
	}
}
@keyframes space-color {
	0% {
		opacity: 0
	}
	20% {
		opacity: 0.15
	}
	25% {
		opacity: 0
	}
	35% {
		opacity: 0.38
	}
	50% {
		opacity: 0.6
	}
	60% {
		opacity: 0.3
	}
	65% {
		opacity: 0.45
	}
	85% {
		opacity: 0.25
	}
	90% {
		opacity: 0.1
	}
	100% {
		opacity: 0
	}
}
@-webkit-keyframes shoot-star {
	0% {
		left: -100px
	}
	70% {
		left: calc(100% + 100px)
	}
	100% {
		left: calc(100% + 100px)
	}
}
@keyframes shoot-star {
	0% {
		left: -100px
	}
	70% {
		left: calc(100% + 100px)
	}
	100% {
		left: calc(100% + 100px)
	}
}
@-webkit-keyframes shoot-star-pause {
	0% {
		left: -100px
	}
	20% {
		left: calc(100% + 100px)
	}
	100% {
		left: calc(100% + 100px)
	}
}
@keyframes shoot-star-pause {
	0% {
		left: -100px
	}
	20% {
		left: calc(100% + 100px)
	}
	100% {
		left: calc(100% + 100px)
	}
}
 
.non-cursur {
	cursor: default
}
.mentors-btn {
	text-align: center;
	position: absolute;
	left: 0%;
	right: 0px;
	margin: auto;
	width: 280px
}
.container-overlay {
	position: relative;
	width: 100%;
	margin: auto;
	text-align: center
}
.image-over {
	display: block;
	width: 100%;
	height: auto
}
.overlay {
	position: absolute;
	bottom: 100%;
	left: 0;
	right: 0;
	overflow: hidden;
	width: 100%;
	height: 0;
	transition: .5s ease;
	border-radius: 0px
}
.text img:hover {
	width: 100%;
	opacity: 1 !important
}
.container-overlay:hover .overlay {
	bottom: 0;
	height: 100%
}
.com-text {
	top: -32px !important
} 
.mopo {
	color: #F1AC1C;
	font-family: 'rajdhani';
	position: fixed;
	z-index: 100;
	transform: rotate(-90deg);
	font-size: 30px;
	line-height: 0px;
	font-weight: 700;
	right: 00px;
	top: 77%
}
.mopo1 {
	color: #F1AC1C;
	font-family: 'rajdhani';
	position: fixed;
	z-index: 100;
	transform: rotate(-90deg);
	font-size: 30px;
	line-height: 0px;
	font-weight: 700;
	right: -15px;
	top: 20%
}
.media-patners {
	width: 33.333%;
	float: left
}
.media-header {
	color: #F1AC1C !important;
	font-family: 'Comfortaa';
	display: block;
	padding-bottom: 12px;
	font-size: 2rem;
	font-weight: bold
}
.media-part {
	margin-top: 0px
}
.media-part a {
	height: 132px;
	width: 130px;
	display: block;
	margin: auto;
	display: flex;
	align-items: center
}
.media-part p {
	text-align: center !important;
	width: 100%;
	color: #fff !important;
	font-size: 14px;
	letter-spacing: 0px;
	font-weight: bold;
	padding: 0px;
	position: relative;
	top: -15px;
	letter-spacing: 1px
}
.media-part img {
	width: 100%;
	opacity: 1; 
}
.media-part img:hover {
	width: 100%;
	opacity: 0.8;  
}
.noline img:hover{transition: 0.4s ease-in-out;}
.right-text {
	font-family: 'rajdhani';
	color: #fff;
	position: fixed;
	z-index: 100;
	transform: rotate(-90deg);
	font-size: 19px;
	line-height: 0px;
	right: -20px;
	top: 77%
}
.right-text-company {
	font-family: 'rajdhani';
	color: #fff;
	position: fixed;
	z-index: 100;
	transform: rotate(-90deg);
	font-size: 19px;
	line-height: 0px;
	right: -25px;
	top: 20%
}
.right-invester {
	font-family: 'rajdhani';
	color: #fff;
	position: fixed;
	z-index: 100;
	transform: rotate(-90deg);
	font-size: 19px;
	line-height: 0px;
	right: 0px;
	top: 25%
}
.mopo-invester {
	color: #F1AC1C;
	font-family: 'rajdhani';
	position: fixed;
	z-index: 100;
	transform: rotate(-90deg);
	font-size: 30px;
	line-height: 0px;
	font-weight: 700;
	right: 0px;
	top: 25%
}
.head-text {
	font-family: rajdhani, cursive;
	font-weight: 700;
	line-height: 70px;
	background: -webkit-linear-gradient(#f5a509, #cc4c0d);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	/* text-transform: uppercase; */
	font-size: 80px;
	animation-duration: 1s;
	animation-delay: 0s;
	visibility: visible
}
.logos-client {
	float: left;
	width: 100%
}
.logos-client a {
	border: none;
	border-radius: 5px;
	margin: 0.3em;
	display: block;
	width: 10%;
	transition: 0.2s;
	overflow: hidden;
	float: left
}
.logos-client img {
	display: block;
	width: 100%;
	height: 100%;
	-webkit-filter: grayscale(0);
	filter: grayscale(0)
}
.logos-client img:hover {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%)
}
.social-media {
	margin: 0px;
	padding: 0px
}
.social-media li {
	display: inline-block;
	margin: 0 5px
}
.social-media li a {
	font-size: 20px;
	color: #ccc
}
.social-media li a:hover {
	color: #ff9800
} 
.about {
	background-color: #040404;
	position: relative;
	z-index: -1
}
.about-text {
	color: #fff;
	font-size: 16px;
	line-height: 27px;
	padding: 0px;
	padding-top: 10px;
	margin-left: 15px;
	font-weight: 300
}
p {
	color: #b9b3b3;
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	line-height: 24px;
	font-weight: 500
}
.pad-15 {
	padding: 15px
}
.about h3 {
	color: #fff;
	font-size: 17px;
	font-family: 'Montserrat', sans-serif;
	line-height: 27px;
	font-weight: 100
}
.about text {
	padding: 1px;
	background-color: #F1AC1C;
	width: 200px;
	margin-top: 30px;
	position: absolute;
	right: -30px
}
.about #object {
	width: 300px;
	position: absolute;
	right: 0px;
	top: 100px
}
.col-sm-10.desk{
	height: 350px;
}
img {
	width: 100%
}
  
.heading {
	font-family: 'Comfortaa';
	color: #F1AC1C;
	font-weight: bold
}
.content {
	font-family: 'Montserrat', sans-serif;
	color: #fff;
	font-size: 16px
}
.space {
	padding: 1px;
	background-color: #F1AC1C;
	width: 200px;
	margin-top: 30px;
	position: absolute;
	right: -30px
}
.tab-pane h3 {
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	color: #fff;
	font-size: 34px
}
.tab-pane p {
	font-weight: 300;
	font-size: 14px
}
.vision {
	background-color: #040404;
	position: relative
}
.vision .bg {
	width: 300px;
	position: absolute;
	right: 0px;
	top: 100px
}
.vision .content {
	font-size: 20px;
	line-height: 28px
}
.team {
	background-color: #0a0a0a;
	position: relative;
	background-image: url("../img/gav.png");
	background-position: center;
	background-repeat: no-repeat
}
.core-team{
    background-color: #0c0b0b;
}

.team h5, .core-team h5 {
	font-family: rajdhani;
	color: #F1AC1C;
	font-weight: 700;
	margin: 0px;
	line-height: 16px
}
.core-name{
	display: flex;
    justify-content: space-between; 
    align-items: center;
}
.exprince-logo {
	padding: 0px;
	margin: 0px;
	float: left;
	width: 100%
}
.exprince-logo li {
	float: left;
	list-style: none;
	margin: 3px 3px;
	padding: 2px 2px;
	border-radius: 2px;
	width: 115px
}
.margin {
	margin-left: -40px
}
.card {
	background: transparent;
	border: none;
	position: relative
}
.card span, .team-details span {
	color: #999;
	font-size: 11.65px
}
.card .p-6 {
	padding: 6px
}
center .fa {
	padding: 10px;
	color: #F1AC1C
}
::selection {
	background-color: #111;
	color: #fff
}
.nav-item {
	width: 25%;
	position: relative;
	background-color: #151515;
	box-sizing: border-box;
	text-align: center;
	border-radius: 0px;
	display: inline-block
}

.nav-link h5 {
	margin: 0;
	font-family: 'Montserrat', sans-serif;
	color: #F1AC1C
}
.c_sep {
	padding: 10px
}
.btn2 {
	display: inline-block;
	text-decoration: none;
	color: #F1AC1C;
	padding: 8px 16px;
	margin: 0 10px;
	border: 1px solid #fff;
	letter-spacing: 1px;
	border: none;
	height: 40px;
	line-height: 17px;
	position: relative;
	margin: 0 25px;
	font-family: 'Rajdhani' !important;
	font-size: 18px;
	font-weight: 600;
	margin-top: 15px
}
.btn2:hover {
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
	color: #F1AC1C
}
.btn2:before,
.btn2:after {
	width: 16px;
	border: 1px solid #fff;
	position: absolute;
	content: "";
	height: 40px;
	top: -1px
}
.btn2:before {
	left: -16px;
	border-right: none
}
.btn2:after {
	right: -16px;
	border-left: none
}
.btn2:hover,
.btn2:hover:before,
.btn2:hover:after {
	transition: all 0.2s;
	background: rgba(255, 255, 255, 0.2);
	border-color: #F1AC1C
}
.btn2:hover {
	border: 1px solid #F1AC1C;
	border-width: 1px 0 1px 0
}
.carousel-item .col-sm-2,
.carousel-item .col-sm-3,
.col-sm-4, .col-md-4, .col-lg-1,
.col-sm-1 {
	float: left
}
div#carousel,
div#carousel1 {
	margin-left: 1%!important
}
.current {
	color: #ffa500 !important;
	background: transparent !important;
	border: 1px solid #F1AC1C !important;
	border-radius: 3px
}
.bottom-text {
	padding: 20px;
	background-color: #292929
}


.nav-item:hover {
	border-color: #F1AC1C
}
.nav-item .active {
	background-color: #fff
}
.idea-img {
	padding: 20px;
	width: 100%
}
.tab-content {
	border: solid 1px transparent;
	border-top: 0;
	color: #999;
	background-color: #1f1f1f;
	font-family: 'Roboto'
}


@-webkit-keyframes rotation {
	from {
		-webkit-transform: rotate(0deg)
	}
	to {
		-webkit-transform: rotate(359deg)
	}
}
#loading {
	-webkit-animation: rotation 4s infinite linear
}
.opo {
	-webkit-animation: rotation 7s infinite ease-in-out
}
.cursor {
	width: 1px;
	background-color: transparent;
	left: 5px;
	top: 10%;
	animation-name: blink;
	animation-duration: 2000ms;
	animation-iteration-count: infinite;
	opacity: 1
}
@keyframes blink {
	from {
		opacity: 1
	}
	to {
		opacity: 0
	}
}
.imagess {
	filter: grayscale(1);
	transition: all .3s ease-in-out 0s;
    opacity: 0.8;
    border-radius: 12px;
}
.imagess:hover {
	filter: grayscale(0);
	transition: all .3s ease-in-out 0s;
	opacity: .9;
	transform: scale(1.02);
	border: solid 3px #F1AC1C;
}
.homes {
	background: #070707;
	width: 100%;
	max-height: 100vh;
	position: relative
}
.back-to-top {
	position: fixed;
	bottom: 13px;
	right: 25px;
	display: none;
	z-index: 999;
	padding: 0px;
	border-radius: 30px;
	width: 45px;
	height: 45px;
	line-height: 45px;
	background: -webkit-linear-gradient(#f5a509, #cc4c0d);
	color: #fff;
	border: none;
	font-size: 15px
}
.btn-light:hover {
	color: #fff;
	background: -webkit-linear-gradient(#f5a509, #cc4c0d) !important
}
.btn-light.focus,
.btn-light:focus {
	box-shadow: 0 0 0 0.2rem rgb(231 134 10 / 22%) !important
}
.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show>.btn-light.dropdown-toggle {
	color: #fff;
	background: -webkit-linear-gradient(#f5a509, #cc4c0d) !important;
	border: none !important
}
@-webkit-keyframes slide {
	from {
		background-position: 0 0
	}
	to {
		background-position: -400px 0
	}
}
.blog-menu {
	font-size: 18px;
	color: #FFF;
	text-transform: uppercase;
	display: block;
	float: left;
	margin-left: 160px;
	line-height: 36px
}
.blog-menu:hover {
	color: #ffbe12
}
@keyframes blink {
	0% {
		opacity: 1
	}
	25% {
		opacity: 0
	}
	50% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}
@-webkit-keyframes blink {
	0% {
		opacity: 1
	}
	25% {
		opacity: 0
	}
	50% {
		opacity: 0
	}
	100% {
		opacity: 5
	}
}
@-ms-keyframes blink {
	0% {
		opacity: 5
	}
	25% {
		opacity: 0
	}
	50% {
		opacity: 0
	}
	100% {
		opacity: 5
	}
}
@-moz-keyframes blink {
	0% {
		opacity: 1
	}
	25% {
		opacity: 0
	}
	50% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}
.warning {
	border-color: #ff9800;
	color: #fff;
	background-color: transparent;
	padding: 10px 20px;
	box-shadow: 0 30px 65px -10px rgba(255, 139, 44, .6);
	border-radius: 25px;
	transition: all .3s ease-in-out 0s;
	zoom: 90%;
	border: 1px solid #ff9800
}
.warning:hover {
	background: #ff9800;
	color: white;
	border-color: transparent;
	transition: all .3s ease-in-out 0s;
	text-decoration: none
}

.animation-wrapper {
	height: 90vh;
	width: 70%;
	padding-bottom: 50%
}
.sphere-animation {
	position: absolute;
	top: 10%;
	right: 2%;
	width: 900px;
	height: 800px;
	zoom: 70%;
	-moz-transform: scale(0.7) !important;
	margin: auto;
	bottom: 0
}
.tab-pane {
	overflow: auto;
	height: 645px;
	overflow-x: hidden
}
.sphere path {
	fill: url(#sphereGradient);
	stroke-width: 1px;
	stroke: rgba(80, 80, 80, .35);
	backface-visibility: hidden
}
@media (min-width: 500px) {
	.sphere path {
		stroke-width: .4px
	}
}
@media (max-width: 1360px) {
	.homes {
		overflow: hidden;
		height: 100vh
	}
}
@media (max-width: 1024px) {
	.subtexts {
		display: none
	}
}
.btn {
	font-family: 'Rajdhani' !important;
	font-weight: bold
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
	background: #00f27b
}
::-webkit-scrollbar {
	width: 5px
}
::-webkit-scrollbar-track {
	background: #111
}
::-webkit-scrollbar-thumb {
	background: #222
}
::-webkit-scrollbar-thumb:hover {
	background: #F1AC1C
}
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro');
* {
	box-sizing: border-box
}
.blobs-container {
	display: flex
}
.blob {
	background: black;
	border-radius: 50%;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
	margin: 10px;
	height: 20px;
	width: 20px;
	transform: scale(1);
	animation: pulse-black 2s infinite;
	zoom: 80%
}
@keyframes pulse-black {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7)
	}
	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(0, 0, 0, 0)
	}
	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0)
	}
}
.blob.white {
	background: white;
	box-shadow: 0 0 0 0 rgba(255, 255, 255, 1);
	animation: pulse-white 2s infinite
}
@keyframes pulse-white {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7)
	}
	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(255, 255, 255, 0)
	}
	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0)
	}
}
.blob.red {
	background: rgba(255, 82, 82, 1);
	box-shadow: 0 0 0 0 rgba(255, 82, 82, 1);
	animation: pulse-red 2s infinite
}
@keyframes pulse-red {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(255, 82, 82, 0.7)
	}
	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(255, 82, 82, 0)
	}
	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(255, 82, 82, 0)
	}
}
.blob.orange {
	background: rgba(255, 121, 63, 1);
	box-shadow: 0 0 0 0 rgba(255, 121, 63, 1);
	animation: pulse-orange 2s infinite
}
@keyframes pulse-orange {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(255, 121, 63, 0.7)
	}
	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(255, 121, 63, 0)
	}
	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(255, 121, 63, 0)
	}
}
.blob.yellow {
	background: rgba(255, 177, 66, 1);
	box-shadow: 0 0 0 0 rgba(255, 177, 66, 1);
	animation: pulse-yellow 2s infinite
}
@keyframes pulse-yellow {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(255, 177, 66, 0.7)
	}
	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(255, 177, 66, 0)
	}
	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(255, 177, 66, 0)
	}
}
.blob.blue {
	background: rgba(52, 172, 224, 1);
	box-shadow: 0 0 0 0 rgba(52, 172, 224, 1);
	animation: pulse-blue 2s infinite
}
@keyframes pulse-blue {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(52, 172, 224, 0.7)
	}
	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(52, 172, 224, 0)
	}
	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(52, 172, 224, 0)
	}
}
.blob.green {
	background: rgba(51, 217, 178, 1);
	box-shadow: 0 0 0 0 rgba(51, 217, 178, 1);
	animation: pulse-green 2s infinite
}
@keyframes pulse-green {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(51, 217, 178, 0.7)
	}
	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(51, 217, 178, 0)
	}
	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(51, 217, 178, 0)
	}
}
.blob.purple {
	background: rgba(142, 68, 173, 1);
	box-shadow: 0 0 0 0 rgba(142, 68, 173, 1);
	animation: pulse-purple 2s infinite
}
@keyframes pulse-purple {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(142, 68, 173, 0.7)
	}
	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(142, 68, 173, 0)
	}
	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(142, 68, 173, 0)
	}
}
footer {
	background-color: #222;
	color: #fff;
	font-size: 14px;
	bottom: 0;
	position: fixed;
	left: 0;
	right: 0;
	text-align: center;
	z-index: 999
}
footer p {
	margin: 10px 0
}
footer i {
	color: red
}
footer a {
	color: #3c97bf;
	text-decoration: none
}
.modal {
	z-index: 1425 !important
}
.width-100 {
	width: 100%
}
.modal-open .fade {
	opacity: 9 !important;
	transition: opacity .15s linear;
	background: #00000087
}
.email-icon {
	width: 100px;
	margin: auto;
	padding: 15px 0px
}
.email-icon img {
	margin: auto
}
button.close span {
	color: red;
	background: #fff;
	width: 30px;
	display: inline-block;
	height: 30px;
	text-align: center;
	border-radius: 35px;
	position: absolute;
	top: -10px;
	right: -5px
}
.close {
	text-shadow: none
}
.close {
	padding-right: 10px !important;
	text-align: right;
	opacity: 1 !important;
	color: #fff !important
}
.modal-body h1 {
	margin-bottom: 20px;
	font-weight: 400;
	font-size: 15px;
	color: #fff
}
.custom-input {
	border-radius: 0;
	width: 72%;
	float: left;
	background: #fff;
	color: #868585;
	font-size: 13px;
	border: 0;
	padding: 10px 20px;
	width: 100%;
	border-radius: 50px;
	transition: none
}
.form-control:focus {
	color: #495057;
	background: #fff;
	border-color: #fff;
	outline: 0px !important;
	box-shadow: none !important
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
	background: -webkit-linear-gradient(#f5a509, #cc4c0d) !important;
	border: none
}
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 0%)
}
.signup-btn {
	background: -webkit-linear-gradient(#f5a509, #cc4c0d);
	width: 27%;
	float: left;
	line-height: 22px;
	padding: 1px 10px !important;
	color: #fff !important;
	border: 0;
	height: 30px;
	font-size: 20px;
	font-weight: 100;
	border-radius: 20px;
	border: 2px #d1560d solid;
	margin-left: -12px;
	position: absolute;
	right: 20px;
	top: 5px;
	letter-spacing: 1px
}
.modal-dialog {
	max-width: 650px;
	margin: 1.75rem auto
}
.btn-primary:hover {
	color: #fff;
	background: -webkit-linear-gradient(#f5a509, #cc4c0d);
	border: 2px #d1560d solid
}
.top-head {
	color: #FF9800 !important;
	text-align: center;
	font-size: 18px !important;
	font-weight: bold !important;
	margin: 0px !important;
	margin-bottom: 10px !important;
	font-family: rajdhani, cursive
}
.mc-field-group {
	padding-bottom: 20px
}
.close:focus,
.close:hover {
	color: #000;
	text-decoration: none;
	border: 0px !important;
	outline: 0px;
	opacity: .75
}
a.blog-menu.animate.animated {
	top: 12px
}
.top-bar {
	padding-top: 8px;
	border-bottom: 1px #cf530d solid;
	text-align: center;
	background: -webkit-linear-gradient(#d88f00, #ab3d07)
}
.top-bar p {
	color: #fff;
	text-align: left;
	padding-top: 5px;
	font-size: 17px;
	margin-bottom: 10px
}
.btm-text {
	margin: 10px 0px;
	font-weight: bold;
	color: #F1AC1C;
}
.signup {
	background: none;
	color: #fff !important;
	cursor: pointer;
	border: 1px #ffbe13 solid;
	padding: 5px 20px;
	border-radius: 5px;
	font-size: 12px;
	position: relative;
	top: 1px;
	letter-spacing: 1px;
	font-weight: 600;
	float: right;
	text-transform: uppercase;
	margin: 0px 5px
}
.btn-primary.focus,
.btn-primary:focus {
	box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 0%)
}
.signup {
	background: #f0b312;
	color: #fff
}
.modal.show .modal-dialog {
	top: 25%
}
.modal-content {
	border-radius: 10px 0px 10px 0px;
	background: #212020 !important;
	color: #fff;
	background-size: cover;
	border: 2px #ea9e03 solid
}
.demo-box {
	margin: auto;
	text-align: center;
	justify-content: center;
	display: flex;
	height: 250px;
	align-items: center;
	background: #1f1f1f;
	border-radius: 10px;
	height: 196px;
	background-image: linear-gradient(to right bottom, #000 0%, #424242 100%);
	box-shadow: rgb(0 0 0) 4px 3px 7px 0px
}
.dubai-day {
	background: #000;
	padding: 10px 0;
	margin-bottom: 0;
	padding: 10px 10px;
	margin-bottom: 0;
	background: linear-gradient(to bottom, #1f1f1f 0%, #1f1f1f 100%);
	text-align: left;
	border-radius: 0 0 10px 10px
}
.demo-box img {
	border-radius: 10px 10px 0 0px
}
.demo-box p {
    color: #fff;
    font-size: 18px;  
	bottom: 0;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center
}
.coming-color {
	color: #f19c0a
}
.demo-box img {
	border-radius: 10px 10px 0 0px;
	position: absolute;
	top: 0;
	left: 0
} 
.media-part img.apollo {
	width: 72%;
	margin: auto
}
.com-soon {
	width: 90%;
	margin: auto
}
.coming-soon {
	height: 185px;
	align-items: center;
	display: grid
}
.card1 .side {
	width: 90%
}
.partner-fund p {
	border-top: 0.5px dashed #ea9e03;
	padding-top: 10px
}
.partner-fund .media-part {
	border-radius: 10px;
	background-image: linear-gradient(to right bottom, #000 0%, #424242 100%);
	box-shadow: rgb(0 0 0) 4px 3px 7px 0px
}
.partner-fund .media-part img {
	width: 90%;
	margin: auto
}
.team .images {
	margin: 0 3rem;
	padding: 15px 15px 63px;
	border-radius: 150px 150px 0 0;
	padding: 15px 15px 15px;
	margin-bottom: 30px;
	height: 455px;
	position: relative;
	-webkit-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in
}
.images:hover .imagess {
	filter: grayscale(0);
	transition: all .3s ease-in-out 0s;
	opacity: .9;
	transform: scale(1.02);
	border: solid 3px #F1AC1C;
}
.team .images:hover {
	-webkit-box-shadow: 0px 0px 21px 0px rgb(206 206 206 / 78%);
	box-shadow: 0px 0px 21px 0px rgb(94 94 94 / 67%);
	background: #000
}
.team .card .imagess {
	border-radius: 50%
}
.team .images:before {
	content: '';
	position: absolute;
	height: 1px;
	width: 100%;
	bottom: 65px;
	left: 0;
	background: #212020;
	right: 0;
	margin: auto
}
ul.exprince-logo {
	margin: 23px 0 0;
	padding: 0px 0 0;
	position: relative
}
.exprince-logo li {
	width: 45%
}
.team-details {
	margin-top: 35px
}
.core-team .images:before{
    content: '';
    position: absolute;
    height: 1px;
    width: 98%;
    bottom: 56px;
    left: 0;
    background: #212020;
    right: 0; 
  }
  .core-team ul.exprince-logo{
    margin: 15px 0 0;
  }
  .core-team .team-details {
    margin-top: 10px;
}
.core-team .images{
	border-radius: 22px; 
	height: 414px;
    padding: 15px; 
    box-shadow: 0 0.125rem 0.25rem rgb(255 255 255 / 16%);
}
.core-team .card .imagess{
border-radius: 12px;
}
.noline {
	margin: 0px 10px !important;
	border-top: 0px !important
}
#carousel1 div {
	text-align: center;
	width: 220px;
	height: 125px;
	float: left;
	position: relative
}
.btn-sm {
	padding: 3px 10px !important
}
#carousel1 div img {
	height: auto;
	padding: 20px;
	WIDTH: 100%
}
#carousel div span {
	display: none
}
.wrapper {
	overflow-x: hidden;
	width: 80%;
	margin: auto
}
.noline img {
	width: 100%;
	border: 1px #ccc dotted;
	border-radius: 10px
} 

.twitter-logo{
    width: 25px; 
    padding: 4px 6px;
}
.mob{
	display: none;
}
@media (min-width: 1920px) and (max-width: 2600px) {
	.sphere-animation {
		bottom: 0;
		right: 15%;
		margin: auto
	}
}
@media (min-width: 1600px) and (max-width: 2000px) {
	.animation-wrapper {
		height: 90vh
	}
	.sphere-animation {
		bottom: 0;
		margin: auto
	}
}
@media (min-width: 1200px) and (max-width: 1400px) {
	.top-bar p{
		font-size: 17px;
	}
	.sphere-animation {
		bottom: 0;
		margin: auto
	}
	.core-team .images { 
		/* height: 438px; */
	}
	.core-team ul.exprince-logo { 
		position: absolute;
		bottom: 3%;
		margin: auto;
		left: 0;
	}
}
@media (min-width: 768px) and (max-width: 1195px) {
    .core-team h5{
		font-size: 16px;
	}
	/* .core-team .images { 
		height: 392px;
	} */
	.core-team ul.exprince-logo { 
		position: absolute;
		bottom: 4%;
		margin: auto;
		left: 0;
	}
	.social-media li { 
		margin: 0 3px;
	} 
	.card span, .team-details span { 
		font-size: 11.5px;
	}
	.team .images { 
		height: 425px;
	}
	.team .images:before { 
		bottom: 72px;
	}
	ul.exprince-logo { 
		position: absolute;
		bottom: 4%;
		left: 3%;
	}
	.demo-box p {
		font-size: 14px
	}
	.media-part a {
		width: 100%
	}
	.margin {
		margin-left: 0px
	}
	.sphere-animation {
		right: 8%;
		bottom: 0;
		margin: auto;
		width: 530px;
		height: 530px
	}
	.home-heading {
		top: 42vh
	}
	.animation-wrapper {
		height: 100vh
	}
 
	.media-part,
	.com-soon {
		float: left
	}
	.core-team .images{
		height: 385px;
	}
	.core-team .images:before{
		bottom: 53px;
	}
	.top-bar p { 
		font-size: 16px;
	}	
}
@media (max-width: 1024px) {
	.top-bar p { 
		font-size: 16px;
	}	
	.demo-box {
		height: 166px
	}
	
	
	.head-text {
		font-size: 45px
	}
	.mobile-view {
		width: 100px !important
	}
	.signup {
		padding: 5px 8px
	}
}
@media (max-width: 900px) {
	.team .images {  
		margin-left: 0;
		margin-right: 0;
	}
	
	
	.demo-box {
		height: 130px
	}
	.mobile-view {
		width: 36px !important
	}
	.team h5 {
		line-height: 22px
	}
	.home-heading {
		top: 60vh;
		text-align: center;
		margin: auto;
		width: 100%
	}
	.sphere-animation {
		margin: auto;
		left: 0;
		right: 0;
		bottom: initial;
		top: 20%
	}
	 
	.space {
		margin-top: 100px
	}
	.tab-pane h3 {
		font-size: 23px
	}
	.sim-img {
		width: 72%
	}
}
@media (max-width: 768px) {
	.mob{
		display: block;
	}
	.desk{
		display: none;
	}
	#status {
		left: 55%
	}
}
@media (min-width: 845px) and (max-width: 900px) {
	img.alfa {
		margin: auto;
		right: 0;
		left: 0;
		top: -65px
	}
	.home-heading {
		top: 24vh
	}
	.sphere-animation {
		zoom: 62%;
		top: 10%
	}
	.tab-pane p {
		font-size: 12px
	}
	.about-text,
	.vision ul li {
		font-size: 13px;
		line-height: 22px
	}
	.about h3 {
		font-size: 15px
	}
	.vision .content {
		font-size: 18px
	}
 
}
@media (min-height: 374px) and (max-height: 415px) {
	.media-part {
		float: left
	}
	.about-text,
	.vision ul li {
		font-size: 13px;
		line-height: 22px
	}
	.about h3 {
		font-size: 15px
	}
	.vision .content {
		font-size: 18px
	}
	 
	.tab-pane p {
		font-size: 12px
	}
	img.alfa {
		margin: auto;
		right: 0;
		left: 0;
		top: -65px
	}
	.home-heading {
		top: 30vh
	}
	.sphere-animation {
		zoom: 62%;
		top: 10%
	}
}
@media (min-width: 320px) and (max-width: 767px) {
	.top-bar {
		text-align: center;
		padding: 10px 20px
	}
	.top-bar p {
		color: #fff;
		text-align: center;
		padding-top: 0px;
		font-size: 12px;
		line-height: 23px;
		margin-bottom: 8px
	}
	.mopo-invester {
		font-size: 20px;
		right: 7px;
		top: 30%
	}
	.right-invester {
		font-size: 15px;
		line-height: 0px;
		right: 0px;
		top: 30%
	}
	.right-text {
		font-size: 17px;
		line-height: 0px;
		right: -30px;
		top: 80%
	}
	.mopo {
		font-size: 25px;
		line-height: 0px;
		font-weight: 700;
		right: 00px;
		top: 80%
	}
	.btm-text {
		font-size: 12px
	}
	.modal-body h1 {
		font-size: 13px;
		color: #fff
	}
	.signup {
		margin-right: 35%
	}
	#status {
		width: 150px;
		height: 150px;
		position: absolute;
		left: 63%;
		top: 55%;
		background-repeat: no-repeat;
		background-position: center;
		margin: -100px 0 0 -100px
	}
	.modal-dialog {
		max-width: 95%;
		margin: 1.75rem auto
	}
	.modal.show .modal-dialog {
		top: 10%
	}
	.top-head {
		color: #FF9800 !important;
		text-align: center;
		font-size: 15px !important;
		font-weight: bold !important;
		margin: 0px !important;
		margin-bottom: 10px !important;
		font-family: rajdhani, cursive
	}
	.box-sub {
		width: 100%;
		margin: auto
	}
	.sphere-animation {
		top: 15%
	}
	.back-home {
		right: 2%
	}
	.about-text {
		padding: 0px;
		padding-left: 10px
	}
 
	.space {
		right: 20px
	}
	.blog-menu {
		margin-left: 17%
	}
}
@media (max-width: 480px) {

	.core-team .team-details{
		text-align: left;
	}
	/* .core-team .team-details:before {
		bottom: 50px; 
	} */
	
	
	.media-header {
		font-size: 30px
	}
	.demo-box {
		height: 270px;
		margin-bottom: 10%
	}
	.team .card .imagess {
		width: 80%
	}
	.team .images {
		text-align: center;		
		border-radius: 200px 200px 0 0; 
		width: 86%;
		margin: auto;
	}
	.team-details {
		margin-top: 25px;
	}
	.core-team .images{
		border-radius: 22px;
	}
	#carousel1 div {
		width: 130px
	}
	.mobile-view {
		display: none
	}
	.sim-img {
		width: 100%
	}
	.team h5 {
		line-height: 16px
	}
	.animation-wrapper {
		height: 100vh
	}
	p {
		text-align: justify
	}

	
	.home-heading {
		top: 55vh;
		left: 0
	}
	.sphere-animation {
		top: 12%;
		zoom: 80%;
		width: 485px;
		height: 485px
	}
	.vision .bg,
	.about #object {
		display: none
	}
	.pad-100 {
		padding: 40px
	}
	.pad-70 {
		padding: 30px
	}
	.pad-40 {
		padding: 30px
	}
	section {
		overflow-x: hidden
	}
	.blob {
		width: 10px;
		height: 10px
	}
	.card {
		margin-bottom: 8%
	}
	.space {
		margin-top: 30px
	}
	.head-text {
		line-height: 50px
	}
	.shooting-stars {
		height: 80vh
	} 
	img.alfa {
		left: 0;
		right: 0;
		margin: auto;
		top: -65px;
		width: 40px
	}
	.card-container1 {
		margin: auto
	}

	.exprince-logo li {
		width: 38%;
	}
	.core-team .images:before { 
		bottom: 60px;
	}
	.core-team .images{
		height: auto !important;
	}
	/* .core-team .card .imagess {
		width: 80%;
	} */
}
@media (max-width: 400px) {
	.team .images { 
		height: 435px;
	}
	.demo-box{
		height: 255px;
	}
}
@media (max-width: 380px) {
	.demo-box {
		height: 246px
	}
	.team .images {
		height: 430px
	}
 
	.sphere-animation {
		right: 3%;
		top: 10%;
		width: 500px;
		height: 500px
	}
	.heading{
		font-size: 30px;
	}
}