.text-purple{background: linear-gradient(to right, #F27FFD, #6B43E8);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;font-size: 16px;font-weight: 600;}
h2{font-size: 34px;font-weight: 700;}
.pricing-col{border-left:1px solid #e5e7eb;padding:24px 0 0 0;}
.pricing-col.no-border{border-left:none;}
.pricing-box .pricing-col:first-child{padding: 25px 0 0 0;}
.feature-list{list-style:none;padding:0;margin:0;}
.feature-list li{padding:14px 0;min-height: 70px;/*border-bottom:1px solid #f1f5f9;*/display: flex;align-items: center;}
.pricing-box .pricing-col:not(:first-child){border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;}
.pricing-box .pricing-col:last-child{border-right:1px solid #e5e7eb;}
.feature-list li:nth-child(odd){background-color: #F6F4FF;}
.pricing-col:first-child .feature-list:first-of-type li{font-size: 18px;font-weight: 600;padding-left: 30px;}
.pricing-col:not(:first-child) .feature-list:first-of-type li{font-size: 15px;font-weight: 500;justify-content: center;}
.col-header{height: 265px;padding: 0 1rem 1.5rem 1.5rem;}
.pricing-col:not(:first-child) .col-header{display: flex;flex-direction: column;justify-content: space-between;}
.col-header h3{font-size: 20px;font-weight: 500;}
.col-header p{font-size: 12px;font-weight: 500}
.billed-amount{color: #888888;font-weight: 500;font-size: 16px}
.paste-bdr {margin-bottom: 1rem;padding: 1px 1px 1px 2px;border-radius: 30px;background: linear-gradient(145deg, #ED7DFC 0%, #6D44E9 100%);display: inline-block;}
.paste-btn {border: none;background: #fff;border-radius: 30px;padding: 6px 14px;height: 50px;color: #5C28D6;font-size: 16px;font-weight: 500;display: flex;align-items: center;justify-content: center;width: 100%}
.paste-bdr .btn:hover {color: #ffffff;}
.paste-btn:hover{background: linear-gradient(135deg, #F27FFD 15%, #6842E8 85%);color: #fff;}
.badge-wrap{position: absolute;top: 0;right: 0;display: inline-block;}
.badge-recommended{background: #7E4CEC;color: #fff;font-size: 13px;font-weight: 600;padding: 6px 14px;border-radius: 0 0 8px 8px;display: inline-block;}
.badge-recommended::after{content: "";position: absolute;background-image: url(../ai-images/pricing-rbn.png);bottom: -10px;left: 50%;transform: translateX(-50%);width: 20px;height: 19px;background-repeat: no-repeat;z-index: -2;}
/*popup*/
.payment-box{background: #F0EDFE;padding:16px;border-radius:12px;border: 1px solid #DEDAF2;text-align: left;}
.payment-box label{font-size:16px;font-weight:500;text-align: left;}
.payment-box input[type="email"]{width:100%;padding:10px 12px;margin-top:6px;border-radius:8px;border:1px solid #ddd;font-size: 16px;font-weight: 400;}
.payment-box input[type="email"]::placeholder{color: #CCCCCC;opacity:1;}
.methods{display:flex;gap:10px;margin-top:8px;}
.method{flex:1;border:1.5px solid #ddd;padding:10px;border-radius:10px;display:flex;align-items:center;gap:8px;cursor:pointer;}
.method.active{border-color:#6842E8;}
/*.method input{accent-color:#7c3aed;}*/
/*mobile dropdown*/
@media (max-width: 991px) {
.pricing-col:first-child {display: none;}/* feature labels column hide */
.pricing-col {display: none;border: none;padding: 0;}/* sab plans hide */
.pricing-col.active {display: block;}/* selected plan show */
.pricing-col .col-header {height: auto;padding: 1rem;}
.pricing-col.active .feature-list li {flex-direction: column;align-items: flex-start;gap: 4px;padding: 8px 0;min-height: unset;}
.pricing-col.active .feature-list li::before {content: attr(data-label);font-weight: 600;font-size: 15px;color: #111827;}/* HEADING (from first column) */
.pricing-box .pricing-col:not(:first-child){border: 1px solid #E2E2E2!important;}
.feature-list li:nth-child(odd){background-color: white;}
.feature-list{padding-left: 1rem!important;}
.mobile-dropdown {position: relative;width: 100%;}
.dropdown-btn {width: 100%;background: #fff;border: 1px solid #e5e7eb;padding: 12px 16px;border-radius: 0;display: flex;justify-content: space-between;align-items: center;font-weight: 600;cursor: pointer;}
.dropdown-menu-custom {list-style: none;padding: 0 10px;margin: 4px 0 0;border: 1px solid #E2E2E2;background: #F6F4FF;display: none;position: absolute;width: 100%;z-index: 99;}
.dropdown-menu-custom li {padding: 12px 16px;cursor: pointer;font-weight: 500;border-bottom: 1px solid #E2E2E2;}
.dropdown-menu-custom li:hover {color: #6842E8;}
}