.arrow-control,
.testimonial-navigation > i {
	outline: none;
}

/* Fix banner mockup image stretching - maintain aspect ratio */
#banner .banner-image-2,
#banner .application-mockup .banner-image-2 {
	height: auto !important;
	max-height: 732px !important;
	width: auto !important;
	object-fit: contain !important;
	object-position: center !important;
	transform: scale(1.3);
}

/* Put banner image behind text */
#banner .application-mockup {
	margin-top: -60px;
	transform: translateY(-40px);
	position: relative;
	z-index: 1;
}

/* Ensure text is on top and white */
#banner .banner-middle-content,
#banner .banner-content {
	position: relative;
	z-index: 2;
}

#banner .banner-title,
#banner .banner-description {
	color: #ffffff !important;
}

/* Ensure banner section doesn't overflow */
#banner.banner-section {
	overflow: visible;
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
}

/* Position next section to start immediately after banner image */
#banner.banner-section .container {
	position: relative;
}

#feature2.feature-section {
	padding-top: 0 !important;
	margin-top: -200px !important;
	position: relative;
	z-index: 3;
}

/* Ensure feature2 content starts after the banner image */
#feature2.feature-section .container {
	padding-top: 250px;
}

/* App Portfolio Hover Styles */
.screenshot-item {
	position: relative;
	overflow: hidden;
}

.screenshot-item .app-link {
	display: block;
	position: relative;
	text-decoration: none;
}

.screenshot-item .app-link img {
	display: block;
	width: 100%;
	height: auto;
	transition: transform 0.3s ease;
}

.screenshot-item .app-link:hover img {
	transform: scale(1.05);
}

.screenshot-item .app-hover-info {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.7), transparent);
	color: #fff;
	padding: 20px;
	transform: translateY(100%);
	transition: transform 0.3s ease;
	text-align: center;
}

.screenshot-item .app-link:hover .app-hover-info {
	transform: translateY(0);
}

.screenshot-item .app-hover-info h4 {
	margin: 0 0 8px 0;
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
}

.screenshot-item .app-hover-info p {
	margin: 0 0 10px 0;
	font-size: 14px;
	color: #e0e0e0;
	line-height: 1.4;
}

.screenshot-item .app-hover-info .app-link-text {
	display: inline-block;
	font-size: 12px;
	color: #4CAF50;
	font-weight: 600;
	border-bottom: 1px solid #4CAF50;
	padding-bottom: 2px;
}

/* Hide Quick Message section (for future use) */
.contact-quick-message {
	display: none !important;
}