/* Adicione isso ao seu CSS global ou assets */
.select-group > select,
.select-group > .form-select {
    border-radius: 0;
    margin-left: -1px;
}
.select-group > select:first-child,
.select-group > .form-select:first-child {
    border-top-left-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
    margin-left: 0;
}
.select-group > select:last-child,
.select-group > .form-select:last-child {
    border-top-right-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
}

.radio-group .form-check {
  padding-left: 0;
}

.radio-group .btn-group > .form-check:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.radio-group .btn-group > .form-check:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -1px;
}

/* Deixe os botões dos RadioItems com altura igual aos selects */
.btn-group .btn,
.radio-group .btn {
    height: 38px; /* igual ao .form-select padrão do Bootstrap */
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
    font-size: 1rem;
    line-height: 1.5;
}


.project-card {
    transition: transform 0.25s cubic-bezier(.4,2,.6,1), box-shadow 0.25s;
}
.project-card:hover {
    transform: scale(1.05);
    z-index: 2;
    box-shadow: 0 8px 32px 0 rgba(0,0,0,0.18);
}