a {
    text-decoration: none !important;
}
body{
    background-color: #f6f9fc;
}
.step-flow {
    margin-top: 110px;
}
.progress {
    height: 1rem !important;
}
.hide {
    display: none;
}
.step-radio {
    position: relative;
    margin-bottom: 10px;
}
.step-radio [type=radio] {
    position: absolute;
    opacity: 0;
    height: 0;
    opacity: 0 !important;
}
.residence-select .step-radio button {
    width: 100%;
    padding: 16px 24px;
    border-radius: 8px;
    text-align: left;
    font-size: 1.1em;
    font-weight: 500;
    font-weight: 600;
    cursor: pointer;
    box-shadow: 0 0 9px 1px rgb(0 0 0 / 10%);
}
.residence-select .step-radio button:hover {
    background-color: #0D2129;
    color: #fff;
}
/* .residence-select .step-radio button:visited ,
.residence-select .step-radio button:hover ,
.residence-select .step-radio button:focus {
    color: #fff;
} */
.isUnsecuredDebt:not(.active) label {
    color: #1d243a;
  }
/* .step-radio [type=radio]:checked + label {
    background-color: #448c74; 
     color: #fff;
} */
.property-step .form-control {
    border-radius: 6px;
}
.simple-btn {
    border: none;
    background-color: transparent;
    color: #3f6577;
    font-size: 18px;
}
.form-control-range {
    -webkit-appearance: none!important;
    width: 100%;
    height: 10px;
    border-radius: 10rem;
    background: #d3d3d3;
    outline: 0;
    opacity: .7;
    -webkit-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out;
}
#monthlyRentSliderValue {
    font-size: 18px;
    color: #000;
}
small {
    font-size: 12px;
}
label.state-error-custom {
    color: #ff0000c4 !important;
    font-size: 15px !important;
}
label.state-error {
    color: #ff0000c4 !important;
    font-size: 15px;
}
.state-error input, .state-error textarea, .state-error select {
    border-color: #ff0000c4 !important;
}


.isUnsecuredDebt {
    background-color: #f0f3f6;
}
.isUnsecuredDebt {
    font-weight: 600;
    /* font-size: 18px; */
    margin-bottom: 20px;
    background: white;
    position: relative;
    -webkit-transition: background ease 0.2s;
    transition: background ease 0.2s;
    text-align: left;
    -webkit-box-shadow: 0 0 9px 1px rgb(0 0 0 / 10%);
    box-shadow: 0 0 9px 1px rgb(0 0 0 / 10%);
    padding: 15px;
    border-radius: 10px;
    cursor: pointer;
}
.isUnsecuredDebt.active {
    background: #3f6577  !important;
    color: #fff !important
}
.isUnsecuredDebt:hover {
    background: #3f6577  !important;
}
.isUnsecuredDebt:hover label {
    color: #fff !important
}
.property-step .btn-primary {
    background-color: #3f6577  !important;
    color: #fff !important;
}

.step-sticky-footer {
    z-index: 1000;
}
.step-sticky-footer {
    width: 100%;
    padding: 7px 14px;
    margin: auto;
    position: fixed;
    bottom: 0px;
    background-color: #fff;
    display: none;
}
.next-step:hover {
    box-shadow: 0 4px 11px rgb(55 125 255 / 35%);
}
.next-step, .ladda-button {
    transition: all 0.2s ease-in-out;
    font-size: 1rem;
    line-height: 1.6;
    border-radius: 0.3125rem;
}
.property-step h2 {
    color: #1d243a ;
}
.custom-control-label {
    font-size: 1rem;
}

@media (min-width: 767px){
    .step-sticky-footer {
        display: none !important;
    }
}
@media (max-width: 767px){ 
    .step-flow {
        margin-top: 40px;
    }
}
/* custom checkbox */
.custom-checkbox-card {
    position: relative;
    height: 100%;
    padding-left: 0;
    margin-right: 0;
}
.custom-checkbox-card-input {
    position: absolute;
    left: 0;
    z-index: -1;
    opacity: 0;
}
.custom-checkbox-card-input:checked~.custom-checkbox-card-label, .custom-checkbox-card-input:checked~.custom-checkbox-card-label-stretched {
    border-color: #377dff;
}
.custom-checkbox-card-label {
    width: 100%;
    height: 100%;
    z-index: 1;
    border: 0.0625rem solid #e7eaf3;
    border-radius: 0.3125rem;
    cursor: pointer;
    margin-bottom: 0;
}
.custom-checkbox-card-input:checked~.custom-checkbox-card-label::after {
    background: url('/assets/img/check.svg') no-repeat right center/1rem 1rem;
}
.custom-checkbox-card-label::after {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    width: 1rem;
    height: 1rem;
    z-index: 1;
    content: "";
}
.residence-select .state-error{
    padding-left: 12px;
}