/* دایره شماره */
        .online-class__class {
            position: relative;
            counter-increment: step-counter;
            margin-bottom: 10px;
        }

            .online-class__class::before {
                content: counter(step-counter);
                position: absolute;
                left: -50px; /* موقعیت دایره */
                top: 40%;
                width: 30px;
                height: 30px;
                background-color: #808080;
                color: white;
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                font-weight: normal;
                font-size: 16px;
                z-index: 1;
            }

            /* آخرین باکس نباید مارژین داشته باشد */
            .online-class__class:last-child {
                margin-bottom: 0;
            }
    


        .medeed-vision-section {
            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
            padding: 40px 0;
        }

        .vision-content {
            text-align: center;
        }

        .vision-subtitle {
            color: #6c757d;
            font-size: 1rem;
            font-weight: 500;
            letter-spacing: 2px;
            margin-bottom: 20px;
            display: block;
        }

        .vision-title {
            color: #2c3e50;
            font-size: 1.1rem;
            font-weight: 500;
            line-height: 1.2;
            margin-bottom: 15px;
        }

        .vision-divider {
            width: 40px;
            height: 1px;
            background: #95a5a6;
            margin: 0 auto 25px auto;
        }

        .vision-description {
            color: #7f8c8d;
            font-size: 1rem;
            line-height: 1.6;
            margin-bottom: 25px;
        }