.header {
	background: rgb(36, 0, 8);
	background: linear-gradient(
		128deg,
		rgba(36, 0, 8, 1) 0%,
		rgba(224, 16, 45, 1) 62%,
		rgba(255, 98, 0, 1) 100%
	);
}

.header .logo span {
	color: white;
}

.navbar a:hover,
.navbar .active,
.navbar .active:focus,
.navbar li:hover > a {
	color: white;
}

.navbar .getstarted,
.navbar .getstarted:focus {
	background: #ffffff;
	color: #ec2e1d !important;
}

.navbar .getstarted:hover,
.navbar .getstarted:focus:hover {
	background: #d5d5d5;
}

.navbar a,
.navbar a:focus {
	color: #b1b1b1;
}

#main .card h4 {
	font-weight: bold;
	color: black;
}

.gradient-border {
	max-width: 100%;
	position: relative;
	padding: 2px;
	border-radius: 8px;
}

.gradient-border-danger {
	background: rgb(224, 16, 45);
	background: linear-gradient(
		128deg,
		rgba(224, 16, 45, 1) 43%,
		rgba(255, 98, 0, 1) 70%
	);
}

.gradient-border-primary {
	background: rgb(16, 72, 224);
	background: linear-gradient(
		128deg,
		rgba(16, 72, 224, 1) 43%,
		rgba(0, 164, 255, 1) 70%
	);
}

.gradient-border-success {
	background: rgb(16, 224, 169);
	background: linear-gradient(
		128deg,
		rgba(16, 224, 169, 1) 43%,
		rgba(0, 255, 141, 1) 70%
	);
}

.gradient-border-warning {
	background: rgb(224, 159, 16);
	background: linear-gradient(
		128deg,
		rgba(224, 159, 16, 1) 27%,
		rgba(255, 244, 0, 1) 71%
	);
}

#main {
	min-height: 100vh;
}

.header.header-scrolled {
    background: linear-gradient(
		128deg,
		rgba(36, 0, 8, 1) 0%,
		rgba(224, 16, 45, 1) 62%,
		rgba(255, 98, 0, 1) 100%
	);
    padding: 15px 0;
    box-shadow: 0px 2px 20px rgb(1 41 112 / 10%);
}