.ai-assistant-cta {
	margin-bottom: 50px;
}

.ai-assistant-cta .box {
	border-radius: 8px;
	background: #0C0A29;
	padding: 0 50px;
}

@media (max-width: 991px) {
	.ai-assistant-cta .box {
		padding: 0 20px;
	}
}

.ai-assistant-cta .box .first {
	padding: 60px 0;
}

.ai-assistant-cta .box .first h2 {
	color: #FFF030;
	font-family: PlutoBold;
	font-size: 28px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-bottom: 11px;
}

.ai-assistant-cta .box .first p {
	color: #FFF;
	font-family: Roboto;
	font-size: 17px;
	font-style: normal;
	font-weight: 400;
	line-height: 148%;
	margin-bottom: 27px;
}

.ai-assistant-cta .box .first a {
	color: #FFF;
	text-align: center;
	font-family: PlutoBold;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: -0.36px;
	padding: 13px 23px;
	display: flex;
	align-items: center;
	gap: 19px;
	border-radius: 65px;
	background: #4842C1;
	width: fit-content;
	position: relative;
	border: none;
}

.ai-assistant-cta .box .first a::before {
	content: '';
	position: absolute;
	inset: 0;
	border-radius: 65px;
	padding: 3px;
	background: linear-gradient(90deg, #85DFFF, #3326BC, #8B1A5C, #C87C26, #FFF030, #85DFFF);
	background-size: 200% 100%;
	-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	animation: neonBorder 4s linear infinite;
	filter: drop-shadow(0 0 8px rgba(133, 223, 255, 0.6));
}

.ai-assistant-cta .box .first a:hover::before {
	animation: neonBorderReverse 4s linear infinite;
}

@keyframes neonBorder {
	0% {
		background-position: 0% 50%;
	}
	100% {
		background-position: 200% 50%;
	}
}

@keyframes neonBorderReverse {
	0% {
		background-position: 200% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}


.ai-assistant-cta .box .second {
	display: flex;
	height: 100%;
	align-items: flex-end;
	justify-content: center;
	position: relative;
	max-width: 410px;
	margin-left: auto;
	margin-right: auto;
}

.ai-assistant-cta .box .second .chat {
	position: absolute;
	right: 0;
	top: 50%;
}

.ai-assistant-cta .box .second .bubble {
	position: absolute;
	left: 10%;
	bottom: 30%;
	width: 52px;
	height: 52px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 65px;
	background: rgba(14, 0, 119, 0.25);
	backdrop-filter: blur(5px);
	animation: floatBubble 12s ease-in-out infinite;
}

.ai-assistant-cta .box .second .bubble::before {
	content: '';
	position: absolute;
	inset: 0;
	border-radius: 65px;
	padding: 2px;
	background: linear-gradient(90deg, #85DFFF, #3326BC, #8B1A5C, #C87C26, #FFF030, #85DFFF);
	background-size: 200% 100%;
	-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	animation: neonBorder 4s linear infinite;
	filter: drop-shadow(0 0 8px rgba(133, 223, 255, 0.6));
}

.ai-assistant-cta .box .second .bubble img {
	width: 29px;
	height: 29px;
	position: relative;
	z-index: 1;
}

@keyframes floatBubble {
	0% {
		transform: translate(0, 0);
	}
	25% {
		transform: translate(5px, -5px);
	}
	50% {
		transform: translate(0, -10px);
	}
	75% {
		transform: translate(-5px, -5px);
	}
	100% {
		transform: translate(0, 0);
	}
}

.ai-assistant-cta .box .second .girl {
	opacity: 0;
	transform: translateX(20px);
	transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.ai-assistant-cta .box .second .girl.animate {
	opacity: 1;
	transform: translateY(0);
}

.ai-assistant-cta .box .second .chat {
	opacity: 0;
	transition: opacity 0.8s ease-out;
	transition-delay: 0.3s;
}

.ai-assistant-cta .box .second .chat.animate {
	opacity: 1;
}