/* Youth Membership Plan */
.ymp-heading {
    color: #111827;
    font-size: 36px;
    line-height: 40px;
}

.ymp-heading-text {
    color: #4B5563;
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
}

/* Topics section styles */
.topics-section {
    background-color: #f8f9fa;
    transition: all 0.3s ease;
}

.topics-section .d-flex {
    transition: all 0.3s ease;
}

.topics-section .d-flex:hover {
    transform: translateX(5px);
}

.topics-section i {
    width: 24px;
    text-align: center;
}

/* Optional: Add subtle hover effect on icons */
.topics-section i:hover {
    transform: scale(1.2);
    transition: transform 0.2s ease;
}

.rounded-4 {
    border-radius: 1rem;
}

.text-purple {
    color: #6f42c1;
}

.bg-light {
    background-color: #f8f9fa !important;
}

/* Custom colors for topics section */
.text-pink {
    color: #e83e8c;
}

.text-indigo {
    color: #6610f2;
}

.text-orange {
    color: #fd7e14;
}

.text-purple {
    color: #6f42c1;
}

.custom-badge {
  background-color: #d1fae5; /* light green */
  color: #065f46;            /* dark green text */
  font-size: 0.95rem;
}

.membership-section {
  background: linear-gradient(to bottom right, #4c1d95, #1e3a8a); /* purple to blue */
}

.pricing-card {
  background-color: rgba(255, 255, 255, 0.2);
}

.object-fit-cover {
  object-fit: cover;
}

/* optional */
.text-purple {
  color: #8b5cf6;
}
.text-yellow {
  color: #facc15;
}
/* opt end */

.special-rewards-section {
  background: linear-gradient(to bottom right, #fef3c7, #fde68a); /* yellow-50 to orange-100 */
}

.bg-light-purple {
  background-color: #f3e8ff;
}

.text-purple {
  color: #7e22ce;
}

.text-purple-dark {
  color: #5b21b6;
}