:root { --accent: #6d28d9; } @keyframes spin3 { 0%, 100% { box-shadow: 10px 10px rgba(255, 255, 255, 1), -10px 10px rgba(255, 255, 255, 0.2), -10px -10px rgba(255, 255, 255, 1), 10px -10px rgba(255, 255, 255, 0.2); } 25% { box-shadow: -10px 10px rgba(255, 255, 255, 0.2), -10px -10px rgba(255, 255, 255, 1), 10px -10px rgba(255, 255, 255, 0.2), 10px 10px rgba(255, 255, 255, 1); } 50% { box-shadow: -10px -10px rgba(255, 255, 255, 1), 10px -10px rgba(255, 255, 255, 0.2), 10px 10px rgba(255, 255, 255, 1), -10px 10px rgba(255, 255, 255, 0.2); } 75% { box-shadow: 10px -10px rgba(255, 255, 255, 0.2), 10px 10px rgba(255, 255, 255, 1), -10px 10px rgba(255, 255, 255, 0.2), -10px -10px rgba(255, 255, 255, 1); } } #wpadminbar { top: 0 !important; } #c27-site-wrapper { background-color: #f5f3ff }.pricing-item .plan-features ul { list-style: disc !important; padding-left: 1.2em !important; } /* ===== Pricing grid container width ===== */ /* Try the common wrapper names; keep whichever matches */ .pricing-plans, .pricing-items, .section-pricing, .elementor-section .pricing-plans { width: 93% !important; max-width: 93% !important; margin-left: auto !important; margin-right: auto !important; } /* ===== Make columns equal height ===== */ .pricing-plans .row, .pricing-items, .pricing-plans { display: flex !important; flex-wrap: wrap !important; align-items: stretch !important; } /* Each card becomes a flex column */ .pricing-item { display: flex !important; flex-direction: column !important; height: 100% !important; } /* Put the button area at the bottom */ .pricing-item .select-package { margin-top: auto !important; } /* If the <a> itself needs to stretch/behave */ .pricing-item .select-package a { display: inline-flex; align-items: center; justify-content: center; } /* Widen just the packages section (leave the rest of the site alone) */ section.c27-packages > .container{ width: 85% !important; max-width: 85% !important; } /* Safety: kill any theme max-width that might override */ section.c27-packages .container{ max-width: 93% !important; } /* Optional: center it */ section.c27-packages > .container{ margin-left: auto !important; margin-right: auto !important; } .bp-billing-note{ font-size: 13px; color: #6b7280; margin-top: 4px; margin-bottom: 12px; }