/* stepwizard related classes */
        
        .stepwizard {
            display: table;
            width: 100%;
            position: relative;
        }
        
        .stepwizard-row {
            display: -webkit-box;
            display: flex;
            flex-wrap: wrap;
            -webkit-box-pack: justify;
            justify-content: center;
        }
        
        .stepwizard-step {
            display: table-cell;
            text-align: center;
            position: relative;
        }
        
        .small,
        small {
            font-size: 80%;
            font-weight: 400;
        }
        
        .btn-circle {
            /* width: 60px; */
            text-align: center;
            background: transparent;
            display: inline-block;
            position: relative;
            z-index: 2;
        }
        
        .btn-circle span {
            width: 40px;
            height: 40px;
            text-align: center;
            padding: 10px 0;
            font-size: 14px;
            line-height: 1.428571429;
            border-radius: 50%;
            background: white;
            display: inline-block;
            border: 1px solid var(--step-color);
            color: var(--step-color);
            text-decoration: none!important;
        }
        
        
        .active a span {
            border: 1px solid var(--primary-color)!important;
            color: white !important;
            background: var(--primary-color)!important;
        }
       
        .stepwizard-step p {
            margin-top: 0;
            color: var(--step-text-color);
        }
        
        .stepwizard-step::after {
            content: "";
            position: absolute;
            height: 1px;
            background: var(--step-border-color);
            width: 100%;
            top: 14px;
            left: 100px;
        }
        
        .stepper-action-step-text, .active .multiple-stepwizard-previous-step {
            font-weight: bold !important;
        }
        
        .stepper-previos-success-text {
            color: var(--tile-content-color) !important;
        }
        
        .stepwizard-step.sucess-step::after {
            background: var(--primary-color)!important;
        }
        
        .success-btn-circle span{
            border: 1px solid transparent !important;
            color: var(--primary-color) !important;
        }
        
        .stepwizard-step:last-child::after {
            content: "";
            width: 0;
            display: none;
        }
        /* multiple stepper wizard */
        
        
        
        .multiple-stepwizard-row {
            display: -webkit-box;
            display: flex;
            flex-wrap: wrap;
            -webkit-box-pack: justify;
            justify-content: space-between;
        }
        
        .multiple-stepwizard {
            display: table-cell;
            text-align: center;
            position: relative;
        }
        
        .multiple-stepwizard p {
            margin-top: 0;
            color: var(--step-text-color);
            margin-bottom:0;
        }
        .step-title{
            margin-top:5px!important;
        }
        .multiple-stepwizard:last-child::after {
            content: "";
            width: 0;
            display: none;
        }
        
        .multiple-stepwizard-text {
            font-weight: 400 !important;
        }
        
        .multiple-stepwizard-previous-step {
            color: var(--tile-content-color) !important;
            vertical-align: top;
        }
        
        .multiple-stepwizard.sucess-step::after {
            background: var(--primary-color)!important;
        }
        
        .multiple-stepwizard:after {
            content: "";
            position: absolute;
            height: 2px;
            background: var(--step-border-color) ;
            width: 71%;
            top:18px;
            left: 64%;
        }
        .active:after {
            background: var(--primary-color) !important;
        }
        .btn-circle .stepwizard-disabled {
            background: var(--divider-color) !important;
            color:var( --step-text-color) !important;
            border-color:var( --border-color1) !important;
        }
        .btn-circle .stepwizard-enabled {
                background: white !important;
                color: var(--primary-color) !important;
        }
        
        @media only screen and (max-width: 320px) {
            .stepwizard-step::after {
                left: 80%!important;
                width: 60%!important;
            }
    
            .multiple-stepwizard:after {
                left: 88% !important;
                width: 52% !important;
            }
            .multiple-stepwizard-row {
                margin-left: -10px;
            }
            
            .active-step-heading h6 {
                font-size: 12px;
            }
            .multiple-stepwizard .btn-circle {
                width: 20px;
            }
            .multiple-stepwizard .btn-circle span {
                width: 25px;
                height: 25px;
                padding: 2px 0;
            }
        }
/*         
        @media only screen and (max-width: 450px) {
            .stepwizard-step::after {
                left: 70%;
                width: 80%;
            }
    
            .multiple-stepwizard:after {
                left: 101%;
                width: 56%;
            }
            .multiple-stepwizard-row {
                margin-left: -20px;
            }
            .stepwizard {
                width: 100% !important;
            }
            .btn-circle {
                padding-bottom: 4px;
            }
            
        }
        
        @media (min-width:450px) and (max-width: 575.98px) {
            .stepwizard-step::after {
                left: 65%;
                width: 90%;
            }
            
            .multiple-stepwizard:after {
                left: 77%;
                width: 64%;
            }
            .multiple-stepwizard-row {
                margin-left: -10px;
            }
            
        } */
        @media (max-width:767px){
            .btn-circle span{
                width:24px;
                height:24px;
                padding:3px;
            }
            .multiple-stepwizard{
                padding:5px;
            }
            .multiple-stepwizard:after{
                top:16px;
            }
            
            
              .post_cart_stepper .multiple-stepwizard:after {
                left: 75%;
              }
        }
        /* @media (min-width:576px) and (max-width: 767px) {
            .stepwizard-step::after {
                left: 115px;
            }
            .multiple-stepwizard:after {
                width: 58%;
                left: 71%;
            }
            
            
        } */
        
        @media (min-width: 768px) and (max-width: 991.98px) {
            .multiple-stepwizard:after {
                width: 58%;
                left: 73%;
            }
        }

      .active-complete a span {
            background-color: green!important;
            color:white!important;
        }
        .multiple-stepwizard.complete-step::after{
            background-color: green!important;
        }
        @media (max-width:767px){
            .active-complete a span img{
                width: 12px !important;
            }
        }