@media (max-width: 991.98px) {
		.pricing-section .pricing-cards.scroll-services {
			display: flex;
			flex-wrap: nowrap;
			overflow-x: auto;
			gap: 12px;
			scroll-snap-type: x proximity;
			-webkit-overflow-scrolling: touch;
			scrollbar-width: none;
			padding: 2px;
		}
		.pricing-section .pricing-cards.scroll-services::-webkit-scrollbar {
			display: none;
		}
		.pricing-section .pricing-cards.scroll-services > [class*="col-"] {
			flex: 0 0 88%;
			scroll-snap-align: start;
			padding-right: 0;
			padding-left: 0;
			padding-bottom: 10px;
		}
		.pricing-section .pricing-cards.scroll-services .card {
			min-width: 100%;
		}
        .pricing-section .pricing-cards .card {
            padding: 22px;
        }
	}
	.pricing-section .plan-badge {
		display: inline-block;
		padding: 4px 10px;
		font-size: 16px;
		font-weight: 500;
        line-height: 20px;
		border-radius: 6px;
		background: #21965314;
		color: #219653;
	}
    .card-head.mb-12 {
        display: flex;
        justify-content: space-between;
        align-items: self-start;
    }
	.pricing-section .plan-price {
        font-size: 28px;
        font-weight: 600;
        line-height: 40px;
    }
	/* Feature row: soft green tile + tick icon (::before) */
	.pricing-section .plan-features__item {
		display: flex;
		align-items: center;
		list-style: none;
		margin-bottom: 8px;
		font-size: 16px;
		line-height: 20px;
	}

	.pricing-section .plan-features__item::before {
		content: "";
		flex-shrink: 0;
		width: 26px;
		height: 26px;
		margin-right: 12px;
		margin-top: 0;
		border-radius: 48px;
		background-color: rgba(33, 150, 83, 0.08);
		background-image: url("../../assets/images/green-tick.png");
		background-repeat: no-repeat;
		background-position: center;
		background-size: 14px 14px;
	}
	.pricing-section .featured-plan {
		box-shadow: 0 12px 36px rgba(42, 98, 242, 0.15) !important;
        border: 1px solid var(--primary-color) !important;
	}
	.pricing-section .pricing-cards .card {
		padding: 32px;
	}
	.pricing-section .pricing-cards .card-body {
		padding: 0 !important;
	}

	/* CTA: content width only, left-aligned (flex column no longer stretches the link) */
	.pricing-section .pricing-section__cta {
		width: fit-content;
		max-width: 100%;
		align-self: flex-start;
		flex: 0 0 auto;
       
	}
	
    .card-head h3 {
        font-size: 20px;
        font-weight: 600;
        line-height: 25px;
    }
    .pricing-cards .card  {
        border: 1px solid #E0E0E0;
    }
    .pricing-cards .card:hover {
        border: 1px solid var(--primary-color);
    }

    .pricing-section__footer{
        margin: 0 auto;
        text-align: center;
    }