.unable {
			padding: 40px 120px 60px 120px;
			background: linear-gradient(to bottom, #ffffff 50%, #f3fbff 50%);
			text-align: center;
			/* border: 1px solid red; */
		}

		.unable-container {
			border: 1px solid rgb(237, 237, 240);
			padding: 25px 70px;
			background-color: white;
			border-radius: 25px;
			box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
		}

		.unable-container h2 {
			font-size: 80px;
			font-weight: bold;
			color: #000;
			line-height: 110px;
			text-align: left;
		}

		.unable-container p {
			font-size: 24px;
			font-weight: 400;
			text-align: left;
			/* margin-top: 10px; */
		}

		.cons-btn {
			position: relative;
			background-color: #6CB148;
			border: 2px solid transparent;
			/* always present */
			padding: 12px 32px;
			border-radius: 30px;
			font-weight: 700;
			font-size: 18px;
			color: white;
			text-decoration: none;
			overflow: hidden;
			transition: color 0.4s, border-color 0.4s, background-color 0.4s;
			text-transform: none;
			float: left;

		}


		.cons-btn::before {
			content: '';
			position: absolute;
			top: 0;
			left: -100%;
			width: 100%;
			height: 100%;
			background-color: #6CB148;
			transition: left 0.4s ease-out;
			z-index: 1;
		}

		.cons-btn:hover::before {
			left: 100%;
		}

		.cons-btn:hover {
			color: black;
			border: 2px solid black;
			background-color: white;
			z-index: 2;
		}

		.cons-btn span,
		.cons-btn .arrow {
			position: relative;
			z-index: 2;
			transition: color 0.4s;
		}
.enterprise-btn {
			position: relative;
			background-color: #6CB148;
			border: 2px solid transparent;
			padding: 12px 32px;
			border-radius: 30px;
			font-weight: 700;
			font-size: 18px;
			color: white;
			text-decoration: none;
			overflow: hidden;
			transition: color 0.4s, border-color 0.4s, background-color 0.4s;
			text-transform: none;
			margin-top: 30px;
		}


		.enterprise-btn::before {
			content: '';
			position: absolute;
			top: 0;
			left: -100%;
			width: 100%;
			height: 100%;
			background-color: #6CB148;
			transition: left 0.4s ease-out;
			z-index: 1;
		}

		.enterprise-btn:hover::before {
			left: 100%;
		}

		.enterprise-btn:hover {
			color: black;
			border: 2px solid black;
			background-color: transparent;
			z-index: 2;
		}

		.enterprise-btn span,
		.enterprise-btn .arrow {
			position: relative;
			z-index: 2;
			transition: color 0.4s;
		}
		/* ************testi */
		.testimonial-section {
			display: flex;
			align-items: center;
			gap: 60px;

			/* border: 1px solid red; */
			padding: 50px 120px;

			background-color: #f3fbff;
		}

		.testimonial-content {
			flex: 1;
		}

		.testimonial-content h2 {
			font-size: 40px;
			font-weight: 700;
			color: #000;
			margin-bottom: 2px;
			text-align: left;
		}

		.testimonial-subtitle {
			font-size: 23px;
			color: #000;
			margin-bottom: 30px;
			font-weight: 500;
		}

		.testimonial-text {
			font-size: 16px;
			line-height: 22px;
			color: #000;
			margin-bottom: 40px;
			min-height: 120px;
			transition: all 0.5s ease;
		}

		.view-all-btn {
			background: #7cb342;
			color: white;
			padding: 12px 25px;
			border: none;
			border-radius: 25px;
			font-size: 1rem;
			font-weight: 600;
			cursor: pointer;
			display: inline-flex;
			align-items: center;
			gap: 10px;
			transition: all 0.3s ease;
		}

		.view-all-btn:hover {
			background: #6da136;
			transform: translateY(-2px);
		}

		.carousel-container {
			flex: 1;
			position: relative;
			/* border: 1px solid blue; */
		}

		.carousel {
			position: relative;
			width: 800px;
			height: 500px;
			margin: 0 auto;
			border-radius: 20px;
			overflow: hidden;
			box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
		}

		.carousel-slide {
			position: absolute;
			width: 100%;
			height: 100%;
			opacity: 0;
			transition: opacity 0.5s ease;
		}

		.carousel-slide.active {
			opacity: 1;
		}

		.carousel-slide img {
			width: 100%;
			height: 88%;
			object-fit: cover;
		}

		.slide-info {
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.4));
			color: white;
			padding: 2px 25px;
			height: 12%;
			display: flex;
			flex-direction: column;
			justify-content: flex-end;
		}

		.slide-info h3 {
			font-size: 16px;
			font-weight: 600;
			margin-bottom: 0;
			/* margin-bottom: 5px; */
		}

		.slide-info p {
			font-size: 1rem;
			opacity: 0.9;
			margin-bottom: 0;
		}



		.carousel-dots {
			display: flex;
			justify-content: center;
			gap: 10px;
			margin-top: 30px;
		}

		.dot {
			width: 12px;
			height: 12px;
			border-radius: 50%;
			background: #ccc;
			cursor: pointer;
			transition: all 0.3s ease;
		}

		.dot.active {
			background: #7cb342;
			transform: scale(1.2);
		}


        /* 1200px and below */
@media (max-width: 1200px) {
	.unable {
		padding: 40px 80px 60px;
	}

	.unable-container h2 {
		font-size: 60px;
		line-height: 90px;
	}

	.unable-container p {
		font-size: 22px;
	}

	.carousel {
		width: 600px;
		height: 450px;
	}
    .carousel-container {
		max-width: 600px;
	}
}

/* 992px and below (tablet landscape) */
@media (max-width: 992px) {
	.unable {
		padding: 40px 60px 50px;
	}

	.unable-container {
		padding: 25px 50px;
	}

	.unable-container h2 {
		font-size: 48px;
		line-height: 72px;
		text-align: center;
	}

	.unable-container p {
		font-size: 20px;
		text-align: center;
	}

	.cons-btn {
		float: none;
		display: inline-block;
		margin-top: 20px;
	}

	.testimonial-section {
		flex-direction: column;
		gap: 50px;
		/* padding: 40px 60px; */
	}

	.carousel {
		width: 500px;
		height: 400px;
	}
    .carousel-container {
		max-width: 500px;
	}
}

/* 768px and below (tablet portrait) */
@media (max-width: 768px) {
	.unable {
		padding: 30px 40px;
		background: linear-gradient(to bottom, #ffffff 60%, #f3fbff 40%);
	}

	.unable-container {
		padding: 25px 30px;
	}

	.unable-container h2 {
		font-size: 38px;
		line-height: 52px;
		text-align: center;
	}

	.unable-container p {
		font-size: 18px;
		text-align: center;
	}

	.testimonial-content h2 {
		font-size: 28px;
		text-align: center;
	}

	.testimonial-subtitle {
		text-align: center;
	}

	.testimonial-text {
		text-align: center;
		min-height: auto;
	}

	.carousel {
		width: 100%;
		max-width: 360px;
		height: 380px;
	}
    .carousel-container {
		max-width: 360px;
	}
}

/* 480px and below (mobile) */
@media (max-width: 480px) {
	.unable {
		padding: 20px 20px 40px;
	}

	.unable-container {
		padding: 20px;
		border-radius: 15px;
	}

	.unable-container h2 {
		font-size: 28px;
		line-height: 38px;
		text-align: center;
	}

	.unable-container p {
		font-size: 16px;
	}

	.cons-btn {
		width: 100%;
		text-align: center;
		padding: 12px;
		font-size: 16px;
	}

	.testimonial-section {
		/* padding: 30px 20px; */
		gap: 30px;
	}

	.carousel {
		width: 100%;
		max-width: 320px;
		height: 340px;
	}

	.slide-info h3,
	.slide-info p {
		font-size: 0.9rem;
	}
    .carousel-container {
		max-width: 320px;
	}
}