<!DOCTYPE html>
<html lang="en">

<!-- including head -->
<%- include('./partials/head.ejs') %>

    <body class="bg-[#effaff] font-quickSand">

        <!-- including header -->
        <%- include('./partials/header.ejs') %>

            <div id="blurContentStudytips" class="pt-[88px]">
                <!-- body contents -->
                <div class="flex flex-col-reverse md:flex-row p-3">
                    <div class="flex flex-col md:w-1/2">
                        <h1 class="text-base md:text-2xl font-semibold p-3 md:p-6 text-[#1c2541]">Click and go to the
                            specific
                            content directly from here!</h1>
                        <div class="flex flex-col justify-between px-3 md:px-6 text-sm md:text-base text-[#3bbeff]">
                            <a class="md:hover:text-2xl md:hover:font-semibold md:hover:p-5 transition-all"
                                href="/study-tips#intro">Introduction To Effective Studying</a>
                            <a class="md:hover:text-2xl md:hover:font-semibold md:hover:p-5 transition-all"
                                href="/study-tips#timeManagement">Time Management Techniques</a>
                            <a class="md:hover:text-2xl md:hover:font-semibold md:hover:p-5 transition-all"
                                href="/study-tips#noteTakingStrategies">Note-Taking Strategies</a>
                            <a class="md:hover:text-2xl md:hover:font-semibold md:hover:p-5 transition-all"
                                href="/study-tips#activeLearning">Active Learning Techniques</a>
                            <a class="md:hover:text-2xl md:hover:font-semibold md:hover:p-5 transition-all"
                                href="/study-tips#memoryImprovement">Memory Improvement Techniques</a>
                            <a class="md:hover:text-2xl md:hover:font-semibold md:hover:p-5 transition-all"
                                href="/study-tips#testTaking">Test Taking Strategies</a>
                            <a class="md:hover:text-2xl md:hover:font-semibold md:hover:p-5 transition-all"
                                href="/study-tips#motivationQuotes">Motivational Quotes</a>
                            <a class="md:hover:text-2xl md:hover:font-semibold md:hover:p-5 transition-all"
                                href="/studyTips.html#inspiration">Inspiration</a>
                        </div>
                    </div>
                    <div class="studyTipsIllustration mx-8 md:mx-32 w-76 md:w-96">
                        <svg class="animated" id="freepik_stories-exams" xmlns="http://www.w3.org/2000/svg"
                            xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 500 500" version="1.1"
                            xmlns:svgjs="http://svgjs.com/svgjs">
                            <style>
                                svg#freepik_stories-exams:not(.animated) .animable {
                                    opacity: 0;
                                }

                                svg#freepik_stories-exams.animated #freepik--background-simple--inject-13 {
                                    animation: 2s 1 forwards cubic-bezier(.36, -0.01, .5, 1.38) zoomIn;
                                    animation-delay: 0s;
                                }

                                svg#freepik_stories-exams.animated #freepik--Clocks--inject-13 {
                                    animation: 2s 1 forwards linear zoomIn;
                                    animation-delay: 0s;
                                }

                                svg#freepik_stories-exams.animated #freepik--exam-sheets--inject-13 {
                                    animation: 2s 1 forwards cubic-bezier(.36, -0.01, .5, 1.38) slideLeft, 3s Infinite linear floating;
                                    animation-delay: 0s, 2s;
                                }

                                svg#freepik_stories-exams.animated #freepik--Bubble--inject-13 {
                                    animation: 2s 1 forwards cubic-bezier(.36, -0.01, .5, 1.38) slideUp, 3s Infinite linear wind;
                                    animation-delay: 2.5s, 4.5s;
                                    opacity: 0
                                }

                                svg#freepik_stories-exams.animated #freepik--Character--inject-13 {
                                    animation: 2s 1 forwards cubic-bezier(.36, -0.01, .5, 1.38) slideRight;
                                    animation-delay: 0s;
                                }

                                svg#freepik_stories-exams.animated #freepik--Plant--inject-13 {
                                    animation: 2s 1 forwards cubic-bezier(.36, -0.01, .5, 1.38) slideLeft;
                                    animation-delay: 0s;
                                }

                                svg#freepik_stories-exams.animated #freepik--Bag--inject-13 {
                                    animation: 2s 1 forwards cubic-bezier(.36, -0.01, .5, 1.38) slideRight;
                                    animation-delay: 0s;
                                }

                                @keyframes zoomIn {
                                    0% {
                                        opacity: 0;
                                        transform: scale(0.5);
                                    }

                                    100% {
                                        opacity: 1;
                                        transform: scale(1);
                                    }
                                }

                                @keyframes slideLeft {
                                    0% {
                                        opacity: 0;
                                        transform: translateX(-30px);
                                    }

                                    100% {
                                        opacity: 1;
                                        transform: translateX(0);
                                    }
                                }

                                @keyframes floating {
                                    0% {
                                        opacity: 1;
                                        transform: translateY(0px);
                                    }

                                    50% {
                                        transform: translateY(-10px);
                                    }

                                    100% {
                                        opacity: 1;
                                        transform: translateY(0px);
                                    }
                                }

                                @keyframes slideUp {
                                    0% {
                                        opacity: 0;
                                        transform: translateY(30px);
                                    }

                                    100% {
                                        opacity: 1;
                                        transform: inherit;
                                    }
                                }

                                @keyframes wind {
                                    0% {
                                        transform: rotate(0deg);
                                    }

                                    25% {
                                        transform: rotate(1deg);
                                    }

                                    75% {
                                        transform: rotate(-1deg);
                                    }
                                }

                                @keyframes slideRight {
                                    0% {
                                        opacity: 0;
                                        transform: translateX(30px);
                                    }

                                    100% {
                                        opacity: 1;
                                        transform: translateX(0);
                                    }
                                }
                            </style>
                            <g id="freepik--background-simple--inject-13"
                                style="transform-origin: 248.588px 247.853px 0px;" class="animable animator-active">
                                <path
                                    d="M415.33,259.88c-.05-76.49,11.45-96.74-30-161.36s-143.06-78.93-219.9-31-97.5,109.57-97.5,109.57-27.88,72,11.3,144.5c35.83,66.32,106.39,104,167.59,135H403.31a110.3,110.3,0,0,0,23.92-28.3C459.1,374.66,415.39,336.37,415.33,259.88Z"
                                    style="fill: #90CAF9; transform-origin: 248.588px 247.853px 0px;"
                                    id="el064hfkd2pe5l" class="animable"></path>
                                <g id="elo8d85i1ujhn">
                                    <path
                                        d="M415.33,259.88c-.05-76.49,11.45-96.74-30-161.36s-143.06-78.93-219.9-31-97.5,109.57-97.5,109.57-27.88,72,11.3,144.5c35.83,66.32,106.39,104,167.59,135H403.31a110.3,110.3,0,0,0,23.92-28.3C459.1,374.66,415.39,336.37,415.33,259.88Z"
                                        style="fill: rgb(255, 255, 255); opacity: 0.7; isolation: isolate; transform-origin: 248.588px 247.853px 0px;"
                                        class="animable" id="elf4bm44et4fq"></path>
                                </g>
                            </g>
                            <g id="freepik--Clocks--inject-13" style="transform-origin: 250px 241.483px 0px;"
                                class="animable">
                                <path d="M229.79,50.72c1.35,5.35.69-4.5,3.34-16.56S240.31,27,240.31,27"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 235.05px 39.1139px 0px;"
                                    id="elth910v4vlk" class="animable"></path>
                                <line x1="228.96" y1="38.4" x2="237.27" y2="35"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 233.115px 36.7px 0px;"
                                    id="el26qdfdeaji6" class="animable"></line>
                                <path d="M244.14,30.92s-5,10.26,2.51,14.63"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 244.58px 38.235px 0px;"
                                    id="el1q5nmdsd0c3" class="animable"></path>
                                <path d="M251.18,28s8.19,4.55,3.06,14.41"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 253.555px 35.205px 0px;"
                                    id="elpfa9o1349u" class="animable"></path>
                                <line x1="245.56" y1="34.39" x2="251.43" y2="38.68"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 248.495px 36.535px 0px;"
                                    id="el89i8t9k4vdp" class="animable"></line>
                                <line x1="250.17" y1="32.51" x2="245.57" y2="39.82"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 247.87px 36.165px 0px;"
                                    id="el4bnwkusb83q" class="animable"></line>
                                <path d="M71.31,292.42s-13.93-.2-14,11.82"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 64.31px 298.33px 0px;"
                                    id="elorl0yjjwcwe" class="animable"></path>
                                <path d="M70.15,300c-.29-1.77-6.35-4-7.4.62s6.48,1.85,8.81-.31c0,0-4.32,4.2-3,5.38"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 67.1051px 301.784px 0px;"
                                    id="elueb5nvw17kr" class="animable"></path>
                                <path d="M71,307s-1.83,2.29-3.81,1.2"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 69.095px 307.747px 0px;"
                                    id="eloy92e7lhtfe" class="animable"></path>
                                <path d="M83.19,299,72.74,309.61S78,304.28,81.05,306c3.8,2.08-1.13,7.78-5.19,3.7"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 77.965px 305.068px 0px;"
                                    id="elbsrtxebm4db" class="animable"></path>
                                <path d="M88.47,301.86S91.24,314.55,76.94,315"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 82.813px 308.43px 0px;"
                                    id="elo8dssgkh68i" class="animable"></path>
                                <polyline points="275.03 86.13 280.07 86.96 280.14 98.41 291.18 78.28 308.6 81.14"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 291.815px 88.345px 0px;"
                                    id="elh6ueqmt566g" class="animable"></polyline>
                                <line x1="293.09" y1="87.1" x2="300.75" y2="100.62"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 296.92px 93.86px 0px;"
                                    id="elupbwp90bjd" class="animable"></line>
                                <line x1="302.72" y1="88.68" x2="289.01" y2="98.69"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 295.865px 93.685px 0px;"
                                    id="el61r6mzuy3k2" class="animable"></line>
                                <path
                                    d="M206.16,106.51c-1.29-1.64-8.72-.47-7.21,4.79s7.65-1.75,8.82-5.26c0,0-2.05,6.71,0,7.16"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 203.259px 109.511px 0px;"
                                    id="elchlf1dq346e" class="animable"></path>
                                <path d="M211.85,101.1l-1.66,5.9s.83-3,2.29-3c1.79,0,1.14,3-1.15,2.38"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 211.849px 104.05px 0px;"
                                    id="elv924fjrscgf" class="animable"></path>
                                <polyline points="351.93 173.82 348.43 186.47 356.08 194.85"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 352.255px 184.335px 0px;"
                                    id="el99i7499hthv" class="animable"></polyline>
                                <line x1="356.31" y1="178.96" x2="365.07" y2="186.29"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 360.69px 182.625px 0px;"
                                    id="elwr14ouaxu8j" class="animable"></line>
                                <line x1="362.34" y1="177.16" x2="358.55" y2="186.47"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 360.445px 181.815px 0px;"
                                    id="eliuy14yfw4g" class="animable"></line>
                                <path d="M368.5,185.27s.08,2.64-1.06,3"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 367.971px 186.77px 0px;"
                                    id="el91zd4ksqyzk" class="animable"></path>
                                <line x1="369.61" y1="176.05" x2="374.9" y2="179.98"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 372.255px 178.015px 0px;"
                                    id="el7v4j8fss9eh" class="animable"></line>
                                <line x1="376.86" y1="172.82" x2="371.64" y2="191.62"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 374.25px 182.22px 0px;"
                                    id="elvd2brcjvcup" class="animable"></line>
                                <polyline points="377.12 166.29 385.6 175.89 381.99 186.39"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 381.36px 176.34px 0px;"
                                    id="elzy2gouz4wjh" class="animable"></polyline>
                                <polygon points="143.58 414.01 155.85 377.49 170.73 394.1 143.58 414.01"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 157.155px 395.75px 0px;"
                                    id="el9qlslbprgpm" class="animable"></polygon>
                                <polyline points="167.08 396.77 163.94 393.18 167.29 390.28"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 165.615px 393.525px 0px;"
                                    id="elphzm84gunbb" class="animable"></polyline>
                                <g id="elydm92ws6f48">
                                    <circle cx="66.28" cy="197.29" r="12.49"
                                        style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 66.28px 197.29px 0px; transform: rotate(-22.5deg);"
                                        class="animable" id="el79lxybata1p"></circle>
                                </g>
                                <circle cx="80.13" cy="186.35" r="13.86"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 80.13px 186.35px 0px;"
                                    id="eldbglm3q8xw" class="animable"></circle>
                                <line x1="68.73" y1="185.04" x2="67.04" y2="190.91"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 67.885px 187.975px 0px;"
                                    id="elbuoeb0wucq" class="animable"></line>
                                <line x1="71.12" y1="185.77" x2="68.73" y2="194.23"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 69.925px 190px 0px;"
                                    id="el75eo068991m" class="animable"></line>
                                <line x1="73.63" y1="187.19" x2="71.12" y2="196.76"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 72.375px 191.975px 0px;"
                                    id="elw6gbkjlkwj" class="animable"></line>
                                <line x1="76.42" y1="190" x2="74.63" y2="199.08"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 75.525px 194.54px 0px;"
                                    id="el8a6lsvuqkbq" class="animable"></line>
                                <line x1="77.99" y1="192.96" x2="76.42" y2="199.71"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 77.205px 196.335px 0px;"
                                    id="elpp6im8vqf1l" class="animable"></line>
                                <path
                                    d="M54.33,181.28c-1.09-.33-4.08,2.51-1.76,4.42s2.91-3.18,2.34-5.13c0,0,1.17,3.67,2.23,3.23"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 54.425px 183.346px 0px;"
                                    id="elagjb1bv5wq5" class="animable"></path>
                                <path d="M70.45,165.25l4,7.28s-2-3.64-.59-5c1.72-1.68,4,1.87,1.12,3.36"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 73.4016px 168.89px 0px;"
                                    id="eltzhak8q0blk" class="animable"></path>
                                <line x1="143.54" y1="164.38" x2="149.19" y2="169.73"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 146.365px 167.055px 0px;"
                                    id="elrhku2jsj6sq" class="animable"></line>
                                <line x1="149.19" y1="162.99" x2="144.46" y2="170.05"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 146.825px 166.52px 0px;"
                                    id="el5hfi5xd2sq5" class="animable"></line>
                                <line x1="154.75" y1="165.02" x2="160.4" y2="162.91"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 157.575px 163.965px 0px;"
                                    id="el992tj05yret" class="animable"></line>
                                <line x1="163.11" y1="157.02" x2="166.55" y2="160.06"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 164.83px 158.54px 0px;"
                                    id="elqmgrhl8v8ge" class="animable"></line>
                                <line x1="169.18" y1="153.36" x2="164.83" y2="168.3"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 167.005px 160.83px 0px;"
                                    id="elq1tvfcz64ao" class="animable"></line>
                                <path d="M416.14,150.36l-.24-11.42h8.63s-4.78,2.64-2.58,8.78,5.74,2.64,5.74,2.64"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 421.795px 145.147px 0px;"
                                    id="elb574ly2krqj" class="animable"></path>
                                <polygon
                                    points="401.52 345.17 411.34 338.41 424.34 339.32 425.15 355.8 415.61 362.63 403.83 361.77 401.52 345.17"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 413.335px 350.52px 0px;"
                                    id="el7kddy528nq3" class="animable"></polygon>
                                <polyline points="403.83 361.77 413.33 354.93 425.15 355.8"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 414.49px 358.35px 0px;"
                                    id="elmdut53out9m" class="animable"></polyline>
                                <line x1="413.34" y1="354.93" x2="411.34" y2="338.41"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 412.34px 346.67px 0px;"
                                    id="elkryz75cwuw" class="animable"></line>
                                <polyline points="401.52 345.17 414.49 346.67 424.34 339.32"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 412.93px 342.995px 0px;"
                                    id="elxzvyezomh9" class="animable"></polyline>
                                <line x1="414.49" y1="346.67" x2="415.61" y2="362.63"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 415.05px 354.65px 0px;"
                                    id="elp7lrhx8pp2" class="animable"></line>
                                <polygon points="403.31 221.39 402.89 243.36 422.14 234.62 403.31 221.39"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 412.515px 232.375px 0px;"
                                    id="elvueyqsf2i0l" class="animable"></polygon>
                                <line x1="403.31" y1="221.39" x2="412.48" y2="238.88"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 407.895px 230.135px 0px;"
                                    id="elaar5yu0wg4" class="animable"></line>
                                <polyline points="411.01 236.07 413.24 234.99 414.74 237.98"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 412.875px 236.485px 0px;"
                                    id="elcodb8ekx2h9" class="animable"></polyline>
                                <line x1="235.47" y1="219.31" x2="243.43" y2="227.84"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 239.45px 223.575px 0px;"
                                    id="el7535yuqtnxi" class="animable"></line>
                                <line x1="243.49" y1="218.16" x2="236.8" y2="227.32"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 240.145px 222.74px 0px;"
                                    id="el22bms4i91cl" class="animable"></line>
                                <path
                                    d="M246.75,213.69a1.59,1.59,0,0,1,2.11.77,1.64,1.64,0,0,1,.13.43c.39,1.92-2.76,4.42-2.76,4.42h4.49"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 248.475px 216.426px 0px;"
                                    id="elzbxmgaaitrm" class="animable"></path>
                                <path d="M111.54,91.5a28.92,28.92,0,0,1,15.24-23.26"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 119.16px 79.87px 0px;"
                                    id="el8xy8bj5w5fg" class="animable"></path>
                                <path d="M133.65,122A28.92,28.92,0,0,1,116,109.41"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 124.825px 115.705px 0px;"
                                    id="el3nv7djwcofj" class="animable"></path>
                                <path d="M169.3,96.11a29,29,0,0,1-31.19,26.58"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 153.705px 109.446px 0px;"
                                    id="elaz0mqqdmpe" class="animable"></path>
                                <path d="M142.72,64.93a29,29,0,0,1,26.41,24.94"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 155.925px 77.4px 0px;"
                                    id="elufi8pzjvs9n" class="animable"></path>
                                <path d="M152.92,116.11a25.57,25.57,0,0,1-38-24.34"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 133.879px 105.575px 0px;"
                                    id="elo8jrgyjvby" class="animable"></path>
                                <path d="M116.56,84.61a25.57,25.57,0,1,1,42.93,26.22"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 141.278px 89.5249px 0px;"
                                    id="elrjoeq8lkpk" class="animable"></path>
                                <polyline points="137.91 75.41 140.42 93.81 154.56 89.41"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 146.235px 84.61px 0px;"
                                    id="elb2uawtpkodk" class="animable"></polyline>
                                <path d="M360.9,129.57a20.06,20.06,0,0,1-13.69-34.9"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 350.773px 112.12px 0px;"
                                    id="elaqexlpwj8qg" class="animable"></path>
                                <path d="M379.69,116a20,20,0,0,1-12.32,12.45"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 373.53px 122.225px 0px;"
                                    id="eljz8sc97hv4l" class="animable"></path>
                                <path d="M354.05,90.59a20.06,20.06,0,0,1,25.58,12.26"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 366.84px 96.1486px 0px;"
                                    id="elod2w4s6e5z" class="animable"></path>
                                <path d="M370.61,94.84a17.7,17.7,0,1,1-23,26.58"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 363.005px 111.023px 0px;"
                                    id="el3w8vz5kgxq6" class="animable"></path>
                                <path d="M344,115.38a17.7,17.7,0,0,1,21.15-23"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 354.074px 103.595px 0px;"
                                    id="el2erpl2gdti8" class="animable"></path>
                                <polyline points="353.95 98.58 360.71 109.51 354.55 117.5"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 357.33px 108.04px 0px;"
                                    id="el4vjgyrny11u" class="animable"></polyline>
                                <path d="M219,408.43a16.06,16.06,0,0,1,7-13.32"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 222.5px 401.77px 0px;"
                                    id="elb8d6eo0py1l" class="animable"></path>
                                <path d="M246.71,419.51a16.09,16.09,0,0,1-26.89-5.9"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 233.265px 419.061px 0px;"
                                    id="el2jsd9v1nj5u" class="animable"></path>
                                <path d="M235.05,392.34a16.09,16.09,0,0,1,16.09,16.09"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 243.095px 400.385px 0px;"
                                    id="elyesx1vnq9p" class="animable"></path>
                                <path d="M235.05,422.62a14.19,14.19,0,0,1-14.19-14.19h0"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 227.955px 415.525px 0px;"
                                    id="elchhxnla33m" class="animable"></path>
                                <path d="M224,399.52a14.2,14.2,0,1,1,18,21.31"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 236.619px 407.542px 0px;"
                                    id="el73cuiftto6" class="animable"></path>
                                <polyline points="232.85 418.07 235.05 408.43 231.98 400.55"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 233.515px 409.31px 0px;"
                                    id="elwu8bfisx33" class="animable"></polyline>
                                <line x1="47.71" y1="456.95" x2="452.29" y2="456.95"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 250px 456.95px 0px;"
                                    id="elgqi5k763x97" class="animable"></line>
                            </g>
                            <g id="freepik--exam-sheets--inject-13" style="transform-origin: 168.155px 279.28px 0px;"
                                class="animable">
                                <polygon
                                    points="252.99 246.08 246.4 371.55 162.91 367.17 163.61 353.87 169.5 241.69 222.07 244.45 252.99 246.08"
                                    style="fill: rgb(255, 255, 255); transform-origin: 207.95px 306.62px 0px;"
                                    id="elykdufsyvuka" class="animable"></polygon>
                                <g style="clip-path: url(&quot;#freepik--clip-path--inject-13&quot;); transform-origin: 195.27px 297.78px 0px;"
                                    id="el2qsqa85g9wg" class="animable">
                                    <g id="elkcada7tdhne">
                                        <polygon
                                            points="226.93 319.59 208.12 321.14 213.61 344.83 163.61 353.87 169.5 241.69 222.07 244.45 226.93 319.59"
                                            style="fill-opacity: 0.7; opacity: 0.2; isolation: isolate; transform-origin: 195.27px 297.78px 0px;"
                                            class="animable" id="elgym8a69iqtb"></polygon>
                                    </g>
                                </g>
                                <polygon
                                    points="252.99 246.08 246.4 371.55 162.91 367.17 163.61 353.87 169.5 241.69 222.07 244.45 252.99 246.08"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 207.95px 306.62px 0px;"
                                    id="elw4fhbl7j5wm" class="animable"></polygon>
                                <line x1="175.39" y1="250.27" x2="197.12" y2="251.41"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; transform-origin: 186.255px 250.84px 0px;"
                                    id="elnqyzuyfi48" class="animable"></line>
                                <line x1="175.17" y1="254.44" x2="189.95" y2="255.22"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; transform-origin: 182.56px 254.83px 0px;"
                                    id="elcsr0b0bemrr" class="animable"></line>
                                <line x1="179.95" y1="264.57" x2="242.45" y2="267.85"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; transform-origin: 211.2px 266.21px 0px;"
                                    id="eltxsjlyvow" class="animable"></line>
                                <line x1="179.73" y1="268.74" x2="242.23" y2="272.02"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; transform-origin: 210.98px 270.38px 0px;"
                                    id="el1ts57v40pf5" class="animable"></line>
                                <line x1="179.48" y1="273.61" x2="232.78" y2="276.4"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; transform-origin: 206.13px 275.005px 0px;"
                                    id="el2p49zwrxuw3" class="animable"></line>
                                <g id="elc60r5vnjk1">
                                    <rect x="179.36" y="278.19" width="5.09" height="5.09"
                                        style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 181.905px 280.735px 0px; transform: rotate(-86.99deg);"
                                        class="animable" id="elimjywcfjl7s"></rect>
                                </g>
                                <g id="elxuohpttta2">
                                    <rect x="188.58" y="278.67" width="5.09" height="5.09"
                                        style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 191.125px 281.215px 0px; transform: rotate(-86.99deg);"
                                        class="animable" id="elez1apqnoyq5"></rect>
                                </g>
                                <g id="el51xso0305x8">
                                    <rect x="197.78" y="279.16" width="5.09" height="5.09"
                                        style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 200.325px 281.705px 0px; transform: rotate(-86.99deg);"
                                        class="animable" id="el6rhn61sa149"></rect>
                                </g>
                                <g id="el9tarksno0g5">
                                    <rect x="206.99" y="279.64" width="5.09" height="5.09"
                                        style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 209.535px 282.185px 0px; transform: rotate(-86.99deg);"
                                        class="animable" id="elthttjjekzv"></rect>
                                </g>
                                <path
                                    d="M176.62,264.39a1.26,1.26,0,0,1-1.31,1.21h0a1.27,1.27,0,1,1,.13-2.54,1.26,1.26,0,0,1,1.2,1.32Z"
                                    style="fill: rgb(38, 50, 56); transform-origin: 175.372px 264.33px 0px;"
                                    id="elk00w0fqzrpf" class="animable"></path>
                                <line x1="178.67" y1="288.9" x2="241.17" y2="292.18"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; transform-origin: 209.92px 290.54px 0px;"
                                    id="el0zwumyuv5v8n" class="animable"></line>
                                <line x1="178.45" y1="293.07" x2="240.95" y2="296.35"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; transform-origin: 209.7px 294.71px 0px;"
                                    id="el4mpdave5ljt" class="animable"></line>
                                <line x1="178.2" y1="297.94" x2="231.5" y2="300.73"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; transform-origin: 204.85px 299.335px 0px;"
                                    id="eltdyxdth3rbk" class="animable"></line>
                                <g id="elsv0bew84t1">
                                    <rect x="178.08" y="302.52" width="5.09" height="5.09"
                                        style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 180.625px 305.065px 0px; transform: rotate(-86.99deg);"
                                        class="animable" id="elvhym7yvyfo"></rect>
                                </g>
                                <g id="elr5sttyddrc">
                                    <rect x="187.29" y="303" width="5.09" height="5.09"
                                        style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 189.835px 305.545px 0px; transform: rotate(-86.99deg);"
                                        class="animable" id="elddcawa485z"></rect>
                                </g>
                                <g id="ellf7lpv2xbm">
                                    <rect x="196.5" y="303.49" width="5.09" height="5.09"
                                        style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 199.045px 306.035px 0px; transform: rotate(-86.99deg);"
                                        class="animable" id="el3ui8ha1h1nb"></rect>
                                </g>
                                <g id="el4rgxi6z5fjm">
                                    <rect x="205.71" y="303.97" width="5.09" height="5.09"
                                        style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 208.255px 306.515px 0px; transform: rotate(-86.99deg);"
                                        class="animable" id="el0g46h4jp90m7"></rect>
                                </g>
                                <path d="M175.35,288.72a1.27,1.27,0,0,1-1.33,1.21h0a1.28,1.28,0,1,1,1.34-1.22Z"
                                    style="fill: rgb(38, 50, 56); transform-origin: 174.081px 288.652px 0px;"
                                    id="elfio00xaknga" class="animable"></path>
                                <line x1="177.4" y1="313.23" x2="239.89" y2="316.51"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; transform-origin: 208.645px 314.87px 0px;"
                                    id="el4auh3a3g2a4" class="animable"></line>
                                <line x1="177.18" y1="317.4" x2="239.67" y2="320.68"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; transform-origin: 208.425px 319.04px 0px;"
                                    id="elnim2ch3wq7r" class="animable"></line>
                                <line x1="176.92" y1="322.26" x2="230.22" y2="325.06"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; transform-origin: 203.57px 323.66px 0px;"
                                    id="el8iyff23573t" class="animable"></line>
                                <g id="elh5db4d8w2c9">
                                    <rect x="176.81" y="326.84" width="5.09" height="5.09"
                                        style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 179.355px 329.385px 0px; transform: rotate(-86.99deg);"
                                        class="animable" id="eltlm57h4odrl"></rect>
                                </g>
                                <g id="elnbidkcxfwc">
                                    <rect x="187.1" y="327.31" width="5.1" height="5.1"
                                        style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.00125px; transform-origin: 189.65px 329.86px 0px; transform: rotate(-87.14deg);"
                                        class="animable" id="elgty4bhnt9e5"></rect>
                                </g>
                                <g id="elpkzc73jatob">
                                    <rect x="195.22" y="327.82" width="5.09" height="5.09"
                                        style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 197.765px 330.365px 0px; transform: rotate(-86.99deg);"
                                        class="animable" id="elqr4grtpiunq"></rect>
                                </g>
                                <g id="el5efw4d6zjy5">
                                    <rect x="204.44" y="328.29" width="5.09" height="5.09"
                                        style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 206.985px 330.835px 0px; transform: rotate(-86.99deg);"
                                        class="animable" id="elbuj8yd50xgk"></rect>
                                </g>
                                <path
                                    d="M174.07,313.05a1.27,1.27,0,0,1-1.33,1.21h0a1.28,1.28,0,1,1,0-2.56h.18a1.27,1.27,0,0,1,1.21,1.33Z"
                                    style="fill: rgb(38, 50, 56); transform-origin: 172.795px 312.981px 0px;"
                                    id="elbi84z43txul" class="animable"></path>
                                <line x1="176.08" y1="338.25" x2="238.57" y2="341.54"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; transform-origin: 207.325px 339.895px 0px;"
                                    id="eloswnbbhgqki" class="animable"></line>
                                <line x1="175.86" y1="342.42" x2="238.36" y2="345.71"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; transform-origin: 207.11px 344.065px 0px;"
                                    id="elj6tqudey9gd" class="animable"></line>
                                <line x1="175.61" y1="347.29" x2="228.91" y2="350.09"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; transform-origin: 202.26px 348.69px 0px;"
                                    id="el74s8yon9ik7" class="animable"></line>
                                <g id="elw0j774kvlvo">
                                    <rect x="175.47" y="351.87" width="5.09" height="5.09"
                                        style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 178.015px 354.415px 0px; transform: rotate(-86.99deg);"
                                        class="animable" id="el5ydek1elhgs"></rect>
                                </g>
                                <g id="eldtlyd2jmjhp">
                                    <rect x="184.71" y="352.35" width="5.09" height="5.09"
                                        style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 187.255px 354.895px 0px; transform: rotate(-86.99deg);"
                                        class="animable" id="elgbr02mee6mk"></rect>
                                </g>
                                <g id="elpcolgp6ozj">
                                    <rect x="193.92" y="352.84" width="5.09" height="5.09"
                                        style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 196.465px 355.385px 0px; transform: rotate(-86.99deg);"
                                        class="animable" id="ela0ulb4733gb"></rect>
                                </g>
                                <g id="elcw5dliydmz7">
                                    <rect x="203.13" y="353.33" width="5.09" height="5.09"
                                        style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 205.675px 355.875px 0px; transform: rotate(-86.99deg);"
                                        class="animable" id="el4e581apupc"></rect>
                                </g>
                                <path d="M172.75,338.08a1.27,1.27,0,1,1-1.2-1.34,1.27,1.27,0,0,1,1.2,1.34Z"
                                    style="fill: rgb(38, 50, 56); transform-origin: 171.482px 338.008px 0px;"
                                    id="el9961eh9oi57" class="animable"></path>
                                <polyline points="181.23 280.17 181.89 281.31 184.6 278.32"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; transform-origin: 182.915px 279.815px 0px;"
                                    id="elpbyxkwil3gg" class="animable"></polyline>
                                <polyline points="198.39 305.16 199.05 306.3 201.76 303.31"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; transform-origin: 200.075px 304.805px 0px;"
                                    id="elgz5jwh6skjj" class="animable"></polyline>
                                <polyline points="207 330.84 207.66 331.98 210.37 328.98"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; transform-origin: 208.685px 330.48px 0px;"
                                    id="el4gmu9rp2w7" class="animable"></polyline>
                                <polyline points="186.6 353.76 187.26 354.89 189.97 351.9"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; transform-origin: 188.285px 353.395px 0px;"
                                    id="elci9dq2znwe6" class="animable"></polyline>
                                <polygon
                                    points="197.51 336.04 116.96 358.43 83.32 237.36 116.67 228.09 163.87 214.98 194.39 324.82 197.51 336.04"
                                    style="fill: rgb(255, 255, 255); transform-origin: 140.415px 286.705px 0px;"
                                    id="elxnwes8hcskn" class="animable"></polygon>
                                <g style="clip-path: url(&quot;#freepik--clip-path-2--inject-13&quot;); transform-origin: 155.53px 271.915px 0px;"
                                    id="elviwhf8fvzpm" class="animable">
                                    <g id="eld0968nzf47d">
                                        <polygon
                                            points="194.39 324.82 132.11 328.85 116.67 228.09 163.87 214.98 194.39 324.82"
                                            style="fill-opacity: 0.7; opacity: 0.2; isolation: isolate; transform-origin: 155.53px 271.915px 0px;"
                                            class="animable" id="el4pfetaw89v5"></polygon>
                                    </g>
                                </g>
                                <polygon
                                    points="197.51 336.04 116.96 358.43 83.32 237.36 116.67 228.09 163.87 214.98 194.39 324.82 197.51 336.04"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 140.415px 286.705px 0px;"
                                    id="el064uaqejt85a" class="animable"></polygon>
                                <line x1="91.64" y1="243.62" x2="112.6" y2="237.8"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; transform-origin: 102.12px 240.71px 0px;"
                                    id="elr7tr09qo93" class="animable"></line>
                                <line x1="92.75" y1="247.65" x2="107.01" y2="243.69"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; transform-origin: 99.88px 245.67px 0px;"
                                    id="ello62a481cfe" class="animable"></line>
                                <line x1="100.5" y1="255.73" x2="160.8" y2="238.98"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; transform-origin: 130.65px 247.355px 0px;"
                                    id="elowrhp9vj5j" class="animable"></line>
                                <line x1="101.62" y1="259.75" x2="161.92" y2="243"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; transform-origin: 131.77px 251.375px 0px;"
                                    id="elje82dx9a88o" class="animable"></line>
                                <line x1="102.92" y1="264.45" x2="154.35" y2="250.16"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; transform-origin: 128.635px 257.305px 0px;"
                                    id="el9qegvj5skc" class="animable"></line>
                                <g id="eld2sbccn9bc">
                                    <rect x="104.96" y="267.88" width="5.09" height="5.09"
                                        style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 107.505px 270.425px 0px; transform: rotate(-15.53deg);"
                                        class="animable" id="eleusru8cfcj"></rect>
                                </g>
                                <g id="elilx12tnb57">
                                    <rect x="113.85" y="265.4" width="5.09" height="5.09"
                                        style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 116.395px 267.945px 0px; transform: rotate(-15.53deg);"
                                        class="animable" id="elg0olu5al8ln"></rect>
                                </g>
                                <g id="el8pbuay15hj">
                                    <rect x="122.75" y="262.93" width="5.09" height="5.09"
                                        style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 125.295px 265.475px 0px; transform: rotate(-15.53deg);"
                                        class="animable" id="elm8g5odj5vko"></rect>
                                </g>
                                <g id="el11nrlsgt5em">
                                    <rect x="131.62" y="260.47" width="5.09" height="5.09"
                                        style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 134.165px 263.015px 0px; transform: rotate(-15.53deg);"
                                        class="animable" id="ell2mdncar8u"></rect>
                                </g>
                                <path d="M97.29,256.62a1.27,1.27,0,0,1-2.45.68,1.27,1.27,0,0,1,2.45-.68Z"
                                    style="fill: rgb(38, 50, 56); transform-origin: 96.065px 256.96px 0px;"
                                    id="el7g8bmrm3jag" class="animable"></path>
                                <line x1="107.02" y1="279.2" x2="167.32" y2="262.45"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; transform-origin: 137.17px 270.825px 0px;"
                                    id="el0hgrvui5b3he" class="animable"></line>
                                <line x1="108.14" y1="283.23" x2="168.44" y2="266.47"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; transform-origin: 138.29px 274.85px 0px;"
                                    id="el24c43wk59vx" class="animable"></line>
                                <line x1="109.45" y1="287.92" x2="160.87" y2="273.63"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; transform-origin: 135.16px 280.775px 0px;"
                                    id="elacm4o4879ou" class="animable"></line>
                                <g id="el3m55e3h1asy">
                                    <rect x="111.49" y="291.35" width="5.09" height="5.09"
                                        style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 114.035px 293.895px 0px; transform: rotate(-15.53deg);"
                                        class="animable" id="elnyoiirtoh6s"></rect>
                                </g>
                                <g id="elg748lj9p9ur">
                                    <rect x="120.37" y="288.88" width="5.09" height="5.09"
                                        style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 122.915px 291.425px 0px; transform: rotate(-15.53deg);"
                                        class="animable" id="elu2dplmfgdj"></rect>
                                </g>
                                <g id="eli55fa0hd979">
                                    <rect x="129.26" y="286.41" width="5.09" height="5.09"
                                        style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 131.805px 288.955px 0px; transform: rotate(-15.53deg);"
                                        class="animable" id="elr5rw3c1hmrd"></rect>
                                </g>
                                <g id="elqh456asc2xc">
                                    <rect x="138.16" y="283.93" width="5.09" height="5.09"
                                        style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 140.705px 286.475px 0px; transform: rotate(-15.53deg);"
                                        class="animable" id="el5fzu1ckrrxa"></rect>
                                </g>
                                <path d="M103.82,280.1a1.28,1.28,0,1,1-1.58-.89h0a1.27,1.27,0,0,1,1.57.88Z"
                                    style="fill: rgb(38, 50, 56); transform-origin: 102.587px 280.442px 0px;"
                                    id="elz1xfxlnomp" class="animable"></path>
                                <line x1="113.55" y1="302.68" x2="173.84" y2="285.92"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; transform-origin: 143.695px 294.3px 0px;"
                                    id="eldov57ac07oi" class="animable"></line>
                                <line x1="114.67" y1="306.7" x2="174.96" y2="289.95"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; transform-origin: 144.815px 298.325px 0px;"
                                    id="elyir3zrqh89d" class="animable"></line>
                                <line x1="115.97" y1="311.4" x2="167.4" y2="297.11"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; transform-origin: 141.685px 304.255px 0px;"
                                    id="elstywu1rr8v" class="animable"></line>
                                <g id="elzae9htexs">
                                    <rect x="118" y="314.82" width="5.09" height="5.09"
                                        style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 120.545px 317.365px 0px; transform: rotate(-15.53deg);"
                                        class="animable" id="el4yrj03fm3l5"></rect>
                                </g>
                                <g id="elymjr5v000k">
                                    <rect x="126.9" y="312.35" width="5.09" height="5.09"
                                        style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 129.445px 314.895px 0px; transform: rotate(-15.53deg);"
                                        class="animable" id="el7txojfv36m2"></rect>
                                </g>
                                <g id="elcdux65rqjih">
                                    <rect x="135.78" y="309.88" width="5.09" height="5.09"
                                        style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 138.325px 312.425px 0px; transform: rotate(-15.53deg);"
                                        class="animable" id="elj59083s0h4"></rect>
                                </g>
                                <g id="el5nsfsckjmt3">
                                    <rect x="144.67" y="307.41" width="5.09" height="5.09"
                                        style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 147.215px 309.955px 0px; transform: rotate(-15.53deg);"
                                        class="animable" id="elfqj0s0fitl6"></rect>
                                </g>
                                <path d="M110.34,303.57a1.28,1.28,0,1,1-1.58-.89h0a1.27,1.27,0,0,1,1.57.88Z"
                                    style="fill: rgb(38, 50, 56); transform-origin: 109.107px 303.912px 0px;"
                                    id="el33nyf3pxokr" class="animable"></path>
                                <line x1="120.26" y1="326.82" x2="180.55" y2="310.07"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; transform-origin: 150.405px 318.445px 0px;"
                                    id="eldmpsvfvvvui" class="animable"></line>
                                <line x1="121.37" y1="330.85" x2="181.67" y2="314.09"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; transform-origin: 151.52px 322.47px 0px;"
                                    id="elbl2j6aphj4" class="animable"></line>
                                <line x1="122.68" y1="335.54" x2="174.11" y2="321.25"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; transform-origin: 148.395px 328.395px 0px;"
                                    id="elu4wlq589929" class="animable"></line>
                                <g id="el1fwxcjsjz7s">
                                    <rect x="124.71" y="338.97" width="5.09" height="5.09"
                                        style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 127.255px 341.515px 0px; transform: rotate(-15.53deg);"
                                        class="animable" id="el9g4lo170b0p"></rect>
                                </g>
                                <g id="el4tjv5ogw6qk">
                                    <rect x="133.61" y="336.5" width="5.09" height="5.09"
                                        style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 136.155px 339.045px 0px; transform: rotate(-15.53deg);"
                                        class="animable" id="elzsni5ts603"></rect>
                                </g>
                                <g id="els4ids1au24r">
                                    <rect x="142.5" y="334.03" width="5.09" height="5.09"
                                        style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 145.045px 336.575px 0px; transform: rotate(-15.53deg);"
                                        class="animable" id="elbmx4dhjtr5o"></rect>
                                </g>
                                <g id="el9wqqoie860r">
                                    <rect x="151.38" y="331.56" width="5.09" height="5.09"
                                        style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 153.925px 334.105px 0px; transform: rotate(-15.53deg);"
                                        class="animable" id="eltm8lfb6mcy"></rect>
                                </g>
                                <path
                                    d="M117.05,327.71a1.28,1.28,0,0,1-2.46.71,1.29,1.29,0,0,1,.88-1.59h0a1.28,1.28,0,0,1,1.57.87Z"
                                    style="fill: rgb(38, 50, 56); transform-origin: 115.821px 328.064px 0px;"
                                    id="elogmmmczqz5" class="animable"></path>
                                <polyline points="115.04 267.78 116.03 268.65 117.65 264.95"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; transform-origin: 116.345px 266.8px 0px;"
                                    id="el2ezd9xtlshk" class="animable"></polyline>
                                <polyline points="112.63 293.97 113.62 294.84 115.23 291.14"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; transform-origin: 113.93px 292.99px 0px;"
                                    id="ellqsyr3c3vq" class="animable"></polyline>
                                <polyline points="119.15 317.2 120.14 318.07 121.75 314.37"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; transform-origin: 120.45px 316.22px 0px;"
                                    id="elxpwdgg51pkq" class="animable"></polyline>
                                <polyline points="143.62 336.23 144.61 337.1 146.23 333.4"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; transform-origin: 144.925px 335.25px 0px;"
                                    id="ely13j7h171hs" class="animable"></polyline>
                                <g id="elelnf04tqn75">
                                    <rect x="127.98" y="190.72" width="83.6" height="125.65"
                                        style="fill: rgb(255, 255, 255); stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 169.78px 253.545px 0px; transform: rotate(-5.49deg);"
                                        class="animable" id="elm1lgcjp8tk"></rect>
                                </g>
                                <line x1="129.25" y1="202.64" x2="150.91" y2="200.56"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; transform-origin: 140.08px 201.6px 0px;"
                                    id="elpw7erslb51s" class="animable"></line>
                                <line x1="129.65" y1="206.8" x2="144.38" y2="205.38"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; transform-origin: 137.015px 206.09px 0px;"
                                    id="els92vcsrlhx7" class="animable"></line>
                                <line x1="135.87" y1="216.11" x2="198.16" y2="210.12"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; transform-origin: 167.015px 213.115px 0px;"
                                    id="eluz90lbt5xoh" class="animable"></line>
                                <line x1="136.27" y1="220.26" x2="198.56" y2="214.28"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; transform-origin: 167.415px 217.27px 0px;"
                                    id="el9m7f642ozmi" class="animable"></line>
                                <line x1="136.74" y1="225.11" x2="189.87" y2="220.01"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; transform-origin: 163.305px 222.56px 0px;"
                                    id="eleqj3xrcy1u8" class="animable"></line>
                                <g id="ele8udvuz2qs8">
                                    <rect x="137.67" y="229.24" width="5.09" height="5.09"
                                        style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 140.215px 231.785px 0px; transform: rotate(-5.49deg);"
                                        class="animable" id="elnip32pz6dv"></rect>
                                </g>
                                <g id="elpvvhzsxdwg">
                                    <rect x="146.86" y="228.36" width="5.09" height="5.09"
                                        style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 149.405px 230.905px 0px; transform: rotate(-5.49deg);"
                                        class="animable" id="elogxi7lllu89"></rect>
                                </g>
                                <g id="ell28xui8v38j">
                                    <rect x="156.04" y="227.48" width="5.09" height="5.09"
                                        style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 158.585px 230.025px 0px; transform: rotate(-5.49deg);"
                                        class="animable" id="el4shnmsz305a"></rect>
                                </g>
                                <g id="ell450n3flzmj">
                                    <rect x="165.22" y="226.59" width="5.09" height="5.09"
                                        style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 167.765px 229.135px 0px; transform: rotate(-5.49deg);"
                                        class="animable" id="el1hng9yai2y5"></rect>
                                </g>
                                <path d="M132.56,216.43a1.28,1.28,0,1,1-1.4-1.15h0a1.27,1.27,0,0,1,1.39,1.14Z"
                                    style="fill: rgb(38, 50, 56); transform-origin: 131.286px 216.554px 0px;"
                                    id="elhdabn53vk6" class="animable"></path>
                                <line x1="138.2" y1="240.36" x2="200.49" y2="234.38"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; transform-origin: 169.345px 237.37px 0px;"
                                    id="el9k21lwulp7h" class="animable"></line>
                                <line x1="138.6" y1="244.52" x2="200.89" y2="238.53"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; transform-origin: 169.745px 241.525px 0px;"
                                    id="elztvhm2s2pr" class="animable"></line>
                                <line x1="139.07" y1="249.37" x2="192.2" y2="244.26"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; transform-origin: 165.635px 246.815px 0px;"
                                    id="el9xnmudslfnm" class="animable"></line>
                                <g id="elxuyz07qrpsh">
                                    <rect x="140" y="253.49" width="5.09" height="5.09"
                                        style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 142.545px 256.035px 0px; transform: rotate(-5.49deg);"
                                        class="animable" id="elf3frp6j42q"></rect>
                                </g>
                                <g id="elnaiycm31b3k">
                                    <rect x="149.19" y="252.61" width="5.09" height="5.09"
                                        style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 151.735px 255.155px 0px; transform: rotate(-5.49deg);"
                                        class="animable" id="el50r0mai8lh6"></rect>
                                </g>
                                <g id="elphkqa069dvf">
                                    <rect x="158.37" y="251.73" width="5.09" height="5.09"
                                        style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 160.915px 254.275px 0px; transform: rotate(-5.49deg);"
                                        class="animable" id="elaf5s2bex1m5"></rect>
                                </g>
                                <g id="elaz11gn0sn1s">
                                    <rect x="167.55" y="250.86" width="5.09" height="5.09"
                                        style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 170.095px 253.405px 0px; transform: rotate(-5.49deg);"
                                        class="animable" id="el2mr4gzhiuc"></rect>
                                </g>
                                <path d="M134.89,240.68a1.28,1.28,0,1,1-1.4-1.15h0A1.28,1.28,0,0,1,134.89,240.68Z"
                                    style="fill: rgb(38, 50, 56); transform-origin: 133.616px 240.804px 0px;"
                                    id="elhugg56qqk8h" class="animable"></path>
                                <line x1="140.53" y1="264.61" x2="202.82" y2="258.63"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; transform-origin: 171.675px 261.62px 0px;"
                                    id="el0hcvrah28smn" class="animable"></line>
                                <line x1="140.93" y1="268.77" x2="203.22" y2="262.78"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; transform-origin: 172.075px 265.775px 0px;"
                                    id="el90esvmwo9l" class="animable"></line>
                                <line x1="141.4" y1="273.62" x2="194.53" y2="268.51"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; transform-origin: 167.965px 271.065px 0px;"
                                    id="else5l3y65fxa" class="animable"></line>
                                <g id="elfjsogobx74f">
                                    <rect x="142.33" y="277.74" width="5.09" height="5.09"
                                        style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 144.875px 280.285px 0px; transform: rotate(-5.49deg);"
                                        class="animable" id="el92zvkvuxkzr"></rect>
                                </g>
                                <g id="elnfzp8q9jzcq">
                                    <rect x="151.51" y="276.86" width="5.09" height="5.09"
                                        style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 154.055px 279.405px 0px; transform: rotate(-5.49deg);"
                                        class="animable" id="elbzqr0hf8qaq"></rect>
                                </g>
                                <g id="el6lv7yeuxgab">
                                    <rect x="160.7" y="275.98" width="5.09" height="5.09"
                                        style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 163.245px 278.525px 0px; transform: rotate(-5.49deg);"
                                        class="animable" id="el2vuc9et3xpu"></rect>
                                </g>
                                <g id="elvfelf34nrae">
                                    <rect x="169.88" y="275.1" width="5.09" height="5.09"
                                        style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 172.425px 277.645px 0px; transform: rotate(-5.49deg);"
                                        class="animable" id="el48o9143a6ga"></rect>
                                </g>
                                <path d="M137.21,264.93a1.27,1.27,0,1,1-1.38-1.15,1.27,1.27,0,0,1,1.38,1.15Z"
                                    style="fill: rgb(38, 50, 56); transform-origin: 135.945px 265.045px 0px;"
                                    id="el5715ojmvxru" class="animable"></path>
                                <line x1="142.93" y1="289.56" x2="205.22" y2="283.57"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; transform-origin: 174.075px 286.565px 0px;"
                                    id="elglu8769bmbe" class="animable"></line>
                                <line x1="143.33" y1="293.71" x2="205.62" y2="287.73"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; transform-origin: 174.475px 290.72px 0px;"
                                    id="elrifysr287h" class="animable"></line>
                                <line x1="143.79" y1="298.56" x2="196.92" y2="293.46"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; transform-origin: 170.355px 296.01px 0px;"
                                    id="el7tjcnwrmlo" class="animable"></line>
                                <g id="elritaw6u2of">
                                    <rect x="144.73" y="302.69" width="5.09" height="5.09"
                                        style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 147.275px 305.235px 0px; transform: rotate(-5.49deg);"
                                        class="animable" id="eleilr3d8pm1a"></rect>
                                </g>
                                <g id="el70xr1mrh9v">
                                    <rect x="153.92" y="301.81" width="5.09" height="5.09"
                                        style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 156.465px 304.355px 0px; transform: rotate(-5.49deg);"
                                        class="animable" id="el3fib95umdwf"></rect>
                                </g>
                                <g id="eleafwbjbjwp6">
                                    <rect x="163.09" y="300.92" width="5.09" height="5.09"
                                        style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 165.635px 303.465px 0px; transform: rotate(-5.49deg);"
                                        class="animable" id="elidi7k19ipjb"></rect>
                                </g>
                                <g id="eljdbgk90tv3">
                                    <rect x="172.28" y="300.04" width="5.09" height="5.09"
                                        style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 174.825px 302.585px 0px; transform: rotate(-5.49deg);"
                                        class="animable" id="eltux6w7h5peb"></rect>
                                </g>
                                <path d="M139.61,289.87a1.28,1.28,0,1,1-1.39-1.14,1.27,1.27,0,0,1,1.39,1.14Z"
                                    style="fill: rgb(38, 50, 56); transform-origin: 138.337px 290.004px 0px;"
                                    id="elvbjtttisgjk" class="animable"></path>
                                <polyline points="139.44 231.35 140.26 232.38 142.5 229.02"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; transform-origin: 140.97px 230.7px 0px;"
                                    id="elpj85o16tqz" class="animable"></polyline>
                                <polyline points="160.11 253.53 160.93 254.56 163.16 251.2"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; transform-origin: 161.635px 252.88px 0px;"
                                    id="el3zpmu4ouwz7" class="animable"></polyline>
                                <polyline points="153.3 279.17 154.12 280.2 156.36 276.84"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; transform-origin: 154.83px 278.52px 0px;"
                                    id="elkit8baefy3" class="animable"></polyline>
                                <polyline points="173.93 302.16 174.75 303.19 176.99 299.83"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; transform-origin: 175.46px 301.51px 0px;"
                                    id="elbfsqnac4reg" class="animable"></polyline>
                            </g>
                            <g id="freepik--Bubble--inject-13" style="transform-origin: 281.3px 174.7px 0px;"
                                class="animable">
                                <path
                                    d="M307.15,137.71H255.48a6.88,6.88,0,0,0-6.88,6.88h0V189a6.88,6.88,0,0,0,6.88,6.88h22.9l13.12,15.81-3.29-15.81h18.94A6.88,6.88,0,0,0,314,189V144.59A6.88,6.88,0,0,0,307.15,137.71Z"
                                    style="fill: rgb(255, 255, 255); stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 281.3px 174.7px 0px;"
                                    id="ellwq5msgi8b" class="animable"></path>
                                <path
                                    d="M285.45,162.07v-4.7l-3.52-.3a10.2,10.2,0,0,0-.87-2.11l2.27-2.7L280,148.94l-2.7,2.27a9.48,9.48,0,0,0-2.11-.87l-.3-3.52h-4.7l-.3,3.52a9.48,9.48,0,0,0-2.11.87l-2.7-2.27-3.33,3.32L264,155a10,10,0,0,0-.88,2.11l-3.52.3v4.7l3.52.31a10,10,0,0,0,.88,2.11l-2.28,2.7,3.33,3.32,2.7-2.27a9.48,9.48,0,0,0,2.11.87l.3,3.52h4.7l.3-3.52a9.48,9.48,0,0,0,2.11-.87l2.7,2.27,3.33-3.32-2.27-2.7a10.2,10.2,0,0,0,.87-2.11Zm-12.91,3.12a5.47,5.47,0,1,1,5.46-5.48h0a5.45,5.45,0,0,1-5.45,5.47Z"
                                    style="fill: #90CAF9; transform-origin: 272.525px 159.745px 0px;" id="elyjs82h9k5tm"
                                    class="animable"></path>
                                <path
                                    d="M301,172.56v-3.34l-2.51-.22a6.78,6.78,0,0,0-.62-1.5l1.62-1.92-2.36-2.36-1.93,1.61a7.29,7.29,0,0,0-1.5-.62l-.21-2.5h-3.35l-.21,2.5a7.38,7.38,0,0,0-1.51.62l-1.92-1.61-2.36,2.36,1.61,1.92a6.75,6.75,0,0,0-.61,1.5l-2.51.22v3.34l2.51.22a6.75,6.75,0,0,0,.61,1.5l-1.61,1.92,2.36,2.37,1.92-1.62a6.4,6.4,0,0,0,1.51.62l.21,2.51h3.35l.21-2.51a6.33,6.33,0,0,0,1.5-.62l1.93,1.62,2.36-2.37-1.62-1.92a6.33,6.33,0,0,0,.62-1.5Zm-9.19,2.22a3.89,3.89,0,1,1,3.89-3.89,3.89,3.89,0,0,1-3.89,3.89Z"
                                    style="fill: #90CAF9; transform-origin: 291.815px 170.895px 0px;" id="elh71zwa24ozp"
                                    class="animable"></path>
                                <path
                                    d="M284.64,180.35V178l-1.79-.16a4.73,4.73,0,0,0-.44-1.07l1.15-1.36-1.68-1.69-1.37,1.15a5.78,5.78,0,0,0-1.06-.44l-.16-1.78h-2.38l-.15,1.78a5.24,5.24,0,0,0-1.07.44l-1.37-1.15-1.68,1.69,1.15,1.36a5.24,5.24,0,0,0-.44,1.07l-1.78.16v2.37l1.78.16a5.24,5.24,0,0,0,.44,1.07L272.64,183l1.68,1.69,1.37-1.15a5.87,5.87,0,0,0,1.07.44l.15,1.78h2.38l.16-1.78a5.78,5.78,0,0,0,1.06-.44l1.37,1.15,1.68-1.69-1.15-1.36a4.73,4.73,0,0,0,.44-1.07Zm-6.54,1.58a2.77,2.77,0,1,1,2.77-2.77h0a2.77,2.77,0,0,1-2.77,2.76Z"
                                    style="fill: #90CAF9; transform-origin: 278.105px 179.205px 0px;" id="elk0e0kj61er7"
                                    class="animable"></path>
                            </g>
                            <g id="freepik--Character--inject-13" style="transform-origin: 320.802px 337.829px 0px;"
                                class="animable">
                                <polygon points="279.93 308.37 320.21 456.95 326.23 456.95 285.96 308.37 279.93 308.37"
                                    style="fill: rgb(117, 117, 117); stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 303.08px 382.66px 0px;"
                                    id="el6c5a955twbw" class="animable"></polygon>
                                <rect x="294.3" y="414.83" width="76.35" height="6.22"
                                    style="fill: rgb(153, 153, 153); stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 332.475px 417.94px 0px;"
                                    id="elru5s7yglsbh" class="animable"></rect>
                                <path
                                    d="M411.38,275,362.05,457h-6l49.32-182c1.82-6.71-2.35-12.17-9.3-12.17h-42.5c-6.94,0-14.08,5.46-15.9,12.17L288.33,457h-6l49.33-182c2.69-9.93,13.21-18,23.49-18h42.51C407.91,257,414.07,265.06,411.38,275Z"
                                    style="fill: rgb(117, 117, 117); stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 347.171px 357px 0px;"
                                    id="elap5jn5iywd9" class="animable"></path>
                                <path
                                    d="M412.16,275.05l-12.24,45.18A9.63,9.63,0,0,1,391.1,327H321.26a5.06,5.06,0,0,1-5.16-6.75l12.25-45.18a9.64,9.64,0,0,1,8.82-6.75H407a5.08,5.08,0,0,1,5.43,4.71A5.15,5.15,0,0,1,412.16,275.05Z"
                                    style="fill: #90CAF9; transform-origin: 364.123px 297.661px 0px;" id="el7apcd83ywmk"
                                    class="animable"></path>
                                <g style="clip-path: url(&quot;#freepik--clip-path-3--inject-13&quot;); transform-origin: 364.124px 297.656px 0px;"
                                    id="el6i5j2qu4zai" class="animable">
                                    <g id="el6imisci7nu">
                                        <path
                                            d="M412.16,275.05l-12.24,45.18A9.63,9.63,0,0,1,391.1,327H321.26a5.06,5.06,0,0,1-5.16-6.75l12.25-45.18a9.64,9.64,0,0,1,8.82-6.75h36.11c15.61,16,13.62,45.49,12.6,54.39a9.74,9.74,0,0,0,7-6.52L405.1,271a6.11,6.11,0,0,0,.15-2.69H407a5.08,5.08,0,0,1,5.16,6.74Z"
                                            style="fill-opacity: 0.7; opacity: 0.2; isolation: isolate; transform-origin: 364.124px 297.656px 0px;"
                                            class="animable" id="eldutwzrumbxl"></path>
                                    </g>
                                </g>
                                <path
                                    d="M412.16,275.05l-12.24,45.18A9.63,9.63,0,0,1,391.1,327H321.26a5.06,5.06,0,0,1-5.16-6.75l12.25-45.18a9.64,9.64,0,0,1,8.82-6.75H407a5.08,5.08,0,0,1,5.43,4.71A5.15,5.15,0,0,1,412.16,275.05Z"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 364.123px 297.661px 0px;"
                                    id="el1c7e41jv9fw" class="animable"></path>
                                <polygon points="371.1 372.71 393.94 456.95 399.96 456.95 377.13 372.71 371.1 372.71"
                                    style="fill: rgb(117, 117, 117); stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 385.53px 414.83px 0px;"
                                    id="els5y78cf89j" class="animable"></polygon>
                                <path
                                    d="M377.15,363v8.24H287.23V363a6.06,6.06,0,0,1,6.06-6.06h77.79a6.05,6.05,0,0,1,6.07,6.06Z"
                                    style="fill: #90CAF9; transform-origin: 332.19px 364.09px 0px;" id="el06wng97t7t5b"
                                    class="animable"></path>
                                <g style="clip-path: url(&quot;#freepik--clip-path-4--inject-13&quot;); transform-origin: 332.085px 364.11px 0px;"
                                    id="elnoukzalt8af" class="animable">
                                    <g id="elg99uha64l4j">
                                        <path
                                            d="M376.94,361.45c-2.91,3.42-8.13,6.9-17.11,9.83h-72.6V363a6.06,6.06,0,0,1,6.06-6.06h77.79A6.07,6.07,0,0,1,376.94,361.45Z"
                                            style="fill-opacity: 0.7; opacity: 0.2; isolation: isolate; transform-origin: 332.085px 364.11px 0px;"
                                            class="animable" id="elbcxrvrvtyqh"></path>
                                    </g>
                                </g>
                                <path
                                    d="M377.15,363v8.24H287.23V363a6.06,6.06,0,0,1,6.06-6.06h77.79a6.05,6.05,0,0,1,6.07,6.06Z"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 332.19px 364.09px 0px;"
                                    id="elylb94szhtth" class="animable"></path>
                                <rect x="283.25" y="368.75" width="98.66" height="7.73" rx="1.71"
                                    style="fill: rgb(153, 153, 153); stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 332.58px 372.615px 0px;"
                                    id="elsch6gnyxmp" class="animable"></rect>
                                <path
                                    d="M284.31,369c-4.31,4.39,16.58,73.37,16.58,73.37-2.28,2-5.64,2.92-8.82,3.34a40.55,40.55,0,0,1-8.81.13s-29.94-72.62-21.7-90.64S320.93,329,320.93,329l2.18-5.4,26.45-3.72,4.37,32.39s-4.34.42-10.87,1.26C325.55,355.75,292.23,361,284.31,369Z"
                                    style="fill: rgb(38, 50, 56); transform-origin: 307.028px 382.95px 0px;"
                                    id="elp9qd4rvnez" class="animable"></path>
                                <g style="clip-path: url(&quot;#freepik--clip-path-5--inject-13&quot;); transform-origin: 309.438px 390.08px 0px;"
                                    id="elxfuj68ais8" class="animable">
                                    <g id="elgtsknvn70nw">
                                        <path
                                            d="M300.89,442.41c-2.28,2-5.64,2.92-8.82,3.34-5.81-21.6-20.6-79.24-15-86.29,6.91-8.7,41.11-16.61,41.11-16.61.14-4.44,12.13-8.44,12.13-8.44l12.74,19.09C325.54,355.75,292.22,361,284.3,369,280,373.43,300.89,442.41,300.89,442.41Z"
                                            style="opacity: 0.3; isolation: isolate; transform-origin: 309.438px 390.08px 0px;"
                                            class="animable" id="el51py4zbzwc5"></path>
                                    </g>
                                </g>
                                <path
                                    d="M284.31,369c-4.31,4.39,16.58,73.37,16.58,73.37-2.28,2-5.64,2.92-8.82,3.34a40.55,40.55,0,0,1-8.81.13s-29.94-72.62-21.7-90.64S320.93,329,320.93,329l2.18-5.4,26.45-3.72,4.37,32.39s-4.34.42-10.87,1.26C325.55,355.75,292.23,361,284.31,369Z"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 307.028px 382.95px 0px;"
                                    id="el5xpjioet3r" class="animable"></path>
                                <path
                                    d="M269.51,303.71c-4.39-.75,26.86-28.15,26.86-28.15l15.07,10.14s-25.64,18.06-29.67,18.55S269.51,303.71,269.51,303.71Z"
                                    style="fill: rgb(255, 255, 255); transform-origin: 290.264px 289.971px 0px;"
                                    id="elgzpclsnshve" class="animable"></path>
                                <g style="clip-path: url(&quot;#freepik--clip-path-6--inject-13&quot;); transform-origin: 290.264px 289.971px 0px;"
                                    id="elgrplxtr082f" class="animable">
                                    <g id="eltpue4uqpk7i">
                                        <path
                                            d="M269.51,303.71c-4.39-.75,26.86-28.15,26.86-28.15l15.07,10.14s-25.64,18.06-29.67,18.55S269.51,303.71,269.51,303.71Z"
                                            style="fill-opacity: 0.7; opacity: 0.2; isolation: isolate; transform-origin: 290.264px 289.971px 0px;"
                                            class="animable" id="elyp3p0sllay"></path>
                                    </g>
                                </g>
                                <path
                                    d="M269.51,303.71c-4.39-.75,26.86-28.15,26.86-28.15l15.07,10.14s-25.64,18.06-29.67,18.55S269.51,303.71,269.51,303.71Z"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 290.264px 289.971px 0px;"
                                    id="elk2twsp5t4c" class="animable"></path>
                                <path d="M275,292.19s6.55,1.63,8.56,3,1.43,6.32,1.43,6.32S276.26,299.05,275,292.19Z"
                                    style="fill: rgb(255, 255, 255); stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 280.034px 296.85px 0px;"
                                    id="elaentr1eq2dr" class="animable"></path>
                                <polygon points="270.82 279.64 283 303 284.44 303 272.87 278.49 270.82 279.64"
                                    style="fill: rgb(38, 50, 56); transform-origin: 277.63px 290.745px 0px;"
                                    id="elsxzf4z3gxol" class="animable"></polygon>
                                <path
                                    d="M281.8,296.53s-7.68-5.46-9.56-5.46-7.51,6.65-7.51,10,12.28,5.18,14.68,2.35c1.2-1.41-1.18-4.81-1.18-4.81a45,45,0,0,0,4.59,4.25c1,.56,2.91-.17,2.91-.17S283.17,298.59,281.8,296.53Z"
                                    style="fill: rgb(255, 255, 255); stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 275.23px 297.942px 0px;"
                                    id="el0d3eolxszzpl" class="animable"></path>
                                <path d="M278.23,304.19a23.06,23.06,0,0,0-6.41-5.6"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 275.025px 301.39px 0px;"
                                    id="elynleu89qoy" class="animable"></path>
                                <path d="M278.23,298.59s-2.66-2.32-4.45-2.83"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 276.005px 297.175px 0px;"
                                    id="elbbm5s12a4md" class="animable"></path>
                                <path d="M269.86,301.54a47.09,47.09,0,0,1,5.37,3.22"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 272.545px 303.15px 0px;"
                                    id="el90bx6s3jlth" class="animable"></path>
                                <path
                                    d="M306.16,263.58c-3.93,2.74-21.58,20.89-21.58,20.89s8.27,9.41,15.52,10.77l19.65-9.54Z"
                                    style="fill: #90CAF9; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 302.165px 279.41px 0px;"
                                    id="elnhfi3k91iaq" class="animable"></path>
                                <g id="elxpm4pg1qx37">
                                    <path
                                        d="M306.16,263.58c-3.93,2.74-21.58,20.89-21.58,20.89s8.27,9.41,15.52,10.77l19.65-9.54Z"
                                        style="fill: rgb(255, 255, 255); stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; opacity: 0.4; isolation: isolate; transform-origin: 302.165px 279.41px 0px;"
                                        class="animable" id="eldjeyxfxive5"></path>
                                </g>
                                <path d="M296.67,435.09,305,457s1.38,5.63-23.74,3.85l-13.84-1.18Z"
                                    style="fill: #90CAF9; transform-origin: 286.217px 448.144px 0px;" id="elq7nbxpyc6uj"
                                    class="animable"></path>
                                <g style="clip-path: url(&quot;#freepik--clip-path-7--inject-13&quot;); transform-origin: 286.217px 448.144px 0px;"
                                    id="elmtpq8oemgsr" class="animable">
                                    <g id="elsji57h2iyel">
                                        <path d="M296.67,435.09,305,457s1.38,5.63-23.74,3.85l-13.84-1.18Z"
                                            style="opacity: 0.3; isolation: isolate; transform-origin: 286.217px 448.144px 0px;"
                                            class="animable" id="elt6y38o4638d"></path>
                                    </g>
                                </g>
                                <path d="M296.67,435.09,305,457s1.38,5.63-23.74,3.85l-13.84-1.18Z"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 286.217px 448.144px 0px;"
                                    id="elo01pb6ncojj" class="animable"></path>
                                <path
                                    d="M293.51,445.57s1.78,8.51,0,14.84c0,0-26.51,4.15-32.44,2.57s-9.53-4.54-9.71-6c0,0,.21-4.06,6.15-5.25s17.75-2,22.42-8.7S293.51,445.57,293.51,445.57Z"
                                    style="fill: #90CAF9; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 272.831px 451.966px 0px;"
                                    id="el8pbxjggzhdo" class="animable"></path>
                                <path
                                    d="M328.49,322.72c8.47-12.08,47.41,2.46,47.41,2.46s3.71,29.08-11.8,36.84-37.87,7.34-43.91,13.63l-24.58,72.58s-8.83,3.69-21.67-2.12c0,0,15.61-54.81,20.19-74.27,4.53-19.26,33.86-32.33,33.86-32.33a17.81,17.81,0,0,1-3.37-6.08"
                                    style="fill: rgb(38, 50, 56); stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 325.114px 383.654px 0px;"
                                    id="el18xdobttd8n" class="animable"></path>
                                <path d="M367.91,350.52A43,43,0,0,1,364,353.6"
                                    style="fill: none; stroke: rgb(255, 255, 255); stroke-linecap: round; stroke-linejoin: round; transform-origin: 365.955px 352.06px 0px;"
                                    id="el3c9rqee52mq" class="animable"></path>
                                <path d="M371.1,325.89c3.18,6.9,3.43,15.66-1,22.05"
                                    style="fill: none; stroke: rgb(255, 255, 255); stroke-linecap: round; stroke-linejoin: round; transform-origin: 371.78px 336.915px 0px;"
                                    id="el34rf6an2eit" class="animable"></path>
                                <path d="M362.23,327s-.81,5.32,1.56,7.43,9.64,3.18,9.64,3.18"
                                    style="fill: none; stroke: rgb(255, 255, 255); stroke-linecap: round; stroke-linejoin: round; transform-origin: 367.763px 332.305px 0px;"
                                    id="eles7gg784i0e" class="animable"></path>
                                <path d="M330.31,327.24s.33,5.3-1.82,5.05-2.26,2.12-2.26,2.12"
                                    style="fill: none; stroke: rgb(255, 255, 255); stroke-linecap: round; stroke-linejoin: round; transform-origin: 328.279px 330.825px 0px;"
                                    id="elk9rs8dc1l0j" class="animable"></path>
                                <path
                                    d="M306.68,267.66a18.1,18.1,0,0,1-.52-4.08s12-10.12,27.45-10.06c18.4.06,29.65,5.85,34.15,13.89,7.14,12.72,8.14,57.77,8.14,57.77s-46.17,7.12-52.79-1.61c-1.15-1.52-.27-12.25-.27-12.25s-5.17-13.56-6.26-24.08a76.45,76.45,0,0,1-4.23-6.5,61,61,0,0,1-4.26-8.61"
                                    style="fill: #90CAF9; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 341.03px 290.718px 0px;"
                                    id="elq6w9ogqylps" class="animable"></path>
                                <g id="elmxr35hfsali">
                                    <path
                                        d="M306.68,267.66a18.1,18.1,0,0,1-.52-4.08s12-10.12,27.45-10.06c18.4.06,29.65,5.85,34.15,13.89,7.14,12.72,8.14,57.77,8.14,57.77s-46.17,7.12-52.79-1.61c-1.15-1.52-.27-12.25-.27-12.25s-5.17-13.56-6.26-24.08a76.45,76.45,0,0,1-4.23-6.5,61,61,0,0,1-4.26-8.61"
                                        style="fill: rgb(255, 255, 255); stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; opacity: 0.6; isolation: isolate; transform-origin: 341.03px 290.718px 0px;"
                                        class="animable" id="eliws57fe762"></path>
                                </g>
                                <path d="M324.36,278.49s7.05,27.35,6,33.37a11,11,0,0,0,1,6.07,6.36,6.36,0,0,0-1,7.38"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 327.86px 301.9px 0px;"
                                    id="eliqjgeb93lk" class="animable"></path>
                                <path
                                    d="M343.06,301.12a7,7,0,0,1-3.54-1.12l-2.09-9.16a38.74,38.74,0,0,0,12.38-.87l2.24,10a33.5,33.5,0,0,1-3.83.83"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 344.74px 295.545px 0px;"
                                    id="el98jhy3pmgn9" class="animable"></path>
                                <path
                                    d="M319.35,282.05s-6-25.56,9.14-28.53,18.25,4.1,17.36,8.89c-1.19,6.39-13.74,22.06-13.74,22.06l-7.75-6Z"
                                    style="fill: #90CAF9; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 332.083px 268.642px 0px;"
                                    id="elqimrave58pp" class="animable"></path>
                                <g id="elnv4ob8edn1g">
                                    <path
                                        d="M319.35,282.05s-6-25.56,9.14-28.53,18.25,4.1,17.36,8.89c-1.19,6.39-13.74,22.06-13.74,22.06l-7.75-6Z"
                                        style="fill: rgb(255, 255, 255); stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; opacity: 0.4; isolation: isolate; transform-origin: 332.083px 268.642px 0px;"
                                        class="animable" id="elhkbnh0p6nf"></path>
                                </g>
                                <path d="M299.49,361s9.78-11.29,31.86-19.82c0,0-5.72-1.75-7-4.13"
                                    style="fill: none; stroke: rgb(255, 255, 255); stroke-linecap: round; stroke-linejoin: round; transform-origin: 315.42px 349.025px 0px;"
                                    id="eld1bwgxh9kz" class="animable"></path>
                                <line x1="287.99" y1="395.55" x2="279.05" y2="428.01"
                                    style="fill: none; stroke: rgb(255, 255, 255); stroke-linecap: round; stroke-linejoin: round; transform-origin: 283.52px 411.78px 0px;"
                                    id="el8o5sqq69s2o" class="animable"></line>
                                <path
                                    d="M357.07,302s4,6.75,20.47,6.13a25.51,25.51,0,0,0-11.24-7C359.57,299.33,357.07,302,357.07,302Z"
                                    style="fill: #90CAF9; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 367.305px 304.338px 0px;"
                                    id="el70qhotur7ld" class="animable"></path>
                                <path
                                    d="M293.17,304.71s3.82-5.92,7.32-7.11,13.78-1.29,15.37-1.33,29.84,7.14,43.1,11.56L357.8,285.7l17.82,1.41s-.72,27-3.49,34.15-6.74,5.41-13.51,2.49c-26.63-11.47-42.23-19.46-43.68-19S293.17,304.71,293.17,304.71Z"
                                    style="fill: rgb(255, 255, 255); stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 334.395px 305.993px 0px;"
                                    id="elp214bra3qbt" class="animable"></path>
                                <path
                                    d="M353.35,272.84a16.62,16.62,0,0,0-.44,5.62c.79,6.92,4.16,23.54,4.16,23.54s16.61,2.37,20.47,6.13c0,0,2.74-22-2.84-33.17s-11.35-12.4-11.35-12.4c-3.65-.9-7,2.5-8.85,6.87"
                                    style="fill: #90CAF9; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 365.526px 285.272px 0px;"
                                    id="el83bdons1was" class="animable"></path>
                                <g id="eljeb79zd6x9b">
                                    <g style="opacity: 0.4; transform-origin: 365.526px 285.272px 0px;" class="animable"
                                        id="elno99idxqnbf">
                                        <path
                                            d="M353.35,272.84a16.62,16.62,0,0,0-.44,5.62c.79,6.92,4.16,23.54,4.16,23.54s16.61,2.37,20.47,6.13c0,0,2.74-22-2.84-33.17s-11.35-12.4-11.35-12.4c-3.65-.9-7,2.5-8.85,6.87"
                                            style="fill: rgb(255, 255, 255); stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 365.526px 285.272px 0px;"
                                            id="elmlh8j30fos" class="animable"></path>
                                    </g>
                                </g>
                                <path d="M304.55,281.4a22.08,22.08,0,0,0,8.5,4.3"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 308.8px 283.55px 0px;"
                                    id="elnk9xhb3hu5c" class="animable"></path>
                                <path d="M357.07,281.4s6,11.34,13.58,13.84"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 363.86px 288.32px 0px;"
                                    id="el8sfwi3uvhin" class="animable"></path>
                                <path d="M318.19,368.75s1.11.84,1.56,3.87"
                                    style="fill: none; stroke: rgb(255, 255, 255); stroke-linecap: round; stroke-linejoin: round; transform-origin: 318.97px 370.685px 0px;"
                                    id="elg27b4llyx1" class="animable"></path>
                                <path d="M314.08,372.62a7,7,0,0,1,4.89,2.82"
                                    style="fill: none; stroke: rgb(255, 255, 255); stroke-linecap: round; stroke-linejoin: round; transform-origin: 316.525px 374.03px 0px;"
                                    id="elxzkkjdedy9" class="animable"></path>
                                <path d="M281,361s3.2,1.62,2.51,6.21"
                                    style="fill: none; stroke: rgb(255, 255, 255); stroke-linecap: round; stroke-linejoin: round; transform-origin: 282.304px 364.105px 0px;"
                                    id="el8mvuyuxsa29" class="animable"></path>
                                <path d="M277.63,364.9s4.37,2.59,4.68,4.91"
                                    style="fill: none; stroke: rgb(255, 255, 255); stroke-linecap: round; stroke-linejoin: round; transform-origin: 279.97px 367.355px 0px;"
                                    id="els5s6fxrxin" class="animable"></path>
                                <path d="M328.28,336.92s9.73,1.36,11.91,0"
                                    style="fill: none; stroke: rgb(255, 255, 255); stroke-linecap: round; stroke-linejoin: round; transform-origin: 334.235px 337.222px 0px;"
                                    id="elcap4lqhjodi" class="animable"></path>
                                <path
                                    d="M324.36,277.39a18.39,18.39,0,0,1-1-7.43,21.83,21.83,0,0,1,.27-2.55l-1.69-2.68-2.17-3.45,2.51-10s16,3.08,17.2,7.54S324.36,277.39,324.36,277.39Z"
                                    style="fill: rgb(255, 255, 255); transform-origin: 329.657px 264.335px 0px;"
                                    id="el5p9nv3sujlf" class="animable"></path>
                                <g style="clip-path: url(&quot;#freepik--clip-path-8--inject-13&quot;); transform-origin: 325.829px 265.195px 0px;"
                                    id="elb5nebqhfyx" class="animable">
                                    <g id="elsx7l6yp0118">
                                        <path
                                            d="M323.34,270a21.83,21.83,0,0,1,.27-2.55l-1.69-2.68a12.79,12.79,0,0,0,7.81-4.38A9.83,9.83,0,0,1,323.34,270Z"
                                            style="fill-opacity: 0.7; opacity: 0.2; isolation: isolate; transform-origin: 325.829px 265.195px 0px;"
                                            class="animable" id="el0eb1d3ibsrug"></path>
                                    </g>
                                </g>
                                <path
                                    d="M324.36,277.39a18.39,18.39,0,0,1-1-7.43,21.83,21.83,0,0,1,.27-2.55l-1.69-2.68-2.17-3.45,2.51-10s16,3.08,17.2,7.54S324.36,277.39,324.36,277.39Z"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 329.657px 264.335px 0px;"
                                    id="el4a8tixesjoi" class="animable"></path>
                                <path
                                    d="M334.4,252.12c5-13,1.68-35.13-22.32-30.89C298,223.73,296.3,240.75,301,248.31s-.29,7.8,6.78,13.4c2.87,2.27,5.18,6.12,8.6,6.37,4.07.28,9.28-3.57,13.17-7.73"
                                    style="fill: rgb(255, 255, 255); stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 317.524px 244.396px 0px;"
                                    id="elf18ns0ojwdb" class="animable"></path>
                                <path d="M310.75,248.31s3.54-3.22,7.75-1.89"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 314.625px 247.204px 0px;"
                                    id="ellvjqf25qcg" class="animable"></path>
                                <path d="M304.12,248.31a6.24,6.24,0,0,0-4.59-3.1"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 301.825px 246.76px 0px;"
                                    id="ela994n86l9ss" class="animable"></path>
                                <path d="M306.46,253s-.51,2.59-1.18,5.21,4.2,1.19,4,.79"
                                    style="fill: rgb(255, 255, 255); stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 307.251px 256.375px 0px;"
                                    id="elctto73w2kmc" class="animable"></path>
                                <path d="M311.79,262.27a10.63,10.63,0,0,0,5.27-3.45"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 314.425px 260.545px 0px;"
                                    id="elk1pnlvll5y8" class="animable"></path>
                                <path
                                    d="M315.68,251.6a1.1,1.1,0,0,1-.42,1.5,1.11,1.11,0,0,1-1.5-.43,1,1,0,0,1-.14-.51,1.1,1.1,0,0,1,.42-1.5,1.11,1.11,0,0,1,1.5.43A1,1,0,0,1,315.68,251.6Z"
                                    style="fill: rgb(38, 50, 56); transform-origin: 314.65px 251.88px 0px;"
                                    id="elesk04ipbx59" class="animable"></path>
                                <path
                                    d="M305,251.38c.2.72.06,1.4-.32,1.5s-.85-.4-1-1.13-.05-1.4.33-1.5S304.78,250.65,305,251.38Z"
                                    style="fill: rgb(38, 50, 56); transform-origin: 304.352px 251.565px 0px;"
                                    id="elb3yfd8880e6" class="animable"></path>
                                <path
                                    d="M319.6,234.92s-3.72,9.73-12.92,9.51c0,0,3.19-2.43,4.07-4.75,0,0-7.08,7-14.15,3.44S293,223,303.85,216.46s21.95-4.79,25.71,1.46c0,0,7.6-.7,10.95,10.47,3,10-1.8,25.16-6.49,25.33-7.27.27-8.73-7.62-8.73-7.62A20.81,20.81,0,0,1,319.6,234.92Z"
                                    style="fill: rgb(38, 50, 56); stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 317.178px 233.023px 0px;"
                                    id="eliujpz6ieubs" class="animable"></path>
                                <path d="M327.57,252.17s-.23-9.18,5-8.07,1.44,11.72-2.49,11.61"
                                    style="fill: rgb(255, 255, 255); stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 331.348px 249.859px 0px;"
                                    id="elk03qsybzs5n" class="animable"></path>
                                <rect x="229.16" y="303.71" width="83.89" height="6.07" rx="1.63"
                                    style="fill: #90CAF9; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 271.105px 306.745px 0px;"
                                    id="el5mhkb44g0fx" class="animable"></rect>
                            </g>
                            <g id="freepik--Plant--inject-13" style="transform-origin: 90.275px 408.225px 0px;"
                                class="animable">
                                <polygon points="111.79 425.86 77.78 425.86 81.34 456.95 108.23 456.95 111.79 425.86"
                                    style="fill: rgb(38, 50, 56); stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 94.785px 441.405px 0px;"
                                    id="elxfljhu5fbr" class="animable"></polygon>
                                <path
                                    d="M115.82,404.22s-14.85,1.17-15.47,12.13C100.35,416.35,115.39,423.27,115.82,404.22Z"
                                    style="fill: #90CAF9; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 108.085px 410.898px 0px;"
                                    id="el4r2naucwsqs" class="animable"></path>
                                <path d="M86.44,406.94s-8.3-11.22-21.71-5.47C64.73,401.47,72.92,415,86.44,406.94Z"
                                    style="fill: #90CAF9; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 75.585px 404.666px 0px;"
                                    id="eldxq1r6k2v8k" class="animable"></path>
                                <path d="M65.87,371.52s-2.39,21.58,17.26,15.64C83.13,387.16,76.89,371.29,65.87,371.52Z"
                                    style="fill: #90CAF9; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 74.4543px 379.856px 0px;"
                                    id="elb67fg3qsq0n" class="animable"></path>
                                <path d="M90,359.5s-15.54,8.38-4.11,21.1C85.88,380.6,96.77,371.51,90,359.5Z"
                                    style="fill: #90CAF9; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 86.9555px 370.05px 0px;"
                                    id="elt61fjxm2nuh" class="animable"></path>
                                <path d="M109.11,378.79s-16.9-1.71-16.9,13.93C92.21,392.72,109.11,393.39,109.11,378.79Z"
                                    style="fill: #90CAF9; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 100.66px 385.73px 0px;"
                                    id="el83xu6rvt6vq" class="animable"></path>
                                <path d="M93.18,438.67s7.7-16.16.31-32.62-9.9-30.33-6-40.1"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 91.1804px 402.31px 0px;"
                                    id="elto0tzxa6ytc" class="animable"></path>
                                <path d="M103.56,383S93.43,387,90,397.45"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 96.78px 390.225px 0px;"
                                    id="elgjqbhla6y4q" class="animable"></path>
                                <path d="M71.21,380.15s5.85,8,15.76,7.11"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 79.09px 383.74px 0px;"
                                    id="eleg74ts6qqto" class="animable"></path>
                                <path d="M71.21,403.77s16.2,4.66,22.64,3.14"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 82.53px 405.492px 0px;"
                                    id="eleyh5o4tgvl7" class="animable"></path>
                                <path d="M111,409.15s-7.25,8-14.53,7.83"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 103.735px 413.066px 0px;"
                                    id="el7rlg5fz27p8" class="animable"></path>
                                <rect x="76.32" y="425.17" width="36.93" height="4.39"
                                    style="fill: rgb(38, 50, 56); stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 94.785px 427.365px 0px;"
                                    id="elymttg6mv4yp" class="animable"></rect>
                            </g>
                            <g id="freepik--Bag--inject-13" style="transform-origin: 392.983px 419.71px 0px;"
                                class="animable">
                                <path
                                    d="M381.24,397a68.31,68.31,0,0,0-21.19,22c-8.81,14.7-15.79,35.38-4.95,38l10.31-.39,19.84-6.81-2.08-4S365.8,455,362.83,455s-6.84.74-8.47-.45,5.71-27.92,21.42-36.83S381.24,397,381.24,397Z"
                                    style="fill: #90CAF9; transform-origin: 367.412px 427px 0px;" id="eldre85xg3kt"
                                    class="animable"></path>
                                <g style="clip-path: url(&quot;#freepik--clip-path-9--inject-13&quot;); transform-origin: 367.412px 427px 0px;"
                                    id="el1vaoa7hg5vl" class="animable">
                                    <g id="eliblvqkaas4">
                                        <path
                                            d="M381.24,397a68.31,68.31,0,0,0-21.19,22c-8.81,14.7-15.79,35.38-4.95,38l10.31-.39,19.84-6.81-2.08-4S365.8,455,362.83,455s-6.84.74-8.47-.45,5.71-27.92,21.42-36.83S381.24,397,381.24,397Z"
                                            style="fill-opacity: 0.7; opacity: 0.5; isolation: isolate; transform-origin: 367.412px 427px 0px;"
                                            class="animable" id="eln3hgj48g7sa"></path>
                                    </g>
                                </g>
                                <path
                                    d="M381.24,397a68.31,68.31,0,0,0-21.19,22c-8.81,14.7-15.79,35.38-4.95,38l10.31-.39,19.84-6.81-2.08-4S365.8,455,362.83,455s-6.84.74-8.47-.45,5.71-27.92,21.42-36.83S381.24,397,381.24,397Z"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 367.412px 427px 0px;"
                                    id="elvffwo1buvv" class="animable"></path>
                                <path
                                    d="M392.53,387.36s0-4.31,6.53-4.9,7.46,5.7,7.46,5.7h-2.25s.05-3.77-4.75-4.06-4.62,4.06-4.62,4.06Z"
                                    style="fill: #90CAF9; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 399.525px 385.29px 0px;"
                                    id="el9hsk89up5pq" class="animable"></path>
                                <path
                                    d="M382.87,457c-13.81,0-11.19-61.93-9.6-65s41.66-4.6,45.61-3.3,19.79,63,11.05,67.93Z"
                                    style="fill: #90CAF9; transform-origin: 402.244px 422.618px 0px;" id="elarhkt6x1yc"
                                    class="animable"></path>
                                <g style="clip-path: url(&quot;#freepik--clip-path-10--inject-13&quot;); transform-origin: 402.244px 422.618px 0px;"
                                    id="el6k4z15ecf9n" class="animable">
                                    <g id="elq2ie3q23i0c">
                                        <path
                                            d="M382.87,457c-13.81,0-11.19-61.93-9.6-65s41.66-4.6,45.61-3.3,19.79,63,11.05,67.93Z"
                                            style="fill-opacity: 0.7; opacity: 0.2; isolation: isolate; transform-origin: 402.244px 422.618px 0px;"
                                            class="animable" id="elw3djfb0vwkk"></path>
                                    </g>
                                </g>
                                <path
                                    d="M382.87,457c-13.81,0-11.19-61.93-9.6-65s41.66-4.6,45.61-3.3,19.79,63,11.05,67.93Z"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 402.244px 422.618px 0px;"
                                    id="ellaat4ptac1r" class="animable"></path>
                                <path
                                    d="M373.27,391.93c5,1.07,7.88,21.34,14.61,26.5s38.46,4.05,42.05,0-3.43-26.79-8.53-30.27-8.73-.1-23.08-1.69C377.05,384.1,373.27,391.93,373.27,391.93Z"
                                    style="fill: #90CAF9; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 402.092px 403.96px 0px;"
                                    id="el5y0d4l5vlpc" class="animable"></path>
                                <path
                                    d="M409.69,403.58l5.88,4.8a.8.8,0,0,1,.09,1.13h0l-4.58,4.94a.78.78,0,0,1-1.1,0h0L404.13,409a.79.79,0,0,1,0-1.1l0,0,4.53-4.21A.78.78,0,0,1,409.69,403.58Z"
                                    style="fill: #90CAF9; transform-origin: 409.88px 409.056px 0px;" id="ellpi0qpoofx"
                                    class="animable"></path>
                                <g style="clip-path: url(&quot;#freepik--clip-path-11--inject-13&quot;); transform-origin: 409.88px 409.056px 0px;"
                                    id="elxc4764zqcs" class="animable">
                                    <g id="elc7vaafqt77o">
                                        <path
                                            d="M409.69,403.58l5.88,4.8a.8.8,0,0,1,.09,1.13h0l-4.58,4.94a.78.78,0,0,1-1.1,0h0L404.13,409a.79.79,0,0,1,0-1.1l0,0,4.53-4.21A.78.78,0,0,1,409.69,403.58Z"
                                            style="fill-opacity: 0.7; opacity: 0.2; isolation: isolate; transform-origin: 409.88px 409.056px 0px;"
                                            class="animable" id="eldvkj87oqjl"></path>
                                    </g>
                                </g>
                                <path
                                    d="M409.69,403.58l5.88,4.8a.8.8,0,0,1,.09,1.13h0l-4.58,4.94a.78.78,0,0,1-1.1,0h0L404.13,409a.79.79,0,0,1,0-1.1l0,0,4.53-4.21A.78.78,0,0,1,409.69,403.58Z"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 409.88px 409.056px 0px;"
                                    id="el16kou8u33tu" class="animable"></path>
                                <path
                                    d="M390.3,428.79s26.58,2.19,39.63-1.19a11.21,11.21,0,0,1,3.73,5.35c1.19,3.56,3.67,15.74-3.73,18.86s-34,2.52-37.55-1S390.3,428.79,390.3,428.79Z"
                                    style="fill: #90CAF9; transform-origin: 412.516px 440.718px 0px;" id="el9mjnoqjk74q"
                                    class="animable"></path>
                                <g style="clip-path: url(&quot;#freepik--clip-path-12--inject-13&quot;); transform-origin: 412.516px 440.718px 0px;"
                                    id="el9k3fdhnjwpk" class="animable">
                                    <g id="eln557c8qmj7q">
                                        <path
                                            d="M390.3,428.79s26.58,2.19,39.63-1.19a11.21,11.21,0,0,1,3.73,5.35c1.19,3.56,3.67,15.74-3.73,18.86s-34,2.52-37.55-1S390.3,428.79,390.3,428.79Z"
                                            style="fill-opacity: 0.7; opacity: 0.4; isolation: isolate; transform-origin: 412.516px 440.718px 0px;"
                                            class="animable" id="ell7nuej80su"></path>
                                    </g>
                                </g>
                                <path
                                    d="M390.3,428.79s26.58,2.19,39.63-1.19a11.21,11.21,0,0,1,3.73,5.35c1.19,3.56,3.67,15.74-3.73,18.86s-34,2.52-37.55-1S390.3,428.79,390.3,428.79Z"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 412.516px 440.718px 0px;"
                                    id="eld6wgdek3t3l" class="animable"></path>
                                <path
                                    d="M390.3,428.79s3.12,8.41,4.75,9.7,36.16,1.29,40-1.83-1.42-8.76-5.11-9.06C429.93,427.6,405.74,430.42,390.3,428.79Z"
                                    style="fill: #90CAF9; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 413.345px 433.451px 0px;"
                                    id="el6iqi81eyq4h" class="animable"></path>
                                <path
                                    d="M379.16,427s.89,17.67,2.67,21.68a9.25,9.25,0,0,1-8.56,0c-4.5-2.38-3.76-17.6-2.87-17.56S379.16,427,379.16,427Z"
                                    style="fill: #90CAF9; transform-origin: 375.78px 438.365px 0px;" id="elp72a9rjd5hm"
                                    class="animable"></path>
                                <g style="clip-path: url(&quot;#freepik--clip-path-13--inject-13&quot;); transform-origin: 375.78px 438.365px 0px;"
                                    id="el0uh7zaj7hql" class="animable">
                                    <g id="el8kfe3bay4p3">
                                        <path
                                            d="M379.16,427s.89,17.67,2.67,21.68a9.25,9.25,0,0,1-8.56,0c-4.5-2.38-3.76-17.6-2.87-17.56S379.16,427,379.16,427Z"
                                            style="fill-opacity: 0.7; opacity: 0.4; isolation: isolate; transform-origin: 375.78px 438.365px 0px;"
                                            class="animable" id="el6crjb1mpio8"></path>
                                    </g>
                                </g>
                                <path
                                    d="M379.16,427s.89,17.67,2.67,21.68a9.25,9.25,0,0,1-8.56,0c-4.5-2.38-3.76-17.6-2.87-17.56S379.16,427,379.16,427Z"
                                    style="fill: none; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 375.78px 438.365px 0px;"
                                    id="elk2rf1iyfpkq" class="animable"></path>
                                <path d="M379.16,427l-6.69,1.34s-6.38,4.9-3.56,6.53S379,432.5,379.16,427Z"
                                    style="fill: #90CAF9; stroke: rgb(38, 50, 56); stroke-linecap: round; stroke-linejoin: round; transform-origin: 373.675px 431.119px 0px;"
                                    id="el18zvfwls8bk" class="animable"></path>
                            </g>
                            <defs>
                                <clipPath id="freepik--clip-path--inject-13">
                                    <polygon
                                        points="252.99 246.08 246.4 371.55 162.91 367.17 163.61 353.87 169.5 241.69 222.07 244.45 252.99 246.08"
                                        style="fill:none"></polygon>
                                </clipPath>
                                <clipPath id="freepik--clip-path-2--inject-13">
                                    <polygon
                                        points="197.51 336.04 116.96 358.43 83.32 237.36 116.67 228.09 163.87 214.98 194.39 324.82 197.51 336.04"
                                        style="fill:none"></polygon>
                                </clipPath>
                                <clipPath id="freepik--clip-path-3--inject-13">
                                    <path
                                        d="M412.16,275.05l-12.24,45.18A9.63,9.63,0,0,1,391.1,327H321.26a5.06,5.06,0,0,1-5.16-6.75l12.25-45.18a9.64,9.64,0,0,1,8.82-6.75H407a5.08,5.08,0,0,1,5.43,4.71A5.15,5.15,0,0,1,412.16,275.05Z"
                                        style="fill:none"></path>
                                </clipPath>
                                <clipPath id="freepik--clip-path-4--inject-13">
                                    <path
                                        d="M377.15,363v8.24H287.23V363a6.06,6.06,0,0,1,6.06-6.06h77.79a6.05,6.05,0,0,1,6.07,6.06Z"
                                        style="fill:none"></path>
                                </clipPath>
                                <clipPath id="freepik--clip-path-5--inject-13">
                                    <path
                                        d="M284.31,369c-4.31,4.39,16.58,73.37,16.58,73.37-2.28,2-5.64,2.92-8.82,3.34a40.55,40.55,0,0,1-8.81.13s-29.94-72.62-21.7-90.64S320.93,329,320.93,329l2.18-5.4,26.45-3.72,4.37,32.39s-4.34.42-10.87,1.26C325.55,355.75,292.23,361,284.31,369Z"
                                        style="fill:none"></path>
                                </clipPath>
                                <clipPath id="freepik--clip-path-6--inject-13">
                                    <path
                                        d="M269.51,303.71c-4.39-.75,26.86-28.15,26.86-28.15l15.07,10.14s-25.64,18.06-29.67,18.55S269.51,303.71,269.51,303.71Z"
                                        style="fill:none"></path>
                                </clipPath>
                                <clipPath id="freepik--clip-path-7--inject-13">
                                    <path d="M296.67,435.09,305,457s1.38,5.63-23.74,3.85l-13.84-1.18Z"
                                        style="fill:none"></path>
                                </clipPath>
                                <clipPath id="freepik--clip-path-8--inject-13">
                                    <path
                                        d="M324.36,277.39a18.39,18.39,0,0,1-1-7.43,21.83,21.83,0,0,1,.27-2.55l-1.69-2.68-2.17-3.45,2.51-10s16,3.08,17.2,7.54S324.36,277.39,324.36,277.39Z"
                                        style="fill:none"></path>
                                </clipPath>
                                <clipPath id="freepik--clip-path-9--inject-13">
                                    <path
                                        d="M381.24,397a68.31,68.31,0,0,0-21.19,22c-8.81,14.7-15.79,35.38-4.95,38l10.31-.39,19.84-6.81-2.08-4S365.8,455,362.83,455s-6.84.74-8.47-.45,5.71-27.92,21.42-36.83S381.24,397,381.24,397Z"
                                        style="fill:none"></path>
                                </clipPath>
                                <clipPath id="freepik--clip-path-10--inject-13">
                                    <path
                                        d="M382.87,457c-13.81,0-11.19-61.93-9.6-65s41.66-4.6,45.61-3.3,19.79,63,11.05,67.93Z"
                                        style="fill:none"></path>
                                </clipPath>
                                <clipPath id="freepik--clip-path-11--inject-13">
                                    <path
                                        d="M409.69,403.58l5.88,4.8a.8.8,0,0,1,.09,1.13h0l-4.58,4.94a.78.78,0,0,1-1.1,0h0L404.13,409a.79.79,0,0,1,0-1.1l0,0,4.53-4.21A.78.78,0,0,1,409.69,403.58Z"
                                        style="fill:none"></path>
                                </clipPath>
                                <clipPath id="freepik--clip-path-12--inject-13">
                                    <path
                                        d="M390.3,428.79s26.58,2.19,39.63-1.19a11.21,11.21,0,0,1,3.73,5.35c1.19,3.56,3.67,15.74-3.73,18.86s-34,2.52-37.55-1S390.3,428.79,390.3,428.79Z"
                                        style="fill:none"></path>
                                </clipPath>
                                <clipPath id="freepik--clip-path-13--inject-13">
                                    <path
                                        d="M379.16,427s.89,17.67,2.67,21.68a9.25,9.25,0,0,1-8.56,0c-4.5-2.38-3.76-17.6-2.87-17.56S379.16,427,379.16,427Z"
                                        style="fill:none"></path>
                                </clipPath>
                            </defs>
                            <defs>
                                <filter id="active" height="200%">
                                    <feMorphology in="SourceAlpha" result="DILATED" operator="dilate" radius="2">
                                    </feMorphology>
                                    <feFlood flood-color="#32DFEC" flood-opacity="1" result="PINK"></feFlood>
                                    <feComposite in="PINK" in2="DILATED" operator="in" result="OUTLINE"></feComposite>
                                    <feMerge>
                                        <feMergeNode in="OUTLINE"></feMergeNode>
                                        <feMergeNode in="SourceGraphic"></feMergeNode>
                                    </feMerge>
                                </filter>
                                <filter id="hover" height="200%">
                                    <feMorphology in="SourceAlpha" result="DILATED" operator="dilate" radius="2">
                                    </feMorphology>
                                    <feFlood flood-color="#ff0000" flood-opacity="0.5" result="PINK"></feFlood>
                                    <feComposite in="PINK" in2="DILATED" operator="in" result="OUTLINE"></feComposite>
                                    <feMerge>
                                        <feMergeNode in="OUTLINE"></feMergeNode>
                                        <feMergeNode in="SourceGraphic"></feMergeNode>
                                    </feMerge>
                                    <feColorMatrix type="matrix"
                                        values="0   0   0   0   0                0   1   0   0   0                0   0   0   0   0                0   0   0   1   0 ">
                                    </feColorMatrix>
                                </filter>
                            </defs>
                        </svg>
                    </div>
                </div>
                <hr>

                <!-- content 1 -->
                <div class="container flex flex-col md:flex-row">

                    <div id="intro" class="flex flex-col p-3 md:p-6 md:w-1/2">
                        <!-- intro -->
                        <h1 class="text-xl md:text-2xl font-semibold text-[#1c2541] my-3">Introduction to Effective
                            Studying:</h1>
                        <br>
                        <h2 class="text-base md:text-xl font-semibold text-[#1c2541]">Purpose:</h2><br>
                        <div class="my-2 mx-3 md:mx-6 justify-start text-start text-xs md:text-sm text-[#3bbeff]">
                            <p>This section serves as an introduction to the importance of effective studying for
                                academic success.
                            </p>
                        </div>
                        <h2 class="text-base md:text-xl font-semibold text-[#1c2541]">Benefits:</h2><br>
                        <div class="my-2 mx-3 md:mx-6 justify-start text-start text-xs md:text-sm text-[#3bbeff]">
                            <p>Improved understanding and retention of course material: Effective studying techniques
                                help students
                                grasp complex concepts and retain information for longer periods.
                                Higher grades and academic performance: By adopting effective study habits, students can
                                achieve
                                better grades and excel in their academic pursuits.
                                Reduced stress and anxiety related to studying and exams: With proper study techniques,
                                students can
                                manage their workload more efficiently, leading to reduced stress and anxiety during
                                exams.</p>
                        </div>
                        <a href="/study-tips#header">
                            <div class="text-sm px-3 md:px-6">Click to <span class="font-semibold">Go on top!</span>
                            </div>
                        </a>
                    </div>

                    <!-- video content -->
                    <div class="flex flex-col md:flex-row  justify-center items-center md:w-1/2 p-3 md:p-6">
                        <div class="w-max px-3 flex flex-col">
                            <div class="shadow-lg shadow-blue-500">
                                <!-- <div style="position:relative;padding-bottom:56.25%;height:0;overflow:hidden;"> <iframe
                            style="width:100%;height:100%;position:absolute;left:0px;top:0px;overflow:hidden"
                            frameborder="0" type="text/html" src="https://www.dailymotion.com/embed/video/x8u06f2"
                            width="100%" height="100%" allowfullscreen title="Dailymotion Video Player"> </iframe>
                    </div> -->
                                <!-- <div style="padding:56.25% 0 0 0;position:relative;"><iframe
                            src="https://player.vimeo.com/video/920402422?badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479"
                            frameborder="0" allow="autoplay; fullscreen; picture-in-picture; clipboard-write"
                            style="position:absolute;top:0;left:0;width:100%;height:100%;"
                            title="3 tips on how to study effectively"></iframe></div>
                    <script src="https://player.vimeo.com/api/player.js"></script> -->
                                <iframe width="336" height="189"
                                    src="https://www.youtube-nocookie.com/embed/xFehpSpDULw?si=QK9oZYLWny20_qPo"
                                    title="YouTube video player" frameborder="0"
                                    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
                                    allowfullscreen></iframe>
                            </div>
                            <h3 class="text-sm my-3 md:text-base font-semibold text-[#1c2541]">Some best study tips</h3>
                        </div>
                        <div class="w-max px-3 flex flex-col">
                            <div class="shadow-lg shadow-blue-500">
                                <div class="shadow-lg shadow-blue-500">
                                    <iframe width="336" height="189"
                                        src="https://www.youtube.com/embed/HGC6DOOMXT4?si=SkkeZELrAwQIx2HG"
                                        title="YouTube video player" frameborder="0"
                                        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
                                        allowfullscreen></iframe>
                                </div>
                            </div>
                            <h3 class="text-sm my-3 md:text-base font-semibold text-[#1c2541]">3 Tips on how to study
                                effectively
                            </h3>
                        </div>
                    </div>
                </div>
                <hr>

                <!-- content 2 -->
                <div class="container flex flex-col md:flex-row-reverse">
                    <div id="timeManagement" class="flex flex-col p-3 md:p-6 md:w-1/2">
                        <!-- time management tips -->
                        <h1 class="text-xl md:text-2xl font-semibold text-[#1c2541] my-3">Time Management Tips:</h1><br>
                        <h2 class="text-base md:text-xl font-semibold text-[#1c2541]">Creating Study Schedules:</h2><br>
                        <div class="my-2 mx-3 md:mx-6 justify-start text-start text-xs md:text-sm text-[#3bbeff]">
                            <p>Allocate specific time slots for studying each subject or topic: Divide your study time
                                into
                                manageable chunks, dedicating specific periods for each subject or topic.
                                Break study sessions into manageable chunks with breaks in between: Avoid studying for
                                long periods
                                without breaks, as it can lead to burnout and decreased productivity.</p>
                        </div>
                        <h2 class="text-base md:text-xl font-semibold text-[#1c2541]">Setting Realistic Goals:</h2><br>
                        <div class="my-2 mx-3 md:mx-6 justify-start text-start text-xs md:text-sm text-[#3bbeff]">
                            <p>Set achievable goals for each study session or study period: Define clear, attainable
                                objectives for
                                what you want to accomplish during each study session.
                                Break down larger tasks into smaller, more manageable tasks: Divide larger assignments
                                or projects
                                into smaller, actionable tasks to make them more manageable and less daunting.</p>
                        </div>
                        <h2 class="text-base md:text-xl font-semibold text-[#1c2541]">Prioritizing Tasks:</h2><br>
                        <div class="my-2 mx-3 md:mx-6 justify-start text-start text-xs md:text-sm text-[#3bbeff]">
                            <p>Identify tasks based on their importance and urgency: Prioritize tasks based on
                                deadlines,
                                importance, and their impact on your overall academic goals.
                                Focus on high-priority tasks first and allocate time accordingly: Address urgent tasks
                                or those with
                                looming deadlines before tackling less pressing matters.</p>
                        </div>
                        <a href="/study-tips#header">
                            <div class="text-sm px-3 md:px-6">Click to <span class="font-semibold">Go on top!</span>
                            </div>
                        </a>
                    </div>

                    <!-- video content -->
                    <div class="flex flex-col md:flex-row  justify-center items-center md:w-1/2 p-3 md:p-6">
                        <div class="w-max px-3 flex flex-col">
                            <div class="shadow-lg shadow-blue-500">
                                <iframe width="336" height="189"
                                    src="https://www.youtube-nocookie.com/embed/fjuXPwzsR6U?si=9rsi--bmxOHyXoYD"
                                    title="YouTube video player" frameborder="0"
                                    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
                                    allowfullscreen></iframe>
                            </div>
                            <h3 class="text-sm my-3 md:text-base font-semibold text-[#1c2541]">Tips for effective time
                                management
                            </h3>
                        </div>
                        <div class="w-max px-3 flex flex-col">
                            <div class="shadow-lg shadow-blue-500">
                                <iframe width="336" height="189"
                                    src="https://www.youtube-nocookie.com/embed/YildnR6-cyk?si=lil59NuLuq3hJzfo"
                                    title="YouTube video player" frameborder="0"
                                    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
                                    allowfullscreen></iframe>
                            </div>
                            <h3 class="text-sm my-3 md:text-base font-semibold text-[#1c2541]">10 Time management
                                frameworks</h3>
                        </div>
                    </div>

                </div>
                <hr>

                <!-- content 3 -->
                <div class="container flex flex-col md:flex-row">
                    <div id="noteTakingStrategies" class="flex flex-col p-3 md:p-6 md:w-1/2">
                        <!-- note taking strategies -->
                        <h1 class="text-xl md:text-2xl font-semibold text-[#1c2541] my-3">Note-Taking Strategies:</h1>
                        <br>
                        <h2 class="text-base md:text-xl font-semibold text-[#1c2541]">Cornell Method:</h2><br>
                        <div class="my-2 mx-3 md:mx-6 justify-start text-start text-xs md:text-sm text-[#3bbeff]">
                            <p>Divide your note paper into three sections: a narrow column on the left, a wider column
                                on the right,
                                and a section at the bottom.
                                Use the narrow column for cues or questions, the wider column for taking notes, and the
                                bottom
                                section for summarizing key points.</p>
                        </div>
                        <h2 class="text-base md:text-xl font-semibold text-[#1c2541]">Mind Mapping:</h2><br>
                        <div class="my-2 mx-3 md:mx-6 justify-start text-start text-xs md:text-sm text-[#3bbeff]">
                            <p>Create visual diagrams that represent concepts, ideas, and relationships between
                                different topics.
                                Use branches, keywords, and images to organize information in a hierarchical structure.
                            </p>
                        </div>
                        <h2 class="text-base md:text-xl font-semibold text-[#1c2541]">Outlining:</h2><br>
                        <div class="my-2 mx-3 md:mx-6 justify-start text-start text-xs md:text-sm text-[#3bbeff]">
                            <p>Organize notes in a hierarchical format using bullet points or numbered lists.
                                Create headings and subheadings to categorize and structure information logically.</p>
                        </div>
                        <a href="/study-tips#header">
                            <div class="text-sm px-3 md:px-6">Click to <span class="font-semibold">Go on top!</span>
                            </div>
                        </a>
                    </div>

                    <!-- video content -->
                    <div class="flex flex-col md:flex-row  justify-center items-center md:w-1/2 p-3 md:p-6">
                        <div class="w-max px-3 flex flex-col">
                            <div class="shadow-lg shadow-blue-500">
                                <iframe width="336" height="189"
                                    src="https://www.youtube-nocookie.com/embed/N9-x-HXERVg?si=UV_GQ8MF9Hf1JQsa"
                                    title="YouTube video player" frameborder="0"
                                    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
                                    allowfullscreen></iframe>
                            </div>
                            <h3 class="text-sm my-3 md:text-base font-semibold text-[#1c2541]">Note taking strategies
                            </h3>
                        </div>
                    </div>

                </div>
                <hr>

                <!-- content 4 -->
                <div class="container flex flex-col md:flex-row-reverse">
                    <div id="activeLearning" class="flex flex-col p-3 md:p-6 md:w-1/2">
                        <!-- note taking strategies -->
                        <h1 class="text-xl md:text-2xl font-semibold text-[#1c2541] my-3">Active Learning Techniques:
                        </h1><br>
                        <h2 class="text-base md:text-xl font-semibold text-[#1c2541]">Summarizing:</h2><br>
                        <div class="my-2 mx-3 md:mx-6 justify-start text-start text-xs md:text-sm text-[#3bbeff]">
                            <p>Condense complex information into concise summaries using your own words.
                                Focus on identifying the main ideas and key points of the material.</p>
                        </div>
                        <h2 class="text-base md:text-xl font-semibold text-[#1c2541]">Teaching Concepts:</h2><br>
                        <div class="my-2 mx-3 md:mx-6 justify-start text-start text-xs md:text-sm text-[#3bbeff]">
                            <p>Explain concepts or topics to someone else as if you were teaching them.
                                Teaching others reinforces your understanding and helps you identify areas of weakness.
                            </p>
                        </div>
                        <h2 class="text-base md:text-xl font-semibold text-[#1c2541]">Group Study Sessions:</h2><br>
                        <div class="my-2 mx-3 md:mx-6 justify-start text-start text-xs md:text-sm text-[#3bbeff]">
                            <p>Collaborate with classmates to discuss and review course material.
                                Exchange ideas, clarify doubts, and test each other's understanding through group
                                discussions
                                and activities.</p>
                        </div>
                        <a href="/study-tips#header">
                            <div class="text-sm px-3 md:px-6">Click to <span class="font-semibold">Go on top!</span>
                            </div>
                        </a>
                    </div>

                    <!-- video content -->
                    <div class="flex flex-col md:flex-row justify-center items-center md:w-1/2 p-3 md:p-6">
                        <div class="w-max px-3 flex flex-col">
                            <div class="shadow-lg shadow-blue-500">
                                <iframe width="336" height="189"
                                    src="https://www.youtube-nocookie.com/embed/BelGJJbCHvo?si=uZkCGgIyIkTZhXHo"
                                    title="YouTube video player" frameborder="0"
                                    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
                                    allowfullscreen></iframe>
                            </div>
                            <h3 class="text-sm my-3 md:text-base font-semibold text-[#1c2541]">Active learning
                                techniques</h3>
                        </div>
                    </div>

                </div>
                <hr>

                <!-- content 5 -->
                <div class="container flex flex-col md:flex-row">
                    <div id="memoryImprovement" class="flex flex-col p-3 md:p-6 md:w-1/2">
                        <!-- note taking strategies -->
                        <h1 class="text-xl md:text-2xl font-semibold text-[#1c2541] my-3">Memory Improvement Techniques:
                        </h1><br>
                        <h2 class="text-base md:text-xl font-semibold text-[#1c2541]">Mnemonic Devices:</h2><br>
                        <div class="my-2 mx-3 md:mx-6 justify-start text-start text-xs md:text-sm text-[#3bbeff]">
                            <p>Use memory aids, such as acronyms, rhymes, or visual imagery, to associate information
                                with
                                easy-to-remember cues.
                                Mnemonic devices help encode and retrieve information more effectively.</p>
                        </div>
                        <h2 class="text-base md:text-xl font-semibold text-[#1c2541]">Retrieval Exercises:</h2><br>
                        <div class="my-2 mx-3 md:mx-6 justify-start text-start text-xs md:text-sm text-[#3bbeff]">
                            <p>Practice recalling information from memory without referring to notes or textbooks.
                                Use flashcards, quizzes, or self-tests to reinforce memory retrieval and strengthen
                                retention.</p>
                        </div>
                        <h2 class="text-base md:text-xl font-semibold text-[#1c2541]">Spacing Out Study Sessions:</h2>
                        <br>
                        <div class="my-2 mx-3 md:mx-6 justify-start text-start text-xs md:text-sm text-[#3bbeff]">
                            <p>Distribute study sessions over time rather than cramming all at once.
                                Spacing out study sessions allows for better consolidation of information and enhances
                                long-term
                                retention.</p>
                        </div>
                        <a href="/study-tips#header">
                            <div class="text-sm px-3 md:px-6">Click to <span class="font-semibold">Go on top!</span>
                            </div>
                        </a>
                    </div>

                    <!-- video content -->
                    <div class="flex flex-col md:flex-row justify-center items-center md:w-1/2 p-3 md:p-6">
                        <div class="w-max px-3 flex flex-col">
                            <div class="shadow-lg shadow-blue-500">
                                <iframe width="336" height="189"
                                    src="https://www.youtube-nocookie.com/embed/08jz0Kxwf00?si=SpZ-my9exZU3csnc"
                                    title="YouTube video player" frameborder="0"
                                    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
                                    allowfullscreen></iframe>
                            </div>
                            <h3 class="text-sm my-3 md:text-base font-semibold text-[#1c2541]">11 secrets to memorize
                                things faster
                            </h3>
                        </div>
                    </div>

                </div>
                <hr>

                <!-- content 6 -->
                <div class="container flex flex-col md:flex-row-reverse">
                    <div id="testTaking" class="flex flex-col p-3 md:p-6 md:w-1/2">
                        <!-- note taking strategies -->
                        <h1 class="text-xl md:text-2xl font-semibold text-[#1c2541] my-3">Test-Taking Strategies:</h1>
                        <br>
                        <h2 class="text-base md:text-xl font-semibold text-[#1c2541]">Managing Test Anxiety:</h2><br>
                        <div class="my-2 mx-3 md:mx-6 justify-start text-start text-xs md:text-sm text-[#3bbeff]">
                            <p>Practice relaxation techniques, such as deep breathing or visualization, to reduce test
                                anxiety.
                                Maintain a positive mindset and focus on your preparation rather than worrying about the
                                outcome.
                            </p>
                        </div>
                        <h2 class="text-base md:text-xl font-semibold text-[#1c2541]">Answering Different Types of
                            Questions:</h2>
                        <br>
                        <div class="my-2 mx-3 md:mx-6 justify-start text-start text-xs md:text-sm text-[#3bbeff]">
                            <p>Understand the instructions and requirements of each question type (e.g.,
                                multiple-choice, essay).
                                Use strategies like process of elimination for multiple-choice questions and structured
                                approaches
                                for essay questions.</p>
                        </div>
                        <h2 class="text-base md:text-xl font-semibold text-[#1c2541]">Reviewing Material Effectively:
                        </h2><br>
                        <div class="my-2 mx-3 md:mx-6 justify-start text-start text-xs md:text-sm text-[#3bbeff]">
                            <p>Review course material regularly to reinforce learning and identify areas that require
                                further study.
                                Use active recall techniques to test your understanding and retention of key concepts.
                            </p>
                        </div>
                        <a href="/study-tips#header">
                            <div class="text-sm px-3 md:px-6">Click to <span class="font-semibold">Go on top!</span>
                            </div>
                        </a>
                    </div>

                    <!-- video content -->
                    <div class="flex flex-col md:flex-row justify-center items-center md:w-1/2 p-3 md:p-6">
                        <div class="w-max px-3 flex flex-col">
                            <div class="shadow-lg shadow-blue-500">
                                <iframe width="336" height="189"
                                    src="https://www.youtube-nocookie.com/embed/0-XZ_y2Kikw?si=KUpBO20W-qntYEE9"
                                    title="YouTube video player" frameborder="0"
                                    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
                                    allowfullscreen></iframe>
                            </div>
                            <h3 class="text-sm my-3 md:text-base font-semibold text-[#1c2541]">Test Taking Strategies
                            </h3>
                        </div>
                    </div>

                </div>
                <hr>

                <!-- content 7 -->
                <div class="container w-full p-3 md:p-6">
                    <!-- motivation and inspiration -->
                    <h1 class="text-xl md:text-2xl font-semibold text-[#1c2541] my-3">Few Motivational Quotes and
                        Inspiration:
                    </h1><br>
                    <h2 id="motivationQuotes" class="text-base md:text-xl font-semibold text-[#1c2541]">Motivational
                        Quotes:
                    </h2><br>
                    <!-- motivational quotes and its video in a row -->
                    <div class="container flex flex-col md:flex-row justify-between w-full">
                        <div class="my-2 mx-3 md:mx-6 justify-start text-start text-xs md:text-sm text-[#3bbeff]">
                            <p class="flex flex-col w-[100%]">
                            <p
                                class="text-[13px] md:text-[15px] pb-3 transition-all md:hover:p-6 md:hover:text-[20px] md:hover:font-semibold">
                                "The future belongs to those who believe in the beauty of their dreams." <span
                                    class="text-gray-400 text-[10px]">- Eleanor Roosevelt</span><br></p>
                            <p
                                class="text-[13px] md:text-[15px] pb-3 transition-all md:hover:p-6 md:hover:text-[20px] md:hover:font-semibold">
                                "Success is not final, failure is not fatal: It is the courage to continue that counts."
                                <span class="text-gray-400 text-[10px]">- Winston Churchill</span><br></p>
                            <p
                                class="text-[13px] md:text-[15px] pb-3 transition-all md:hover:p-6 md:hover:text-[20px] md:hover:font-semibold">
                                "Believe you can and you're halfway there." <span class="text-gray-400 text-[10px]">-
                                    Theodore
                                    Roosevelt</span><br></p>
                            <p
                                class="text-[13px] md:text-[15px] pb-3 transition-all md:hover:p-6 md:hover:text-[20px] md:hover:font-semibold">
                                "The only limit to our realization of tomorrow will be our doubts of today." <span
                                    class="text-gray-400 text-[10px]">- Franklin D. Roosevelt</span><br></p>
                            <p
                                class="text-[13px] md:text-[15px] pb-3 transition-all md:hover:p-6 md:hover:text-[20px] md:hover:font-semibold">
                                "You are never too old to set another goal or to dream a new dream." <span
                                    class="text-gray-400 text-[10px]">- C.S. Lewis</span><br></p>
                            <p
                                class="text-[13px] md:text-[15px] pb-3 transition-all md:hover:p-6 md:hover:text-[20px] md:hover:font-semibold">
                                "The only way to do great work is to love what you do." <span
                                    class="text-gray-400 text-[10px]">-
                                    Steve Jobs</span><br></p>
                            <p
                                class="text-[13px] md:text-[15px] pb-3 transition-all md:hover:p-6 md:hover:text-[20px] md:hover:font-semibold">
                                "Success is not measured by what you accomplish, but by the obstacles you overcome."
                                <span class="text-gray-400 text-[10px]">- Booker T. Washington</span><br></p>
                            <p
                                class="text-[13px] md:text-[15px] pb-3 transition-all md:hover:p-6 md:hover:text-[20px] md:hover:font-semibold">
                                "Hardships often prepare ordinary people for an extraordinary destiny." <span
                                    class="text-gray-400 text-[10px]">- C.S. Lewis</span><br></p>
                            <p
                                class="text-[13px] md:text-[15px] pb-3 transition-all md:hover:p-6 md:hover:text-[20px] md:hover:font-semibold">
                                "The secret of getting ahead is getting started." <span
                                    class="text-gray-400 text-[10px]">- Mark
                                    Twain</span><br></p>
                            <p
                                class="text-[13px] md:text-[15px] pb-3 transition-all md:hover:p-6 md:hover:text-[20px] md:hover:font-semibold">
                                "Don't watch the clock; do what it does. Keep going." <span
                                    class="text-gray-400 text-[10px]">-
                                    Sam
                                    Levenson</span><br></p>
                            </p>
                        </div>


                        <!-- video content -->
                        <div class="flex flex-col justify-start items-center md:w-1/2">
                            <h3 class="text-sm mb-3 md:text-base font-semibold text-[#1c2541]">Some more quotes</h3>
                            <div class="w-max px-3 pb-6 flex flex-col">
                                <div class="shadow-lg shadow-blue-500">
                                    <iframe width="336" height="189"
                                        src="https://www.youtube-nocookie.com/embed/nMHA9V7MJ4A?si=MzGhumLQIDdMNl7m"
                                        title="YouTube video player" frameborder="0"
                                        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
                                        allowfullscreen></iframe>
                                </div>
                            </div>
                            <div class="w-max px-3 flex flex-col">
                                <div class="shadow-lg shadow-blue-500">
                                    <iframe width="336" height="189"
                                        src="https://www.youtube-nocookie.com/embed/fLVNzgXHdHU?si=Q9DiN3_XZsgdeyIg"
                                        title="YouTube video player" frameborder="0"
                                        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
                                        allowfullscreen></iframe>
                                </div>
                            </div>
                        </div>

                    </div>
                    <a href="/study-tips#header">
                        <div class="text-sm px-3 md:px-6">Click to <span class="font-semibold">Go on top!</span></div>
                    </a>
                    <hr>

                    <!-- inpiration -->
                    <h2 id="inspiration" class="text-base mt-8 md:text-xl font-semibold text-[#1c2541]">Some
                        Inspiration:</h2>
                    <br>
                    <div class="px-3 md:px-9 justify-start text-start text-sm md:text-base text-[#3bbeff]">
                        <p>Here are some inspirational videos, I hope these would inspire you!</p>
                    </div>
                    <!-- inpiration videos -->
                    <div class="flex flex-col md:flex-row items-center md:w-[100%] px-3 md:px-6 py-2">
                        <div class="w-max px-3 flex flex-col">
                            <div class="shadow-lg shadow-blue-500">
                                <iframe width="336" height="189"
                                    src="https://www.youtube-nocookie.com/embed/qnf33bg8HzA?si=Rj7EtyT-mzkXW1wT"
                                    title="YouTube video player" frameborder="0"
                                    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
                                    allowfullscreen></iframe>
                            </div>
                            <h3 class="text-sm my-3 md:text-base font-semibold text-[#1c2541]">Best inspirational speech
                                by - Steve
                                Jobs</h3>
                        </div>
                        <div class="w-max px-3 flex flex-col">
                            <div class="shadow-lg shadow-blue-500">
                                <iframe width="336" height="189"
                                    src="https://www.youtube-nocookie.com/embed/khvOZ9kzzZ0?si=ftUHOcE8jFaajto3"
                                    title="YouTube video player" frameborder="0"
                                    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
                                    allowfullscreen></iframe>
                            </div>
                            <h3 class="text-sm my-3 md:text-base font-semibold text-[#1c2541]">inspiration by - Elon
                                Musk</h3>
                        </div>
                        <div class="w-max px-3 flex flex-col">
                            <div class="shadow-lg shadow-blue-500">
                                <iframe width="336" height="189"
                                    src="https://www.youtube-nocookie.com/embed/i_fSSDrAqL8?si=FBEhSHwhsOu8tfhV"
                                    title="YouTube video player" frameborder="0"
                                    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
                                    allowfullscreen></iframe>
                            </div>
                            <h3 class="text-sm my-3 md:text-base font-semibold text-[#1c2541]">Professors study
                                techniques</h3>
                        </div>
                    </div>
                </div>

                <!-- including footer -->
                <%- include('./partials/footer.ejs') %>
            </div>
            <!-- script for toggle menu -->
            <script>
                const dropdownMenu = document.querySelector(".dropdown-menu");
                function onToggleMenu(e) {
                    e.name = e.name === "menu" ? "close" : "menu";
                    dropdownMenu.classList.toggle("left-[0%]");
                }
                document.addEventListener('DOMContentLoaded', function () {
                    const menuIcon = document.getElementById('toggle-button-studytips');
                    const blurContent = document.getElementById('blurContentStudytips');

                    menuIcon.addEventListener('click', function () {
                        blurContent.classList.toggle('blur-sm');
                        setTimeout(function () {
                            blurContent.classList.toggle('in-trans');
                        }, 300);
                    });
                }); 
            </script>

    </body>

</html>