Overwrite first-Child css

Question

Good morning, I’m working with bootstrap cards and I need to replace the header border Radius, but when I try to modify it with css I can’t because of the :first-Child you have in the bootstrap class, someone knows how to Overwrite this property?

Inspected bootstrap element

.card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

Answer 1

problem solving:

.card-header{
border-radius: 20px !important;

}