body {
    font-family: "Jost", sans-serif !important;
}

.FontSite {
    font-family: "Jost", sans-serif !important;
}

.cabin-disabled {
    opacity: 0.4;
    pointer-events: none;
    transition: all 0.3s ease;
}

 
.step-progress-modern {
    counter-reset: step;
    gap: 0;
}

    .step-progress-modern .step-item {
        position: relative;
        padding: 10px 20px;
        background: #e9ecef;
        border-radius: 50px;
        margin-right: 20px;
        font-weight: 500;
        color: #444;
        transition: all 0.3s ease;
    }

        .step-progress-modern .step-item a {
            text-decoration: none;
            color: inherit;
        }

        .step-progress-modern .step-item.active {
            background-color: #092f4f;
            color: white;
        }

        .step-progress-modern .step-item.disabled {
            background-color: #d3d3d3;
            color: #999;
            pointer-events: none;
        }

        .step-progress-modern .step-item:not(:last-child)::after {
            content: "";
            position: absolute;
            top: 50%;
            right: -15px;
            transform: translateY(-50%);
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
            border-left: 10px solid #e9ecef;
            z-index: 1;
        }

        .step-progress-modern .step-item.active:not(:last-child)::after {
            border-left-color: #d88d3a;
        }

        .step-progress-modern .step-item.disabled:not(:last-child)::after {
            border-left-color: #d3d3d3;
        }
        @media screen and (max-width:767px)
        {

            .step-progress-modern .step-item {
              
                padding: 5px 10px;
             
                border-radius: 10px;
                margin-right: 14px;
               margin-bottom:5px;
                 
            }
                .step-progress-modern .step-item a {
                    
                    font-size: 10px;
                }
                .step-progress-modern .step-item:not(:last-child)::after {
                    
                    right: -11px;
                    
                    border-top: 5px solid transparent;
                    border-bottom: 8px solid transparent;
                    border-left: 10px solid #e9ecef;
                    
                }
        }