.stepper-wrapper {
            max-width: 900px;
            margin: 40px auto;
        }

        /* STEPPER */
        .stepper {
            display: flex;
            justify-content: space-between;
            position: relative;
            margin-bottom: 50px;
        }

        /* Ligne */
        .stepper::before {
            content: "";
            position: absolute;
            top: 25px;
            left: 8%;
            right: 8%;
            height: 3px;
            background: #dee2e6;
            z-index: 0;
        }

        /* Ligne active */
        .stepper-progress {
            position: absolute;
            top: 25px;
            left: 8%;
            height: 3px;
            width: 0;
            background: #0d6efd;
            z-index: 1;
            transition: width .4s ease;
        }

        .step {
            position: relative;
            z-index: 2;
            text-align: center;
            flex: 1;
        }

        .step-button {
            width: 52px;
            height: 52px;
            border-radius: 50%;
            border: 3px solid #dee2e6;
            background: #fff;
            color: #6c757d;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: auto;
            font-weight: 700;
            transition: all .3s ease;
            cursor: pointer;
        }

        .step-button:hover {
            transform: scale(1.08);
			background: #114B70;
            border-color: #F0F0F0;
        }

        .step.active .step-button {
            background: #114B70;
            border-color: #F0F0F0;
            color: #fff;
            box-shadow: 0 0 0 7px rgba(13, 110, 253, .12);
        }

        .step.completed .step-button {
            background: #114B70;
            border-color: #114B70;
            color: #fff;
        }

        .step-label {
            margin-top: 12px;
            font-size: .9rem;
            font-weight: 600;
            color: #6c757d;
        }

        .step.active .step-label {
            color: #F0F0F0;
        }

        .step.completed .step-label {
            color: #F0F0F0;
        }

        /* CONTENT */
        .step-content {
            background: #fff;
            border-radius: 20px;
            padding: 40px;
            box-shadow: 0 15px 45px rgba(0,0,0,.08);
            min-height: 260px;
        }

        .tab-pane {
            animation: fadeSlide .4s ease;
        }

        @keyframes fadeSlide {
            from {
                opacity: 0;
                transform: translateY(10px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .step-actions {
            display: flex;
            justify-content: space-between;
            margin-top: 30px;
        }

        /* Mobile */
        @media (max-width: 576px) {

            .stepper {
                margin-bottom: 35px;
            }

            .stepper::before,
            .stepper-progress {
                left: 10%;
                right: 10%;
            }

            .step-button {
                width: 42px;
                height: 42px;
                font-size: .85rem;
            }

            .stepper::before,
            .stepper-progress {
                top: 20px;
            }

            .step-label {
                font-size: .7rem;
            }

            .step-content {
                padding: 25px 20px;
            }
        }