.font-alternative-color-1 {
  color: #B0B0B0;
}

.custom-negative-margin-top {
		margin-top: -220px;
}

.custom-negative-margin-top-2 {
		margin-top: -10%;
}

.custom-el-pos-1 {
		margin-top: -100px;
}

.card-custom {
	position: relative;
	background: linear-gradient(to bottom, rgba(6, 6, 6, 0.5) 50%, rgba(6, 6, 6, 1) 100%);
	border-radius: 10px;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow: 10px 40px 40px rgba(0, 0, 0, 0.1);
}

.custom-line {
		display: inline-block;
		width: 50px;
		border-bottom: 3px solid var(--primary);
}

/* Position */
.custom-pos-1 {
		margin: -48px -5% 0 -5%;
		margin: -3rem -5% 0 -5%;
		transform: perspective(1px) rotate(-2deg);
}

.custom-pos-1 .marquee > div {
		transform-style: preserve-3d !important;
		will-change: transform;
}

/* Gradient */
.custom-bg-gradient-1 {
		background-color: var(--primary) !important;
		background-image: linear-gradient(to right, var(--primary) 50%, var(--primary) 100%) !important;
}

/* Overlays */
.overlay {
	position: relative;
}

.overlay:before {
	content: ' ';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
	background: var(--dark);
	opacity: 0;
	pointer-events: none;
	transition: ease opacity 300ms 100ms;
}

.overlay:hover:before, .overlay.overlay-show:before, .overlay.show:before {
	opacity: 0.8;
}

.overlay.overlay-op-1:hover:before, .overlay.overlay-op-1.overlay-show:before, .overlay.overlay-op-1.show:before {
	opacity: 0.1;
}

.overlay.overlay-op-2:hover:before, .overlay.overlay-op-2.overlay-show:before, .overlay.overlay-op-2.show:before {
	opacity: 0.2;
}

.overlay.overlay-op-3:hover:before, .overlay.overlay-op-3.overlay-show:before, .overlay.overlay-op-3.show:before {
	opacity: 0.3;
}

.overlay.overlay-op-4:hover:before, .overlay.overlay-op-4.overlay-show:before, .overlay.overlay-op-4.show:before {
	opacity: 0.4;
}

.overlay.overlay-op-5:hover:before, .overlay.overlay-op-5.overlay-show:before, .overlay.overlay-op-5.show:before {
	opacity: 0.5;
}

.overlay.overlay-op-6:hover:before, .overlay.overlay-op-6.overlay-show:before, .overlay.overlay-op-6.show:before {
	opacity: 0.6;
}

.overlay.overlay-op-7:hover:before, .overlay.overlay-op-7.overlay-show:before, .overlay.overlay-op-7.show:before {
	opacity: 0.7;
}

.overlay.overlay-op-8:hover:before, .overlay.overlay-op-8.overlay-show:before, .overlay.overlay-op-8.show:before {
	opacity: 0.8;
}

.overlay.overlay-op-9:hover:before, .overlay.overlay-op-9.overlay-show:before, .overlay.overlay-op-9.show:before {
	opacity: 0.9;
}

.overlay.overlay-backward:hover:before, .overlay.overlay-backward.overlay-show:before, .overlay.overlay-backward.show:before {
	z-index: 0;
}

.overlay .container,
.overlay .container-fluid {
	position: relative;
	z-index: 3;
}

.overlay-light:before {
	background-color: var(--light) !important;
}

.overlay-dark:before {
	background-color: var(--dark) !important;
}

.overlay-primary:before {
	background: var(--primary) !important;
}

.overlay-secondary:before {
	background: var(--secondary) !important;
}

.overlay-tertiary:before {
	background: var(--tertiary) !important;
}

.overlay-quaternary:before {
	background: var(--quaternary) !important;
}

/* Overlay Gradient Bottom Content */
.overlay-gradient-bottom-content:before {
	opacity: 1 !important;
	background: var(--dark);
	background: linear-gradient(to bottom, rgba(20, 4, 14, 0) 30%, var(--quaternary) 100%);
}

/* Overlay Gradient Top Content */
.overlay-gradient-top-content:before {
	opacity: 1 !important;
	background: var(--dark);
	background: linear-gradient(to top, rgba(20, 4, 14, 0) 30%, var(--quaternary) 100%);
}

/* Overlay Gradient */
.overlay-gradient:before {
	background-color: #6c6ef1;
	background-image: linear-gradient(to right, #6c6ef1 0%, #e2498e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c6ef1', endColorstr='#e2498e', GradientType=1 );
}

.overlay-gradient.overlay-gradient-animated:before {
	background-size: 200% 200%;
	animation-name: gradientTransition;
	animation-duration: 20000ms;
	animation-iteration-count: infinite;
}

/* Overlay - Skin */
.overlay-color-primary:not(.no-skin):before {
	background-color: var(--primary) !important;
}

.overlay-color-secondary:not(.no-skin):before {
	background-color: var(--secondary) !important;
}

.overlay-color-tertiary:not(.no-skin):before {
	background-color: var(--tertiary) !important;
}

.overlay-color-quaternary:not(.no-skin):before {
	background-color: var(--quaternary) !important;
}

.overlay-color-dark:not(.no-skin):before {
	background-color: var(--dark) !important;
}

.overlay-color-light:not(.no-skin):before {
	background-color: var(--light) !important;
}

/* Overlay Gradient - Skin */
.overlay-gradient:before {
	background-color: var(--tertiary) !important;
	background-image: linear-gradient(to right, var(--tertiary) 0%, var(--quaternary) 100%) !important;
}

/* Box Shadow */
.box-shadow-none {
	box-shadow: none !important;
}

.box-shadow-hover {
	transition: ease all 300ms;
}

.box-shadow-1:before {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	opacity: 0.33;
	content: '';
	box-shadow: 0 30px 60px #FF006F;
	transition: all 0.2s ease-in-out;
}

.box-shadow-1.box-shadow-1-hover:before {
	opacity: 0.1;
}

.box-shadow-1.box-shadow-1-hover:hover:before {
	opacity: 0.33;
}

.border-radius.box-shadow-1:before {
	border-radius: var(--border-radius) !important;
}

.border-radius-2.box-shadow-1:before {
	border-radius: var(--border-radius2x) !important;
}

.box-shadow-2:not(.box-shadow-hover) {
	box-shadow: 0 15px 30px -15px rgba(0, 0, 0, 0.45);
}

.box-shadow-2.box-shadow-hover:hover {
	box-shadow: 0 15px 30px -15px rgba(0, 0, 0, 0.45);
}

.box-shadow-3:not(.box-shadow-hover) {
	box-shadow: 0 30px 60px -30px rgba(0, 0, 0, 0.45);
}

.box-shadow-3.box-shadow-hover:hover {
	box-shadow: 0 30px 60px -30px rgba(0, 0, 0, 0.45);
}

.box-shadow-4:not(.box-shadow-hover) {
	box-shadow: 0px 0px 21px -5px rgba(0, 0, 0, 0.2);
}

.box-shadow-4.box-shadow-hover:hover {
	box-shadow: 0px 0px 21px -5px rgba(0, 0, 0, 0.2);
}

.box-shadow-5:not(.box-shadow-hover) {
	box-shadow: 0 15px 60px -36px rgba(0, 0, 0, 0.45);
}

.box-shadow-5.box-shadow-hover:hover {
	box-shadow: 0 15px 60px -36px rgba(0, 0, 0, 0.45);
}

.box-shadow-6:not(.box-shadow-hover) {
	box-shadow: 0 12px 45px rgba(0, 0, 0, 0.08);
}

.box-shadow-6.box-shadow-hover:hover {
	box-shadow: 0 12px 45px rgba(0, 0, 0, 0.08);
}

.box-shadow-7:not(.box-shadow-hover) {
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}

.box-shadow-7.box-shadow-hover:hover {
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}

.box-shadow-8:not(.box-shadow-hover) {
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.07);
}

.box-shadow-8.box-shadow-hover:hover {
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.07);
}

.box-shadow-9:not(.box-shadow-hover) {
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);
}

.box-shadow-9.box-shadow-hover:hover {
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);
}

.box-shadow-10:not(.box-shadow-hover) {
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.025);
}

.box-shadow-10.box-shadow-hover:hover {
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.025);
}

/* Box Shadow - Skin */
.box-shadow-1-primary:before {
	box-shadow: 0 30px 90px var(--primary) !important;
}

.box-shadow-1-secondary:before {
	box-shadow: 0 30px 90px var(--secondary) !important;
}

.box-shadow-1-tertiary:before {
	box-shadow: 0 30px 90px var(--tertiary) !important;
}

.box-shadow-1-quaternary:before {
	box-shadow: 0 30px 90px var(--quaternary) !important;
}

.box-shadow-1-dark:before {
	box-shadow: 0 30px 90px var(--dark) !important;
}

.box-shadow-1-light:before {
	box-shadow: 0 30px 90px var(--light) !important;
}