.woocommerce-checkout .woocommerce-additional-fields,
.woocommerce-checkout #order_review_heading, .woocommerce-checkout #order_review{
    display: none;
}

.cutom-checkout-btn-wrapper{
    display: flex;
    justify-content: space-between;
}

form[name='checkout'].woocommerce-checkout{
    margin: 20px 0;;
}

.woocommerce-checkout #guest-checkout, .woocommerce-checkout #login-form{
    display: none;
}

.woocommerce-checkout #guest-checkout.show, .woocommerce-checkout #login-form.show{
    display: block;
}

.woocommerce-checkout .woocommerce-form.login .show-password-input::before{
    content: 'Voir';
    color: white;
}

.woocommerce-checkout .woocommerce-form.login .show-password-input.display-password::before{
    content: 'cacher';
    color: white;
}

.woocommerce-checkout .woocommerce-form.login .show-password-input{
    background-color: #064966 !important;
}

.woocommerce-checkout .tab-btn, .woocommerce-checkout .tab-btn:hover,
 .woocommerce-checkout .step_btn, .woocommerce-checkout .step_btn:hover{
    background-color: lightgrey;
    font-size: clamp(10px, 1.3vw, 1.1rem);
    padding-left: 3px;
    padding-right: 3px;
    color: white !important;
}

.woocommerce-checkout .tab-btn.active, .woocommerce-checkout .step_btn{
    background-color: #064966;
    color: white !important;
}

.progress-bar-wrapper{
    margin: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.progress-bar-wrapper .progress{
    display: grid;
    align-items: center;
    justify-content: center;
    width: 3ch;
    height: 3ch;
    background-color: lightgrey;
    border-radius: 50%;
    transition: all linear 350ms;
}

.progress-bar-wrapper .line{
    width: 40px;
    height: 1px;
    background-color: lightgrey;
    transition: all linear 350ms;
}
