/*OPT IN-OUT Styles :: BEGINS */
.svip-opt-in-out .mud-stepper-content {
    background-color: var(--bs-gray-200);
    border-radius: .375rem;
    width: 100%;
    margin-top: 1rem;
    padding: 25px;
    box-shadow: 0 .125rem .25rem #00000013;
}

    .svip-opt-in-out .mud-stepper-content .mud-input-control.mud-input-input-control {
        background-color: var(--bs-white);
        margin: 0.75rem;
    }

    .svip-opt-in-out .mud-stepper-content .label-title {
        padding: 0px 15px;
        color: var(--bs-gray-800);
        margin-top: 7px;
        margin-bottom: -5px;
    }

.svip-opt-in-out .mud-select {
    margin-top: 6px;
}

.svip-opt-in-out .mud-stepper.mud-stepper__horizontal .mud-stepper-nav {
    z-index: 1000;
    background-color: #fff;
    width: 100%;
    transition: box-shadow .3s;
    position: sticky;
    top: 0;
    background-color: rgba(var(--bs-white-rgb), .5);
    backdrop-filter: blur(20px);
    box-shadow: 0 0 2px #0000001a;
}

.svip-opt-in-out .card-subtitle {
    padding-left: 15px;
    font-size:1.35em;
    color: var(--bs-primary)!important;
}

.svip-opt-in-out .form-label {
    padding-left: 15px;
    margin-bottom: 0px!important;
}

.svip-opt-in-out .card .card-body {
    padding-top: 35px;
}

.svip-opt-in-out .form-label-select {
    padding-left:0;
}

.svip-opt-in-out .mud-stepper-button-previous {
    background-color: var(--bs-primary);
    color: var(--bs-white);
    padding: 10px 35px;
    margin-top: 1em;
}

    .svip-opt-in-out .mud-stepper-button-previous:hover {
        background-color: hsl(from var(--bs-primary) h s calc(l * .75));
        color: var(--bs-secondary);
    }

    .svip-opt-in-out .mud-stepper-button-previous:disabled {
        background-color: hsl(from var(--bs-primary) h s calc(l * .75));
        color: var(--bs-gray-400) !important;
        pointer-events: none;
    }


.svip-opt-in-out .mud-stepper-button-next {
    background-color: var(--bs-primary);
    color: var(--bs-white);
    padding: 10px 35px;
    margin-top: 1em;
}


    .svip-opt-in-out .mud-stepper-button-next:hover {
        background-color: hsl(from var(--bs-primary) h s calc(l * .75));
        color: var(--bs-secondary);
    }

    .svip-opt-in-out .mud-stepper-button-next:disabled {
        background-color: hsl(from var(--bs-primary) h s calc(l * .75));
        color: var(--bs-gray-400) !important;
        pointer-events: none;
    }

/*OPT IN-OUT Styles :: ENDS */