/* general */
#wrapper {
	position: relative;
	width: 100%;
}
#main {
	.buttons {
		display: flex;
		gap: 2.5rem;
	}
}


/* header */
#main-header {
	width: 100%;
	z-index: 1039;
	transition: all 0.3s ease;
	position: fixed;
	top: 0;
	left: 0;
	background: linear-gradient(45deg, rgba(var(--bs-primary-rgb),0) 0%, rgba(var(--bs-dark-rgb),0) 100%);
	&.sticky {
		background: linear-gradient(45deg, rgba(var(--bs-primary-rgb),1) 0%, rgba(var(--bs-dark-rgb),1) 100%);
	}
	#top-bar {
		> .container > .row {
			justify-content: flex-end;
			align-items: center;
			> * {
				width: auto;
			}
		}
	}
	#header {
		.logo-wrapper {
			width: calc(210px + var(--bs-gutter-x));
			#logo {
				display: block;
				transform: translateY(-1rem);
			}
		}
		.nav-wrapper {
			width: auto;
			#mainMenu {
				.menu-item + .menu-item {
					margin-left: 1rem;
				}
				.menu-item.btn {
					padding: 0;
					overflow: hidden;
					margin-left: 1.5rem;
					> .nav-link {
						--bs-nav-link-padding-x: 1.5rem;
						background: linear-gradient(90deg,rgba(var(--bs-link-hover-color-rgb),1) 0%,rgba(var(--bs-primary-rgb),1) 100%);
					}
				}
			}
		}
	}
}
.admin-bar #main-header {
	top: 32px;
}
.blog #main-header {
	/* background: linear-gradient(45deg, rgba(var(--bs-primary-rgb),1) 0%, rgba(var(--bs-dark-rgb),1) 100%); */
}



/* hero */
#hero {
	position: relative;
	padding: 160px 0 150px;
	background: linear-gradient(45deg,  rgba(var(--bs-primary-rgb),1) 0%,rgba(var(--bs-dark-rgb),1) 100%);
	.content {
		color: #FFF;
		padding-top: 90px;
		h1, h2, h3 {
			color: inherit;
		}
		.text {
			max-width: 480px;
		}
	}
	.container {
		position: relative;
		z-index: 1;
	}
	.background {
		position: absolute;
		inset: 0;
		overflow: hidden;
		.video-background iframe {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			width: 177.78vh;
			height: 100vh;
			min-width: 100vw;
			min-height: 56.25vw;
			pointer-events: none;
		}
	}
}



/* cta bar */
.cta-bar {
	position: relative;
	z-index: 2;
	.inner {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 1.5rem;
		padding: 4.5rem;
		background: linear-gradient(45deg,  rgba(19,20,174,1) 0%,rgba(var(--bs-dark-rgb),1) 100%);
		min-height: 360px;
		border-radius: var(--bs-border-radius-lg);
		overflow: hidden;
		> * {
			position: relative;
			z-index: 2;
		}
		h2 {
			color: var(--bs-white);
			margin: 0;
			max-width: 720px;
		}
		.btn {
			white-space: nowrap;
		}
		&::after {
			content: "";
			position: absolute;
			z-index: 1;
			pointer-events: none;
			inset: 0;
			background-image: url("data:image/svg+xml,%3Csvg width='414' height='360' viewBox='0 0 414 360' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.07'%3E%3Ccircle cx='408' cy='348' r='406' fill='%230F1071' stroke='white' stroke-width='4'/%3E%3Ccircle cx='407.01' cy='347.01' r='341.631' fill='%230F1071' stroke='white' stroke-width='4'/%3E%3Ccircle cx='408' cy='348' r='283.204' fill='%230F1071' stroke='white' stroke-width='4'/%3E%3Ccircle cx='408' cy='348' r='227.748' fill='%230F1071' stroke='white' stroke-width='4'/%3E%3Ccircle cx='408' cy='348' r='170.311' fill='%230F1071' stroke='white' stroke-width='4'/%3E%3Ccircle cx='408' cy='348' r='127.515' fill='%230F1071' stroke='white' stroke-width='4'/%3E%3Ccircle cx='408' cy='348' r='71.2039' stroke='white' stroke-width='4'/%3E%3C/g%3E%3C/svg%3E");
			background-position: right center;
			background-repeat: no-repeat;
			background-size: contain;
		}
	}
	&#footer-cta-bar {
		margin-bottom: -6rem;
		.btn {
			position: relative;
			&::before {
				content: "";
				display: inline-block;
				width: 60px;
				height: 54px;
				position: absolute;
				z-index: 1;
				pointer-events: none;
				top: -30px;
				left: -35px;
				transform: rotate(-20deg);
				background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M549.7 124.1c-6.3-23.7-24.8-42.3-48.3-48.6C458.8 64 288 64 288 64S117.2 64 74.6 75.5c-23.5 6.3-42 24.9-48.3 48.6-11.4 42.9-11.4 132.3-11.4 132.3s0 89.4 11.4 132.3c6.3 23.7 24.8 41.5 48.3 47.8C117.2 448 288 448 288 448s170.8 0 213.4-11.5c23.5-6.3 42-24.2 48.3-47.8 11.4-42.9 11.4-132.3 11.4-132.3s0-89.4-11.4-132.3zm-317.5 213.5V175.2l142.7 81.2-142.7 81.2z' fill='%23FF0000'/%3E%3C/svg%3E");
				background-position: center;
				background-repeat: no-repeat;
				background-size: contain;
			}
		}
	}
}



/* footer */
#site-footer {
	position: relative;
	padding: 12rem 0 4rem;
	background: linear-gradient(45deg,rgba(var(--bs-dark-rgb),1) 0%,rgba(var(--bs-primary-rgb),1) 100%);
	color: #FFF;
	#footer-logo {
		display: inline-block;
		margin-bottom: 20px;
	}
	.footer-widget {
		.social-links > li > a {
			width: 42px;
			height: 34px;
			display: flex;
			align-items: center;
			justify-content: center;
			border-radius: 21px;
			background-color: rgba(255,255,255,.25);
		}
	}
	.footer-copyright {
		margin-top: 60px;
		font-size: 1rem;
		font-weight: 700;
	}
}