			:root {
				--primary-blue: #0051a6;
				--secondary-orange: #f48b19;
				--light-blue: #eaf6ff;
				--dark-text: #40526b;
				--footer-bg: #0a2a4e;
			}



			.footer-section {
				background: var(--footer-bg);
				color: white;
				padding: 60px 0 0;
			}

			.footer-main {
				padding-bottom: 40px;
			}

			.footer-brand {
				margin-bottom: 25px;
			}

			.footer-logo {
				font-size: 1.8rem;
				font-weight: 800;
				margin-bottom: 15px;
			}

			.footer-logo span {
				color: var(--secondary-orange);
			}

			.footer-description {
				color: #a8c6e6;
				line-height: 1.6;
				margin-bottom: 25px;
			}

			.footer-heading {
				color: white;
				font-weight: 700;
				font-size: 1.2rem;
				margin-bottom: 20px;
				position: relative;
				padding-bottom: 10px;
			}

			.footer-heading:after {
				content: '';
				position: absolute;
				left: 0;
				bottom: 0;
				width: 40px;
				height: 3px;
				background: var(--secondary-orange);
				border-radius: 2px;
			}

			.footer-links {
				list-style: none;
				padding: 0;
				margin: 0;
			}

			.footer-links li {
				margin-bottom: 12px;
			}

			.footer-links a {
				color: #a8c6e6;
				text-decoration: none;
				transition: all 0.3s ease;
				display: flex;
				align-items: center;
			}

			.footer-links a:hover {
				color: var(--secondary-orange);
				transform: translateX(5px);
			}

			.footer-links a i {
				margin-right: 10px;
				font-size: 0.9rem;
				width: 20px;
				text-align: center;
			}

			.service-areas-list {
				display: flex;
				flex-wrap: wrap;
				gap: 8px;
			}

			.area-tag {
				background: rgba(255, 255, 255, 0.1);
				color: #a8c6e6;
				padding: 6px 12px;
				border-radius: 20px;
				font-size: 0.85rem;
				transition: all 0.3s ease;
			}

			.area-tag:hover {
				background: var(--secondary-orange);
				color: white;
			}

			.contact-info {
				margin-bottom: 20px;
			}

			.contact-item {
				display: flex;
				align-items: flex-start;
				margin-bottom: 15px;
			}

			.contact-icon {
				width: 40px;
				height: 40px;
				background: rgba(255, 255, 255, 0.1);
				border-radius: 50%;
				display: flex;
				align-items: center;
				justify-content: center;
				margin-right: 15px;
				flex-shrink: 0;
				transition: all 0.3s ease;
			}

			.contact-item:hover .contact-icon {
				background: var(--secondary-orange);
			}

			.contact-icon i {
				color: #a8c6e6;
				font-size: 1rem;
				transition: all 0.3s ease;
			}

			.contact-item:hover .contact-icon i {
				color: white;
			}

			.contact-details h5 {
				color: white;
				font-weight: 600;
				margin: 0 0 5px;
				font-size: 1rem;
			}

			.contact-details p,
			.contact-details a {
				color: #a8c6e6;
				margin: 0;
				text-decoration: none;
				transition: all 0.3s ease;
			}

			.contact-details a:hover {
				color: var(--secondary-orange);
			}

			.social-links {
				display: flex;
				gap: 15px;
				margin-top: 20px;
			}

			.social-link {
				width: 40px;
				height: 40px;
				background: rgba(255, 255, 255, 0.1);
				border-radius: 50%;
				display: flex;
				align-items: center;
				justify-content: center;
				color: #a8c6e6;
				text-decoration: none;
				transition: all 0.3s ease;
			}

			.social-link:hover {
				background: var(--secondary-orange);
				color: white;
				transform: translateY(-3px);
			}

			.footer-bottom {
				background: rgba(0, 0, 0, 0.2);
				padding: 25px 0;
				border-top: 1px solid rgba(255, 255, 255, 0.1);
			}

			.copyright {
				color: #a8c6e6;
				text-align: center;
				margin: 0;
			}

			.footer-badges {
				display: flex;
				justify-content: center;
				gap: 20px;
				margin-top: 15px;
			}

			.badge {
				background: rgba(255, 255, 255, 0.1);
				color: #a8c6e6;
				padding: 8px 15px;
				border-radius: 20px;
				font-size: 0.8rem;
				font-weight: 500;
			}

			.badge i {
				color: var(--secondary-orange);
				margin-right: 5px;
			}

			@media (max-width: 991px) {
				.footer-section {
					padding: 50px 0 0;
				}

				.footer-main {
					padding-bottom: 30px;
				}

				.footer-col {
					margin-bottom: 30px;
				}
			}

			@media (max-width: 767px) {
				.service-areas-list {
					justify-content: flex-start;
				}

				.footer-badges {
					flex-direction: column;
					align-items: center;
					gap: 10px;
				}
			}
