.pricing-row {
    	display: flex;
    	flex-wrap: wrap;
    }

    .pricing-col {
    	display: flex;
    	margin-bottom: 20px;
    }

    /* Stack on mobile */
    @media (max-width: 767px) {
    	.pricing-row {
    		display: block;
    	}
    }

    .plan-cnt {
    	border-radius: 20px;
    	width: 100%;
    	transition: all 0.3s ease;
    	position: relative;
    	padding-top: 18px;
    }

    /* Hover effect */
    .plan-cnt:hover {
    	transform: translateY(-8px);
    	box-shadow: 0 18px 40px rgba(0, 0, 0, 0.15);
    }

    .plan-cnt h5 {
    	margin-bottom: 4px;
    }

    .plan-cnt h4 {
    	margin-top: 0;
    	margin-bottom: 12px;
    }

    .plan-features div {
    	color: #444;
    }

    .cnt-btm {
    	border-bottom-left-radius: 20px;
    	border-bottom-right-radius: 20px;
    	padding: 16px 0;
    }

    .plan-free {
    	background: #f4f6f6;
    }

    .plan-free .cnt-btm {
    	background: #5d6d7e;
    }

    .plan-hill {
    	background: #ffdbe5;
    }

    .plan-hill .title,
    .plan-hill .price {
    	color: #e27396;
    }

    .plan-hill .cnt-btm {
    	background: #e27396;
    }

    .plan-prime {
    	background: #d4e6f1;
    }

    .plan-prime .title,
    .plan-prime .price {
    	color: #00bdc2;
    }

    .plan-prime .cnt-btm {
    	background: #00bdc2;
    }

    .plan-elite {
    	background: #f0e798;
    }

    .plan-elite .title,
    .plan-elite .price {
    	color: #c1b547;
    }

    .plan-elite .cnt-btm {
    	background: #c1b547;
    }

    .plan-features {
    	line-height: 34px;
    	margin: 16px 0 18px;
    	font-size: 14px;
    }

    .clr-white {
    	color: #fff !important;
    }

    .text-muted {
    	color: #777;
    }

    .plan-popular {
    	transform: scale(1.05);
    	box-shadow: 0 25px 55px rgba(0, 0, 0, 0.18);
    	z-index: 2;
    }

    .plan-popular:hover {
    	transform: scale(1.08) translateY(-6px);
    }

    .ribbon {
    	position: absolute;
    	top: 0px;
    	right: 0px;
    	padding: 6px 14px;
    	background: linear-gradient(135deg, #ff6a00, #ff9800);
    	color: #fff;
    	font-size: 12px;
    	font-weight: 700;
    	text-transform: uppercase;
    	letter-spacing: 0.6px;
    	border-radius: 0px 18px;
    	overflow: hidden;
    	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
    	z-index: 3;
    }

    /* Subtle shine layer */
    .ribbon::after {
    	content: "";
    	position: absolute;
    	top: 0;
    	left: -120%;
    	width: 120%;
    	height: 100%;
    	background: linear-gradient(120deg,
    			transparent,
    			rgba(255, 255, 255, 0.35),
    			transparent);
    	animation: ribbon-shine 3.5s ease-in-out infinite;
    }

    /* Controlled shine animation */
    @keyframes ribbon-shine {
    	0% {
    		left: -120%;
    	}

    	60% {
    		left: 120%;
    	}

    	100% {
    		left: 120%;
    	}
    }

    /* ===============================
   CTA Button Animation
================================ */
    .plan-cnt .btn {
    	transition: all 0.3s ease;
    }

    .plan-cnt .btn {
    	border-radius: 30px;
    	padding: 10px 26px;
    	font-size: 18px;
    	background: rgba(255, 255, 255, 0.15);
    }

    /* Hover refinement */
    .plan-cnt:hover .btn {
    	background: rgba(255, 255, 255, 0.25);
    	transform: translateX(4px);
    }

    .plan-cnt:hover .btn::after {
    	opacity: 1;
    	margin-left: 10px;
    }

    .hw-header h4 {
    	font-weight: 600;
    	line-height: 1.4;
    	margin-bottom: 10px;
    }

    .hw-subtitle {
    	color: #4f8a64;
    	font-size: 16px;
    	font-weight: 500;
    }

    .hw-section-title {
    	margin: 40px 0 30px;
    	font-weight: 600;
    	text-transform: uppercase;
    	font-size: 14px;
    	letter-spacing: 0.5px;
    	color: #666;
    }

    .hw-card {
    	display: flex;
    	gap: 15px;
    	padding: 20px;
    	height: 100%;
    	background: #f9faf9;
    	border-radius: 12px;
    	transition: all 0.3s ease;
    	border: 1px solid #eef2ef;
    	margin-bottom: 2rem;
    }

    .hw-card:hover {
    	background: #ffffff;
    	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    	transform: translateY(-4px);
    }

    .hw-icon {
    	flex-shrink: 0;
    	width: 56px;
    	height: 56px;
    	background: #eaf3ee;
    	border-radius: 12px;
    	display: flex;
    	align-items: center;
    	justify-content: center;
    }

    .hw-icon img {
    	width: 32px;
    	height: 32px;
    }

    .hw-card:hover .hw-icon {
    	transform: scale(1.05);
    	/* box-shadow: 0 12px 28px rgba(79, 138, 100, 0.45); */
    }

    .hw-content h6 {
    	margin: 0 0 6px;
    	font-weight: 600;
    	font-size: 15px;
    }

    .hw-content p {
    	margin: 0;
    	font-size: 13px;
    	color: #555;
    	line-height: 1.5;
    }

    .hw-fee-banner {
    	margin: 0px 0 30px;
    	padding: 14px 10px;
    	text-align: center;
    	font-weight: 700;
    	letter-spacing: 1px;
    	color: #c62828;
    	background: #eaf3ee;
    	border-radius: 12px;
    }

    .hw-fee-banner h5 {
    	margin: 0;
    	font-weight: 700;
    	letter-spacing: 1px;
    	color: #c62828;
    	text-transform: uppercase;
    }

    .hw-support-bar {
    	margin-top: 30px;
    	padding: 20px;
    	background: #f8fbf9;
    	border: 1px solid #eef2ef;
    	border-radius: 14px;
    	text-align: center;
    }

    .hw-support-item {
    	padding: 10px;
    }

    .hw-support-label {
    	display: block;
    	font-size: 12px;
    	letter-spacing: .5px;
    	text-transform: uppercase;
    	color: #888;
    	margin-bottom: 6px;
    }

    .hw-support-item a,
    .hw-support-item span {
    	font-size: 16px;
    	font-weight: 600;
    	color: #333;
    	text-decoration: none;
    }

    .hw-support-item a:hover {
    	color: #4f8a64;
    }