:root {
	--ThemeMangoGradient: linear-gradient(90deg, #000259,#d06aff);
}

html {
	background: #140c69;
}

.landing_section .section_cont {position: relative;}

.create_btn {
	background: linear-gradient(90deg, #f92f00, #ff6000);
}

.try_btn,
.price_btn:hover,
.email_list_form button {color: #7d30eb;}

@media(max-width: 1000px) {
	.mobile_nav_cont {
		background: #7315d1;
	}

	.mobile_nav_expand .nav, .scrolled_nav .nav {
		background: #7315d1;
	}
}

.cobweb-1, .cobweb-2 {
	position: absolute;
	width: 500px;
	height: 1000px;
	max-width: 100vw;
	opacity: 0.3;
	background: white;
	-webkit-mask-repeat: no-repeat;
	pointer-events: none;
}

.cobweb-1 {
	left: 0;
	top: 0;
	z-index: 5;
	-webkit-mask-image: url('assets/cobweb-1.svg');
	-webkit-mask-position: top left;
}

.cobweb-2 {
	right: 0;
	bottom: 0;
	-webkit-mask-image: url('assets/cobweb-2.svg');
	-webkit-mask-position: bottom right;
}

.jack-o-lantern-1 {
	opacity: 0;
	position: absolute;
	top: 4px;
	left: -25px;
	width: 140px;
	height: 130px;
	background: rgba(0,0,0,0.67);
	-webkit-mask-image: url('assets/lantern-1.svg');
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	-webkit-mask-position: center;
}

.jack-o-lantern-2 {
	opacity: 0;
	position: absolute;
	width: 270px;
	height: 386px;
	bottom: 22px;
	right: -26px;
	background: rgba(0,0,0,0.15);
	-webkit-mask-image: url('assets/lantern-2.svg');
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	-webkit-mask-position: center;
}

.jack-o-lantern-1.animate_observer,
.jack-o-lantern-2.animate_observer {
	animation: rise 600ms 300ms forwards paused;
}

.jack-o-lantern-2.animate_observer {animation-delay: 600ms;}

.section_docs .create_btn {outline-color: rgba(251, 66, 0, 0.2);}

@media (max-width: 1600px) {
	.jack-o-lantern-1 {
		top: 25px;
		left: 90px;
		height: 100px;
		width: 100px;
		z-index: 0;
	}
}

@media (max-width: 1000px) {
	.cobweb {width: 400px;}
	.jack-o-lantern-1 {display: none;}
	.jack-o-lantern-2 {display: none;}
}




.pricing_doesnt {
	font-family: 'Yellowtail', 'Poppins';
	font-size: 1.14em;
	margin-right: 15px;
}

.old_price {
	text-decoration: line-through;
	opacity: 0.4;
	margin-right: 10px;
}

.plan_offer {
	margin-bottom: 10px;
	border-radius: 10px;
	color: #fff;
	padding: 9px 0;
	font-weight: 700;
	text-transform: uppercase;
	cursor: default;
	box-shadow: 4px 4px 7px #00000040;
}

.plan_offer.most_popular::after {
	content: "(most popular)";
	text-transform: lowercase;
	font-size: 0.9em;
	opacity: 0.7;
	margin-left: 0.5em;
}



.landing_section .section_cont {
	background-image: unset;
	background-repeat: no-repeat;
	background-size: 36%;
	background-position: bottom 10px right 50px;
}



.art_3 div::after {
	filter: hue-rotate(230deg);
}