* {

    font-family: "Quicksand", sans-serif;

}



body {

    background-color: #f8f9fa; /* light gray background */

    min-height: 100vh;

}



main {

    margin-top: 98px;

    padding-top: 32px;

}



.blurb {

    background-color: #0d6efd; /* Bootstrap primary blue */

    color: white;

    padding: 2rem;

}



.breadcrumbs-registration {

    font-size: 1em;

    line-height: 1.5em;

}

.breadcrumbs-registration .completed {

    color: #198754;

}

.breadcrumbs-registration .active {

    color: #0d6efd;

}

.breadcrumbs-registration .pending {

    font-weight: normal;

}



.finger {

    cursor: pointer;

}



.form-container {

    background-color: white;

    padding: 2rem;

}



.hidden {

    display: none;

}



.overlay {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: rgba(255, 255, 255, 0.5);

    backdrop-filter: blur(2px);

    z-index: 1000;

}



.wpwl-group-brand {

    display: none;

}



.wpwl-label {

    font-weight: bold;

    width: 100%;

}



.wpwl-wrapper {

    width: 100%;

    display: flex;

    flex-direction: column;

}

.wpwl-group-submit {

    width: 30%;

    float: right;

}



.wpwl-control-expiry,

.wpwl-control-cvv {

    width: 40%;

}



.wpwl-control {

    height: 38px;

    border: 1px solid #ddd;

    border-radius: 6px;

}



.wpwl-control:focus,

.wpwl-control:active {

    outline: 0;

}



/* Submit button */

.wpwl-button-pay {

    background-color: #0d6efd;

    border: 1px solid #0d6efd;

    border-radius: 6px;

    color: #ffffff;

    margin-top: 10px;

}



.wpwl-button-pay:hover,

.wpwl-button-pay:active,

.wpwl-button-pay:focus {

    background-color: #0b5ed7;

    border: 1px solid #0b5ed7;

}

.payment-details-credit-card {
    width: 350px;
}