.glass-card {
  background: rgba(255, 255, 255, 0.32) !important;
  border-radius: 1.5rem;
  box-shadow: 0 8px 32px 0 rgba(60, 122, 206, 0.18) !important;
  backdrop-filter: blur(9px);
  position: relative;
  overflow: hidden;
  transition: transform 0.25s, box-shadow 0.25s;
}
.glass-card:hover {
  transform: translateY(-12px) scale(1.03);
  box-shadow: 0 16px 40px 2px rgba(60, 122, 206, 0.18) !important;
}
.popular-badge {
  background: linear-gradient(90deg, #5b86e5, #36d1c4 98%);
  color: #fff;
  box-shadow: 0 3px 10px rgba(91, 134, 229, 0.13);
  margin-top: 12px;
  margin-right: -18px;
}
.circle-icon {
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #eef;
  box-shadow: 0 2px 12px 0 rgba(110, 110, 200, 0.12);
  margin-bottom: 0.5rem;
}
.small-addon {
  width: 32px;
  height: 32px;
  object-fit: cover;
  border-radius: 7px;
  border: 1px solid #eee;
}
.glass-btn {
  border-radius: 2rem;
  font-size: 1rem;
  letter-spacing: 0.4px;
  transition: all 0.19s;
  box-shadow: 0 6px 12px rgba(60, 122, 206, 0.07);
}
.glass-btn:hover {
  opacity: 0.89;
  box-shadow: 0 2px 18px 2px rgba(52, 210, 196, 0.15);
  filter: brightness(1.06);
  transform: scale(1.03);
}
.pricing-list-glass {
  max-width: 260px;
}
@media (max-width: 768px) {
  .glass-card {
    margin-bottom: 2.2rem;
  }
}

.fw-pricing-fade {
  background: #440059;
  min-height: 100vh;
}
.fw-pricing-fade .container {
  height: fit-content;
}
.fw-card-angled {
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 6px 32px 0 rgba(94, 92, 220, 0.09), 0 1.5px 12px #e3e8f686;
  overflow: hidden;
  position: relative;
  z-index: 1;
  transition: box-shadow 0.18s, transform 0.18s;
}
.fw-card-angled:hover {
  box-shadow: 0 2.5px 42px 0 rgba(78, 113, 228, 0.23);
}
.fw-featured {
  box-shadow: 0 6px 64px 0 rgba(46, 91, 205, 0.18), 0 8px 52px #60d7ec3a;
}
.fw-featured-ribbon {
  display: inline-block;
  position: absolute;
  top: 16px;
  left: -18px;
  background: linear-gradient(92deg, #7f53ac 70%, #57ca85 98%);
  color: #fff;
  font-weight: bold;
  font-size: 1rem;
  border-radius: 0 1em 1em 0;
  box-shadow: 0 0 8px #58ca873c;
  z-index: 10;
  padding-top: 6px;
  padding-bottom: 6px;
}
.fw-card-body {
  background: transparent;
}
.fw-plan-mainicon {
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1em;
  font-size: 2.4rem;
  background: rgba(130, 154, 216, 0.14);
  margin-bottom: 1rem;
}
.fw-addon-img {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  border: 1px solid #e1e8f8;
  background: #fff;
  object-fit: cover;
  box-shadow: 0 0.5px 2px #e2e8f8ea;
}
.fw-display-price span {
  font-size: 2.5rem;
  font-weight: bold;
  vertical-align: middle;
  padding-right: 4px;
}
.fw-display-period {
  font-size: 1.1rem;
  color: #949494;
  font-weight: 500;
  margin-right: 4px;
}
.fw-list-features {
  max-width: 250px;
  padding: 0;
  margin: 0 auto 0.5rem auto;
}
.fw-list-features li {
  padding: 0.36em 0.14em;
  border-bottom: 1px solid #e8e8ff21;
  font-size: 1.1em;
  text-align: start;
}
.fw-list-features li:last-child {
  border-bottom: none;
}
.fw-note {
  color: #568da2;
  font-size: 0.99rem;
  opacity: 0.8;
  font-weight: 400;
}

.fw-btn-angled {
  margin-top: 1.8rem;
  background: #4d6aff;
  color: #fff;
  border-radius: 10px;
  padding: 0.65em 1.2em;
  margin-bottom: 0.2em;
  box-shadow: 0 2px 24px 0 rgba(78, 113, 228, 0.07);
  border: 2.2px solid #4d6aff;
  font-size: 1.08rem;
  font-weight: 700;
  transition: all 0.12s;
}
.fw-btn-angled:hover {
  filter: brightness(1.1);
  box-shadow: 0 6px 20px 0 rgba(86, 205, 187, 0.08);
  background: #3254d8;
  color: #fff;
}
.fw-btnicon {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  margin-left: 8px;
  background: #fff;
  box-shadow: 0 0.5px 2.5px #e2e8f8a2;
}
.fw-btn-angled:hover .fw-btnicon {
  background: #3254d8;
}
.fw-btn-angled:hover .fw-btnicon i {
  color: #fff !important;
}