/* Hero Section Complete Redesign */
.slider-element,
#slider {
	all: unset !important;
	display: block !important;
	position: relative !important;
	width: 100% !important;
	min-height: 100vh !important;
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
}

.slider-element .container {
	position: relative !important;
	z-index: 10 !important;
}

/* Hero Content Colors */
.hero-content * {
	color: #ffffff !important;
}

.hero-badge {
	background: rgba(255, 255, 255, 0.2) !important;
	backdrop-filter: blur(10px) !important;
	color: #ffffff !important;
	border: 1px solid rgba(255, 255, 255, 0.3) !important;
}

.hero-title {
	color: #ffffff !important;
	text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2) !important;
}

.hero-description {
	color: rgba(255, 255, 255, 0.95) !important;
}

/* Text Rotator */
.text-rotater,
.text-rotater span,
.t-rotate,
.typed-cursor {
	color: #ffd89b !important;
	font-weight: 700 !important;
}

/* Gradient Text */
.gradient-text {
	background: linear-gradient(to right, #ffd89b, #ffcf1b) !important;
	-webkit-background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
	background-clip: text !important;
	filter: brightness(1.3) !important;
}

/* Hero Stats */
.hero-stats .stat-item h3 {
	color: #ffffff !important;
	text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2) !important;
}

.hero-stats .stat-item p {
	color: rgba(255, 255, 255, 0.9) !important;
}

/* Hero Buttons */
.btn-hero {
	border: 2px solid rgba(255, 255, 255, 0.3) !important;
	backdrop-filter: blur(10px) !important;
	-webkit-backdrop-filter: blur(10px) !important;
}

.btn-android {
	background: rgba(0, 0, 0, 0.3) !important;
	color: #ffffff !important;
}

.btn-android * {
	color: #ffffff !important;
}

.btn-android:hover {
	background: rgba(0, 0, 0, 0.5) !important;
	border-color: rgba(255, 255, 255, 0.5) !important;
	transform: translateY(-3px) !important;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3) !important;
}

.btn-apple {
	background: rgba(255, 255, 255, 0.95) !important;
	color: #667eea !important;
}

.btn-apple * {
	color: #667eea !important;
}

.btn-apple:hover {
	background: rgba(255, 255, 255, 1) !important;
	color: #764ba2 !important;
	border-color: rgba(255, 255, 255, 1) !important;
	transform: translateY(-3px) !important;
	box-shadow: 0 10px 30px rgba(255, 255, 255, 0.3) !important;
}

.btn-apple:hover * {
	color: #764ba2 !important;
}

/* Ensure visibility */
.hero-section .container,
.hero-section .row,
.hero-section .col-lg-7 {
	position: relative !important;
	z-index: 10 !important;
}

/* Remove any conflicting backgrounds */
.slider-element::before,
.slider-element::after,
#slider::before,
#slider::after {
	display: none !important;
}

/* Particles Canvas */
.hero-particles {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	opacity: 0.3 !important;
	z-index: 1 !important;
}

/* Responsive */
@media (max-width: 767px) {
	.hero-title {
		font-size: 2rem !important;
	}
	
	.hero-description {
		font-size: 1rem !important;
	}
	
	.text-rotater {
		font-size: 2rem !important;
	}
}