.btn-secondary {
            --bs-btn-color: #fff;
            --bs-btn-bg: #5fcf80;
            --bs-btn-border-color: #5fcf80;
            --bs-btn-hover-color: #fff;
            --bs-btn-hover-bg: #3f8c56;
            --bs-btn-hover-border-color: #3c8150;
            --bs-btn-focus-shadow-rgb: 130, 138, 145;
            --bs-btn-active-color: #fff;
            --bs-btn-active-bg: #3f8c56;
            --bs-btn-active-border-color: #3f8c56;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #fff;
            --bs-btn-disabled-bg: #6c757d;
            --bs-btn-disabled-border-color: #3f8c56;
        }

        .btn-custom {
            color: white;
            background-color: #5fcf80;
            border-color: #5fcf80;

        }

        .btn-custom:hover,
        .btn-custom:active,
        .btn-custom:focus-visible {
            border: 1px solid #5fcf80;
            color: #5fcf80;
        }

        .p-bar {
            background-color: #5fcf80;
        }

        .error {
            color: red;
        }

        #theform .step {
            display: none;
        }

        .form-select {
            border: 1px solid #5fcf80;
        }

        input#phone::-webkit-input-placeholder {
            color: #d1d9e0 !important;
        }
        .spq-btn .btn.btn-active{
    color:white;
    background-color:#3c8150;
    border-color: var(--bs-btn-hover-border-color);
}
.btn-active{
    background-color:#872d0a;
    color:white;
}

        @media (max-width: 767px) {
            #spq-btn-freequote div.col-lg-8 {
                width: 100%;
            }
            #spq-btn-freequote .btn-width-mb,#spq-btn-freequote .btn-width-mb1{
                width: 100%;
                
            }
        }