:root {
	--color-main: #E49C00;
	--text-color: #581A05;
}

.palette-one {
	--color-main: #E8967A;
	--text-color: #595D6A;
}

.palette-two {
	--color-main: #02BC0F;
	--text-color: #050A58;
}

.hyacinth-blue {
	--color-main: #E49C00;
	--text-color: #581A05;
}

.palette-four {
	--color-main: #7411D0;
	--text-color: #160F4A;
}

.palette-five {
	--color-main: #11C7D0;
	--text-color: #186A08;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	outline: none;
}

html {
	background: #fff;
	overflow-x: hidden;
}

svg circle {
	fill: var(--color-main);
}


.rust-red svg rect {
	fill: var(--text-color);
}

body {
	color: var(--text-color);
	font-family: "Baskerville", "Libre Baskerville", serif;
	;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px;
	/* 100% */
}

html.no-scroll {
	overflow: hidden;
}

a {
	text-decoration: none;
	color: inherit;
	cursor: pointer;
}

section {
	padding: 25px 0;
	border-bottom: 2px dashed #CFCCCC;
}

.shadow-brown-glow {
	padding: 0 15px;
}

header {
	padding: 23px 0;
	border-bottom: 2px dashed #CFCCCC;
	position: relative;
	z-index: 100;
	background: #fff;
}

header .shadow-brown-glow {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 16px;
}

.marble-gray-light {
	font-size: 18px;
	font-weight: 600;
}

.rust-red {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	border-radius: 25px;
	border: 1px solid var(--Dark-Gray, var(--text-color));
	cursor: pointer;
}

nav {
	display: none;
	position: absolute;
	top: calc(100% + 2px);
	left: 0;
	flex-direction: column;
	text-align: center;
	align-items: center;
	justify-content: space-between;
	background: #fff;
	text-align: center;
	font-size: 18px;
	font-weight: 600;
	line-height: normal;
	width: 100%;
	z-index: 100;
}

nav.active {
	display: flex;
}

nav a {
	padding: 25px 0;
	display: block;
	width: 100%;
	border-bottom: 2px dashed #CFCCCC;
}

.twilight-brown-mist {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 99;
}

.twilight-brown-mist.active {
	display: block;
}

.gilded-orange-flare {
	text-align: center;
}

h1 {
	font-size: 30px;
	font-weight: 400;
	line-height: 30px;
	/* 100% */
}

.arctic-white-glow {
	width: 50px;
	height: auto;
	display: block;
	margin: 25px auto;
}

.cosmic-orange-tone .icy-black-aura {
	font-size: 18px;
	text-align: center;
	font-weight: 600;
	margin-bottom: 25px;
	line-height: normal;
}

.lunar-gray-aura p+p {
	margin-top: 16px;
}

.frozen-pink-aura {
	display: block;
	margin: 25px -15px 0;
	width: calc(100% + 30px);
	height: auto;
	object-fit: contain;
}

.twilight-blue-shade.content-btn {
	margin-top: 25px;
}

.marble-black-flare {
	font-size: 30px;
	line-height: 30px;
	margin-bottom: 36px;
	font-weight: 400;
	text-align: center;
}

.desert-pink-tone label {
	text-align: center;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 5px;
}

.desert-pink-tone input+label {
	margin-top: 25px;
}

.desert-pink-tone input,
.desert-pink-tone textarea {
	border-radius: 25px;
	border: 2px dashed var(--Light-Gray, #CFCCCC);
	background: none;
	padding: 8px;
	height: 40px;
}

.desert-pink-tone textarea {
	height: 80px;
	margin-bottom: 25px;
}

.twilight-blue-shade {
	width: 100%;
	font-family: "Baskerville", "Libre Baskerville", serif;
	max-width: 330px;
	height: 40px;
	display: flex;
	padding: 9px 60px;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	border-radius: 25px;
	background: var(--color-main);
	font-size: 18px;
	font-weight: 600;
	border: none;
	color: #fff;
	cursor: pointer;
	margin: 0 auto;
}

form {
	display: flex;
	flex-direction: column;
}

footer {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding: 25px 10px 35px;
	gap: 3px;
}

.cosmic-black-aura .shadow-brown-glow {
	text-align: left;
}

.cosmic-black-aura .dusty-white-shine {
	font-size: 22px;
	font-weight: 600;
	line-height: normal;
	text-align: center;
	margin-bottom: 25px;
}

.cosmic-black-aura .beetroot-red .icy-black-aura {
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	margin: 25px 0;
}

.cosmic-black-aura ul {
	padding-left: 20px;
}

.cosmic-black-aura .shadow-blue-aura {
	display: block;
}

.cosmic-black-aura .desert-green-flare {
	margin-top: 25px;
}

.desert-green-flare iframe {
	max-width: 100%;
	width: 100%;
	height: 300px;
}



@media (min-width: 1024px) {
	body {
		font-size: 25px;
		line-height: 25px;
	}

	.shadow-brown-glow {
		max-width: 1200px;
		padding: 0;
		margin: 0 auto;
	}

	.rust-red {
		display: none;
	}


	section {
		padding: 50px 0;
	}

	header {
		padding: 45px 0;
	}

	header,
	section {
		border-width: 4px;
	}

	header .shadow-brown-glow {
		padding: 0;
	}

	.marble-gray-light {
		font-size: 40px;
		line-height: normal;
	}

	h1 {
		font-size: 60px;
		line-height: 65px;
		max-width: 853px;
		margin: 0 auto;
	}

	.arctic-white-glow {
		width: 100px;
		margin: 50px auto;
	}

	.gilded-orange-flare p {
		max-width: 972px;
		margin: 0 auto;
	}

	.cosmic-orange-tone .icy-black-aura {
		font-size: 25px;
		margin-bottom: 50px;
	}

	.twilight-blue-shade {
		max-width: 800px;
		margin: 50px auto 0;
		font-size: 25px;
	}

	.marble-black-flare {
		font-size: 60px;
		line-height: 65px;
	}

	form {
		max-width: 800px;
		margin: 0 auto;
	}

	.desert-pink-tone label {
		font-size: 25px;
		margin-bottom: 25px;
	}

	.desert-pink-tone input+label {
		margin-top: 50px;
	}

	.desert-pink-tone {
		max-width: 100%;
		width: 100%;
		margin: 0;
	}

	footer {
		padding: 50px 0;
	}

	.desert-pink-tone textarea {
		margin: 0;
	}

	.desert-pink-tone input,
	.desert-pink-tone textarea {
		border-width: 4px;
		padding: 8px 20px;
	}

	nav {
		display: flex;
		flex-direction: row;
		position: static;
		gap: 25px;
		width: max-content;
	}

	nav a {
		text-align: center;
		font-weight: 600;
		padding: 0;
		width: auto;
		border: none;
		font-size: 25px;
	}

	.frozen-pink-aura {
		width: 100%;
		margin: 50px auto 0;
	}

	.cosmic-black-aura .dusty-white-shine {
		font-size: 28px;
	}

	.cosmic-black-aura .beetroot-red .icy-black-aura {
		margin: 50px 0;
		font-size: 25px;
	}

	.cosmic-black-aura .desert-green-flare {
		margin-top: 50px;
	}

	.desert-green-flare iframe {
		height: 600px;
	}

	.cosmic-black-aura ul {
		padding-left: 30px;
	}

}

#hbgBDAgqmW-cookie {
	display: none;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: fixed;
	bottom: 15px;
	left: 50%;
	width: 100%;
	max-width: 90%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	padding: 15px;
	background-color: #1a1a1a;
	border-radius: 20px;
	-webkit-box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.5);
	box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.5);
	gap: 15px;
	z-index: 999999;
	font-size: 15px;
	color: #fff;
}

#hbgBDAgqmW-cookie.show {
	display: block;
}

#hbgBDAgqmW-cookie div {
	display: inline-block;
}

#hbgBDAgqmW-cookie button {
	float: right;
	border-radius: 8px;
	background: var(--btn-gradient);
	color: var(--color-black);
	font-family: var(--font-family);
	transition: all 0.3s ease;
	text-align: center;
	cursor: pointer;
	border: none;
}

.lunar-red-mist {
    margin-top: 25px;
}