.container-content {
     border-radius: 0.5rem;
     background-color: #fff;
     border: 1px solid #d1d3d5;
     padding: 1rem;
 }

 .container-header {
     background-color: #007bff;
     color: white;
     padding: 1rem;
     border-radius: 0.5rem 0.5rem 0 0;
 }

 .progress-bar {
     background-color: #065e19;
 }

 .step-circle {
     width: 2rem;
     height: 2rem;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     font-weight: bold;
     font-size: 0.9rem;
 }

 .step-circle.completed {
     background-color: #28a745;
     color: white;
 }

 .step-circle.active {
     background-color: #007bff;
     color: white;
 }

 .step-circle.inactive {
     background-color: #d1d3d5;
     color: #6c757d;
 }

 .card {
     border: none;
     border-radius: 0.5rem;
     box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
 }

 .card-header {
     background-color: #e9f2ff;
     border-bottom: 1px solid #d1d3d5;
 }

 .btn-primary {
     background-color: #007bff;
     border-color: #007bff;
 }

 .btn-primary:hover {
     background-color: #0056b3;
     border-color: #0056b3;
 }

 .btn-danger {
     background-color: #dc3545;
     border-color: #dc3545;
 }

 .btn-danger:hover {
     background-color: #c82333;
     border-color: #c82333;
 }

 .step {
     display: flex;
     align-items: center;
     gap: 4px;
 }

 .btn-outline-primary {
     border: 1px solid #1B84FF !important;
 }
 .sticky-bottom{
    position: sticky;
    bottom: 0;
    background-color: #fff;
    opacity: 0.95;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
 }