.educational-category-wise-pages-section{
  padding: 40px 50px;

  .educational-category-wise-pages-block{
    margin-bottom: 60px;

    @media(max-width:767px){
      margin-bottom: 20px;
    }

    &:last-child{
      margin-bottom: 0;   
    }
    
    h2{
      color: #333;
      font-family: var(--font-heading-family);
      font-size: 34px;
      font-style: normal;
      font-weight: var(--font-heading-weight);
      line-height: 36px;
      margin: 0 0 10px;

      @media(ma-width:767px){
        font-size: 26px;
        line-height: 28px;
      }
    }

    .metafield-rich_text_field{
      margin-bottom: 30px;

      * {
        color: #333;
        font-family: var(--font-body-family);
        font-size: 16px;
        font-style: normal;
        font-weight: var(--font-body-weight);
        line-height: 22px;
        margin: 0 0 20px;

        @media(max-width:767px){
          font-size: 14px;
          line-height: 20px;
        }
      }

      strong{
        font-weight: 700;
      }
    }

    .metafield-rich_text_field > :last-child{
      margin-bottom: 0;
    }

    .page_blocks{
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      gap: 30px;

      .page_block{
        width: calc((100% - 60px) / 3);
        display: flex;
        flex-direction: column;
        gap: 10px;
        background-color: white;
        padding: 0;
        overflow: hidden;
        border-radius: 8px;
        box-shadow: 0 5px 10px rgba(154, 160, 185, 0.05), 0 15px 40px rgba(166, 173, 201, 0.2);

        img{
          max-width: 100%;
          height: auto;
        }

        a{
          text-decoration: none;
          text-align: center;
          line-height: 0;

          h3{
            margin: 0 0;
            padding:20px;
            color: #333;
            font-family: var(--font-heading-family);
            font-size: 20px;
            font-style: normal;
            font-weight: var(--font-heading-weight);
            line-height: 24px;
      
            @media(ma-width:767px){
              font-size: 16px;
              line-height: 18px;
            }
          }
        }

        @media(max-width:767px){
          width: 100%;
        }
      }
    }
  }

  @media(max-width:767px){
    padding:20px 20px;
  }
}