/**
 * Footer CSS for juuzbot_kps theme
 * This file contains styles specific to the footer section of the juuzbot_kps WordPress theme.
 * It ensures a cohesive design and responsive layout for the footer across all devices.
 */


	.paddinff-footer-top {
		padding-top: 9%;
	}

	.footer-overlay {
		position: absolute;
		inset: 0;
		background: rgba(0, 0, 0, 0.70);
	}

	.footer-logo {
		max-width: 260px;
	}

	.footer-title {
		font-size: 24px;
		font-weight: 700;
		margin-bottom: 24px;
		letter-spacing: .5px;
	}

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

	.footer-menu li a {
		color: #fff;
		text-decoration: none;
		font-size: 16px;
		opacity: .85;
		transition: .3s;
	}

	.footer-menu li a:hover {
		opacity: 1;
		padding-left: 3px;
	}

	.juuzbot_kps_footer_wrapper {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		gap: 20px;
		font-family: "Poppins", sans-serif;
	}

	.juuzbot_kps_footer_item {
		display: flex;
		align-items: flex-start;
		flex: 1;
		min-width: 260px;
		/* Forces wrap on tablet/mobile */
	}

	.juuzbot_kps_footer_icon {
		font-size: 22px;
		color: #f89205;
		/* Change this to your primary brand color */
		margin-right: 15px;
		margin-top: 3px;
		width: 30px;
		text-align: center;
	}

	.juuzbot_kps_footer_text h4 {
		font-family: "Poppins", sans-serif;
		font-size: 16px;
		font-weight: 700;
		margin-bottom: 4px;
		text-transform: uppercase;
		color: #fff;
		letter-spacing: 0.5px;
	}

	.juuzbot_kps_footer_text p,
	.juuzbot_kps_footer_text p a {
		font-family: "Poppins", sans-serif;
		font-size: 14px;
		color: #cdcdcd;
		text-decoration: none;
		line-height: 1.4;
		margin: 0;
		transition: color 0.3s ease;
	}

	.juuzbot_kps_footer_text p a:hover {
		color: #f89205;
		/* Change this to your hover color */
	}

	/* Responsive Adjustments */
	@media (max-width: 991px) {
		.juuzbot_kps_footer_item {
			min-width: 45%;
			/* Two columns on tablets */
		}
	}

	@media (max-width: 767px) {
		.juuzbot_kps_footer_wrapper {
			flex-direction: column;
		}

		.juuzbot_kps_footer_item {
			min-width: 100%;
			/* Single column on mobile */
		}
	}