*{
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
body{
	background: rgba(21, 5, 28, 1);
}
:root{
	--light-color: rgba(219, 226, 244, 1);
}
a
{
	text-decoration: none;
	color: rgba(88, 77, 47, 1);
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
@font-face
{
	src: url(regular.otf);
	font-family: regular;
}
@font-face
{
	src: url(ultrabold.otf);
	font-family: ultrabold;
}
@font-face
{
	src: url(light.otf);
	font-family: light;
}
.hero_section{
	height: auto;
	width: 100%;
	position: relative;
}
.header
{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 60px;
	padding: 20px 0px;
	position: relative;
	z-index: 99;
}
.header_btn	button{
	border: 1px solid rgba(95, 74, 128, 1);
	width: 281px;
	height: 67px;
	padding: 24px, 32px, 24px, 32px;
	border-radius: 20px;
	color: rgba(219, 226, 244, 1);
	font-family: regular;
	font-size: 16px;
	background: transparent;
	text-transform: uppercase;
}
#gold
{
	color: rgba(223, 195, 122, 1) !important;
	font-family: ultrabold;
}
#one
{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
}
#two
{
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}
#three
{
	position: absolute;
	bottom: 0%;
	left: 0%;
	z-index: 2;
	width: 100%;
}
#building
{
	position: absolute;
	top: 0;
	opacity: 0.6;
	left: 0;
}
.header_content
{
	position: relative;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding: 0px 30px;
	margin-top: 40px;
}
.left_side h1{
	font-family: ultrabold;
	z-index: 2;
	background: -webkit-linear-gradient(99.7deg, #D3C4E6 0%, #C9D8FF 98.25%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 60px;
	width: 100%;
	text-transform: uppercase;
}
.left_side #h1two{
	text-align: right;
}
#goldtwo
{
	font-family: ultrabold;
	background: transparent;
	-webkit-text-fill-color: rgba(223, 195, 122, 1) !important;
}
.right_side
{
	position: relative;
	width: 60%;
	text-align: right;
}
.left_side
{
	z-index: 9;
	width: fit-content; 
	position: absolute;
	left: 45px;
}
#object
{
	left: 0px;
	top: -22%;
	position: absolute;
	z-index: 0;
}
#objecttwo
{
	right: 0px;
	bottom: -8%;
	position: absolute;
	z-index: 0;
}
#mobile
{
	position: relative;
	z-index: 1;
	right: 25px;
/*	width: 550px;*/
}
.hero_cards
{
	font-family: regular;
	position: relative;
	z-index: 9;
}
#hero_card_heading
{
	text-align: center;
	color: var(--light-color);
	font-size: 26px;
	margin-bottom: 5%;
	margin-top: 2%;
	word-wrap: break-word;
}
.hero_card_container
{
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.hero_card
{
	background: rgba(23, 13, 28, 1);
	padding-left: 45px;
	padding-right: 20px;
	border-radius: 20px;
	width: 28%;
	height: 9rem;
	font-size: 18px;
	display: flex;
	justify-content: center;
	position: relative;
	align-items: center;
	color: var(--light-color);
}
.hero_card p
{
	line-height: 23.4px;
	word-wrap: break-word;
}
#lightgold
{
	color: rgba(223, 195, 122, 1);
}
.question_mark
{
	position: absolute;
	top: 32%;
	left: -25px;
	width: 54px;
	height: 54px;
	border-radius: 48px;
	background: rgba(223, 195, 122, 1);
	color: rgba(88, 77, 47, 1);
	font-size: 26px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.hero_btn
{
	text-align: center;
	margin: 6% auto 8% auto;
}
.hero_btn button
{
	border: 1px solid rgba(172, 139, 52, 1);
	width: 342px;
	height: 83px;
	border-radius: 10px;
	background: linear-gradient(180deg, #DFC37A 0%, #F8E2A7 52.5%, #DFC37A 100%);
	box-shadow: 0px 4px 0px 0px rgba(172, 139, 52, 1);
	color: rgba(88, 77, 47, 1);
	font-size: 16px;
	cursor: pointer;
	text-transform: uppercase;
}

/******************************************/

.card_section_container
{
	text-align: center;
	color:var(--light-color);
	margin-top: 10%;
	margin-bottom: 10%;
}
.card_section_container h1
{
	font-size: 40px;
	margin-bottom: 5%;
	font-family: ultrabold;
	word-wrap: break-word;
}
.card_section_container p
{
	font-size: 26px;
	font-family: regular;
	margin-bottom: 5%;
}
.cards
{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	padding: 0px 30px;
}
.card
{
	width: 48%;
	height: 20rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: radial-gradient(71.07% 57.48% at 0% -2.76%, rgba(87, 35, 236, 0.3) 0%, rgba(23, 13, 28, 0) 100%),
	linear-gradient(0deg, #170D1C, #170D1C);
	border-radius: 20px;
	margin-bottom: 2%;
	padding: 30px;
}
.card_left_side
{
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	height: 100%;
	width: 50%;
}
.card_right_side
{
	width: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.card_right_side img
{
	width: 90%;
}
.card p
{
	text-align: left;
	font-size: 18px;
	line-height: 24px;
}
.card p #gold
{
	font-family: regular;
}
#number
{
	color: rgba(95, 74, 128, 1);
}

/*****************************************/
.second_last_section_container
{
	height: 100vh;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.content_side
{
	width: 40%;
	position: relative;
	left: 3%;
}
.image_side
{
	width: 55%;
}
.content_side h1
{
	font-family: ultrabold;
	background: linear-gradient(99.7deg, #D3C4E6 0%, #DFC37A 98.25%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-transform: uppercase;
	font-size: 40px;
	margin-bottom: 5%;
	word-wrap: break-word;
}
.content_side p
{
	color: var(--light-color);
	font-family: light;
	line-height: 24px;
}
#big
{
	font-size: 26px;
	margin-bottom: 5%;
	word-wrap: break-word;
}
.two_paragraphs
{
	margin-bottom: 8%;
}
.two_paragraphs p
{
	font-size: 18px;
	margin-bottom: 3%;
	word-wrap: break-word;
}
.content_btn button
{
	width: 325px;
	height: 83px;
	border-radius: 10px;
	border: 1px;
	background: linear-gradient(180deg, #DFC37A 0%, #F8E2A7 52.5%, #DFC37A 100%);
	border: 1px solid rgba(172, 139, 52, 1);
	box-shadow: 0px 4px 0px 0px rgba(172, 139, 52, 1);
	font-size: 16px;
	color: rgba(88, 77, 47, 1);
}
.image_side img
{
	width: 100%;
}
#mobilemodel
{
	display: none;
}

/***************************************/
.last_section
{
	height: 100vh;
	margin-top: 10%;
}
#mainp {
	line-height: 30px;
	font-size: 26px;
	text-align: center;
	/* margin-bottom: 8%; */
	font-family: light;
	color: var(--light-color);
	word-wrap: break-word;
	width: 70%;
	margin: 0px auto 8% auto;
}
#mainp #gold
{
	font-family: light;
}
#new
{
	display: none;
}
.ps_heading
{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	font-family: regular;
	font-size: 26px;
	margin-bottom: 3%;
}
.ps_heading #gold
{
	font-family: regular;
}
.motivation{
	text-align: center;
	color: var(--light-color);
	font-size: 18px;
	font-family: light;
	margin-bottom: 5%;
	word-wrap: break-word;
}
.ps_btn
{
	text-align: center;
}
.ps_btn button
{
	width: 448px;
	height: 83px;
	padding: 32px;
	border-radius: 10px;
	border: 1px;
	background: linear-gradient(180deg, #DFC37A 0%, #F8E2A7 52.5%, #DFC37A 100%);
	border: 1px solid rgba(172, 139, 52, 1);
	box-shadow: 0px 4px 0px 0px rgba(172, 139, 52, 1);
	font-size: 16px;
	text-transform: uppercase;
}

/********************************/
.footer_section
{
	height: 8rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0px 30px;
	background: rgba(23, 13, 28, 1);
}
.footer_section p
{
	font-family: regular;
	color: var(--light-color);
	font-size: 16px;
}