---
title: "The Difficult Equation: How to Sell Knowledge? | Hawadet Studio"
description: "Strategies for converting free viewers into buyers of your courses using explainer videos and educational motion graphics."
url: "https://hawadet.com/en/blogs/difficult-equation-sell-knowledge"
date: "2026-09-09T23:24:03+03:00"
---

# The Difficult Equation: How to Sell Knowledge? | Hawadet Studio

<html data-language="en" dir="ltr" lang="en"><head> <meta charset="UTF-8"></meta> <meta content="width=device-width, initial-scale=1.0" name="viewport"></meta> <title>The Difficult Equation: How to Sell Knowledge? | Hawadet Studio</title><meta content="The Difficult Equation: How to Sell Knowledge? | Hawadet Studio" name="title"></meta><meta content="Strategies for converting free viewers into buyers of your courses using explainer videos and educational motion graphics." name="description"></meta><meta content="تسويق الكورسات, موشن جرافيك تعليمي, edtech marketing, بيع المحتوى التعليمي, course marketing, edtech motion graphics, selling educational content" name="keywords"></meta><meta content="Hawadet Studio" name="author"></meta><meta content="index, follow, max-image-preview:large" name="robots"></meta><link href="https://hawadet.com/en/blogs/difficult-equation-sell-knowledge" rel="canonical"></link><meta content="EG" name="geo.region"></meta><meta content="Cairo" name="geo.placename"></meta><meta content="30.0444;31.2357" name="geo.position"></meta><meta content="30.0444, 31.2357" name="ICBM"></meta> <link href="https://hawadet.com/blogs/difficult-equation-sell-knowledge" hreflang="x-default" rel="alternate"></link> <link href="https://hawadet.com/blogs/difficult-equation-sell-knowledge" hreflang="ar" rel="alternate"></link> <link href="https://hawadet.com/en/blogs/difficult-equation-sell-knowledge" hreflang="en" rel="alternate"></link> <meta content="article" property="og:type"></meta><meta content="https://hawadet.com/en/blogs/difficult-equation-sell-knowledge" property="og:url"></meta><meta content="The Difficult Equation: How to Sell Knowledge? | Hawadet Studio" property="og:title"></meta><meta content="Strategies for converting free viewers into buyers of your courses using explainer videos and educational motion graphics." property="og:description"></meta><meta content="https://media.hawadet.com/17/temp_1786718065_Sq_3__Sh_25.jpg" property="og:image"></meta><meta content="1200" property="og:image:width"></meta><meta content="630" property="og:image:height"></meta><meta content="Hawadet Studio" property="og:site_name"></meta><meta content="en_US" property="og:locale"></meta><meta content="summary_large_image" name="twitter:card"></meta><meta content="https://hawadet.com/en/blogs/difficult-equation-sell-knowledge" name="twitter:url"></meta><meta content="The Difficult Equation: How to Sell Knowledge? | Hawadet Studio" name="twitter:title"></meta><meta content="Strategies for converting free viewers into buyers of your courses using explainer videos and educational motion graphics." name="twitter:description"></meta><meta content="https://media.hawadet.com/17/temp_1786718065_Sq_3__Sh_25.jpg" name="twitter:image"></meta><meta content="@hwadetstudio" name="twitter:site"></meta>  <meta content="#050507" name="theme-color"></meta>  <link href="https://media.hawadet.com/website/favicon.png" rel="icon" type="image/png"></link>   <link href="https://fonts.googleapis.com" rel="preconnect"></link> <link crossorigin="" href="https://fonts.gstatic.com" rel="preconnect"></link> <link as="style" href="https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&display=swap" rel="preload"></link> <link href="https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&display=swap" media="print" onload="this.media='all'" rel="stylesheet"></link> <noscript><link href="https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&display=swap" rel="stylesheet"></link></noscript>  <link as="font" crossorigin="anonymous" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/webfonts/fa-solid-900.woff2" rel="preload" type="font/woff2"></link> <link as="font" crossorigin="anonymous" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/webfonts/fa-brands-400.woff2" rel="preload" type="font/woff2"></link> <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" media="print" onload="this.media='all'" rel="stylesheet"></link> <noscript><link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet"></link></noscript> <meta content="CQuMWoYI-YdIqi_Kngj9oVrS7Q1tW8BZz6BTMPLD8IU" name="google-site-verification"></meta> <link as="style" href="https://hawadet.com/build/assets/app-BX5yAmNf.css" rel="preload"></link><link href="https://hawadet.com/build/assets/app-B0p3aHyn.js" rel="modulepreload"></link><link href="https://hawadet.com/build/assets/app-BX5yAmNf.css" rel="stylesheet"></link> <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet"></link> </head><body class="english-mode "> <div class="hw-cursor"></div><div class="hw-cursor-follower"></div><svg aria-hidden="true" focusable="false" style="width:0; height:0; position:absolute;"> <defs> <filter id="underwater-ripple"> <feturbulence basefrequency="0.005 0.005" numoctaves="2" result="noise" type="fractalNoise"></feturbulence> <fedisplacementmap in="SourceGraphic" in2="noise" scale="20" xchannelselector="R" ychannelselector="G"></fedisplacementmap> </filter> </defs></svg><div class="ocean-abyss-container"> <div class="ocean-abyss sketch-layer"><div class="warm-light orb-1"></div><div class="warm-light orb-2"></div><div class="warm-light orb-3"></div> <div class="swimming-pod family-1"> <svg class="creature big-parent" style="filter: drop-shadow(0 0 15px rgba(0, 150, 255, 0.6));" viewbox="0 0 512 512"> <path d="M256,0 C270,50 350,150 500,200 C450,250 350,280 270,300 C260,400 258,500 256,512 C254,500 252,400 242,300 C162,280 62,250 12,200 C162,150 242,50 256,0 Z" fill="rgba(0, 150, 255, 0.3)"></path> </svg> <svg class="creature medium-parent" style="filter: drop-shadow(0 0 10px rgba(0, 255, 180, 0.5));" viewbox="0 0 512 512"> <path d="M256,0 C270,50 350,150 500,200 C450,250 350,280 270,300 C260,400 258,500 256,512 C254,500 252,400 242,300 C162,280 62,250 12,200 C162,150 242,50 256,0 Z" fill="rgba(0, 255, 180, 0.25)"></path> </svg> <svg class="creature baby" style="filter: drop-shadow(0 0 8px rgba(0, 255, 255, 0.7));" viewbox="0 0 512 512"> <path d="M256,0 C270,50 350,150 500,200 C450,250 350,280 270,300 C260,400 258,500 256,512 C254,500 252,400 242,300 C162,280 62,250 12,200 C162,150 242,50 256,0 Z" fill="rgba(0, 255, 255, 0.35)"></path> </svg> </div> <div class="swimming-pod family-2"> <svg class="creature big-parent" style="filter: drop-shadow(0 0 15px rgba(255, 180, 0, 0.5));" viewbox="0 0 512 512"> <path d="M256,0 C270,50 350,150 500,200 C450,250 350,280 270,300 C260,400 258,500 256,512 C254,500 252,400 242,300 C162,280 62,250 12,200 C162,150 242,50 256,0 Z" fill="rgba(255, 180, 0, 0.25)"></path> </svg> <svg class="creature baby" style="filter: drop-shadow(0 0 10px rgba(255, 100, 150, 0.6));" viewbox="0 0 512 512"> <path d="M256,0 C270,50 350,150 500,200 C450,250 350,280 270,300 C260,400 258,500 256,512 C254,500 252,400 242,300 C162,280 62,250 12,200 C162,150 242,50 256,0 Z" fill="rgba(255, 100, 150, 0.3)"></path> </svg> </div> <div class="swimming-pod family-3"> <svg class="creature big-orca" style="filter: drop-shadow(0 0 15px rgba(200, 230, 255, 0.5));" viewbox="0 0 220 100"> <path d="M 10 50 C 10 35, 40 25, 75 35 C 85 15, 95 0, 100 5 C 100 20, 95 30, 105 38 C 140 45, 170 48, 190 48 C 200 45, 205 35, 210 30 C 205 50, 205 50, 210 70 C 205 65, 200 55, 190 52 C 150 55, 110 60, 90 60 C 85 80, 75 95, 70 90 C 75 75, 80 65, 70 58 C 40 55, 10 65, 10 50 Z" fill="rgba(200, 230, 255, 0.25)"></path> </svg> <svg class="creature baby-orca" style="filter: drop-shadow(0 0 10px rgba(180, 100, 255, 0.6));" viewbox="0 0 220 100"> <path d="M 10 50 C 10 35, 40 25, 75 35 C 85 15, 95 0, 100 5 C 100 20, 95 30, 105 38 C 140 45, 170 48, 190 48 C 200 45, 205 35, 210 30 C 205 50, 205 50, 210 70 C 205 65, 200 55, 190 52 C 150 55, 110 60, 90 60 C 85 80, 75 95, 70 90 C 75 75, 80 65, 70 58 C 40 55, 10 65, 10 50 Z" fill="rgba(180, 100, 255, 0.3)"></path> </svg> </div> </div> <div class="ocean-abyss color-layer"><div class="warm-light orb-1"></div><div class="warm-light orb-2"></div><div class="warm-light orb-3"></div> <div class="swimming-pod family-1"> <svg class="creature big-parent" style="filter: drop-shadow(0 0 15px rgba(0, 150, 255, 0.6));" viewbox="0 0 512 512"> <path d="M256,0 C270,50 350,150 500,200 C450,250 350,280 270,300 C260,400 258,500 256,512 C254,500 252,400 242,300 C162,280 62,250 12,200 C162,150 242,50 256,0 Z" fill="rgba(0, 150, 255, 0.3)"></path> </svg> <svg class="creature medium-parent" style="filter: drop-shadow(0 0 10px rgba(0, 255, 180, 0.5));" viewbox="0 0 512 512"> <path d="M256,0 C270,50 350,150 500,200 C450,250 350,280 270,300 C260,400 258,500 256,512 C254,500 252,400 242,300 C162,280 62,250 12,200 C162,150 242,50 256,0 Z" fill="rgba(0, 255, 180, 0.25)"></path> </svg> <svg class="creature baby" style="filter: drop-shadow(0 0 8px rgba(0, 255, 255, 0.7));" viewbox="0 0 512 512"> <path d="M256,0 C270,50 350,150 500,200 C450,250 350,280 270,300 C260,400 258,500 256,512 C254,500 252,400 242,300 C162,280 62,250 12,200 C162,150 242,50 256,0 Z" fill="rgba(0, 255, 255, 0.35)"></path> </svg> </div> <div class="swimming-pod family-2"> <svg class="creature big-parent" style="filter: drop-shadow(0 0 15px rgba(255, 180, 0, 0.5));" viewbox="0 0 512 512"> <path d="M256,0 C270,50 350,150 500,200 C450,250 350,280 270,300 C260,400 258,500 256,512 C254,500 252,400 242,300 C162,280 62,250 12,200 C162,150 242,50 256,0 Z" fill="rgba(255, 180, 0, 0.25)"></path> </svg> <svg class="creature baby" style="filter: drop-shadow(0 0 10px rgba(255, 100, 150, 0.6));" viewbox="0 0 512 512"> <path d="M256,0 C270,50 350,150 500,200 C450,250 350,280 270,300 C260,400 258,500 256,512 C254,500 252,400 242,300 C162,280 62,250 12,200 C162,150 242,50 256,0 Z" fill="rgba(255, 100, 150, 0.3)"></path> </svg> </div> <div class="swimming-pod family-3"> <svg class="creature big-orca" style="filter: drop-shadow(0 0 15px rgba(200, 230, 255, 0.5));" viewbox="0 0 220 100"> <path d="M 10 50 C 10 35, 40 25, 75 35 C 85 15, 95 0, 100 5 C 100 20, 95 30, 105 38 C 140 45, 170 48, 190 48 C 200 45, 205 35, 210 30 C 205 50, 205 50, 210 70 C 205 65, 200 55, 190 52 C 150 55, 110 60, 90 60 C 85 80, 75 95, 70 90 C 75 75, 80 65, 70 58 C 40 55, 10 65, 10 50 Z" fill="rgba(200, 230, 255, 0.25)"></path> </svg> <svg class="creature baby-orca" style="filter: drop-shadow(0 0 10px rgba(180, 100, 255, 0.6));" viewbox="0 0 220 100"> <path d="M 10 50 C 10 35, 40 25, 75 35 C 85 15, 95 0, 100 5 C 100 20, 95 30, 105 38 C 140 45, 170 48, 190 48 C 200 45, 205 35, 210 30 C 205 50, 205 50, 210 70 C 205 65, 200 55, 190 52 C 150 55, 110 60, 90 60 C 85 80, 75 95, 70 90 C 75 75, 80 65, 70 58 C 40 55, 10 65, 10 50 Z" fill="rgba(180, 100, 255, 0.3)"></path> </svg> </div> </div></div><div class="article-hero"><div class="article-hero-bg" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;"> ![The Difficult Equation: How to Sell Knowledge? | Hawadet Studio - Professional Animation Production](https://media.hawadet.com/17/conversions/temp_1786718065_Sq_3__Sh_25-webp.webp "The Difficult Equation: How to Sell Knowledge?")<div class="article-hero-overlay" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(5, 5, 5, 0.75);"></div><div style="position: absolute; bottom: 12px; right: 16px; z-index: 3; color: rgba(255,255,255,0.5); font-size: 0.75rem; font-weight: 600; letter-spacing: 1px;"> © 2026 Hawadet Studio </div> </div><div class="container" style="padding: 0 20px; position: relative; z-index: 2;"> <span class="article-meta">B2B &amp; EdTech</span>The Difficult Equation: How to Sell Knowledge?
==============================================

<div class="article-date">  Sep 04, 2026 <span style="margin: 0 8px; color: rgba(255,255,255,0.3);">|</span> <span style="color: rgba(255,255,255,0.4);">Hawadet Studio</span> </div> </div></div><div class="article-content-wrapper"><div class="blog-content">The digital education and course selling industry is one of the most profitable markets, but it is also the most competitive. Many trainers and educational centers apply a classic marketing strategy: "Publish a lot of free educational videos on YouTube and social media, and people will automatically buy your paid course."

But the reality is shocking: Channel owners have millions of views, yet their course sales rate is close to zero! Why does this happen? And how can **Video Marketing** shift from merely "spreading knowledge" to a "real sales machine"?

<div style="background: #f8f9fa; border-left: 4px solid #ef4444; padding: 25px; border-radius: 12px; margin: 35px 0; box-shadow: 0 4px 15px rgba(0,0,0,0.05); color: #1a202c;">### 📉 A Fatal Mistake: Giving the "Map" for Free

- <span style="font-size: 1.4rem; line-height: 1.2;">❌</span> <span style="font-size: 1.1rem; line-height: 1.6; color: #4a5568;">**Wrong Free Content:** The teacher explains the entire lesson in detail with steps from A to Z. The student takes the information and leaves, so why buy the course?</span>
- <span style="font-size: 1.4rem; line-height: 1.2;">✅</span> <span style="font-size: 1.1rem; line-height: 1.6; color: #4a5568;">**Correct Free Content:** In free content, you must explain **(What to do and why?)**, and in the paid course, you explain **(How to do it in detail?)**.</span>
 
</div>How to Turn a Free Viewer into a Buyer? (The Sales Funnel)
----------------------------------------------------------

The secret lies in designing a [marketing script](/en/blogs/instructional-scriptwriting) based on "Problem Awareness." If you want to sell a course on "Photography," don't publish a free video teaching them photography step by step!

Instead, produce a short Explainer Video discussing: *"Why do your phone pictures look dull even though you have the latest phone?"*When the viewer realizes the magnitude of the problem (that lighting is more important than the camera), at the end of the video, you present the solution: *"Learn the secrets of professional lighting in my comprehensive course via the link."*

### The Importance of Producing Promo Videos for Your Course

A student will not pay $100 for a training course just by seeing a static image ad (JPEG). You are selling visual content, so the ad itself must be dazzling visual content.

A Promo video must contain:

1. **Motion Graphics Shots:** Highlighting the production quality of the course.
2. **Language of Numbers:** "Join 5000 students who changed their career paths."
3. **Sneak Peek:** Quick shots of the [LMS Platform](/en/blogs/learning-management-system-lms) so the student sees how easy it is to use.

<table class="table table-bordered"> <thead> <tr> <th>Video Element</th> <th>Free Content Video (YouTube)</th> <th>Promotional Video (Promo Ad)</th> </tr> </thead> <tbody> <tr> <td>Goal</td> <td>Building trust and proving expertise</td> <td>Converting interest into sales (Conversion)</td> </tr> <tr> <td>Duration</td> <td>5 to 15 minutes</td> <td>30 to 60 seconds maximum</td> </tr> <tr> <td>Call to Action (CTA)</td> <td>"Subscribe to the channel"</td> <td>"Register now and get the discount"</td> </tr> </tbody></table>

<div style="background: #eef2ff; border: 1px solid #c7d2fe; padding: 20px; margin: 30px 0; border-radius: 8px;"> **🔗 Have you sold the course but students aren't completing it? Read:** [How to increase course completion rates by 300%?](/en/blogs/increase-course-completion-rates)</div>Visual Professionalism Justifies Premium Pricing
------------------------------------------------

Why do people buy a course for $500 when similar courses exist for $10? The secret is **Perceived Value**. If your promo video is shot with a shaky phone camera in a dark room, the customer will only pay you a little. But if the video is supported by [motion graphics, visual effects](/en/blogs/explainer-videos-startups), and professional studio filming, the customer will automatically feel they are buying a Premium product.

<div style="text-align:center;margin:40px 0;">Do you have a strong course but don't know how to market it? We produce promo videos and motion graphics ads that multiply your sales.

 [Request a Promo Video production for your course from Hawadet](https://hawadet.com/en/contact-us)</div><div style="margin-top: 4rem; padding: 2rem; background: rgba(255,255,255,0.02); border-radius: 16px; border: 1px solid rgba(255,255,255,0.05); display: flex; align-items: center; gap: 1.5rem;"><div style="width: 80px; height: 80px; border-radius: 50%; background: linear-gradient(135deg, var(--primary), var(--accent)); display: flex; align-items: center; justify-content: center; font-size: 2rem; color: #fff; font-weight: bold; flex-shrink: 0;"> H </div><div>#### Hawadet Studio Team

 2D Animation Production Studio

 The Hawadet team is a 2D animation production studio specialising in children's content, educational animation, and original IP development for broadcasters and streaming platforms. These articles reflect the team's hands-on experience across the production pipeline, from concept to delivery.

 </div> </div><div style="margin-top: 2rem; padding: 1.5rem; background: rgba(104, 95, 186, 0.08); border-radius: 12px; border: 1px solid rgba(104, 95, 186, 0.2); text-align: center;"> © 2026 Hawadet Studio. All rights reserved. Images and content are exclusive property of Hawadet Studio.

 </div><div class="article-share-bar" style="
    margin: 32px 0;
    padding: 20px 24px;
    background: rgba(104, 95, 186, 0.05);
    border-radius: 16px;
    border: 1px solid rgba(104, 95, 186, 0.15);
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    direction: ltr;
"> <span style="font-weight: 700; color: #ffffff; font-size: 0.95rem; white-space: nowrap;">  Share Article </span><div style="width: 1px; height: 30px; background: rgba(255,255,255,0.1); flex-shrink: 0;"></div> [  WhatsApp ](https://wa.me/?text=The+Difficult+Equation%3A+How+to+Sell+Knowledge%3F%20https%3A%2F%2Fhawadet.com%2Fs%2FIJuex17) [  Facebook ](https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fhawadet.com%2Fs%2FIJuex17) [  X ](https://twitter.com/intent/tweet?text=The+Difficult+Equation%3A+How+to+Sell+Knowledge%3F&url=https%3A%2F%2Fhawadet.com%2Fs%2FIJuex17) [  LinkedIn ](https://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2Fhawadet.com%2Fs%2FIJuex17&title=The+Difficult+Equation%3A+How+to+Sell+Knowledge%3F) [  Telegram ](https://t.me/share/url?url=https%3A%2F%2Fhawadet.com%2Fs%2FIJuex17&text=The+Difficult+Equation%3A+How+to+Sell+Knowledge%3F) <button aria-label="Copy short link" class="share-btn share-btn-copy" id="copy-link-btn" onclick="copyShortLink('https://hawadet.com/s/IJuex17')" onmouseout="this.style.background='rgba(255, 255, 255, 0.05)';this.style.borderColor='rgba(255, 255, 255, 0.2)';this.style.color='rgba(255, 255, 255, 0.8)'" onmouseover="this.style.background='var(--accent)';this.style.borderColor='var(--accent)';this.style.color='var(--dark-bg)'" style="
            display: inline-flex; align-items: center; gap: 7px;
            padding: 9px 18px; border-radius: 50px;
            background: rgba(255, 255, 255, 0.05); color: rgba(255, 255, 255, 0.8);
            border: 1.5px solid rgba(255, 255, 255, 0.2);
            font-weight: 600; font-size: 0.88rem;
            cursor: pointer;
            transition: all 0.2s ease; white-space: nowrap;
        " type="button">  <span id="copy-btn-text">Copy Link</span> </button> <span style="
        margin-left: auto;
        font-size: 0.8rem;
        color: rgba(255,255,255,0.6);
        font-family: monospace;
        background: rgba(0,0,0,0.3);
        padding: 4px 10px;
        border-radius: 6px;
        border: 1px solid rgba(255,255,255,0.1);
    ">https://hawadet.com/s/IJuex17</span></div> </div><div class="related-section">Related Articles
----------------

<div class="blogs-grid"> [<div class="blog-image-wrapper"> ![How to Use Animation in Educating FinTech Sector Clients](https://media.hawadet.com/69/conversions/temp_1787013834_newones_0025_LayerComp27-webp.webp) </div><div class="blog-content-wrapper"><div class="blog-meta-card">B2B &amp; EdTech</div>### How to Use Animation in Educating FinTech Sector Clients

Discover how banks and FinTech companies use educational motion graphics to simplify complex product...

<div class="blog-footer-card"> <span style="color: rgba(255,255,255,0.4);">May 31, 2025</span> <span class="read-more"> <span>Read More</span>  </span> </div> </div> ](https://hawadet.com/en/blogs/animation-in-education-guide) [<div class="blog-image-wrapper"> ![AI Video Dubbing and Translation: How to Conquer Global Markets at Zero Cost?](https://media.hawadet.com/167/conversions/temp_1788735771_newones_0011_LayerComp12-webp.webp) </div><div class="blog-content-wrapper"><div class="blog-meta-card">Educational &amp; AI Tools</div>### AI Video Dubbing and Translation: How to Conquer Global Markets at Zero Cost?

Learn how to use AI to dub and translate commercial videos, allowing your company to enter new marke...

<div class="blog-footer-card"> <span style="color: rgba(255,255,255,0.4);">Sep 07, 2026</span> <span class="read-more"> <span>Read More</span>  </span> </div> </div> ](https://hawadet.com/en/blogs/ai-video-dubbing-and-translation) [<div class="blog-image-wrapper"> ![A Great Product Doesn't Sell Itself if the Customer Doesn't Understand It!](https://media.hawadet.com/16/conversions/temp_1786718036_newones_0032_LayerComp34-webp.webp) </div><div class="blog-content-wrapper"><div class="blog-meta-card">B2B &amp; EdTech</div>### A Great Product Doesn't Sell Itself if the Customer Doesn't Understand It!

How a 60-second explainer motion graphics video can double your product or app sales by simplifying...

<div class="blog-footer-card"> <span style="color: rgba(255,255,255,0.4);">Sep 04, 2026</span> <span class="read-more"> <span>Read More</span>  </span> </div> </div> ](https://hawadet.com/en/blogs/explainer-videos-startups) </div> </div><div data-aos="zoom-in" style="margin-top: 5rem; text-align: center;"> [  <span>Back to Articles</span> ](https://hawadet.com/en/blogs) </div></div><div class="whale-mascot" id="whale-mascot" title="Hawadet Whale Companion"><div class="whale-body"> <svg class="whale-svg" preserveaspectratio="xMidYMid meet" viewbox="0 0 512 512">  <path d="M 149.041 216.521 c-11.094.18-46.64 9.46-55.977 17.11c-2.352 1.925-6.47 11.213-8.688 11.042c-3.068-.237-5.27-10.055-5.27-10.055c-22.123-12.38-60.006-10.56-59.652-8.71c.858 4.478 4.636 49.63 63.166 65.92c9.884 67.545 64.372 95.08 134.497 98.36c-19.497 13.367-75.48 18.697-67.775 30.55c12.604 10.522 83.862 4.593 124.504-8.34c14.09-4.484 28.865-8.31 44.047-11.637c43.23 10.56 111.83 23.66 151.36 10.984c13.348-4.28 7.064-20.362 1.054-18.262c-14.39 5.03-63.573 1.735-91.79-3.49c34.826-5.05 69.914-8.652 102.325-12.45c9.162-20.386 12.522-54.712 11.545-79.774c-1.878-48.145-32-52.028-101.092-44.247c-104.013 11.715-145.852 43.226-218.777 61.837c-11.118 2.838-47.684-4.157-63.373-29.783c36.728-17.253 50.916-61.758 43.005-68.545c-.44-.378-1.524-.536-3.11-.51zm220.81 141.173c-1.616 4.194-4.184 8.546-11.72 9.526c-7.538.978-11.46-3.26-13.696-8.824c8.47 1.463 16.944 1.146 25.416-.703z" fill="var(--primary)"></path> </svg> </div>  <canvas id="whale-spray-canvas" style="position:absolute;bottom:0;left:0;width:100%;height:300px;pointer-events:none;z-index:3;"></canvas></div> 