/* Main CSS - Imports all modular CSS files */

/* Global Styles */
@import url('./global.css');

/* Animations */
@import url('./animations.css');

/* Header & Navigation */
@import url('./header.css');

/* Hero Section */
@import url('./hero.css');

/* Carousel Section */
@import url('./carousel.css');

/* Mobile Carousel Section */
@import url('./mobile-carousel.css');

/* CTA & Banners */
@import url('./banners.css?v=20260318001');

/* Cards & Sections */
@import url('./cards.css');

/* Game Section */
@import url('./game.css');

/* About & Components */
@import url('./about.css');

/* Modal & Form Styles */
@import url('./visa-modal.css');

/* Responsive Design */
@import url('./responsive.css');

/* Homepage Re-Parole section hardening */
.reparole-visa-banner {
	background: linear-gradient(135deg, #fff5e6 0%, #ffe6cc 50%, #ffd9b3 100%) !important;
	padding: 60px 0 !important;
	margin: 0 !important;
}

.reparole-visa-content {
	display: flex !important;
	align-items: center !important;
	gap: 80px !important;
	padding: 40px 0 !important;
}

.reparole-visa-text {
	flex: 1;
}

.reparole-visa-text h2 {
	font-size: 36px !important;
	font-weight: 700 !important;
	color: #ff8c00 !important;
	margin-bottom: 20px !important;
}

.reparole-visa-text p {
	font-size: 16px !important;
	color: #555 !important;
	line-height: 1.8 !important;
	margin-bottom: 30px !important;
}

.reparole-visa-features {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 12px !important;
	margin-bottom: 30px !important;
}

.reparole-visa-features .feature-tag {
	display: inline-block !important;
	padding: 10px 18px !important;
	background: rgba(255, 140, 0, 0.1) !important;
	border: 2px solid #ff8c00 !important;
	border-radius: 8px !important;
	color: #ff8c00 !important;
	font-size: 14px !important;
	font-weight: 600 !important;
}

.reparole-visa-image {
	flex: 0 0 150px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

.reparole-visa-btn {
	background: linear-gradient(135deg, #ff8c00, #ffa500) !important;
	color: #fff !important;
	box-shadow: 0 4px 15px rgba(255, 140, 0, 0.3) !important;
}

@media (max-width: 768px) {
	.reparole-visa-banner {
		padding: 20px 0 !important;
	}

	.reparole-visa-content {
		flex-direction: column !important;
		gap: 12px !important;
		padding: 12px !important;
	}

	.reparole-visa-text h2 {
		font-size: 18px !important;
	}

	.reparole-visa-features {
		flex-direction: column !important;
		gap: 8px !important;
	}

	.reparole-visa-features .feature-tag {
		display: block !important;
		text-align: center !important;
	}

	.reparole-visa-image {
		flex: 0 0 70px !important;
	}
}