/* ===== PRICING TAB - ALL STYLES SCOPED UNDER .pricing-tab ===== */

.pricing-tab { background-color: #EFF2FC; padding: 150px 0 100px 0; font-family: 'Segoe UI', system-ui, -apple-system, sans-serif; transition: background-color 0.3s ease; }

/* Dark Mode */
.dark-mode .pricing-tab { background-color: #212428; }

/* Heading */
.pricing-tab .pt-heading { text-align: center; margin-bottom: 70px; }
.pricing-tab .pt-heading h2 { color: #32478A; }
.dark-mode .pricing-tab .pt-heading h2 { color: #9db5ff; }
.pricing-tab .pt-heading p { color: #6b7280; font-size: 0.95rem; line-height: 1.65; max-width: 920px; margin: 0 auto; }
.dark-mode .pricing-tab .pt-heading p { color: #94a3b8; }

/* Tab Toggle */
.pricing-tab .pt-tabs-wrapper { display: flex; justify-content: center; margin-bottom: 120px; }
.pricing-tab .pt-tabs { display: inline-flex; background: #fff; border-radius: 50px; padding: 5px; border: 1px solid #000000; gap: 4px; }
.dark-mode .pricing-tab .pt-tabs { background: #1a2236; border-color: #2a3a5c; }
.pricing-tab .pt-tab-btn { border: none; background: transparent; padding: 20px 63px; border-radius: 50px; font-size: 25px; font-weight: 600; color: #32478A; cursor: pointer; transition: all 0.25s ease; white-space: nowrap; }
.dark-mode .pricing-tab .pt-tab-btn { color: #9db5ff; }
.pricing-tab .pt-tab-btn.active { background: #32478A; color: #ffffff; }
.dark-mode .pricing-tab .pt-tab-btn.active { background: #32478A; color: #ffffff; }
.pricing-tab .pt-tab-btn:hover:not(.active) { background: rgba(50, 71, 138, 0.08); }

/* Cards Row */
.pricing-tab .pt-cards-row { display: flex; align-items: flex-start; justify-content: center; gap: 0; margin: 0 auto; }
.pricing-tab .pt-card { background: #fff; border-radius: 40px; border: 1px solid #32478A; padding: 36px 32px; position: relative; flex: 1; min-width: 0; height: auto; transition: transform 0.4s ease; }
.pricing-tab .pt-card:hover { transform: scale(1.02); }
.dark-mode .pricing-tab .pt-card { background: #1a2236; }

/* Side cards */
.pricing-tab .pt-card.pt-side { box-shadow: 0 4px 24px rgba(50, 71, 138, 0.08); border: 1px solid #32478A; z-index: 1; display: flex; flex-direction: column; padding-top: 122px; margin-top: 25px; }
.dark-mode .pricing-tab .pt-card.pt-side { border-color: #2a3a5c; box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3); }

/* Center card (standard) */
.pricing-tab .pt-card.pt-center { border-radius: 40px; z-index: 2; box-shadow: 0 12px 48px rgba(50, 71, 138, 0.35); display: flex; flex-direction: column; margin: -20px -2px; padding-top: 142px; padding-bottom: 121px; overflow: visible !important; }

/* Most Popular Badge */
.pricing-tab .pt-badge { position: absolute; top: -18px; left: 70%; transform: translateX(-50%); background: #fff; color: #32478A; font-size: 14px; font-weight: 700; padding: 7px 20px; border-radius: 50px; display: flex; align-items: center; gap: 5px; white-space: nowrap; box-shadow: 0 2px 10px rgba(50, 71, 138, 0.15); text-transform: uppercase; z-index: 9; }
.dark-mode .pricing-tab .pt-badge { background: #9db5ff; color: #0f1623; }
.pricing-tab .pt-badge svg { }

/* Plan Name */
.pricing-tab .pt-plan-name { text-transform: uppercase; color: #fff; position: absolute; top: 0; width: 100%; left: 0; right: 0; background: linear-gradient(90deg, #020204 0%, #304584 100%); padding: 20px 35px; border-radius: 40px 40px 0 0; font-size: 25px; font-weight: 700; }

/* Price */
.pricing-tab .pt-price { display: flex; align-items: baseline; gap: 4px; margin-bottom: 22px; }
.pricing-tab .pt-price-amount { font-size: 50px; font-weight: 600; color: #32478A; line-height: normal; }
.dark-mode .pricing-tab .pt-price-amount { color: #9db5ff; }
.pricing-tab .pt-price-label { font-size: 22px; color: #9ca3af; font-weight: 400; }

/* Button */
.pricing-tab .pt-btn-wrap { margin-bottom: 26px; }

/* Side cards button style */

/* Divider */
.pt-divider { position: relative; margin-bottom: 22px; }
.pt-divider::after { content: ""; position: absolute; bottom: 0; width: 432px; left: -32px; height: 2px; background-color: #32478A42; }
.pricing-tab .pt-card.pt-side .choose-btn-wrap .pennine-btn-secondary { background-color: #F0F2FA; color: #32478A; border: 0; }
.pricing-tab .pt-card.pt-side .choose-btn-wrap .pennine-btn-secondary:hover { box-shadow: inset -10.5em 0 0 0 #32478a, inset 10.5em 0 0 0 #32478a; color: #fff; background: #32478a; }
.choose-btn-wrap .pennine-btn-secondary { padding: 10px 83px; font-size: 22px; }
.choose-btn-wrap { text-align: center; padding-top: 11px; padding-bottom: 22px; }
.dark-mode .pricing-tab .pt-card.pt-side .pt-divider { background: #2a3a5c; }

/* Feature List */
.pricing-tab .pt-features { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 12px; flex: 1; }
.pricing-tab .pt-features li { display: flex; align-items: center; gap: 10px; font-size: 18px; font-weight: 400; }
.dark-mode .pricing-tab .pt-features li { color: #cbd5e1; }

/* Disabled feature */
.pricing-tab .pt-features li.pt-disabled { color: #c0cada; }
.dark-mode .pricing-tab .pt-card.pt-side .pt-features li.pt-disabled { color: #3d4f6e; }

/* Check / X icons */
.pricing-tab .pt-icon { width: 20px; height: 20px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 0.7rem; }
.pricing-tab .pt-icon.pt-check { background: rgb(50 71 138); color: #ffffff; }
.pricing-tab .pt-icon.pt-cross { background: rgba(200, 210, 230, 0.2); color: #c0cada; }

  /* ===== PRICING TAB css end ===== */