.region-card {
    cursor: pointer;
    border: 2px solid #dee2e6;
    border-radius: 10px;
    transition: all .3s ease;
}

.region-card:hover {
    border-color: #198754;
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(0,0,0,.15);
}

.region-card.selected {
    border: 3px solid #198754;
    background: #e8f5e9;
}

.region-card.selected h5,
.region-card.selected p {
    color: #198754 !important;
}
.cand_app {
    cursor: pointer;
    border: 2px solid #97d4f9;
    border-radius: 10px;
    transition: all .3s ease;
}
.cand_app:hover {
    border-color: #97d4f9;
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(0,0,0,.15);
}
.start-app {
    cursor: pointer;
    border: 2px solid #c8fad5;
    border-radius: 10px;
    transition: all .3s ease;
}
.start-app:hover {
    border-color: #c8fad5;
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(0,0,0,.15);
}