body{
    //padding-top:6.5rem
}
.navbar{
    padding-top: 0;
}
::placeholder {
    color: rgba(0,0,0,.3)!important;
    font-size: 1em;
}
/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
    body{
        //padding-top:6.5rem
    }
    .navbar{
        padding-top: 0;
    }

}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    body{
        //padding-top:6.5rem
    }
    /*----------------------------------
    STEPS v2
    Steps vertical en colonne de gauche
    ----------------------------------*/

    .stepper-vertical {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    ul.stepper>li:not(:last-of-type) {
        margin-bottom: 3em;
        -webkit-transition: margin-bottom .4s;
        -o-transition: margin-bottom .4s;
        transition: margin-bottom .4s;
    }

    .stepper-vertical li {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        text-align: initial;
    }

    .stepper-vertical li:not(:last-child):after {
        position: absolute;
        top: 2.05em;
        left: .9em;
        width: 1px;
        height: 2.4em;
        content: "";
        background-color: rgba(0, 0, 0, 0.25);
    }

    ul.stepper li a {
        text-decoration: none;
    }

    ul.stepper li a .circle {
        display: inline-block;
        width: 1.75rem;
        height: 1.75rem;
        margin-right: .5rem;
        line-height: 1.7rem;
        color: #fff;
        text-align: center;
        background: rgba(0, 0, 0, 0.38);
        border-radius: 50%;
    }

    .stepper-vertical li a .label {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-top: .2rem;
        width: initial;
    }

    ul.stepper li a .label {
        display: inline-block;
        color: rgba(0, 0, 0, 0.38);
    }


    /* style complété */

    ul.stepper li.completed a .circle {
        background-color: var(--bs-success);
    }

    ul.stepper li.completed a .label {
        font-weight: 600;
        color: rgba(0, 0, 0, 0.87);
    }


    /* style actif */

    ul.stepper li.active a .circle {
        background-color: var(--bs-primary);
    }
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {

}

/*X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {

}

/*XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {

}