{"id":3539,"date":"2026-08-27T08:25:41","date_gmt":"2026-08-27T08:25:41","guid":{"rendered":"http:\/\/localhost\/?page_id=3539"},"modified":"2026-09-28T03:25:42","modified_gmt":"2026-09-28T03:25:42","slug":"studio-edu","status":"publish","type":"page","link":"https:\/\/www.sieduit.org\/educationnew\/studio-edu\/","title":{"rendered":"Studio EDU"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3539\" class=\"elementor elementor-3539\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4b8cee9 e-con-full wave-hero e-flex wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"4b8cee9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1fdcced wave-bg-host elementor-widget elementor-widget-html\" data-id=\"1fdcced\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"wave-background-root\" aria-hidden=\"true\">\r\n  <canvas class=\"wave-canvas\"><\/canvas>\r\n  <div class=\"white-fade\"><\/div>\r\n  <div class=\"webgl-message\">WebGL \u0e44\u0e21\u0e48\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19<\/div>\r\n<\/div>\r\n\r\n<style>\r\n  .wave-hero {\r\n    \/*\r\n      \u0e42\u0e04\u0e49\u0e14\u0e44\u0e21\u0e48\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e39\u0e07\r\n      \u0e04\u0e27\u0e32\u0e21\u0e2a\u0e39\u0e07\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\u0e43\u0e2b\u0e49\u0e1b\u0e23\u0e31\u0e1a\u0e08\u0e32\u0e01 Layout > Min Height \u0e43\u0e19 Elementor\r\n    *\/\r\n    position: relative !important;\r\n\r\n    overflow: hidden !important;\r\n    isolation: isolate;\r\n    background: #ffffff;\r\n  }\r\n\r\n  .wave-hero .wave-bg-host {\r\n    position: absolute !important;\r\n    inset: 0 !important;\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    z-index: 0 !important;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .wave-hero .wave-bg-host > .elementor-widget-container {\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n  }\r\n\r\n  .wave-hero .wave-background-root {\r\n    position: absolute;\r\n    inset: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    overflow: hidden;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .wave-hero .wave-canvas {\r\n    position: absolute;\r\n    inset: 0;\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    --gradient-color-1: #ffffff;\r\n    --gradient-color-2: #d0fae5;\r\n    --gradient-color-3: #ffffff;\r\n    --gradient-color-4: #d0fae5;\r\n\r\n    opacity: 0;\r\n    transform: scale(1.015);\r\n    transition:\r\n      opacity 700ms ease,\r\n      transform 1200ms cubic-bezier(.2, .7, .2, 1);\r\n  }\r\n\r\n  .wave-hero .wave-canvas.is-loaded {\r\n    opacity: 1;\r\n    transform: scale(1);\r\n  }\r\n\r\n  .wave-hero .white-fade {\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(\r\n      to bottom,\r\n      rgba(255,255,255,0) 0%,\r\n      rgba(255,255,255,0) 49%,\r\n      rgba(255,255,255,.16) 63%,\r\n      rgba(255,255,255,.48) 76%,\r\n      rgba(255,255,255,.82) 88%,\r\n      #ffffff 100%\r\n    );\r\n  }\r\n\r\n  .wave-hero .wave-content {\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  .wave-hero .webgl-message {\r\n    position: absolute;\r\n    left: 50%;\r\n    bottom: 18px;\r\n    display: none;\r\n    transform: translateX(-50%);\r\n    padding: 7px 10px;\r\n    border-radius: 999px;\r\n    background: rgba(255,255,255,.8);\r\n    color: #4e7862;\r\n    font-size: 12px;\r\n  }\r\n\r\n  @media (max-width: 767px) {\r\n\r\n    .wave-hero .white-fade {\r\n      background: linear-gradient(\r\n        to bottom,\r\n        rgba(255,255,255,0) 0%,\r\n        rgba(255,255,255,0) 43%,\r\n        rgba(255,255,255,.18) 58%,\r\n        rgba(255,255,255,.55) 74%,\r\n        rgba(255,255,255,.86) 88%,\r\n        #ffffff 100%\r\n      );\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .wave-hero .wave-canvas {\r\n      transition: none;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n(() => {\r\n  \"use strict\";\r\n\r\n  const currentScript = document.currentScript;\r\n  const widget = currentScript.closest(\".elementor-widget-html\") || currentScript.parentElement;\r\n  const root = widget.querySelector(\".wave-background-root\");\r\n  const canvas = root.querySelector(\".wave-canvas\");\r\n  const hero = widget.closest(\".wave-hero\");\r\n  const message = root.querySelector(\".webgl-message\");\r\n\r\n  if (!hero || !canvas) return;\r\n\r\n  const gl = canvas.getContext(\"webgl\", {\r\n    antialias: true,\r\n    alpha: false,\r\n    premultipliedAlpha: false,\r\n    powerPreference: \"low-power\"\r\n  });\r\n\r\n  if (!gl) {\r\n    message.style.display = \"block\";\r\n    canvas.style.background =\r\n      \"linear-gradient(135deg,#ffffff,#d0fae5 48%,#ffffff 100%)\";\r\n    canvas.classList.add(\"is-loaded\");\r\n    return;\r\n  }\r\n\r\n  const vertexSource = `\r\n        precision highp float;\r\n\r\n        attribute vec2 a_position;\r\n        attribute vec2 a_uv;\r\n\r\n        uniform vec2 u_resolution;\r\n        uniform float u_time;\r\n        uniform vec3 u_colors[4];\r\n\r\n        varying vec3 v_color;\r\n        varying vec2 v_uv;\r\n\r\n        vec3 mod289(vec3 x) {\r\n          return x - floor(x * (1.0 \/ 289.0)) * 289.0;\r\n        }\r\n\r\n        vec4 mod289(vec4 x) {\r\n          return x - floor(x * (1.0 \/ 289.0)) * 289.0;\r\n        }\r\n\r\n        vec4 permute(vec4 x) {\r\n          return mod289(((x * 34.0) + 1.0) * x);\r\n        }\r\n\r\n        vec4 taylorInvSqrt(vec4 r) {\r\n          return 1.79284291400159 - 0.85373472095314 * r;\r\n        }\r\n\r\n        float snoise(vec3 v) {\r\n          const vec2 C = vec2(1.0 \/ 6.0, 1.0 \/ 3.0);\r\n          const vec4 D = vec4(0.0, 0.5, 1.0, 2.0);\r\n\r\n          vec3 i = floor(v + dot(v, C.yyy));\r\n          vec3 x0 = v - i + dot(i, C.xxx);\r\n\r\n          vec3 g = step(x0.yzx, x0.xyz);\r\n          vec3 l = 1.0 - g;\r\n          vec3 i1 = min(g.xyz, l.zxy);\r\n          vec3 i2 = max(g.xyz, l.zxy);\r\n\r\n          vec3 x1 = x0 - i1 + C.xxx;\r\n          vec3 x2 = x0 - i2 + C.yyy;\r\n          vec3 x3 = x0 - D.yyy;\r\n\r\n          i = mod289(i);\r\n\r\n          vec4 p = permute(\r\n            permute(\r\n              permute(\r\n                i.z + vec4(0.0, i1.z, i2.z, 1.0)\r\n              ) + i.y + vec4(0.0, i1.y, i2.y, 1.0)\r\n            ) + i.x + vec4(0.0, i1.x, i2.x, 1.0)\r\n          );\r\n\r\n          float n_ = 0.142857142857;\r\n          vec3 ns = n_ * D.wyz - D.xzx;\r\n\r\n          vec4 j = p - 49.0 * floor(p * ns.z * ns.z);\r\n          vec4 x_ = floor(j * ns.z);\r\n          vec4 y_ = floor(j - 7.0 * x_);\r\n\r\n          vec4 x = x_ * ns.x + ns.yyyy;\r\n          vec4 y = y_ * ns.x + ns.yyyy;\r\n          vec4 h = 1.0 - abs(x) - abs(y);\r\n\r\n          vec4 b0 = vec4(x.xy, y.xy);\r\n          vec4 b1 = vec4(x.zw, y.zw);\r\n\r\n          vec4 s0 = floor(b0) * 2.0 + 1.0;\r\n          vec4 s1 = floor(b1) * 2.0 + 1.0;\r\n          vec4 sh = -step(h, vec4(0.0));\r\n\r\n          vec4 a0 = b0.xzyw + s0.xzyw * sh.xxyy;\r\n          vec4 a1 = b1.xzyw + s1.xzyw * sh.zzww;\r\n\r\n          vec3 p0 = vec3(a0.xy, h.x);\r\n          vec3 p1 = vec3(a0.zw, h.y);\r\n          vec3 p2 = vec3(a1.xy, h.z);\r\n          vec3 p3 = vec3(a1.zw, h.w);\r\n\r\n          vec4 norm = taylorInvSqrt(vec4(\r\n            dot(p0, p0),\r\n            dot(p1, p1),\r\n            dot(p2, p2),\r\n            dot(p3, p3)\r\n          ));\r\n\r\n          p0 *= norm.x;\r\n          p1 *= norm.y;\r\n          p2 *= norm.z;\r\n          p3 *= norm.w;\r\n\r\n          vec4 m = max(\r\n            0.6 - vec4(\r\n              dot(x0, x0),\r\n              dot(x1, x1),\r\n              dot(x2, x2),\r\n              dot(x3, x3)\r\n            ),\r\n            0.0\r\n          );\r\n\r\n          m *= m;\r\n\r\n          return 42.0 * dot(\r\n            m * m,\r\n            vec4(\r\n              dot(p0, x0),\r\n              dot(p1, x1),\r\n              dot(p2, x2),\r\n              dot(p3, x3)\r\n            )\r\n          );\r\n        }\r\n\r\n        vec3 blendNormal(vec3 base, vec3 layer, float opacity) {\r\n          return layer * opacity + base * (1.0 - opacity);\r\n        }\r\n\r\n        void main() {\r\n          v_uv = a_uv;\r\n\r\n          vec2 uvNorm = a_uv * 2.0 - 1.0;\r\n\r\n          \/*\r\n            \u0e2d\u0e31\u0e15\u0e23\u0e32\u0e40\u0e27\u0e25\u0e32\u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e16\u0e35\u0e48\u0e15\u0e31\u0e49\u0e07\u0e43\u0e2b\u0e49\u0e0a\u0e49\u0e32\u0e21\u0e32\u0e01\r\n            \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e44\u0e2b\u0e25\u0e19\u0e38\u0e48\u0e21 \u0e44\u0e21\u0e48\u0e01\u0e23\u0e30\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e21\u0e40\u0e23\u0e47\u0e27\u0e41\u0e1a\u0e1a\u0e04\u0e25\u0e37\u0e48\u0e19\u0e17\u0e30\u0e40\u0e25\r\n          *\/\r\n          float time = u_time * 0.000005;\r\n          vec2 noiseCoord = u_resolution * uvNorm * vec2(0.00014, 0.00029);\r\n\r\n          \/*\r\n            \u0e1a\u0e34\u0e14\u0e15\u0e32\u0e02\u0e48\u0e32\u0e22\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e41\u0e01\u0e19 Y\r\n            \u0e43\u0e0a\u0e49 positive noise \u0e41\u0e25\u0e30\u0e04\u0e48\u0e2d\u0e22 \u0e46 \u0e2b\u0e32\u0e22\u0e15\u0e23\u0e07\u0e02\u0e2d\u0e1a\u0e1a\u0e19\/\u0e25\u0e48\u0e32\u0e07\r\n          *\/\r\n          float deform = snoise(vec3(\r\n            noiseCoord.x * 3.0 + time * 3.0,\r\n            noiseCoord.y * 4.0,\r\n            time * 10.0 + 5.0\r\n          ));\r\n\r\n          deform = max(0.0, deform);\r\n          deform *= 1.0 - pow(abs(uvNorm.y), 2.0);\r\n\r\n          vec2 position = a_position;\r\n          position.y += deform * 0.53;\r\n\r\n          \/*\r\n            \u0e2a\u0e35\u0e44\u0e21\u0e48\u0e44\u0e14\u0e49\u0e41\u0e1a\u0e48\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e40\u0e2a\u0e49\u0e19 sine \u0e15\u0e23\u0e07 \u0e46\r\n            \u0e41\u0e15\u0e48\u0e41\u0e15\u0e48\u0e25\u0e30\u0e2a\u0e35\u0e40\u0e01\u0e34\u0e14\u0e08\u0e32\u0e01 noise field \u0e04\u0e19\u0e25\u0e30 seed\r\n            \u0e08\u0e36\u0e07\u0e23\u0e27\u0e21\u0e01\u0e31\u0e19\u0e40\u0e1b\u0e47\u0e19\u0e1c\u0e37\u0e19\u0e04\u0e25\u0e37\u0e48\u0e19\u0e17\u0e35\u0e48\u0e1a\u0e34\u0e14\u0e44\u0e21\u0e48\u0e0b\u0e49\u0e33\u0e23\u0e39\u0e1b\r\n          *\/\r\n          vec3 color = u_colors[0];\r\n\r\n          float n1 = snoise(vec3(\r\n            noiseCoord.x * 2.25 + time * 6.8,\r\n            noiseCoord.y * 3.25,\r\n            time * 11.3 + 15.0\r\n          )) * 0.5 + 0.5;\r\n\r\n          float n2 = snoise(vec3(\r\n            noiseCoord.x * 2.50 + time * 7.1,\r\n            noiseCoord.y * 3.50,\r\n            time * 11.6 + 25.0\r\n          )) * 0.5 + 0.5;\r\n\r\n          float n3 = snoise(vec3(\r\n            noiseCoord.x * 2.75 + time * 7.4,\r\n            noiseCoord.y * 3.75,\r\n            time * 11.9 + 35.0\r\n          )) * 0.5 + 0.5;\r\n\r\n          float m1 = pow(smoothstep(0.10, 0.70, n1), 4.0);\r\n          float m2 = pow(smoothstep(0.10, 0.77, n2), 4.0);\r\n          float m3 = pow(smoothstep(0.10, 0.84, n3), 4.0);\r\n\r\n          color = blendNormal(color, u_colors[1], m1);\r\n          color = blendNormal(color, u_colors[2], m2);\r\n          color = blendNormal(color, u_colors[3], m3);\r\n\r\n          v_color = color;\r\n          gl_Position = vec4(position, 0.0, 1.0);\r\n        }\r\n      `;\r\n  const fragmentSource = `\r\n        precision highp float;\r\n\r\n        uniform vec2 u_resolution;\r\n        uniform float u_darken_top;\r\n\r\n        varying vec3 v_color;\r\n        varying vec2 v_uv;\r\n\r\n        void main() {\r\n          vec3 color = v_color;\r\n\r\n          \r\n\r\n          gl_FragColor = vec4(color, 1.0);\r\n        }\r\n      `;\r\n\r\n  function createShader(type, source) {\r\n    const shader = gl.createShader(type);\r\n    gl.shaderSource(shader, source);\r\n    gl.compileShader(shader);\r\n\r\n    if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {\r\n      const error = gl.getShaderInfoLog(shader);\r\n      gl.deleteShader(shader);\r\n      throw new Error(error);\r\n    }\r\n\r\n    return shader;\r\n  }\r\n\r\n  function createProgram(vertexSource, fragmentSource) {\r\n    const program = gl.createProgram();\r\n    gl.attachShader(program, createShader(gl.VERTEX_SHADER, vertexSource));\r\n    gl.attachShader(program, createShader(gl.FRAGMENT_SHADER, fragmentSource));\r\n    gl.linkProgram(program);\r\n\r\n    if (!gl.getProgramParameter(program, gl.LINK_STATUS)) {\r\n      throw new Error(gl.getProgramInfoLog(program));\r\n    }\r\n\r\n    return program;\r\n  }\r\n\r\n  function hexToRgb01(hex) {\r\n    let value = hex.trim().replace(\"#\", \"\");\r\n\r\n    if (value.length === 3) {\r\n      value = value.split(\"\").map((char) => char + char).join(\"\");\r\n    }\r\n\r\n    const number = Number.parseInt(value, 16);\r\n\r\n    return [\r\n      ((number >> 16) & 255) \/ 255,\r\n      ((number >> 8) & 255) \/ 255,\r\n      (number & 255) \/ 255\r\n    ];\r\n  }\r\n\r\n  function readColorsOnce() {\r\n    const style = getComputedStyle(canvas);\r\n    const names = [\r\n      \"--gradient-color-1\",\r\n      \"--gradient-color-2\",\r\n      \"--gradient-color-3\",\r\n      \"--gradient-color-4\"\r\n    ];\r\n\r\n    return new Float32Array(\r\n      names.flatMap((name) =>\r\n        hexToRgb01(style.getPropertyValue(name) || \"#ffffff\")\r\n      )\r\n    );\r\n  }\r\n\r\n  const program = createProgram(vertexSource, fragmentSource);\r\n  const positionLocation = gl.getAttribLocation(program, \"a_position\");\r\n  const uvLocation = gl.getAttribLocation(program, \"a_uv\");\r\n\r\n  const resolutionLocation = gl.getUniformLocation(program, \"u_resolution\");\r\n  const timeLocation = gl.getUniformLocation(program, \"u_time\");\r\n  const colorsLocation = gl.getUniformLocation(program, \"u_colors[0]\");\r\n  const darkenLocation = gl.getUniformLocation(program, \"u_darken_top\");\r\n\r\n  const positionBuffer = gl.createBuffer();\r\n  const uvBuffer = gl.createBuffer();\r\n  const indexBuffer = gl.createBuffer();\r\n\r\n  const colors = readColorsOnce();\r\n  const isMobile = matchMedia(\"(max-width: 767px)\").matches;\r\n  const reduceMotion = matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\r\n  const targetFps = isMobile ? 24 : 30;\r\n  const frameInterval = 1000 \/ targetFps;\r\n\r\n  let indexCount = 0;\r\n  let width = 1;\r\n  let height = 1;\r\n  let elapsed = 1253106;\r\n  let previousPaint = 0;\r\n  let animationId = 0;\r\n  let running = false;\r\n  let visible = true;\r\n\r\n  function buildGrid(xSegments, ySegments) {\r\n    const positions = [];\r\n    const uvs = [];\r\n    const indices = [];\r\n\r\n    for (let y = 0; y <= ySegments; y++) {\r\n      const v = y \/ ySegments;\r\n      const py = v * 2 - 1;\r\n\r\n      for (let x = 0; x <= xSegments; x++) {\r\n        const u = x \/ xSegments;\r\n        const px = u * 2 - 1;\r\n\r\n        positions.push(px, py);\r\n        uvs.push(u, v);\r\n      }\r\n    }\r\n\r\n    const row = xSegments + 1;\r\n\r\n    for (let y = 0; y < ySegments; y++) {\r\n      for (let x = 0; x < xSegments; x++) {\r\n        const a = y * row + x;\r\n        const b = a + 1;\r\n        const c = a + row;\r\n        const d = c + 1;\r\n\r\n        indices.push(a, c, b, b, c, d);\r\n      }\r\n    }\r\n\r\n    gl.bindBuffer(gl.ARRAY_BUFFER, positionBuffer);\r\n    gl.bufferData(\r\n      gl.ARRAY_BUFFER,\r\n      new Float32Array(positions),\r\n      gl.STATIC_DRAW\r\n    );\r\n\r\n    gl.bindBuffer(gl.ARRAY_BUFFER, uvBuffer);\r\n    gl.bufferData(\r\n      gl.ARRAY_BUFFER,\r\n      new Float32Array(uvs),\r\n      gl.STATIC_DRAW\r\n    );\r\n\r\n    gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, indexBuffer);\r\n    gl.bufferData(\r\n      gl.ELEMENT_ARRAY_BUFFER,\r\n      new Uint16Array(indices),\r\n      gl.STATIC_DRAW\r\n    );\r\n\r\n    indexCount = indices.length;\r\n  }\r\n\r\n  function resize() {\r\n    const rect = hero.getBoundingClientRect();\r\n    const dpr = isMobile\r\n      ? 1\r\n      : Math.min(window.devicePixelRatio || 1, 1.25);\r\n\r\n    width = Math.max(1, Math.floor(rect.width * dpr));\r\n    height = Math.max(1, Math.floor(rect.height * dpr));\r\n\r\n    if (canvas.width === width && canvas.height === height) return;\r\n\r\n    canvas.width = width;\r\n    canvas.height = height;\r\n    gl.viewport(0, 0, width, height);\r\n\r\n    const xSegments = isMobile\r\n      ? Math.min(58, Math.max(36, Math.ceil(rect.width * 0.055)))\r\n      : Math.min(96, Math.max(52, Math.ceil(rect.width * 0.055)));\r\n\r\n    const ySegments = isMobile\r\n      ? Math.min(46, Math.max(30, Math.ceil(rect.height * 0.075)))\r\n      : Math.min(72, Math.max(40, Math.ceil(rect.height * 0.09)));\r\n\r\n    buildGrid(xSegments, ySegments);\r\n  }\r\n\r\n  function bindAttributes() {\r\n    gl.bindBuffer(gl.ARRAY_BUFFER, positionBuffer);\r\n    gl.enableVertexAttribArray(positionLocation);\r\n    gl.vertexAttribPointer(positionLocation, 2, gl.FLOAT, false, 0, 0);\r\n\r\n    gl.bindBuffer(gl.ARRAY_BUFFER, uvBuffer);\r\n    gl.enableVertexAttribArray(uvLocation);\r\n    gl.vertexAttribPointer(uvLocation, 2, gl.FLOAT, false, 0, 0);\r\n\r\n    gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, indexBuffer);\r\n  }\r\n\r\n  function draw() {\r\n    gl.useProgram(program);\r\n    bindAttributes();\r\n\r\n    gl.uniform2f(resolutionLocation, width, height);\r\n    gl.uniform1f(timeLocation, elapsed);\r\n    gl.uniform3fv(colorsLocation, colors);\r\n    gl.uniform1f(darkenLocation, 0);\r\n\r\n    gl.clearColor(1, 1, 1, 1);\r\n    gl.clear(gl.COLOR_BUFFER_BIT | gl.DEPTH_BUFFER_BIT);\r\n\r\n    gl.drawElements(\r\n      gl.TRIANGLES,\r\n      indexCount,\r\n      gl.UNSIGNED_SHORT,\r\n      0\r\n    );\r\n\r\n    canvas.classList.add(\"is-loaded\");\r\n  }\r\n\r\n  function render(now) {\r\n    if (!running) return;\r\n\r\n    animationId = requestAnimationFrame(render);\r\n\r\n    const delta = now - previousPaint;\r\n    if (delta < frameInterval) return;\r\n\r\n    previousPaint = now - (delta % frameInterval);\r\n    elapsed += Math.min(delta, 1000 \/ 12);\r\n    draw();\r\n  }\r\n\r\n  function start() {\r\n    if (running || !visible || document.hidden) return;\r\n\r\n    running = true;\r\n    previousPaint = performance.now();\r\n\r\n    if (reduceMotion) {\r\n      draw();\r\n      running = false;\r\n      return;\r\n    }\r\n\r\n    animationId = requestAnimationFrame(render);\r\n  }\r\n\r\n  function stop() {\r\n    running = false;\r\n\r\n    if (animationId) {\r\n      cancelAnimationFrame(animationId);\r\n      animationId = 0;\r\n    }\r\n  }\r\n\r\n  const resizeObserver = new ResizeObserver(() => {\r\n    resize();\r\n    draw();\r\n  });\r\n\r\n  resizeObserver.observe(hero);\r\n\r\n  const visibilityObserver = new IntersectionObserver(\r\n    ([entry]) => {\r\n      visible = entry.isIntersecting;\r\n\r\n      if (visible) start();\r\n      else stop();\r\n    },\r\n    { rootMargin: \"120px 0px\" }\r\n  );\r\n\r\n  visibilityObserver.observe(hero);\r\n\r\n  document.addEventListener(\"visibilitychange\", () => {\r\n    if (document.hidden) stop();\r\n    else start();\r\n  });\r\n\r\n  resize();\r\n  draw();\r\n  start();\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4ba20fa animated-fast e-flex e-con-boxed wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no elementor-invisible e-con e-child\" data-id=\"4ba20fa\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;,&quot;animation_delay&quot;:50}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-3f0b50f e-con-full glass-BG breadcrumb-pill e-flex wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"3f0b50f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-34d0d43 elementor-widget elementor-widget-heading\" data-id=\"34d0d43\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0e2b\u0e19\u0e49\u0e32\u0e2b\u0e25\u0e31\u0e01<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-75500a8 elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"75500a8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><g id=\"Hicon \/ Outline \/ Right 1\"><g id=\"Right 1\"><path id=\"Vector\" d=\"M16.278 6.21731C15.9838 5.92573 15.5089 5.92784 15.2173 6.22204C14.9257 6.51624 14.9278 6.99111 15.222 7.28269L16.985 9.03C17.7005 9.73914 18.1913 10.2272 18.5234 10.6407C18.6313 10.7751 18.7155 10.8934 18.7809 11L3.75 11C3.33579 11 3 11.3358 3 11.75C3 12.1642 3.33579 12.5 3.75 12.5L18.7809 12.5C18.7155 12.6066 18.6313 12.7249 18.5234 12.8593C18.1913 13.2728 17.7005 13.7609 16.985 14.47L15.222 16.2173C14.9278 16.5089 14.9257 16.9838 15.2173 17.278C15.5089 17.5722 15.9838 17.5743 16.278 17.2827L18.0727 15.5039C18.7487 14.834 19.3011 14.2864 19.6929 13.7985C20.1004 13.2912 20.3953 12.7763 20.4741 12.1582C20.4914 12.0226 20.5 11.8863 20.5 11.75C20.5 11.6137 20.4914 11.4774 20.4741 11.3418C20.3953 10.7237 20.1004 10.2088 19.6929 9.70146C19.3011 9.21358 18.7487 8.66604 18.0727 7.99609L16.278 6.21731Z\" fill=\"currentColor\"><\/path><\/g><\/g><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-355b7da elementor-widget elementor-widget-heading\" data-id=\"355b7da\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Studio EDU<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c501bd3 e-con-full e-flex wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"c501bd3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-993250a elementor-widget elementor-widget-heading\" data-id=\"993250a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Studio EDU<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-446b544 elementor-widget elementor-widget-heading\" data-id=\"446b544\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\u0e2a\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e19\u0e41\u0e25\u0e30\u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d CANVAS\n\n\u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d \u0e20\u0e32\u0e1e\u0e19\u0e34\u0e48\u0e07 \u0e41\u0e25\u0e30\u0e2a\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e19\n\u0e17\u0e31\u0e49\u0e07\u0e20\u0e32\u0e22\u0e43\u0e19 Studio EDU \u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e16\u0e48\u0e32\u0e22\u0e17\u0e33\u0e19\u0e2d\u0e01\u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-064a967 wpr-button-icon-style-inline wpr-button-icon-position-right elementor-widget elementor-widget-wpr-button\" data-id=\"064a967\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wpr-button.default\">\n\t\t\t\t\t\t\n\t\t\t\n\t\t\n\t\t<div class=\"wpr-button-wrap elementor-clearfix\">\n\t\t<a class=\"wpr-button wpr-button-effect elementor-animation-grow\" data-text=\"\" href=\"https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLSfolxnILRb_2zhJI_jnLC6raK6S2iVJM16Jacy-8DvUvqodvg\/viewform\">\n\t\t\t\n\t\t\t<span class=\"wpr-button-content\">\n\t\t\t\t\t\t\t\t\t<span class=\"wpr-button-text\">\u0e41\u0e1a\u0e1a\u0e1f\u0e2d\u0e23\u0e4c\u0e21\u0e02\u0e2d\u0e23\u0e31\u0e1a\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e1c\u0e39\u0e49\u0e43\u0e0a\u0e49\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e2a\u0e15\u0e39\u0e14\u0e34\u0e42\u0e2d\u0e41\u0e1e\u0e17\u0e22\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e28\u0e36\u0e01\u0e29\u0e32<\/span>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<span class=\"wpr-button-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><g id=\"Hicon \/ Outline \/ Right 1\"><g id=\"Right 1\"><path id=\"Vector\" d=\"M16.278 6.21731C15.9838 5.92573 15.5089 5.92784 15.2173 6.22204C14.9257 6.51624 14.9278 6.99111 15.222 7.28269L16.985 9.03C17.7005 9.73914 18.1913 10.2272 18.5234 10.6407C18.6313 10.7751 18.7155 10.8934 18.7809 11L3.75 11C3.33579 11 3 11.3358 3 11.75C3 12.1642 3.33579 12.5 3.75 12.5L18.7809 12.5C18.7155 12.6066 18.6313 12.7249 18.5234 12.8593C18.1913 13.2728 17.7005 13.7609 16.985 14.47L15.222 16.2173C14.9278 16.5089 14.9257 16.9838 15.2173 17.278C15.5089 17.5722 15.9838 17.5743 16.278 17.2827L18.0727 15.5039C18.7487 14.834 19.3011 14.2864 19.6929 13.7985C20.1004 13.2912 20.3953 12.7763 20.4741 12.1582C20.4914 12.0226 20.5 11.8863 20.5 11.75C20.5 11.6137 20.4914 11.4774 20.4741 11.3418C20.3953 10.7237 20.1004 10.2088 19.6929 9.70146C19.3011 9.21358 18.7487 8.66604 18.0727 7.99609L16.278 6.21731Z\" fill=\"currentColor\"><\/path><\/g><\/g><\/svg><\/span>\n\t\t\t\t\t\t\t<\/span>\n\t\t<\/a>\n\n\t\t\t\t<\/div>\n\t\n\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-24cae40 e-flex e-con-boxed wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no elementor-invisible e-con e-parent\" data-id=\"24cae40\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;slideInUp&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c5f2e70 elementor-widget elementor-widget-image\" data-id=\"c5f2e70\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1200\" height=\"630\" src=\"https:\/\/www.sieduit.org\/educationnew\/wp-content\/uploads\/2026\/08\/media-1.webp\" class=\"attachment-full size-full wp-image-3546\" alt=\"\" srcset=\"https:\/\/www.sieduit.org\/educationnew\/wp-content\/uploads\/2026\/08\/media-1.webp 1200w, https:\/\/www.sieduit.org\/educationnew\/wp-content\/uploads\/2026\/08\/media-1-300x158.webp 300w, https:\/\/www.sieduit.org\/educationnew\/wp-content\/uploads\/2026\/08\/media-1-1024x538.webp 1024w, https:\/\/www.sieduit.org\/educationnew\/wp-content\/uploads\/2026\/08\/media-1-768x403.webp 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bdd51dd elementor-widget elementor-widget-text-editor\" data-id=\"bdd51dd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Studio EDU \u0e43\u0e2b\u0e49\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\u0e2a\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e19\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e2d\u0e32\u0e08\u0e32\u0e23\u0e22\u0e4c\u0e41\u0e25\u0e30\u0e1a\u0e38\u0e04\u0e25\u0e32\u0e01\u0e23 \u0e42\u0e14\u0e22\u0e23\u0e2d\u0e07\u0e23\u0e31\u0e1a\u0e17\u0e31\u0e49\u0e07\u0e01\u0e32\u0e23\u0e1a\u0e31\u0e19\u0e17\u0e36\u0e01 Video Lecture \u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\u0e2a\u0e37\u0e48\u0e2d\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e19 \u0e01\u0e32\u0e23\u0e15\u0e31\u0e14\u0e15\u0e48\u0e2d\u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d Motion Graphic \u0e23\u0e27\u0e21\u0e16\u0e36\u0e07\u0e01\u0e32\u0e23\u0e16\u0e48\u0e32\u0e22\u0e17\u0e33\u0e19\u0e2d\u0e01\u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e0a\u0e49\u0e43\u0e19\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e19\u0e1c\u0e48\u0e32\u0e19\u0e23\u0e30\u0e1a\u0e1a\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c\u0e41\u0e25\u0e30\u0e41\u0e1e\u0e25\u0e15\u0e1f\u0e2d\u0e23\u0e4c\u0e21 CANVAS<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-356c397 e-flex e-con-boxed wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no elementor-invisible e-con e-parent\" data-id=\"356c397\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;slideInUp&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-11427ed e-con-full e-flex wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"11427ed\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ff046e2 elementor-widget elementor-widget-heading\" data-id=\"ff046e2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0e40\u0e0a\u0e47\u0e04\u0e15\u0e32\u0e23\u0e32\u0e07\u0e2b\u0e49\u0e2d\u0e07\u0e16\u0e48\u0e32\u0e22\u0e17\u0e33 Studio\u200b EDU<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-009280b elementor-widget elementor-widget-html\" data-id=\"009280b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"google-calendar-wrap\">\r\n  <iframe\r\n    src=\"https:\/\/calendar.google.com\/calendar\/embed?src=ae3c201f9996ceee996d744599d644f7a38da0a7abe7991739321c70438a4b0d%40group.calendar.google.com&ctz=Asia%2FBangkok\"\r\n    frameborder=\"0\"\r\n    scrolling=\"no\">\r\n  <\/iframe>\r\n<\/div>\r\n\r\n<style>\r\n.google-calendar-wrap {\r\n  width: 100%;\r\n  height: 720px;\r\n  overflow: hidden;\r\n  border-radius: 16px;\r\n}\r\n\r\n.google-calendar-wrap iframe {\r\n  width: 100%;\r\n  height: 100%;\r\n  border: 0;\r\n}\r\n\r\n\/* Tablet *\/\r\n@media (max-width: 1024px) {\r\n  .google-calendar-wrap {\r\n    height: 650px;\r\n  }\r\n}\r\n\r\n\/* Mobile *\/\r\n@media (max-width: 767px) {\r\n  .google-calendar-wrap {\r\n    height: 600px;\r\n    border-radius: 10px;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-93191c2 e-flex e-con-boxed wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no elementor-invisible e-con e-parent\" data-id=\"93191c2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;slideInUp&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-2860770 e-con-full e-flex wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"2860770\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4895c22 elementor-widget elementor-widget-heading\" data-id=\"4895c22\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e15\u0e48\u0e32\u0e07\u0e46<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-90c5a7f elementor-widget elementor-widget-text-editor\" data-id=\"90c5a7f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>\u0e23\u0e27\u0e1a\u0e23\u0e27\u0e21\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e41\u0e25\u0e30\u0e41\u0e19\u0e27\u0e17\u0e32\u0e07\u0e17\u0e35\u0e48\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e02\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\u0e2a\u0e37\u0e48\u0e2d\u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a CANVAS \u0e15\u0e31\u0e49\u0e07\u0e41\u0e15\u0e48\u0e01\u0e32\u0e23\u0e40\u0e15\u0e23\u0e35\u0e22\u0e21\u0e15\u0e31\u0e27\u0e01\u0e48\u0e2d\u0e19\u0e16\u0e48\u0e32\u0e22\u0e17\u0e33 \u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e23\u0e31\u0e1a\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23 \u0e44\u0e1b\u0e08\u0e19\u0e16\u0e36\u0e07\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e2b\u0e21\u0e27\u0e14\u0e2b\u0e21\u0e39\u0e48\u0e2a\u0e37\u0e48\u0e2d \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e27\u0e32\u0e07\u0e41\u0e1c\u0e19\u0e41\u0e25\u0e30\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e07\u0e32\u0e19\u0e44\u0e14\u0e49\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e2a\u0e30\u0e14\u0e27\u0e01<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5e5db72 e-con-full news-gallery animated-fast e-flex wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no elementor-invisible e-con e-child\" data-id=\"5e5db72\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;,&quot;animation_delay&quot;:50}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-210f24e e-n-tabs-mobile elementor-widget elementor-widget-n-tabs\" data-id=\"210f24e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;tabs_justify_horizontal&quot;:&quot;stretch&quot;,&quot;horizontal_scroll&quot;:&quot;disable&quot;}\" data-widget_type=\"nested-tabs.default\">\n\t\t\t\t\t\t\t<div class=\"e-n-tabs\" data-widget-number=\"34665038\" aria-label=\"Tabs. Open items with Enter or Space, close with Escape and navigate using the Arrow keys.\">\n\t\t\t<div class=\"e-n-tabs-heading\" role=\"tablist\">\n\t\t\t\t\t<button id=\"e-n-tab-title-346650381\" data-tab-title-id=\"e-n-tab-title-346650381\" class=\"e-n-tab-title\" aria-selected=\"true\" data-tab-index=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"e-n-tab-content-346650381\" style=\"--n-tabs-title-order: 1;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\t\u0e41\u0e19\u0e27\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e23\u0e31\u0e1a\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\u0e2a\u0e37\u0e48\u0e2d\u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d CANVAS\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t<button id=\"e-n-tab-title-346650382\" data-tab-title-id=\"e-n-tab-title-346650382\" class=\"e-n-tab-title\" aria-selected=\"false\" data-tab-index=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-n-tab-content-346650382\" style=\"--n-tabs-title-order: 2;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\t\u0e2b\u0e21\u0e27\u0e14\u0e2b\u0e21\u0e39\u0e48\u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d\u0e1c\u0e25\u0e34\u0e15\u0e2a\u0e37\u0e48\u0e2d\u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d CANVAS\u200b\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t<button id=\"e-n-tab-title-346650383\" data-tab-title-id=\"e-n-tab-title-346650383\" class=\"e-n-tab-title\" aria-selected=\"false\" data-tab-index=\"3\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-n-tab-content-346650383\" style=\"--n-tabs-title-order: 3;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\t\u0e2a\u0e34\u0e48\u0e07\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e40\u0e15\u0e23\u0e35\u0e22\u0e21\u0e01\u0e48\u0e2d\u0e19\u0e16\u0e48\u0e32\u0e22\u0e17\u0e33\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t<button id=\"e-n-tab-title-346650384\" data-tab-title-id=\"e-n-tab-title-346650384\" class=\"e-n-tab-title\" aria-selected=\"false\" data-tab-index=\"4\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-n-tab-content-346650384\" style=\"--n-tabs-title-order: 4;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\t\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e04\u0e25\u0e34\u0e1b\u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t\t<\/div>\n\t\t\t<div class=\"e-n-tabs-content\">\n\t\t\t\t<div id=\"e-n-tab-content-346650381\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-346650381\" data-tab-index=\"1\" style=\"--n-tabs-title-order: 1;\" class=\"e-active elementor-element elementor-element-8ab9815 e-flex e-con-boxed wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"8ab9815\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-25bee0d elementor-widget elementor-widget-image\" data-id=\"25bee0d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1024\" height=\"680\" src=\"https:\/\/www.sieduit.org\/educationnew\/wp-content\/uploads\/2026\/08\/Canvas-\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d_result-1024x680-1.webp\" class=\"attachment-full size-full wp-image-3547\" alt=\"\" srcset=\"https:\/\/www.sieduit.org\/educationnew\/wp-content\/uploads\/2026\/08\/Canvas-\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d_result-1024x680-1.webp 1024w, https:\/\/www.sieduit.org\/educationnew\/wp-content\/uploads\/2026\/08\/Canvas-\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d_result-1024x680-1-300x199.webp 300w, https:\/\/www.sieduit.org\/educationnew\/wp-content\/uploads\/2026\/08\/Canvas-\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d_result-1024x680-1-768x510.webp 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div id=\"e-n-tab-content-346650382\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-346650382\" data-tab-index=\"2\" style=\"--n-tabs-title-order: 2;\" class=\" elementor-element elementor-element-4918716 e-flex e-con-boxed wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"4918716\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4d6d1bc elementor-widget elementor-widget-image\" data-id=\"4d6d1bc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1088\" height=\"1536\" src=\"https:\/\/www.sieduit.org\/educationnew\/wp-content\/uploads\/2026\/08\/Canvas-package-update1_result-1088x1536-1.webp\" class=\"attachment-full size-full wp-image-3549\" alt=\"\" srcset=\"https:\/\/www.sieduit.org\/educationnew\/wp-content\/uploads\/2026\/08\/Canvas-package-update1_result-1088x1536-1.webp 1088w, https:\/\/www.sieduit.org\/educationnew\/wp-content\/uploads\/2026\/08\/Canvas-package-update1_result-1088x1536-1-213x300.webp 213w, https:\/\/www.sieduit.org\/educationnew\/wp-content\/uploads\/2026\/08\/Canvas-package-update1_result-1088x1536-1-725x1024.webp 725w, https:\/\/www.sieduit.org\/educationnew\/wp-content\/uploads\/2026\/08\/Canvas-package-update1_result-1088x1536-1-768x1084.webp 768w\" sizes=\"(max-width: 1088px) 100vw, 1088px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div id=\"e-n-tab-content-346650383\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-346650383\" data-tab-index=\"3\" style=\"--n-tabs-title-order: 3;\" class=\" elementor-element elementor-element-7c88425 e-flex e-con-boxed wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"7c88425\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e0e1e39 elementor-widget elementor-widget-image\" data-id=\"e0e1e39\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/www.sieduit.org\/educationnew\/wp-content\/uploads\/2026\/08\/Canvas-\u0e40\u0e15\u0e23\u0e35\u0e22\u0e21\u0e15\u0e31\u0e27_0_result-1024x1024-1.webp\" class=\"attachment-full size-full wp-image-3548\" alt=\"\" srcset=\"https:\/\/www.sieduit.org\/educationnew\/wp-content\/uploads\/2026\/08\/Canvas-\u0e40\u0e15\u0e23\u0e35\u0e22\u0e21\u0e15\u0e31\u0e27_0_result-1024x1024-1.webp 1024w, https:\/\/www.sieduit.org\/educationnew\/wp-content\/uploads\/2026\/08\/Canvas-\u0e40\u0e15\u0e23\u0e35\u0e22\u0e21\u0e15\u0e31\u0e27_0_result-1024x1024-1-300x300.webp 300w, https:\/\/www.sieduit.org\/educationnew\/wp-content\/uploads\/2026\/08\/Canvas-\u0e40\u0e15\u0e23\u0e35\u0e22\u0e21\u0e15\u0e31\u0e27_0_result-1024x1024-1-150x150.webp 150w, https:\/\/www.sieduit.org\/educationnew\/wp-content\/uploads\/2026\/08\/Canvas-\u0e40\u0e15\u0e23\u0e35\u0e22\u0e21\u0e15\u0e31\u0e27_0_result-1024x1024-1-768x768.webp 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div id=\"e-n-tab-content-346650384\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-346650384\" data-tab-index=\"4\" style=\"--n-tabs-title-order: 4;\" class=\" elementor-element elementor-element-4e83878 e-flex e-con-boxed wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"4e83878\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8514398 elementor-widget elementor-widget-video\" data-id=\"8514398\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/www.sieduit.org\/educationnew\/wp-content\/uploads\/2026\/08\/\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07-clip-CANVAS-\u0e2d.\u0e01\u0e23\u0e01\u0e24\u0e29\u0e13\u0e4c-1.mp4\" controls=\"\" preload=\"metadata\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>WebGL \u0e44\u0e21\u0e48\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19 \u0e2b\u0e19\u0e49\u0e32\u0e2b\u0e25\u0e31\u0e01 Studio EDU Studio EDU \u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\u0e2a\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e19\u0e41\u0e25\u0e30\u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d CANVAS \u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d \u0e20\u0e32\u0e1e\u0e19\u0e34\u0e48\u0e07 \u0e41\u0e25\u0e30\u0e2a\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e19 \u0e17\u0e31\u0e49\u0e07\u0e20\u0e32\u0e22\u0e43\u0e19 Studio EDU \u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e16\u0e48\u0e32\u0e22\u0e17\u0e33\u0e19\u0e2d\u0e01\u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48 \u0e41\u0e1a\u0e1a\u0e1f\u0e2d\u0e23\u0e4c\u0e21\u0e02\u0e2d\u0e23\u0e31\u0e1a\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e1c\u0e39\u0e49\u0e43\u0e0a\u0e49\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e2a\u0e15\u0e39\u0e14\u0e34\u0e42\u0e2d\u0e41\u0e1e\u0e17\u0e22\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e28\u0e36\u0e01\u0e29\u0e32 Studio EDU \u0e43\u0e2b\u0e49\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\u0e2a\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e19\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e2d\u0e32\u0e08\u0e32\u0e23\u0e22\u0e4c\u0e41\u0e25\u0e30\u0e1a\u0e38\u0e04\u0e25\u0e32\u0e01\u0e23 \u0e42\u0e14\u0e22\u0e23\u0e2d\u0e07\u0e23\u0e31\u0e1a\u0e17\u0e31\u0e49\u0e07\u0e01\u0e32\u0e23\u0e1a\u0e31\u0e19\u0e17\u0e36\u0e01 Video Lecture \u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\u0e2a\u0e37\u0e48\u0e2d\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e19 \u0e01\u0e32\u0e23\u0e15\u0e31\u0e14\u0e15\u0e48\u0e2d\u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d Motion Graphic \u0e23\u0e27\u0e21\u0e16\u0e36\u0e07\u0e01\u0e32\u0e23\u0e16\u0e48\u0e32\u0e22\u0e17\u0e33\u0e19\u0e2d\u0e01\u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e0a\u0e49\u0e43\u0e19\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e19\u0e1c\u0e48\u0e32\u0e19\u0e23\u0e30\u0e1a\u0e1a\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c\u0e41\u0e25\u0e30\u0e41\u0e1e\u0e25\u0e15\u0e1f\u0e2d\u0e23\u0e4c\u0e21 CANVAS \u0e40\u0e0a\u0e47\u0e04\u0e15\u0e32\u0e23\u0e32\u0e07\u0e2b\u0e49\u0e2d\u0e07\u0e16\u0e48\u0e32\u0e22\u0e17\u0e33 Studio\u200b EDU \u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e15\u0e48\u0e32\u0e07\u0e46 \u0e23\u0e27\u0e1a\u0e23\u0e27\u0e21\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e41\u0e25\u0e30\u0e41\u0e19\u0e27\u0e17\u0e32\u0e07\u0e17\u0e35\u0e48\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e02\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\u0e2a\u0e37\u0e48\u0e2d\u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a CANVAS \u0e15\u0e31\u0e49\u0e07\u0e41\u0e15\u0e48\u0e01\u0e32\u0e23\u0e40\u0e15\u0e23\u0e35\u0e22\u0e21\u0e15\u0e31\u0e27\u0e01\u0e48\u0e2d\u0e19\u0e16\u0e48\u0e32\u0e22\u0e17\u0e33 \u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e23\u0e31\u0e1a\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23 \u0e44\u0e1b\u0e08\u0e19\u0e16\u0e36\u0e07\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e2b\u0e21\u0e27\u0e14\u0e2b\u0e21\u0e39\u0e48\u0e2a\u0e37\u0e48\u0e2d \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e27\u0e32\u0e07\u0e41\u0e1c\u0e19\u0e41\u0e25\u0e30\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e07\u0e32\u0e19\u0e44\u0e14\u0e49\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e2a\u0e30\u0e14\u0e27\u0e01 \u0e41\u0e19\u0e27\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e23\u0e31\u0e1a\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\u0e2a\u0e37\u0e48\u0e2d\u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d CANVAS \u0e2b\u0e21\u0e27\u0e14\u0e2b\u0e21\u0e39\u0e48\u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d\u0e1c\u0e25\u0e34\u0e15\u0e2a\u0e37\u0e48\u0e2d\u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d CANVAS\u200b \u0e2a\u0e34\u0e48\u0e07\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e40\u0e15\u0e23\u0e35\u0e22\u0e21\u0e01\u0e48\u0e2d\u0e19\u0e16\u0e48\u0e32\u0e22\u0e17\u0e33 \u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e04\u0e25\u0e34\u0e1b\u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d https:\/\/www.sieduit.org\/educationnew\/wp-content\/uploads\/2026\/08\/\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07-clip-CANVAS-\u0e2d.\u0e01\u0e23\u0e01\u0e24\u0e29\u0e13\u0e4c-1.mp4<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"folder":[86],"class_list":["post-3539","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.sieduit.org\/educationnew\/wp-json\/wp\/v2\/pages\/3539","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sieduit.org\/educationnew\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.sieduit.org\/educationnew\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.sieduit.org\/educationnew\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sieduit.org\/educationnew\/wp-json\/wp\/v2\/comments?post=3539"}],"version-history":[{"count":0,"href":"https:\/\/www.sieduit.org\/educationnew\/wp-json\/wp\/v2\/pages\/3539\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.sieduit.org\/educationnew\/wp-json\/wp\/v2\/media?parent=3539"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/www.sieduit.org\/educationnew\/wp-json\/wp\/v2\/folder?post=3539"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}