.features-title {
		text-align: center;
		margin-bottom: 50px;
	}

	.features-title h2 {
		font-size: 34px;
		font-weight: 600;
		color: #000;
		margin-bottom: 10px;
		margin-top: 40px;
	}


	.features-section {
		background: #fff;
		padding: 70px 0;
	}

	.features-grid {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 20px;
	}

	.feature-card {
		background: #f7f7f7;
		padding: 35px 25px;
		text-align: center;
		border-radius: 8px;
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
		transition: 0.3s;
		border: 1px solid #ddd6;
	}

	.feature-card:hover {
		transform: translateY(-5px);
		box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
	}

	.feature-icon {
		width: 70px;
		height: 70px;
		background: #f4b400;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 0 auto 23px;
		font-size: 22px;
		color: #000;
	}

	.feature-card h3 {
		font-size: 20px;
		margin-bottom: 10px;
		font-weight: bold;
		color: black;
	}

	.feature-card p {
		font-size: 18px;
		color: #000;
		line-height: 1.3;
		text-align: center;
	}

	.feature-card .feature-btn a {
		width: 100%;
		display: block;
		background: linear-gradient(45deg, #e28542, #f4b400);
		color: #000;
		padding: 10px 8px;
		font-size: 16px;
		font-weight: 600;
		border-radius: 8px;
	}

	.feature-card .feature-btn a:hover {
		background: linear-gradient(45deg, #f4b400, #e28542);
	}

	.footer-contact {
		list-style: none;
	}
	
	.whatsapp-float {
    position: fixed;
    bottom: 25px;
    left: 35px;
    width: 55px;
    height: 55px;
    z-index: 9999;
    text-decoration: none;
}

.whatsapp-icon {
    width: 65px;
    height: 65px;
    background: #25D366;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 30px;
    position: relative;
    z-index: 2;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    transition: 0.3s;
}

.whatsapp-icon:hover {
    transform: scale(1.1);
}

/* Ripple Effect */
.ripple {
    position: absolute;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    background: rgba(37, 211, 102, 0.4);
    animation: ripple-animation 2s infinite;
    z-index: 1;
}

.ripple.delay1 {
    animation-delay: 0.5s;
}

.ripple.delay2 {
    animation-delay: 1s;
}

@keyframes ripple-animation {
    0% {
        transform: scale(1);
        opacity: 0.6;
    }
    70% {
        transform: scale(2.5);
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}


	/* Tablet */
	@media(max-width:992px) {
		.features-grid {
			grid-template-columns: repeat(2, 1fr);
		}
	}

	/* Mobile */
	@media(max-width:576px) {
		.features-grid {
			grid-template-columns: 1fr;
		}
	}

	@media(max-width:767px) {

		.footer {
			padding: 40px 20px 20px 20px !important;
		}

		.footer-wide-container {
			width: 100% !important;
		}
	}


  	/* Ensure the blank slot takes up space but stays empty */

	/* Main Grid: Brand takes a column, Links take the rest */


	/* Responsive adjustments */



	.footer-mail {
		font-size: 12px !important;
		font-weight: 400 !important;
		color: #999;
	}

	/* Main Layout */
	.footer {
		font-size: 14px;
		background: #000;
		color: #fff;
		padding: 25px 20px;
		font-family: 'Inter', sans-serif;
		/* Recommended for the Blacklane look */
	}

	.footer-contact {
		font-size: 12px;
		color: #999;
		font-weight: 700;
	}

	.footer-title {
		color: #fff;
		border-bottom: 1px solid #333;
	}

	.footer-title-h4 {
		color: #f4b400;
		font-weight: 700;
	}

	.footer-wide-container {
		width: 90%;
		max-width: 1200px;
		margin: 0 auto;
	}

	/* New Footer Layout Logic */
	.footer-main-grid {
		display: grid;
		/* Column 1 is fixed width, the rest share the remaining space */
		grid-template-columns: auto auto auto auto;
		gap: 40px;
		padding: 40px 0;
	}



	/* Container for the Categories */
	.footer-links-container {
		display: grid;
		/* This creates a 4-column grid for the link section */
		grid-template-columns: repeat(5, 1fr);
		gap: 30px;
	}


	/* Brand Column specific styling */
	.footer-brand-col .footer-title-h4 {
		font-size: 24px !important;
		margin-top: 10px;
	}

	.footer-brand-col p {
		font-size: 15px !important;
		color: #ccc !important;
		margin-bottom: 20px;
	}

	/* Ensure Logo looks good */
	.footer-logo img {
		filter: brightness(1);
		/* Adjust if your logo is dark */
	}

	@media (max-width: 1200px) {
		.footer-links-container {
			grid-template-columns: repeat(3, 1fr);
		}

		/* Disable blank slot logic on smaller screens if you want to save space */
		.footer-col.blank-slot {
			display: none;
		}
	}

	/* Mobile Responsiveness */
	@media (max-width: 992px) {
		.footer-main-grid {
			grid-template-columns: 1fr;
			/* Stack Brand on top of Links */
		}

		.footer-links-container {
			grid-template-columns: repeat(2, 1fr);
			/* 2 columns on tablets */
		}
	}


	@media (max-width: 576px) {
		.footer-links-container {
			grid-template-columns: repeat(2, 1fr);
		}
	}

	/* .footer-main-grid {
				display: grid;
				grid-template-columns: repeat(5, 1fr); 
				gap: 30px;
				padding: 20px  10px 0 20px;
		
		} */

	/* Top Section with Apps */
	.footer-app-header {
		border-bottom: 1px solid #333;
		border-top: 1px solid #333;
		display: flex;
		justify-content: flex-start;
		padding-bottom: 0px;
	}

	.app-buttons {
		margin: 15px 0px;
	}

	.app-buttons img {
		height: 35px;
		margin-right: 15px;
	}

	/* Typography */
	.footer-col {
		padding: 0 10px 0 20px;
	}

	.footer-col h4,
	.footer-col h4 a {
		color: #fff;
		font-size: 16px;
		font-weight: 700;
		margin-bottom: 20px;
		text-transform: none;
	}

	.footer-pair .footer-col {
		margin-bottom: 35px;
	}

	.footer-col p {
		font-size: 14px;
		color: #999;
		line-height: 1.6;
	}

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

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

	.footer-col ul li a {
		color: #999;
		text-decoration: none;
		font-size: 14px;
		transition: 0.3s;

	}

	.footer-col ul li a:hover {
		color: #f4b400;
	}

	.footer-col.blank-slot {
		visibility: hidden;
	}


	/* Divider & Bottom */
	.footer-divider {
		border: 0;
		/* border-top: 1px solid #333; */
		margin: 0;
	}

	.footer-bottom {
		border-top: 1px solid #333;
		display: flex !important;
		flex-direction: row-reverse !important;
		justify-content: space-between;
		align-items: center;
		padding: 20px 0px 0px 0px;
		width: 100%;
	}

	/* Social Item Styling */
	.social-item {
		display: flex;
		gap: 15px;
	}

	.social-item a {
		color: #fff;
		width: 32px;
		height: 32px;
		border: 1px solid rgba(255, 255, 255, 0.2);
		border-radius: 50%;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		transition: 0.3s;
		text-decoration: none;
	}

	.social-item a:hover {
		background: #f4b400;
		color: #000;
	}

	/* Increase Brand Title and Description Size */
	.footer-section-name h4.footer-title-h4 {
		font-size: 22px !important;
		color: #fff;
		margin-bottom: 10px;
		font-weight: bold;
	}

	.footer-section-name p {
		font-size: 14px !important;
		color: #fff !important;
		line-height: 1.4;
		padding: 5px 0 5px 0;
		font-weight: 700;
	}

	.footer-li:hover {
		color: #f4b400;
	}

	/* Make Terms of Use White */
	.cp-item a {
		color: #a1a1a1 !important;
		text-decoration: none;
	}

	.cp-item a:hover {
		color: #f4b400;
		/* Keeps the hover effect consistent */
	}

	.copy-right {
		display: flex !important;
		flex-direction: row !important;
		/* Forces side-by-side */
		flex-wrap: wrap;
		/* Allows wrapping if the screen is very narrow */
		justify-content: left !important;
		gap: 10px;
		/* Space between the items */
		font-size: 12px !important;
		/* Slightly smaller for mobile fit */
	}



	.cp-item a {
		font-size: 12px !important;
	}

	.cp-item {
		font-size: 12px !important;
		color: #a1a1a1;
	}

	.copy-right span {
		font-size: 18px !important;
	}



	/* .social-item {
				margin-top: 10px;
				display: flex;
				gap: 15px;
		padding: 0 50px;
		} */


	/* Mobile Optimization for TaxiInParis Footer */
	@media (max-width: 768px) {

		.cp-item a {
			font-size: 15px;
		}

		.cp-item {
			font-size: 15px;
		}

		.copy-right span {
			font-size: 18px;
		}

		.footer-bottom {
			border-top: 0px;
		}

		/* 1. Stack the grid columns into a single list */
		.footer-main-grid {
			grid-template-columns: auto auto !important;
			gap: 40px;
			/* Space between categories */
			padding: 30px 0px 0px !important;
		}

		.footer-bottom {
			padding: 0px 0px 0px;
		}

		.copy-right {
			margin-bottom: 0;
		}

		.footer-section-name h4.footer-title-h4 {
			font-size: 22px !important;
		}

		.footer-contact i {
			margin-right: 3px !important;
		}

		.social-item {
			justify-content: center !important;
		}

		.copy-right {
			padding: 0px !important;
			flex-direction: unset !important;
			justify-content: center !important;
		}

		/* 2. Left align everything for better readability */
		.footer-col {
			padding: 0 !important;
			text-align: left !important;
		}

		/* 3. Style the category headers (yellow text) */
		.footer-col h4 {
			margin-bottom: 15px !important;
			font-size: 18px !important;
			/* border-bottom: 1px solid #333; Optional: subtle line under category */
			padding-bottom: 10px;
		}

		/* 4. Handle the links (white text) */
		.footer-col ul li {
			margin-bottom: 10px !important;
		}

		.footer-col ul li a {
			font-size: 16px !important;
			display: block;
			/* Larger tap target */
		}

		/* 5. Bottom area (Copyright and Socials) */
		.footer-bottom {
			/* On Mobile: Stack normally (Social first because it's first in HTML) */
			flex-direction: column !important;
			text-align: center;
			gap: 20px;
		}

		.footer-bottom-social {
			border-top: 1px solid #333;
			padding: 10px;
			border-bottom: 1px solid #333;
		}

		.footer-bottom-social,
		.footer-bottom-copyright {
			width: 100% !important;
			display: flex;
			justify-content: left;
		}

		/* 4. Ensure the actual list of icons is centered */
		.social-item {
			display: flex !important;
			flex-direction: row !important;
			justify-content: center !important;
			padding: 0 !important;
			margin: 0 auto !important;
		}

		.copy-right {
			flex-direction: unset !important;
			color: #aaa;
		}

		.copy-right a {
			color: #bbb;
		}

		.cp-item {
			display: flex;
			flex-direction: column;
		}

	}


  .custom-footer .container {
		max-width: 90% !important;
		/* Increase this % to get closer to the edges */
		width: 90%;
		padding-left: 40px;
		padding-right: 40px;
	}


	/* Optional: To make the columns spread out more evenly */
	.footer-top {
		display: grid;
		grid-template-columns: repeat(6, 1fr);
		gap: 20px;
		/* Reduced gap to allow more room for text */
		margin-top: 12px;
		align-items: flex-start;
	}

	/* .footer-top {
				display: grid;
				grid-template-columns: repeat(5, 1fr); 
				gap: 30px;
				margin-top: 12px;
				align-items: flex-start;
		} */

	/* Remove .footer-dynamic-col and .footer-services-row entirely from your CSS */

	/* Ensure list items look correct in the new columns */
	.footer-col ul {
		list-style: none;
		padding: 0;
	}

	.footer-col h4 {
		color: #fff;
		margin-bottom: 25px;
		font-weight: 700;
	}


  .custom-footer .container {
		max-width: 95% !important;
		/* Increase this % to get closer to the edges */
		width: 95%;
		padding-left: 15px;
		padding-right: 15px;
	}

	/* Optional: To make the columns spread out more evenly */
	.footer-top {
		display: grid;
		grid-template-columns: repeat(6, 1fr);
		gap: 20px;
		/* Reduced gap to allow more room for text */
		margin-top: 12px;
		align-items: flex-start;
	}

	/* .footer-top {
		display: grid;
		grid-template-columns: repeat(6, 1fr); 
		gap: 30px;
		margin-top: 12px;
		align-items: flex-start;
} */

	/* Adjust for smaller screens to keep it readable */
	/* @media (max-width: 1200px) {
		.footer-top {
				grid-template-columns: repeat(2, 1fr);
		}
}

@media (max-width: 576px) {
		.footer-top {
				grid-template-columns: 1fr;
				text-align: left;
		}
} */


	/* .footer-top {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 40px;
		margin-top: 12px;
	}

	/* Tablet */
	/* @media (max-width: 992px) {
		.footer-top {
			grid-template-columns: repeat(3, 1fr);
			gap: 25px;
		}
	} */
	*/
	/* Mobile */
	/* @media (max-width: 576px) {

		.footer-top {
			grid-template-columns: 1fr;
			text-align: center;
		}

		.footer-col {
			padding-bottom: 10px;
		}

		.social-item {
			justify-content: center;
			display: flex;
		}

		.footer-contact li {
			justify-content: center;
			display: flex;
			align-items: center;
		}
		.footer-col p {
		text-align: center;
	}
	} */

	.footer-col h3,
	.footer-col h4 {
		color: #f4b400;
		margin-bottom: 15px;
		font-weight: bold;
	}

	.footer-col p {
		margin-bottom: 10px;
		color: #f0f0f0;
	}

	.footer-col ul {
		list-style: none;
		padding: 0;
		font-size: medium;
	}

	.footer-col ul li {
		margin-bottom: 8px;
		color: #f0f0f0;
		text-decoration: none;
		font-size: 15px;
		transition: 0.3s;
		font-weight: normal;
	}

	.footer-col ul li a {
		color: #999;
		text-decoration: none;
		font-size: 12px !important;
		transition: 0.3s;
		font-weight: 700 !important;
	}

	.footer-col ul li a:hover {
		color: #f4b400;
	}

	.social-item a {
		color: #a1a1a1;
		font-size: 14px;
		/* margin-right: 15px; */
		margin-bottom: 0px;
	}


	.social-item {
		margin: 0px 0px 0px 0px !important;
		width: 100% !important;
	}


	.social-item a:hover {
		background: #f4b400;
	}

	.social-item a:hover {
		color: #000;
	}

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

	.footer-contact i {
		margin-right: 8px;
		color: #fff;
	}