.card {
    cursor: pointer;
    transition: transform 0.2s;
}

.planSelected {
    border: 3px solid #ffc107;
    transform: scale(1.05);
}

.otherPlanSelected {
    border: 3px solid #5f75c0;
    transform: scale(1.05);
}

.content {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    pointer-events: none;
    transition: all 0.4s;
}

.card-hghlght {
    pointer-events: auto;
    transform: scale(1);
    transition: all 0.4s;
}



.content:hover .card-hghlght:not(:hover) {
    opacity: 0.5;
    transform: scale(0.9);
}

.carddata {
    width: 782px !important;
    padding: 23px;
}