/*
Theme Name: GreenVista FSE
Theme URI: https://gracethemes.com/themes/greenvista-fse/
Author: Grace Themes
Author URI: https://gracethemes.com/
Description: The GreenVista FSE is a free lawnshaper WordPress theme for agriculture, environment, florist, garden, gardeners, gardening, landscape architects, landscaper, landscaping, lawn services. This theme is highly aesthetically pleasing and compatible with the latest version of WordPress. The homepage of the GreenVista FSE theme is really striking. The headers and footers on the homepage enhance the look of the website. This theme is one of the greatest choices for lawn service providers because it has every element they need to attract as many customers to their website as possible. This WordPress theme is search-engine optimized. You don't have to worry about it because using this theme will make your website rank better on search engine results pages (SERPs). Furthermore, this theme is compatible with a wide range of SEO plugins, including Yoast SEO and Rank Math. This theme for WordPress is flexible and dynamic. Regardless of resolution quality, anyone may easily use this theme. This WordPress theme is compatible with a wide range of devices. This implies that you can use this theme on any smart device, including smartphones, tablets, laptops, PCs, and more. With pride, the internet behemoth Google has approved this theme for its mobile-friendly test. Because of all these features, this theme is the greatest choice for you. 
Version: 1.0
License: GNU General Public License version 2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: greenvista-fse
Requires PHP:  5.6
Tested up to: 6.8
Tags:blog, news, one-column, two-columns, right-sidebar, block-styles, custom-colors, editor-style, custom-background, custom-menu, featured-images, template-editing, full-site-editing, block-patterns,  threaded-comments, wide-blocks, translation-ready
GreenVista FSE WordPress Theme has been created by Grace Themes(gracethemes.com), 2025.
GreenVista FSE WordPress Theme is released under the terms of GNU GPL
*/
/* Basic Page Styles */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	font-family: 'Poppins', Arial, sans-serif;
	line-height: 1.6;
	color: #333;
	background-color: #f9f9f9;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

/* Header Styles */
header {
	background: rgba(255, 255, 255, 0.8);
	backdrop-filter: blur(15px);
	-webkit-backdrop-filter: blur(15px);
	padding: 8px 30px;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
	position: fixed;
	top: 20px;
	left: 50%;
	transform: translateX(-50%);
	width: 95%;
	height: px;
	max-width: 1300px;
	border-radius: 100px;
	border: 1px solid rgba(255, 255, 255, 0.4);
	z-index: 1000;
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Ordinary Header Style on Scroll */
header.scrolled {
	top: 0;
	width: 100%;
	max-width: 100%;
	border-radius: 0;
	transform: translateX(-50%) scaleX(1.05);
	/* Smoothly expands to edges */
	background: rgba(255, 255, 255, 0.98);
	border: none;
}

.header-container {
	max-width: 1400px;
	height: 80px;
	max-height: 80px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.header-left {
	display: flex;
	align-items: center;
	gap: 20px;
}

.header-logo {
	max-height: 90px;
	max-width: 200px;
	object-fit: contain;
}

.header-right {
	display: flex;
	align-items: center;
	gap: 30px;
}

.header-right nav ul {
	list-style: none;
	display: flex;
	gap: 30px;
	margin: 0;
	padding: 0;
}

.header-right nav ul li a {
	color: #333;
	text-decoration: none;
	font-weight: 500;
	transition: color 0.3s ease;
	font-size: 1rem;
}

.header-right nav ul li a:hover,
.header-right nav ul li a.active {
	color: #c20a13;
	font-weight: 600;
}

.search-icon {
	font-size: 1.2rem;
	cursor: pointer;
	color: #333;
}

.member-login-btn {
	background: #c20a13;
	color: white;
	padding: 12px 30px;
	border-radius: 50px;
	text-decoration: none;
	font-weight: 600;
	font-size: 0.9rem;
	transition: background 0.3s ease;
}

.member-login-btn:hover {
	background: #a00810;
}

/* Hero Section */
.hero {
	background: #000;
	height: 80vh;
	min-height: 600px;
	width: 100%;
	color: white;
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Dark overlay for better text readability on images/videos */
.hero::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.5) 100%);
	z-index: 2;
}

@media screen and (max-width: 768px) {
	.hero {
		height: 400px;
		padding: 60px 15px 40px;
	}
}

@media screen and (max-width: 480px) {
	.hero {
		height: 300px;
		padding: 40px 15px 30px;
	}
}

/* Base style for every slide */
.hero-slide {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	z-index: 1;
	/* Sits behind your text text */
}

/* Keeps your heading and button content floating neatly on top of the images */
.hero-content {
	position: relative;
	z-index: 5;
	pointer-events: none;
	/* Allows clicks to pass through to dots if they overlap */
}

/* Re-enable pointer events for buttons inside the hero content so they remain clickable */
.hero-content a,
.hero-content button {
	pointer-events: auto;
}

/* The Navigation Dots Container */
.dot-container {
	position: absolute;
	top: 50%;
	right: 30px;
	transform: translateY(-50%);
	z-index: 10;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

/* Individual Dot Styles */
.dot {
	cursor: pointer;
	width: 4px;
	height: 35px;
	background-color: rgba(255, 255, 255, 0.3);
	border-radius: 2px;
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.dot.active,
.dot:hover {
	background-color: #ffffff;
	height: 50px;
}

/* Fading Transition Animation */
.fade {
	animation-name: heroFade;
	animation-duration: 1.5s;
}

@keyframes heroFade {
	from {
		opacity: 0.3;
	}

	to {
		opacity: 1;
	}
}

/* Ensures the footer stays at the bottom of the page */
main {
	flex: 1;
}

/* Content Section */
.content {
	max-width: 1200px;
	margin: 0 auto;
	padding: 40px 20px;
	background: white;
	border-radius: 10px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}

.content h3 {
	color: #60c19f;
	font-size: 2rem;
	margin-bottom: 20px;
	font-weight: 600;
}

.content p {
	font-size: 1.1rem;
	color: #555;
	line-height: 1.8;
}

/* Footer */
.main-footer {
	background: #121212;
	color: #efefef;
	padding: 80px 20px 40px;
	margin-top: 0;
}

.footer-container {
	max-width: 1400px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 50px;
	margin-bottom: 60px;
}

/* Specific override for when there are 5 columns */
.footer-container-5-col {
	/* This class is no longer used for 5 columns, but we can keep it for responsiveness */
	gap: 30px;
	/* Reduce gap to help columns fit */
}

.footer-column h4 {
	color: #fff;
	font-size: 1.25rem;
	margin-bottom: 25px;
	font-weight: 600;
	position: relative;
	padding-bottom: 12px;
}

.footer-column h4::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 40px;
	height: 3px;
	background: #c20a13;
}

.footer-column ul {
	list-style: none;
	padding: 0;
}

.footer-column ul li {
	margin-bottom: 15px;
}

.footer-column ul li a {
	color: #aaa;
	text-decoration: none;
	transition: all 0.3s ease;
}

.footer-column ul li a:hover {
	color: #fff;
	padding-left: 5px;
}

.footer-bottom {
	border-top: 1px solid rgba(255, 255, 255, 0.08);
	padding-top: 35px;
	text-align: center;
	color: #777;
	font-size: 0.9rem;
	letter-spacing: 0.5px;
}

.footer-payment-logos {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
}

.edit-payments-footer-btn {
	background: #444;
	color: #fff;
	border: none;
	padding: 6px 12px;
	border-radius: 4px;
	cursor: pointer;
	font-size: 0.8rem;
	margin-top: 15px;
	transition: background 0.2s;
}

/* Products Page Styles */
.products-hero {
	background: linear-gradient(135deg, #c20a13 0%, #8a0610 100%);
	color: white;
	text-align: center;
	padding: 100px 20px 80px;
	margin-bottom: 40px;
	margin-top: 0;
}

.products-hero h2 {
	font-size: 2.5rem;
	margin-bottom: 15px;
	font-weight: 700;
}

.products-hero p {
	font-size: 1.2rem;
	opacity: 0.9;
}

.products-container {
	width: 95%;
	/* Mirror header island */
	max-width: 1300px;
	/* Match header island max-width */
	margin: 0 auto;
	padding: 140px 20px 60px;
}

.page-container-three-column {
	display: flex;
	gap: 0;
	align-items: flex-start;
	min-height: 100vh;
}

.page-container-two-column {
	display: flex;
	flex-wrap: wrap;
	/* Allows sidebar to wrap on small screens */
	padding-top: 140px;
	/* Space for the floating header */
	max-width: 1300px;
	/* Match header island width */
	margin: 0 auto;
	gap: 20px;
	padding-left: 20px;
	padding-right: 20px;
}

.main-content-column {
	flex: 1;
	min-width: 600px;
	/* Prevents main content from getting too squished */
}

#right-sidebar-column {
	width: 320px;
	flex-shrink: 0;
}

.sidebar-widget {
	background: #fff;
	border-radius: 12px;
	padding: 25px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
	border: 1px solid #eee;
}

/* Responsive behavior for the two-column layout */
@media (max-width: 1024px) {
	#right-sidebar-column {
		width: 100%;
		/* Makes sidebar full-width on smaller screens */
	}
}

.product-section {
	background: transparent;
	padding: 0;
	margin-bottom: 60px;
	box-shadow: none;
	border: none !important;
}

.logo-container {
	text-align: center;
	margin-bottom: 30px;
}

.product-logo {
	max-height: 100px;
	max-width: 100%;
	object-fit: contain;
}

.product-section h3 {
	font-size: 2rem;
	margin-bottom: 30px;
	color: #60c19f;
	font-weight: 600;
}

.products-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 25px;
}

.product-card {
	background: #ffffff;
	padding: 30px;
	border-radius: 16px;
	text-align: center;
	transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	border: 1px solid #eee;
}

.product-card:hover {
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.05);
	border-color: #c20a13;
}

.product-icon {
	font-size: 3rem;
	margin-bottom: 15px;
}

.product-card h4 {
	color: #333;
	font-size: 1.3rem;
	margin-bottom: 10px;
	font-weight: 600;
}

.product-card p {
	color: #666;
	font-size: 0.95rem;
	line-height: 1.6;
}

.ubi-section {
	border-top: 4px solid #60c19f;
}

.solar-section {
	border-top: 4px solid #f39c12;
}

.solar-section h3 {
	color: #f39c12;
}

body.page-template-front .site-main-header {
	width: 100%;
	z-index: 999;
}

.site-main-header {
	position: relative;
}

.clear {
	clear: both;
}

/*dropdown menu background color*/
.wp-block-navigation .has-child .wp-block-navigation__submenu-container {
	background-color: #ffffff;
}

.wp-block-navigation .has-child .wp-block-navigation__submenu-container li {
	padding: 5px 0;
	border-bottom: 1px solid #eee !important;
}

.wp-block-navigation__submenu-container.wp-block-navigation-submenu {
	padding-top: 30px !important
}

.wp-block-navigation__submenu-container.wp-block-navigation-submenu li ul {
	padding-top: 0 !important;
	left: 100% !important;
	right: auto !important;
}

.header-navigation.wp-block-navigation {
	padding: 5px 0 !important;
}


.wp-block-group.header-main-banner {
	position: relative;
}

.fse-sections-02 {
	position: relative !important;
}

.welcome-wrap {
	position: relative !important;
	z-index: 9999;
}

.energix_about_small {
	margin-top: -360px !important;
	position: relative;
	z-index: 999;
}

ul.wp-block-social-links.head-social li a {
	width: 35px;
	height: 35px;
	border: 1px solid #fff;
	border-radius: 100%;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
}

.wp-block-columns.gv-4-column-row {
	margin-top: -75px;
	z-index: 999;
}


/* = Sidebar CSS
----------------------------------------------- */
.st-widgetBX ul.wp-block-latest-posts li {
	margin-bottom: 20px;
	min-height: 80px;
}

.st-widgetBX ul.wp-block-latest-posts li a.wp-block-latest-posts__post-title {
	margin-bottom: 5px !important;
	display: block;
	line-height: 20px;
}

/* = Contact Form 7 CSS
----------------------------------------------- */
.wpcf7 {
	margin: 30px 0 0;
	padding: 0;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="email"] {
	width: 40%;
	color: #797979;
	margin-bottom: 0;
	border: 1px solid #cccccc;
	box-shadow: inset 1px 1px 2px #ccc;
	height: 40px;
	padding: 0 15px;
}

.wpcf7 textarea {
	color: #797979;
	margin-bottom: 25px;
	border: 1px solid #cccccc;
	box-shadow: inset 1px 1px 2px #ccc;
	padding: 10px;
	width: 60%;
	height: 160px;
	font-size: 12px;
}

.wpcf7 input[type="submit"] {
	border-radius: 40px;
	cursor: pointer;
	background-color: #60c19f;
	padding: 20px 40px;
	color: #ffffff;
	font-weight: 600;
	border: none;
	font-size: 16px;
	width: auto;
	text-transform: uppercase;
}

.wpcf7 input[type="submit"]:hover {
	background-color: #101010;
}



/* = Blog page Design CSS
----------------------------------------------- */
ul.blog-list-style {
	margin: 0;
	padding: 0;
}

ul.blog-list-style li {
	margin-bottom: 40px;
	display: flow-root;

}

ul.blog-list-style li a.wp-block-post-excerpt__more-link {
	padding: 10px 20px;
	border-radius: 10px
}

ul.blog-list-style li .blog-thumbnail.wp-block-post-featured-image a,
ul.blog-list-style li .blog-thumbnail.wp-block-post-featured-image img {
	height: auto;
	width: auto;
	border-radius: 10px;
}

ul.blog-list-style li h3.wp-block-post-title {
	display: flex;
}


.wp-block-group.PostStyle-1 {
	display: flow-root;
}

.wp-block-column.fse-page-layout {
	padding: 30px;
	border-radius: 5px;
	display: flow-root;
	box-shadow: 0 0 30px rgb(193 193 193/30%);
}


.wp-block-group.st-widgetBX {
	display: flow-root;
	padding: 10px !important;
	border-radius: 15px;
}


/* = Footer CSS
----------------------------------------------- */
.site-footer {
	position: relative;
}

.site-footer h3.wp-block-heading {
	position: relative;
}

.site-footer h3.wp-block-heading::after {
	content: '';
	width: 30px;
	height: 7px;
	background-image: linear-gradient(90deg, #9cc312 55%, #7a9419 45%) !important;
	position: absolute;
	left: 0;
	top: 0;
}

footer.wp-block-template-part {
	margin-block-start: 0 !important
}

.Footer-QuickLinks {
	list-style: none !important;
	padding: 0 !important;
}

.Footer-QuickLinks li {
	list-style: none !important;
	padding: 5px 0 5px 0 !important;
}

.Footer-QuickLinks li a:hover {
	text-decoration: none;
}

.footer-latest-news li {
	margin-bottom: 10px;
}

.wp-block-social-links.footer-social li {
	border-radius: 10px;
}

.wp-block-social-links.footer-social li a {
	padding: 12px;
}

ul.gv-latest-posts {
	margin: 0;
	padding: 0;
}

ul.gv-latest-posts li {
	list-style: none;
	margin-bottom: 15px;
}

ul.gv-latest-posts li .wp-block-latest-posts__featured-image {
	margin-top: 6px;
}

ul.gv-latest-posts li .wp-block-latest-posts__featured-image img {
	border-radius: 10px;
}

ul.gv-latest-posts li .wp-block-latest-posts__post-title {
	margin-bottom: 15px;
	display: block;
	line-height: 22px;
}

ul.gv-latest-posts li .wp-block-latest-posts__post-title:hover {
	color: #8cc73e;
}

/* Add Product Button */
.add-product-btn {
	background-color: #c00000;
	color: white;
	border: none;
	padding: 12px 24px;
	font-size: 16px;
	font-weight: bold;
	border-radius: 5px;
	cursor: pointer;
	transition: background 0.3s ease;
}

.add-product-btn:hover {
	background-color: #a00000;
}

/* Modal Overlay Background */
.modal {
	display: none;
	/* Hidden by default */
	position: fixed;
	z-index: 2000;
	/* Stays over your navbar and hero headers */
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	/* Dim background */
	backdrop-filter: blur(4px);
	display: none;
	align-items: center;
	justify-content: center;
	padding: 20px;
	box-sizing: border-box;
	overflow-y: auto;
}

.modal[style*="display: block"] {
	display: flex !important;
}

.modal .modal-content {
	background-color: #fff;
	padding: 30px;
	border-radius: 12px;
	width: 95%;
	max-width: 640px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
	color: #333;
	text-align: left;
	max-height: 90vh;
	overflow-y: auto;
	position: relative;
	margin: auto;
}

/* Close Window Button */
.close-btn {
	position: absolute;
	right: 20px;
	top: 15px;
	font-size: 28px;
	font-weight: bold;
	color: #aaa;
	cursor: pointer;
}

.close-btn:hover {
	color: #c00000;
}

.settings-tab {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 12px 15px;
	color: #555;
	text-decoration: none;
	border-radius: 8px;
	margin-bottom: 5px;
	font-weight: 500;
	transition: background 0.2s, color 0.2s;
	border: none;
	width: 100%;
	text-align: left;
	background: none;
	cursor: pointer;
}

.settings-tab:hover {
	background-color: #fceeee;
	color: #c00000;
	border: none !important;
}

.settings-tab.active {
	background-color: #28a745 !important;
	color: #ffffff !important;
	font-weight: 700 !important;
	border: none !important;
	box-shadow: 0 2px 8px rgba(40, 167, 69, 0.35);
}

.settings-tab .nav-icon {
	font-size: 1.1rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.settings-save-btn {
	background-color: #c00000;
	color: white;
	border: none;
	padding: 12px 20px;
	font-weight: bold;
	border-radius: 8px;
	cursor: pointer;
	width: 100%;
	margin-top: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	font-size: 0.95rem;
	transition: background 0.2s;
}

.settings-save-btn:hover {
	background-color: #a00000;
}

.close-settings-btn {
	background-color: #6c757d;
	color: white;
	border: none;
	padding: 8px 24px;
	font-size: 0.9rem;
	font-weight: bold;
	border-radius: 20px;
	cursor: pointer;
	transition: background 0.2s;
}

.close-settings-btn:hover {
	background-color: #5a6268;
}

.settings-tab-pane.active {
	display: block;
}

/* Settings Dropdown Menu */
.settings-dropdown {
	display: none;
}

/* Edit Package / Settings Modal Layout Fixes */
.edit-package-modal {
	width: 90% !important;
	max-width: 900px !important;
	height: 600px !important;
	max-height: 90vh !important;
	display: flex !important;
	flex-direction: row !important;
}

.pkg-modal-main {
	display: flex !important;
	flex-direction: column !important;
	overflow: hidden !important;
	height: 100% !important;
}

.pkg-dashboard-content {
	flex-grow: 1 !important;
	overflow-y: auto !important;
	padding: 20px 30px 30px 30px !important;
}

.settings-dropdown h3 {
	font-size: 1.05rem;
}

/* Form Styling */
.form-group {
	margin-bottom: 15px;
}

.form-group label {
	display: block;
	font-weight: bold;
	margin-bottom: 5px;
}

.form-group input[type="text"],
.form-group input[type="number"],
.form-group textarea {
	width: 100%;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 4px;
	font-size: 14px;
}

.submit-btn {
	width: 100%;
	background-color: #c00000;
	color: white;
	border: none;
	padding: 12px;
	font-size: 16px;
	font-weight: bold;
	border-radius: 4px;
	cursor: pointer;
}

.submit-btn:hover {
	background-color: #a00000;
}

/* --- Submenu Logo Fix --- */
.logo-submenu {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 15px;
	/* Adds nice spacing between the two logos */
	padding: 10px;
}

.submenu-logo-link img {
	height: 100px;
	/* Increased height for better visibility */
	width: 92px;
	/* Keeps them from stretching weirdly */
	max-width: 120px;
	/* Prevents logos from becoming too wide */
	object-fit: contain;
	/* Ensures any built-in blank space in the image file is handled cleanly */
}

.submenu-logo-name {
	display: block;
	text-align: center;
	font-size: 0.9rem;
	font-weight: bold;
	color: #333;
	margin-top: 5px;
}

.submenu-logo-link-solarmax img {
	height: 100px;
	/* Increased height for better visibility */
	width: 92px;
	/* Keeps them from stretching weirdly */
	max-width: 120px;
	/* Prevents logos from becoming too wide */
	object-fit: contain;
	/* Ensures any built-in blank space in the image file is handled cleanly */
}

.submenu-logo-link-solarmax:hover {
	transform: scale(1.1);
}

.submenu-logo-link-matrix img {
	height: 100px;
	/* Increased height for better visibility */
	width: 92px;
	/* Keeps them from stretching weirdly */
	max-width: 120px;
	/* Prevents logos from becoming too wide */
	object-fit: contain;
	/* Ensures any built-in blank space in the image file is handled cleanly */
}

.submenu-logo-link-matrix:hover {
	transform: scale(1.1);
}

.header-logo.header-logo-solarmax {
	height: 90px;
	margin-bottom: 17px;
	width: 100px;
}

.header-logo.header-logo-matrix {
	height: 9px;
}

.header-logo.header-logo-matrix {
	height: 60px;
	margin-bottom: 5px;
}

.header-logo.header-logo-ubilink {
	height: 60px;
}

/* Modal Background */
.modal {
	display: none;
	position: fixed;
	z-index: 2000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	/* Dimmed background */
	backdrop-filter: blur(4px);
}

/* Modal Content Box */
.modal-content {
	background-color: #fff;
	padding: 30px;
	border-radius: 12px;
	width: 95%;
	max-width: 640px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
	position: relative;
	max-height: 90vh;
	overflow-y: auto;
	font-family: Arial, sans-serif;
	margin: auto;
}

/* Close Button */
.close-btn {
	position: absolute;
	right: 20px;
	top: 15px;
	color: #aaa;
	font-size: 28px;
	font-weight: bold;
	cursor: pointer;
}

.close-btn:hover {
	color: #333;
}

.modal-content h2 {
	margin-top: 0;
	color: #333;
}

.modal-divider {
	border: 0;
	height: 1px;
	background: #eee;
	margin-bottom: 20px;
}

/* Form Styling */
.form-group {
	margin-bottom: 15px;
}

.form-group label {
	display: block;
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 14px;
	color: #555;
}

.form-group input,
.form-group select,
.form-group textarea {
	width: 100%;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 6px;
	box-sizing: border-box;
	font-size: 14px;
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
	outline: none;
	border-color: #007bff;
}

/* Submit Button */
.submit-btn {
	width: 100%;
	background-color: #007bff;
	color: white;
	padding: 12px;
	border: none;
	border-radius: 6px;
	font-size: 16px;
	font-weight: bold;
	cursor: pointer;
	transition: background 0.2s;
}

.submit-btn:hover {
	background-color: #0056b3;
}