.comparison-wrapper {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			gap: 30px;
			margin-bottom: 50px;
		}

		.comparison-table {
			width: 100%;
			max-width: 700px;
			border-collapse: collapse;
			font-family: 'Segoe UI', sans-serif;
			border-radius: 16px;
			overflow: hidden;
			box-shadow: 0 0 25px rgba(0, 0, 0, 0.08);
			table-layout: fixed;
			background: #fff;
		}

		.comparison-table thead th {
			padding: 18px;
			font-size: 17px;
			color: #fff;
			background: linear-gradient(135deg, #4caf50, #81c784);
		}

		.comparison-table thead th:first-child {
			background: linear-gradient(135deg, #7e57c2, #b39ddb); /* New BG for Features Heading */
			color: #fff;
			text-align: left;
			max-width: 280px;
			width: 55%;
		}

		.comparison-table tbody td,
		.comparison-table tbody th {
			padding: 14px;
			font-size: 15px;
			text-align: center;
			border-bottom: 1px solid #e0e0e0;
		}

		.comparison-table tbody td:first-child {
			background-color: #f4f9ff;
			text-align: left;
			font-weight: 600;
			color: #333;
			width: 55%;
		}

		.comparison-table td.check {
			color: #4caf50;
			font-size: 20px;
			font-weight: bold;
		}

		.comparison-table td.cross {
			color: #e53935;
			font-size: 20px;
			font-weight: bold;
		}

		.comparison-table tbody tr:hover td {
			background-color: #f1f8ff;
		}

		.right-side {
			display: flex;
			flex-direction: column;
			align-items: center;
			width: 320px;
			gap: 30px;
		}

		.pricing-box {
			background: linear-gradient(135deg, #2e7d32, #66bb6a);
			color: #fff;
			border-radius: 16px;
			padding: 35px 25px;
			width: 100%;
			text-align: center;
			box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
			position: relative;
		}

		.pricing-box h2 {
			font-size: 26px;
			margin-bottom: 12px;
			font-weight: bold;
		}

		.pricing-box p {
			font-size: 16px;
			margin-bottom: 10px;
		}

		.pricing-box .price {
			font-size: 32px;
			font-weight: bold;
			margin: 15px 0;
			color: #ffe082;
		}

		.pricing-box .support {
			font-size: 14px;
			margin-top: 10px;
			opacity: 0.9;
		}

		.pricing-box .cta-button {
			display: inline-block;
			margin-top: 20px;
			background: #fff;
			color: #2e7d32;
			padding: 12px 24px;
			border-radius: 8px;
			font-weight: bold;
			text-decoration: none;
			transition: all 0.3s ease;
			box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
		}

		.pricing-box .cta-button:hover {
			background: #f1f1f1;
			color: #1b5e20;
		}

		.download-section {
			text-align: center;
			background-color: #ffffff;
			padding: 25px 20px;
			border-radius: 16px;
			width: 100%;
			box-shadow: 0 0 15px rgba(0, 0, 0, 0.07);
			border: 1px solid #e0e0e0;
		}

		.download-section h2 {
			font-size: 20px;
			margin-bottom: 16px;
			color: #333;
			font-weight: 600;
		}

		.download-section .download-btn {
			display: inline-block;
			background-color: #1976d2;
			color: #fff;
			padding: 12px 24px;
			font-size: 16px;
			border-radius: 8px;
			text-decoration: none;
			font-weight: bold;
			transition: background 0.3s ease;
		}

		.download-section .download-btn:hover {
			background-color: #0d47a1;
		}

		/* Modal Styling */
		.modal {
			display: none;
			position: fixed;
			z-index: 9999;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			background-color: rgba(0, 0, 0, 0.5);
		}

		.modal-content {
			background: #fff;
			padding: 30px;
			border-radius: 12px;
			text-align: center;
			width: 90%;
			max-width: 400px;
			margin: 15% auto;
			box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
		}

		.modal-content h3 {
			margin: 0 0 10px;
			font-size: 20px;
		}

		.modal-content button {
			margin-top: 20px;
			background: #1976d2;
			color: #fff;
			border: none;
			padding: 10px 20px;
			font-weight: bold;
			border-radius: 6px;
			cursor: pointer;
		}

		.modal-content button:hover {
			background: #135ab8;
		}