<div class="page-width">
    <div class="schedule-block">
        <h2>{{ section.settings.title }}</h2>
         {% for block in section.blocks %}
            <div class="schedule-block__content">
                <div class="schedule-block__title">
                  {{ block.settings.title }}
                </div>
                <div class="schedule-block__text">
                  {{ block.settings.text }}
                </div>
            </div>
         {% endfor %}
    </div>
    </div>
      <style>
       .schedule-block h2{
            text-align:center;
        }
        .schedule-block__content{
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 40px;
        }
        .schedule-block__title h2,
        .schedule-block__text h2{
            text-align:left;
        }
        .schedule-block{
          padding:28px 16px;
        }
      
        .schedule-block__title{
          margin:0 0 12px 0;
          font-size:18px;
          line-height:1.1;
          color:#071127;
        }
      
        .schedule-block__text{
          color:#334155;
          font-size:15px;
          line-height:1.6;
        }
      
    
      </style>
    {% schema %}
    {
      "name": "Schedule",
      "settings": [
        {
          "type": "text",
          "id": "title",
          "label": "Title",
        }
      ],
      "blocks": [
        {
            "name":"text",
            "type": "text",
            "settings": [
                {
                  "type": "richtext",
                  "id": "title",
                  "label": "Title",
                },
                {
                  "type": "richtext",
                  "id": "text",
                  "label": "Content",
                }
              ]
        }
      ],
      "presets": [
       {
        "name":"Wsogr schedule"
        }
      ]
    }
    {% endschema %}