:root {
	/*--bs-primary: #381bbe;*/
	/*--bs-primary-rgb: 56, 27, 190;*/
	/*--bs-primary-light: #381bbedd;*/
	/*--bs-secondary: #083c70;*/
	/*--bs-secondary-rgb: 8, 60, 112;*/
	/*--bs-secondary-light: #083c70dd;*/
	--bs-primary: #d87cac;
	--bs-primary-rgb: 216, 124, 172;
	--bs-primary-light: #d87cacdd;
	--bs-secondary: #381bbe;
	--bs-secondary-rgb: 56, 27, 190;
	--bs-secondary-light: #381bbedd;
	--bs-success: #09b391;
	--bs-success-rgb: 9, 179, 145;
	--bs-info: #0691ee;
	--bs-info-rgb: 6, 145, 238;
	--bs-warning: #eda128;
	--bs-warning-rgb: 237, 161, 40;
	--bs-danger: #dd1e0a;
	--bs-danger-rgb: 221, 30, 10;
	--bs-body-color: #020f1c;
	--bs-light: #f0f0ff;
	--bs-light-rgb: 240, 240, 255;
	--bs-white: #fff;
	--bs-dark: #baabff;
	--bs-dark-rgb: 186, 171, 255;
	--bs-btn-font-family: "Inter Tight";
	--bs-border-radius: 0;
	--bs-heading-color: var(--bs-primary);
	/*--bs-link-decoration: none;*/
	--bs-link-color: var(--bs-primary);
	--bs-link-color-rgb: var(--bs-primary-rgb);
	--bs-link-hover-color: var(--bs-primary-light);
	--bs-link-hover-color-rgb: var(--bs-primary-rgb);
}

body {
	/*font-weight: regular 400,700,900 italic 300,500,700;*/
	font-family: Inter-Tight, sans-serif;
}

.finisher-header,
.finisher-header > canvas {
	min-height: 75vh;
}

.gradient-bg {
	/*color: var(--bs-light);*/
	background: linear-gradient(45deg, #343335cc 0%, #ffa768 0%, #66329ccc 100%);
}

.gradient-text {
	-webkit-text-fill-color: transparent;
	background-image: linear-gradient(140deg, #8d65e8, #4593f3 35%, #0edcde 102%);
	-webkit-background-clip: text;
	background-clip: text;
}
@media screen and (min-width: 768px) {
	.gradient-text {
		white-space: nowrap;
	}
}

.dropdown-menu {
	/*--bs-dropdown-zindex: 1000;*/
	/*--bs-dropdown-min-width: 10rem;*/
	/*--bs-dropdown-padding-x: 0;*/
	/*--bs-dropdown-padding-y: 0.5rem;*/
	/*--bs-dropdown-spacer: 0.125rem;*/
	/*--bs-dropdown-font-size: 1rem;*/
	/*--bs-dropdown-color: var(--bs-body-color);*/
	/*--bs-dropdown-bg: var(--bs-body-bg);*/
	/*--bs-dropdown-border-color: #ced4da;*/
	/*--bs-dropdown-border-radius: var(--bs-border-radius);*/
	/*--bs-dropdown-border-width: var(--bs-border-width);*/
	/*--bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));*/
	/*--bs-dropdown-divider-bg: #ced4da;*/
	/*--bs-dropdown-divider-margin-y: 0.5rem;*/
	/*--bs-dropdown-box-shadow: var(--bs-box-shadow);*/
	/*--bs-dropdown-link-color: #7b8a8b;*/
	/*--bs-dropdown-link-hover-color: #fff;*/
	/*--bs-dropdown-link-hover-bg: #2c3e50;*/
	/*--bs-dropdown-link-active-color: #fff;*/
	/*--bs-dropdown-link-active-bg: #2c3e50;*/
	/*--bs-dropdown-link-disabled-color: var(--bs-tertiary-color);*/
	/*--bs-dropdown-item-padding-x: 1rem;*/
	/*--bs-dropdown-item-padding-y: 0.25rem;*/
	/*--bs-dropdown-header-color: #95a5a6;*/
	/*--bs-dropdown-header-padding-x: 1rem;*/
	/*--bs-dropdown-header-padding-y: 0.5rem;*/
	--bs-dropdown-link-hover-color: inherit;
	--bs-dropdown-link-hover-bg: inherit;
}

nav {
	font-size: 1.22rem;
	font-weight: 700;
}

.navbar,
.nav-item {
	/*color: var(--bs-primary);*/
}

.nav-link {
    font-size: var(--bs-nav-link-font-size);
}
.navbar-nav {
    --bs-navbar-nav-link-padding-x: 0.75rem;
	--bs-navbar-nav-link-font-size: 1.5rem;
}
.navbar-brand {
	font-size: 2rem;
	margin-top: 0;
	margin-bottom: 0.5rem;
	font-weight: 700;
	color: var(--bs-heading-color);
}
@media screen and (min-width: 768px) {
	.navbar-brand {
		font-size: 5.5rem;
	}
}
.btn-get-started {
	color: var(--bs-white);
	background: linear-gradient(140deg, #8d65e8, #4593f3 35%, #0edcde 102%);
	padding: 0.5rem 1.35rem !important;
}

.btn-get-started::after {
	content: ">";
	margin-left: 10px;
}

.btn-get-started:hover {
	color: var(--bs-white);
	transform: translateY(-5px);
	/*transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;*/
	transition: color 0.5s, transform 0.5s;
	-webkit-transition: color 0.5s, transform 0.5s;
}

section,
.container {
	margin: 0;
	padding: 1.25rem;
	max-width: 100%!important;
}
@media screen and (min-width: 768px) {
	section,
	.container {
		margin: 0;
		padding: 3rem 5rem;
	}
}

.btn {
	--bs-btn-padding-x: 1.35rem;
	--bs-btn-padding-y: 0.5rem;
	--bs-btn-font-size: 1.1rem;
}

p,
button,
a {
	font-size: var(--bs-btn-font-size);
	margin: 0.5rem 0;
}

button:hover,
a:hover {
	transform: translateY(-5px);
	/*transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;*/
	transition: color 0.5s, transform 0.5s;
	-webkit-transition: color 0.5s, transform 0.5s;
}

.btn-primary {
	--bs-btn-bg: var(--bs-primary);
	--bs-btn-bg-color: var(--bs-white);
	--bs-btn-border-color: var(--bs-primary);
	--bs-btn-hover-color: var(--bs-white);
	--bs-btn-hover-bg: var(--bs-primary-light);
	--bs-btn-hover-border-color: var(--bs-primary-light);
	--bs-btn-active-bg: var(--bs-primary-light);
}

.btn-secondary {
	--bs-btn-bg: var(--bs-secondary);
	--bs-btn-bg-color: var(--bs-white);
	--bs-btn-border-color: var(--bs-secondary);
	--bs-btn-hover-color: var(--bs-white);
	--bs-btn-hover-bg: var(--bs-secondary-light);
	--bs-btn-hover-border-color: var(--bs-secondary-light);
	--bs-btn-active-bg: var(--bs-secondary-light);
}

.h1,
.h2,
.h3,
h1,
h2,
h3 {
	margin-top: 0;
	margin-bottom: 0.5rem;
	font-weight: 700;
	color: var(--bs-heading-color);
	line-height: 0.95;
	letter-spacing: -2.5px;
	/* word-spacing: -5px; */
	font-style: oblique;
}

.h4,
.h5,
.h6,
h4,
h5,
h6 {
	margin-bottom: 0.65rem;
	font-weight: 700;
	color: var(--bs-secondary-light);
}

.h1,
h1 {
	font-size: 3rem;
}

@media screen and (min-width: 992px) {
	.h1,
	h1 {
		font-size: 4.5rem;
	}
}

.h2,
h2 {
	font-size: 2.25rem;
}

@media screen and (min-width: 992px) {
	.h2,
	h2 {
		font-size: 3.25rem;
	}
}

.h3,
h3 {
	font-size: 1.35rem;
}

@media screen and (min-width: 992px) {
	.h3,
	h3 {
		font-size: 2.35rem;
	}
}

.h4,
h4 {
	/*display: flex;*/
	align-items: center;
	flex-direction: row;
	font-size: 14px;
	text-transform: uppercase;
	margin-bottom: 0.5rem;
}

.h4::before,
h4::before {
	display: inline-block;
	/*content: "\2022 \0020\0020";*/
	content: "";
	background-color: var(--bs-secondary-light);
	width: 6px;
	height: 6px;
	margin-right: 0.5rem;
}

.h5 {
	margin: 0 auto;
}

form > div {
	margin: 1.5rem auto;
}

label.form-label,
form p,
form span {
	font-size: 1.1rem;
}

.input-currency {
	position: relative;
}

.input-currency > span {
	position: absolute;
	display: block;
	transform: translate(0, -50%);
	top: 50%;
	pointer-events: none;
	width: 65px;
	text-align: center;
	font-weight: 700;
}

.input-currency > input {
	padding-left: 65px;
	padding-right: 0;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type="number"] {
	-moz-appearance: textfield;
}

.pagination {
	--bs-pagination-color: var(--bs-white);
	--bs-pagination-bg: var(--bs-primary);
	--bs-pagination-hover-color: var(--bs-white);
	--bs-pagination-hover-bg: var(--bs-primary);
	--bs-pagination-focus-color: var(--bs-link-hover-color);
	--bs-pagination-focus-bg: var(--bs-secondary-bg);
	--bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(44, 62, 80, 0.25);
	--bs-pagination-disabled-color: var(--bs-white);
	--bs-pagination-disabled-bg: var(--bs-secondary);
	--bs-pagination-active-color: var(--bs-white);
	--bs-pagination-active-bg: var(--bs-primary);
}

.table-responsive, .card {
	border: 5px solid transparent; border-image: linear-gradient(140deg, #000, #ccc, #333) 1;
}

.mw-30 {
	max-width: 30rem;
}

.copybtn {
	cursor: copy;
}

.qr_code_holder {
	margin-bottom: 0;
	padding-bottom: 0;
	width: 200px;
	height: 200px;
}
.payment_qrcode {
	margin-top: -162px;
	margin-bottom: 35px;
	width: 125px;
	height: 125px;
}

.progress {
	margin-bottom: 1.5rem;
	--bs-progress-bar-bg: var(--bs-success);
}

footer {
	padding: 1rem 0;
	background-color: var(--bs-light);
	color: var(--bs-body-color);
	text-align: center;
}
