/* HALO AVS branding overrides for the original Nextmind startup blocks. */
:root {
	--text-color: #B8C2D1;
	--bg-color: #071726;
	--accent-color: #1E5EFF;
	--accent-secondary-color: #4DE2FF;
	--secondary-color: #0B213666;
	--divider-color: #5DA9FF24;
	--dark-divider-color: #5DA9FF33;
}

html {
	scroll-behavior: smooth;
}

body {
	background: #071726;
}

a,
button,
[role="button"],
.popup-video,
.video-play-button,
.service-item-image a,
.feature-image,
.swiper-wrapper,
[data-cursor-text] {
	cursor: pointer !important;
}

.section-title h1,
.section-title h2,
[data-cursor="-opaque"] {
	cursor: default !important;
}

header.main-header {
	position: sticky;
	top: 18px;
	border: 1px solid #5DA9FF24;
	background: rgba(11, 33, 54, 0.9);
	backdrop-filter: blur(18px);
	-webkit-backdrop-filter: blur(18px);
	box-shadow: 0 16px 40px rgba(0, 0, 0, 0.18);
}

header.main-header .header-sticky {
	border-radius: inherit;
}

.navbar {
	padding: 15px 22px;
}

.navbar-brand {
	display: inline-flex;
	align-items: center;
}

.navbar-brand img {
	width: 60px;
	height: 56px;
	object-fit: contain;
}

.main-menu ul li a {
	color: #DCE7F4;
	font-size: 15px;
}

.header-btn .btn-default {
	padding-top: 14px;
	padding-bottom: 14px;
}

.mobile-header-actions {
	display: none;
}

.footer-logo img {
	width: 108px;
	height: 100px;
	object-fit: contain;
}

.section-title h3,
.main-menu ul li a:hover,
.main-menu ul li a:focus {
	color: #5DA9FF;
}

.what-we-do-item .icon-box img,
.about-body-header .icon-box img,
.why-choose-title-box .icon-box img {
	filter: hue-rotate(185deg) saturate(1.45);
}

.hero-info-item,
.service-item,
.why-choose-item,
.what-we-do-item,
.our-features-box,
.cta-box,
.work-step-item,
.faq-cta-box,
.accordion-item {
	border-color: #5DA9FF24;
}

#platform,
#capabilities,
#enterprise,
#access,
#how-it-works,
#faqs {
	scroll-margin-top: 110px;
}

@media only screen and (max-width: 991px) {
	header.main-header {
		top: 0;
		border-width: 0 0 1px;
		border-radius: 0;
		background: rgba(7, 23, 38, 0.96);
	}

	header.main-header .container-fluid {
		padding: 0 18px;
	}

	.navbar {
		padding: 10px 0;
	}

	.mobile-header-actions {
		display: flex;
		align-items: center;
		gap: 10px;
		margin-left: auto;
	}

	.mobile-access-btn {
		padding: 10px 45px 10px 16px;
		font-size: 13px;
		white-space: nowrap;
	}

	.mobile-access-btn::before {
		right: 5px;
		width: 30px;
		height: 30px;
	}

	.slicknav_btn {
		width: 44px;
		height: 44px;
		border-radius: 12px;
	}

	.slicknav_menu {
		top: 100%;
		left: 0;
		padding: 8px 10px 12px;
		border-top: 1px solid #5DA9FF24;
		background: rgba(7, 23, 38, 0.98);
		backdrop-filter: blur(18px);
	}

	.slicknav_nav .slicknav_row,
	.slicknav_nav li a {
		padding: 12px 14px;
		color: #DCE7F4;
	}

	.slicknav_nav a:hover,
	.slicknav_nav a:focus,
	.slicknav_nav .slicknav_row:hover {
		border-radius: 8px !important;
		background: rgba(30, 94, 255, 0.14);
		color: #5DA9FF;
	}
}

@media only screen and (max-width: 767px) {
	.navbar-brand img {
		width: 48px;
		height: 46px;
	}
}