.service-item {
    min-height: 810px;
    position: relative; /* Ensure relative positioning for absolute badge */
}

@keyframes fadeInBadge {
    to {
        opacity: 1;
    }
}

.plan-badge {
    position: absolute;
    top: 15px;
    right: 15px;
    pointer-events: none;
    color: white;
    text-transform: uppercase;
    user-select: none;
    white-space: nowrap;
    padding: 6px 18px;
    border-radius: 25px;
    font-weight: 700;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    font-size: 0.9rem;
    opacity: 0;
    animation: fadeInBadge 0.5s forwards;
}

@media (max-width: 575px) {
    .plan-badge {
        top: 10px;
        right: 10px;
        padding: 4px 12px;
        font-size: 0.8rem;
    }
}

.plan-badge-1 {
    background-color: #66a69a; /* Light teal */
    color: #fff;
}
.plan-badge-2 {
     background-color: #f6d93a;
    color: #212529;
}

.plan-badge-3 {
    background-color: gold;
    color: #212529;
}


/* Responsive height adjustment */
@media (min-width: 760px) and (max-width: 1420px) {
    .service-item {
        min-height: 880px;
    }
}