/* Custom Styles */
body {
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	color: #333;
	flex-direction: column;
	min-height: 100vh;
	margin: 0; /* Ensure no default margin */
}

.navbar, .footer {
	background-color: #206aae;
	color: white;
	transition: all 0.3s ease;
}

.navbar {
	padding: 20px 0; /* Initial padding */
	position: fixed; /* Fix navbar to the top */
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000; /* Ensure navbar is above other content */
}

.navbar.shrink {
	padding: 10px 0; /* Reduced padding when shrunk */
}

.navbar-brand img {
	height: 40px; /* Initial logo size */
	transition: height 0.3s ease;
}

.navbar.shrink .navbar-brand img {
	height: 30px; /* Smaller logo when shrunk */
}

.nav-link {
	font-size: 1rem; /* Initial font size */
	transition: font-size 0.3s ease;
	color: white;
}

.active {
	font-size: 1rem; /* Initial font size */
	transition: font-size 0.3s ease;
	font-weight: bold;
}

.navbar.shrink .nav-link {
	font-size: 0.9rem; /* Smaller font size when shrunk */
}

.hero-section {
	background: linear-gradient(180deg, rgb(151 153 155 / 70%), rgb(24 69 108 / 90%));
	color: white;
	padding: 50px 0;
	text-align: center;
	position: relative;
	padding-top: 120px; /* Default padding-top to account for navbar height */
}

/* Section Headings */
.section-heading h2 {
	font-size: 2.5rem;
	font-weight: bold;
	color: #333;
}

.section-heading p {
	font-size: 1.2rem;
	color: #666;
}

.gradient-section {
	background: linear-gradient(135deg, #f8f9fa, rgba(2, 42, 77, 0.9));
	padding: 80px 0;
}
.white-section {
	background-color: white;
	padding: 80px 0;
}
.card {
	border: none;
	border-radius: 10px;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	background-color: white;
	color: #333;
}
.card:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.btn-primary {
	background-color: #206aae;
	border: none;
	padding: 10px 20px;
	border-radius: 25px;
	transition: background-color 0.3s ease;
}
.btn-primary:hover {
	background-color: #1a5a8a;
}
.footer {
	padding: 40px 0;
	margin-top: auto; /* Push footer to the bottom */
}
.footer a {
	color: white;
	text-decoration: none;
}
.footer a:hover {
	color: #f8f9fa;
}
.social-icons a {
	color: white;
	margin: 0 10px;
	font-size: 1.2rem;
	transition: color 0.3s ease;
}
.social-icons a:hover {
	color: #f8f9fa;
}

/* Custom Styles for Slider */
.carousel-item {
	height: 900px; /* Set slider height */
	background-size: cover;
	background-position: center;
}

.carousel-caption {
	display: flex;
	flex-direction: column;
	justify-content: center; /* Center vertically */
	align-items: center; /* Center horizontally */
	height: 100%; /* Take full height of the slider */
	text-align: center; /* Center text */
	background: rgba(0, 0, 0, 0.5); /* Semi-transparent background for better readability */
	padding: 20px;
	border-radius: 10px;
}

.carousel-caption h2 {
	font-size: 3.5rem; /* Large heading size */
	font-weight: bold; /* Bold text */
	margin-bottom: 1.5rem; /* Spacing below heading */
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); /* Text shadow for better contrast */
}

.carousel-caption p {
	font-size: 1.5rem; /* Medium paragraph size */
	margin-bottom: 2rem; /* Spacing below paragraph */
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); /* Text shadow for better contrast */
}

.carousel-caption .btn {
	font-size: 1.25rem; /* Button text size */
	padding: 0.75rem 2rem; /* Button padding */
	border-radius: 50px; /* Rounded button */
	background-color: #206aae; /* Primary color */
	border: none; /* Remove default border */
	transition: background-color 0.3s ease; /* Smooth hover effect */
}

.carousel-caption .btn:hover {
	background-color: #1a5a8a; /* Darker shade on hover */
}

/* Form Styling */
.contact-form .form-control {
	border-radius: 10px; /* Rounded corners */
	border: 1px solid #ddd; /* Light border */
	padding: 15px; /* Padding inside inputs */
	font-size: 1rem; /* Font size */
	transition: all 0.3s ease; /* Smooth transitions */
}

.contact-form .form-control:focus {
	border-color: #206aae; /* Highlight border on focus */
	box-shadow: 0 0 8px rgba(32, 106, 174, 0.3); /* Glow effect on focus */
}

.contact-form .form-floating label {
	color: #666; /* Label color */
	font-size: 0.9rem; /* Label font size */
}

.contact-form .form-floating .form-control:focus ~ label {
	color: #206aae; /* Label color on focus */
}

/* Button Styling */
.contact-form .btn-primary {
	background-color: #206aae; /* Primary color */
	border: none; /* Remove default border */
	border-radius: 50px; /* Rounded button */
	padding: 15px 30px; /* Button padding */
	font-size: 1.1rem; /* Button font size */
	transition: background-color 0.3s ease; /* Smooth hover effect */
}

.contact-form .btn-primary:hover {
	background-color: #1a5a8a; /* Darker shade on hover */
}

/* Form Styling */
.form-control, .form-select {
	border-radius: 10px;
	border: 1px solid #e0e0e0;
	padding: 15px;
	font-size: 1rem;
	transition: all 0.3s ease;
}

.form-control:focus, .form-select:focus {
	border-color: #206aae;
	box-shadow: 0 0 8px rgba(32, 106, 174, 0.3);
}

.form-floating label {
	color: #666;
	font-size: 0.9rem;
}

.form-floating .form-control:focus ~ label {
	color: #206aae;
}
/* Button Styling */
.btn-primary {
	background-color: #206aae;
	border: none;
	border-radius: 50px;
	padding: 15px 30px;
	font-size: 1.1rem;
	transition: background-color 0.3s ease;
}

.btn-primary:hover {
	background-color: #1a5a8a;
}

/* Testimonials Styling */
.testimonial-item {
	background-color: #ffffff;
	border-radius: 10px;
	padding: 20px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.testimonial-item img {
	width: 60px;
	height: 60px;
}

/* BlogModel Styling */
.tabs-content img {
	border-radius: 10px;
}

.tabs-content h4 a {
	color: #333;
	text-decoration: none;
}

.tabs-content h4 a:hover {
	color: #206aae;
}

.icon-box {
	background-color: rgba(255, 255, 255, 0.1);
	border-radius: 10px;
	padding: 20px;
	text-align: center;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.icon-box:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.icon-box i {
	font-size: 2rem;
	margin-bottom: 10px;
	color: #206aae;
}
.app-main-container {
	margin-top: 125px;
	margin-bottom: 50px;
}