:root {
	--primary-color: rgb(0, 0, 0);
	--secondary-color: rgb(129, 77, 250);
	--heading-color: #2a206a;
	--content-color:  rgb(14, 16, 38);
	--primary-dark-blue: #0e1026;
	--primary--white: #ffffff;
	--text-gradient--white-light-blue: #a7b2d1;
	--primary--purple-400: #4d299e;
	--primary--light-blue : #f7fafd;
	--text-gradient--purple-purple: #814dfa;
	--text-solid--dark-purple: #2a206a;
	--text-solid--light-blue: #cbd4eb;
	--divider--grey: #e8e9ea;
	--secondary--purple-100: #e3d8fe;
	--secondary--blue: #02b8fc;
	--dark-light-card-gradient-bg: radial-gradient(92.99% 100.08% at 50% 0%, rgba(129, 77, 250, 0.20) 0%, rgba(39, 41, 52, 0.20) 100%), rgba(255, 255, 255, 0.04);

	--primary-font: "Montserrat", sans-serif;

	--header-height: 84px;
	--header-height-mb: 55px;

	--radius--xl: 25px;
}

/* Global S */
	body {
		background-color: var(--primary-dark-blue);
		overflow-x: hidden;
	}
	body, body p {
		color: var(--content-color);
		font-family: var(--primary-font);
		margin: 0px;
	}
	p + p {
		margin-top: 15px;
	}
	h1, h2, h3, h4, h5, h6 {
		color: var(--heading-color);
	}
	a {
		text-decoration: none;
		transition: 0.3s;
	}
	ul, ol {
		list-style-type: none;
		padding: 0px;
		margin: 0px;
	}
	img {
		max-width: 100%;
		vertical-align: middle;
    	display: inline-block;
	}
	img.full-image {
		width: 100%;
	}
	[pointer-events="none"] {
	    pointer-events: none;
	}
/* Global E */

/* Btn S */
	.btn {
		padding: 16px 27px;
		display: inline-block;
		font-size: 16px;
		font-weight: 500;
		line-height: 20px;
		border-radius: 30px;
		border: 1px solid;
		position: relative;
		text-decoration: none;
	}
	.btn-link {
		border-color: transparent;
	}
	.btn-flex {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 10px;
	}
	.btn-primary {
		background-color: var(--primary-color);
		color: var(--primary--white);
		border-color: var(--primary-color);
	}
	.btn-primary:hover {
		background-color: var(--secondary-color);
		border-color: var(--secondary-color);
	}
	.btn-white {
		background-color: var(--primary--white);
		color: var(--primary-color);
		border-color: var(--primary--white);
	}
	.btn-white:hover {
		background-color: var(--secondary-color);
		border-color: var(--secondary-color);
		color: var(--primary--white);
	}
	.btn-white.has-icon :is(svg, img) {
    	filter: invert(100%);
    }
	.btn-white.has-icon:hover :is(svg, img) {
    	filter: invert(0%);
    }
    .btn.has-icon :is(svg, img) {
    	transition: 0.3s;
	    transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    	transform-style: preserve-3d;
	}
	.btn.has-icon:hover :is(svg, img) {
		transform: translate3d(5px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
	}
	.button_gradient {
	    z-index: -2;
	    aspect-ratio: 1;
	    background-color: var(--primary--purple-400);
	    opacity: .9;
	    filter: blur(30px);
	    transform-style: preserve-3d;
	    border-radius: 50%;
	    width: 100%;
	    height: 100%;
	    transition: opacity .35s;
	    position: absolute;
	    inset: 0%;
	    transform: scale(1.1, .8);
	}
	.button_gradient.is-light {
	    background-color: var(--primary--light-blue);
	}
/* Btn E */

/* Spacing S */
	.top-gap-padding {
		padding-top: 100px;
	}
	.bottom-gap-padding {
		padding-bottom: 100px;
	}
	.section-gap-padding {
		padding-top: 100px;
		padding-bottom: 100px;
	}
	.top-gap-padding-half {
		padding-top: 50px;
	}
	.bottom-gap-padding-half {
		padding-bottom: 50px;
	}
	.section-gap-padding-half {
		padding-top: 50px;
		padding-bottom: 50px;
	}
/* Spacing E */