HTTP/2 error 500 on Firebase hosting domain for specific static files

General Tech Bugs & Fixes 2 years ago

0 1 0 0 0 tuteeHUB earn credit +10 pts

5 Star Rating 1 Rating

Posted on 16 Aug 2022, this text provides information on Bugs & Fixes related to General Tech. Please note that while accuracy is prioritized, the data presented might not be entirely correct or up-to-date. This information is offered for general knowledge and informational purposes only, and should not be considered as a substitute for professional advice.

Take Quiz To Earn Credits!

Turn Your Knowledge into Earnings.

tuteehub_quiz

Answers (1)

Post Answer
profilepic.png
manpreet Tuteehub forum best answer Best Answer 2 years ago

 

I deployed a Firebase application consisted on one function and a bunch of static files in the public directory that build up the site itself.

The firebase.json contains one redirect rule and one rewrite rule.

Strangely, when testing the function locally, I can't see any problem at all, the static index.html file is loaded with the corresponding css and js files stored under the folder /assets.

But when I deploy the application in the Firebase hosting, all the files under that specific directory (/assets) return an HTTP/2 500 with some extra headers like location pointing to themselves.

I can't see the logs for anything else apart from the functions (that are not even being called), so I can't get to troubleshoot this issue.

Any idea?

The full HTTP response when curl'ed one of the css files is like this:

< HTTP/2 500
< server: nginx
< content-type: text/html; charset=utf-8
< location: /assets/css/bootstrap.min.css
< etag: W/"2c-Fy5LxM6AQUiWl2dvoMk+v0DAv6s"
< fastly-restarts: 1
< accept-ranges: bytes
< date: Mon, 08 Apr 2019 10:31:34 GMT
< via: 1.1 varnish
< x-served-by: cache-lcy19235-LCY
< x-cache: MISS
< x-cache-hits: 0
< x-timer: S1554719494.752454,VS0,VE252
< vary: x-fh-requested-host
< content-length: 44
<


  
* Connection #0 to host [REDACTED] left intact
    U
</pre>
<p style="margin: 0px 0px 1em; padding: 0px; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; line-height: inherit; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 15px; vertical-align: baseline; box-sizing: inherit; clear: both; color: #242729;">That's the full response that gets truncated there after the <code style="margin: 0px; padding: 1px 5px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, sans-serif; font-size: 13px; vertical-align: baseline; box-sizing: inherit; background-color: #eff0f1; white-space: pre-wrap;">U</code>.</p>
                                            <div class="btn-group mr-0 mt-2 sd-flex-col d-flex justify-content-between reply-container"
                                                role="group">
                                                <div>
                                                                                                        <a href="javascript:;"
                                                        onclick="redirectToDashboard('https://dashboard.tuteehub.com/forum/general-tech-287/bugs-fixes-288/http-2-error-500-on-firebase-hosting-domain-for-specific-static-files-1379')"
                                                        data-toggle="tooltip" title="Comment"
                                                        class="color-gray-hover btn btn-sm btn-light  goto-signin "
                                                        data-text="Please Sign in to Submit Comments"
                                                        aria-label="Please Sign in to Submit Comments"
                                                        data-id="2339">REPLY</a>
                                                    <span id="alertmsg2339"></span>
                                                </div>
                                                <div class="d-flex">

                                                    <div
                                                        class="card-text text-white-half f6 color-gray d-flex align-items-center justify-content-between mt-2 mb-2">
                                                        <span class="f6 only-info pr-0 color-gray">
                                                            0
                                                            views <div class="big-dots mx-2"></div>
                                                            <button type="button" id="likebtn2339"
                                                                class=" bg-transparent f6 border-0 btn p-0 btn-light color-gray  btn-light color-gray goto-signin "
                                                                style="padding:0px!important;" title="Likes"
                                                                data-toggle="tooltip"
                                                                data-text="Please Sign in to submit Like"
                                                                data-id="1379"
                                                                data-answer="2339"><span
                                                                    id="like2339">0</span>
                                                                likes <i
                                                                    class=" far  fa-heart ml-1 mr-0"
                                                                    id="category" aria-hidden="true"></i>
                                                            </button>
                                                            <div class="big-dots mx-2"></div>
                                                            0
                                                            shares

                                                            <span
                                                                class="color-gray-hover"><div class="dropdown d-flex align-items-center dropup">
<a class="pull-right btn color-gray-hover dropdown-toggle no-arrow-dropdown py-0 radius-0 pl-2 pr-0" data-toggle="dropdown" aria-expanded="false"  href="javascript:;"><i class="fa fa-share fsize-20" aria-hidden="true"  title="Share" data-toggle="tooltip"></i></a>
    <div class="dropdown-menu rounded-0 p-0  dropdown-menu-rights share1 border-0 fsize-6vh ">
        <a target='_blank' href='https://www.facebook.com/share.php?u=https://forum.tuteehub.com/forum/general-tech-287/bugs-fixes-288/http-2-error-500-on-firebase-hosting-domain-for-specific-static-files-1379&source=tuteehub'  class='text-primary  radius-0 text-left btn-block btn   color-gray-hover social-share' title='Facebook' data-id="1379" data-module="qa"><i class='fab fa-facebook-square' style='background-color: #ffffff !important;
    border-radius: 0px !important;'></i> Facebook</a>
        <!-- <div class="dropdown-divider m-0 "style='border: 0.1px solid #f4f4f4 !important;'></div> -->
        <a target='_blank' href='https://twitter.com/share?url=https://forum.tuteehub.com/forum/general-tech-287/bugs-fixes-288/http-2-error-500-on-firebase-hosting-domain-for-specific-static-files-1379&via=tuteehubtech&image=https://forum.tuteehub.com/public/frontend/images/category.png&text=HTTP/2 error 500 on Firebase hosting domain for specific static files' class='text-info  radius-0 btn  m-0 text-left btn-block   color-gray-hover social-share' title='Instagram' data-id="1379" data-module="qa" style='background-color: #ffffff !important;
    border-radius: 0px !important;'><i class='fab fa-twitter-square'></i> Twitter</a>
        <!-- <a target='_blank' href='https://www.instagram.com/?url=https://forum.tuteehub.com/forum/general-tech-287/bugs-fixes-288/http-2-error-500-on-firebase-hosting-domain-for-specific-static-files-1379&source=tuteehubtech' class="btn  btn-light m-0 text-left btn-block  text-danger" rel="noopener"> <i class="fa fa-instagram" aria-hidden="true"></i> Instagram</a> -->
        <!-- <div class="dropdown-divider m-0 " style='border: 0.1px solid #f4f4f4 !important;'></div> -->
        <a target='_blank' href='https://www.linkedin.com/shareArticle?mini=true&url=https://forum.tuteehub.com/forum/general-tech-287/bugs-fixes-288/http-2-error-500-on-firebase-hosting-domain-for-specific-static-files-1379' class="btn text-left w-100 radius-0 text-primary social-share" data-id="1379" data-module="qa" style='background-color: #ffffff !important;
    border-radius: 0px !important;'><i class="fab fa-linkedin" aria-hidden="true"></i> Linked In</a> 
        <!-- <div class="dropdown-divider m-0 " style='border: 0.1px solid #f4f4f4 !important;'></div> -->
        <a target='_blank' href='https://web.whatsapp.com/send?text=https://forum.tuteehub.com/forum/general-tech-287/bugs-fixes-288/http-2-error-500-on-firebase-hosting-domain-for-specific-static-files-1379' class="btn  radius-0   text-left btn-block  text-success social-share" title='WhatsApp' data-id="1379" data-module="qa" style='background-color: #ffffff !important;
    border-radius: 0px !important;'> <i class="fab fa-whatsapp" aria-hidden="true"></i> WhatsApp</a>
    </div>
</div>
<!-- <button type="button" class="btn btn-light color-gray-hover" data-toggle="tooltip"  title="Share It On!"><i class="fa fa-share-alt" aria-hidden="true"></i></button>
<button class="text-primary btn  btn-light color-gray-hover" data-toggle="tooltip" title="Share"> <i class="fa fa-facebook" aria-hidden="true"></i> Share</button> <button class="text-info btn  btn-light color-gray-hover "> <i class="fa fa-twitter" aria-hidden="true"></i> Twitter</button> <button class="btn  btn-light text-danger"> <i class="fa fa-instagram" aria-hidden="true"></i> Instagram</button> <button class="btn  btn-light text-primary" style="margin-top:3px;"> <i class="fa fa-linkedin" aria-hidden="true"></i> Linked In</button> <button class="btn  btn-light text-success" style="margin-top:3px;"> <i class="fa fa-whatsapp" aria-hidden="true"></i> WhatsApp</button> --></span>
                                                        </span>

                                                    </div>
                                                </div>
                                            </div>

                                            <div class="col-12 w-100 answer-section mb-2 mt-3 p-0 " style="display:none;">
                                                                                            </div>

                                        </div>
                                    </div>
                                                                    </div>
                                <div class="col-12 w-100 answer-section mb-2 mt-3 p-0 d-none"
                                    id="answereditform2339">
                                                                    </div>

                                <div class="text-center row f4clr">
                                    <ins class="adsbygoogle"
                                        style=" width: 100%;max-width:728px;height: 90px;margin: 20px auto;display: block;margin-bottom:0px;"
                                        data-ad-client="ca-pub-6798492140859853" data-ad-slot="6040893384"
                                        data-ad-format="auto" data-full-width-responsive="true"></ins>
                                    <script>
                                        (adsbygoogle = window.adsbygoogle || []).push({});
                                    </script>
                                </div>
                                                                                                                                                

                        </div>
                    </div>


                    <div class="text-center row f4clr">
                        <ins class="adsbygoogle my-30"
                            style="    width: 100%;max-width:728px;
										height: 90px;
										margin: 20px auto;
										display: block;margin-bottom:0px;"
                            data-ad-client="ca-pub-6798492140859853" data-ad-slot="6040893384"></ins>
                        <script>
                            (adsbygoogle = window.adsbygoogle || []).push({});
                        </script>
                    </div>

                    <div class="row py-2 mb-3  mt-3 space_gap">
                        <div class="section-heading col-12 d-flex space_gap justify-content-between align-items-center">
                            <p>No matter what stage you're at in your education or career, <a
                                    href=""><strong>TuteeHub</strong></a> will help you reach the next level that
                                you're aiming for. Simply,Choose a subject/topic and get started in self-paced practice
                                sessions to improve your knowledge and scores.</p>
                        </div>
                        
                    </div>

                    <div class="row custom-borderb-511"></div>
                    <div class="row custom-borderb-511"></div>

                    <style>
                        .listing-tutorial-menu,
                        .menu-top ul a,
                        .subcategory-tutorial a,
                        .menu-top ul a {
                            padding: 17px !important;
                        }

                        .listing-tutorial-menu.active,
                        .menu-top ul a.active,
                        .subcategory-tutorial a.active,
                        .menu-top ul a:hover {
                            background-color: #FFE8D6 !important;
                            border-radius: 4px;
                            padding: 17px !important;
                            color: #333 !important
                        }

                        #right-part-tab-topics {
                            justify-content: space-between;
                        }

                        #myTabContent .tab-pane .panel .panel-body .card-light,
                        .inner-left-panel .card-light {
                            box-shadow: none;
                            background: transparent !important;
                        }

                        .panel:hover,
                        .panel:focus {
                            box-shadow: none !important;
                        }
                    </style>
                    <div class="space_gap right-panel">
                        <div class="w-100s inner-left-panel design_ac_qb  py-2 " id=""
                            style=" border: 1px solid rgb(237 228 220 / 99%) !important;
                                                        padding: 10px;
                                                        background: linear-gradient(161deg, #f7ccbe2e 30%, rgb(250 246 243) 40%) !important;
                                                        border-radius: 13px !important;">
                            <div class="menu-top card-light d-flex py-3  align-items-center w-100">
                                <ul class="nav nav-justified nav-tabs border-0" id="right-part-tab-topics"
                                    role="tablist">
                                    <li><a class="text-uppercase mx-0 video-cat active" id="hottopics-tab"
                                            data-toggle="tab" href="#hottopics" role="tab" aria-controls="hottopics"
                                            aria-selected="true"
                                            style="padding: 6px; font-size: 12px!important;    margin: 0px 0px!important;"><strong
                                                style="font-weight:700!important;">Hot Topics</strong></a></li>
                                    <li><a class="text-uppercase mx-0 video-cat" id="mostread-tab" data-toggle="tab"
                                            href="#mostread" role="tab" aria-controls="mostread"
                                            aria-selected="false" style="padding: 6px;"><strong
                                                style="font-weight:700!important;font-size: 12px!important; margin: 0px 0px!important;">Most
                                                Read</strong></a></li>
                                    <li><a class="text-uppercase mx-0 video-cat" id="notanswered-tab" data-toggle="tab"
                                            href="#notanswered" role="tab" aria-controls="notanswered"
                                            aria-selected="false" style="padding: 6px;"><strong
                                                style="font-weight:700!important;font-size: 12px!important;  margin: 0px 0px!important;">Not
                                                Answered</strong></a></li>
                                </ul>
                            </div>
                            <div class="tab-content mt-0" id="myTabContent" style="padding: 1rem 0rem!important;">
                                <div class="tab-pane fade show active" id="hottopics" role="tabpanel"
                                    aria-labelledby="hottopics-tab">
                                    <!-- <div class="panel panel-default pb-2"> -->
<div class="panel-default pb-2">

    <!-- <div class="panel-heading">
        <h6 class="hide-in-qanda-detail">Related Questions</h6>
        <h6 class="show-in-qanda-detail d-none">Related Questions</h6>
        <hr class="bottom-line"/>
    </div> -->
        <div class="panel-body">
                <div class="card-lighth pb-1 mb-2" style="border-bottom:1px solid #f0f0f0;">
                        <div class="media">
                <div class="media-body d-flex w-100">
                    <div class="q-bx mr-3">
                        Q
                    </div>
                    <div class="flex-1">
                    <h3 class="line-height-18 m-0"><a href="https://forum.tuteehub.com/forum/general-tech-287/technology-software-289/which-operating-system-you-favour-and-why-1" class="fsize-14 font-weight-400">Which operating system you favour and why? </a></h3>
                    <p class="color-gray mb-0 fsize-12 d-flex align-items-center justify-content-between" style="margin-top:-7px;"><small class="mb-0 fsize-12 color-gray">General Tech</small>
                    <small class="mb-0 fsize-12 color-gray">9 Answers</small>
                    </p>
                    </div>
                </div>
            </div>
                    </div>
                <div class="card-lighth pb-1 mb-2" style="border-bottom:1px solid #f0f0f0;">
                        <div class="media">
                <div class="media-body d-flex w-100">
                    <div class="q-bx mr-3">
                        Q
                    </div>
                    <div class="flex-1">
                    <h3 class="line-height-18 m-0"><a href="https://forum.tuteehub.com/forum/general-tech-287/technology-software-289/what-are-the-most-popular-tech-portals-in-india-2" class="fsize-14 font-weight-400">What are the most popular tech portals in India?</a></h3>
                    <p class="color-gray mb-0 fsize-12 d-flex align-items-center justify-content-between" style="margin-top:-7px;"><small class="mb-0 fsize-12 color-gray">General Tech</small>
                    <small class="mb-0 fsize-12 color-gray">7 Answers</small>
                    </p>
                    </div>
                </div>
            </div>
                    </div>
                <div class="card-lighth pb-1 mb-2" style="border-bottom:1px solid #f0f0f0;">
                        <div class="media">
                <div class="media-body d-flex w-100">
                    <div class="q-bx mr-3">
                        Q
                    </div>
                    <div class="flex-1">
                    <h3 class="line-height-18 m-0"><a href="https://forum.tuteehub.com/forum/general-tech-287/learning-aids-tools-292/what-are-best-technologies-available-today-for-education-aiding-learning-11" class="fsize-14 font-weight-400">What are best technologies available today for education / aiding learning?</a></h3>
                    <p class="color-gray mb-0 fsize-12 d-flex align-items-center justify-content-between" style="margin-top:-7px;"><small class="mb-0 fsize-12 color-gray">General Tech</small>
                    <small class="mb-0 fsize-12 color-gray">3 Answers</small>
                    </p>
                    </div>
                </div>
            </div>
                    </div>
                <div class="card-lighth pb-1 mb-2" style="border-bottom:1px solid #f0f0f0;">
                        <div class="media">
                <div class="media-body d-flex w-100">
                    <div class="q-bx mr-3">
                        Q
                    </div>
                    <div class="flex-1">
                    <h3 class="line-height-18 m-0"><a href="https://forum.tuteehub.com/forum/general-tech-287/qa-testing-295/what-professional-training-certifications-are-most-marketable-12" class="fsize-14 font-weight-400">What professional training certifications are most marketable?</a></h3>
                    <p class="color-gray mb-0 fsize-12 d-flex align-items-center justify-content-between" style="margin-top:-7px;"><small class="mb-0 fsize-12 color-gray">General Tech</small>
                    <small class="mb-0 fsize-12 color-gray">9 Answers</small>
                    </p>
                    </div>
                </div>
            </div>
                    </div>
                <div class="card-lighth pb-1 mb-2" style="border-bottom:1px solid #f0f0f0;">
                        <div class="media">
                <div class="media-body d-flex w-100">
                    <div class="q-bx mr-3">
                        Q
                    </div>
                    <div class="flex-1">
                    <h3 class="line-height-18 m-0"><a href="https://forum.tuteehub.com/forum/general-tech-287/qa-testing-295/what-are-the-course-certificates-or-skills-that-engineers-should-have-other-than-their-academics-19" class="fsize-14 font-weight-400">What are the course certificates or skills that engineers should have other than their academics?</a></h3>
                    <p class="color-gray mb-0 fsize-12 d-flex align-items-center justify-content-between" style="margin-top:-7px;"><small class="mb-0 fsize-12 color-gray">General Tech</small>
                    <small class="mb-0 fsize-12 color-gray">2 Answers</small>
                    </p>
                    </div>
                </div>
            </div>
                    </div>
            </div>
</div>
                                </div>
                                <div class="tab-pane fade" id="mostread" role="tabpanel"
                                    aria-labelledby="mostread-tab">
                                    <style>
    .panel:hover, .panel:focus{
        box-shadow:none!important;
    }
</style>
<div class="container  mobile_title" >
    <div class="col-md-12 col-12 m-auto load-mobile  mobile_title">
                <div class="row mx-0">
                        <div class="card-lighth pb-1 mb-2 w-100" style="border-bottom:1px solid #f0f0f0;">
                                <div class="media">
                    <div class="media-body d-flex w-100">
                    <div class="q-bx mr-3">
                        Q
                    </div>
                    <div class="flex-1">
                        <h3 class="m-0">
                            <a href="https://forum.tuteehub.com/forum/banking-finance-insurance-223/ibps-recruitment-263/what-is-the-full-form-of-nabard-95697" class="fsize-14 font-weight-400">What is the full form of NABARD ?
                            </a>
                        </h3>
                        <small class="mb-0 fsize-12 color-gray" style="margin-top:-7px;">Banking, Finance & Insurance </small>
                    </div>
                    </div>
                </div>
                            </div>
                        <div class="card-lighth pb-1 mb-2 w-100" style="border-bottom:1px solid #f0f0f0;">
                                <div class="media">
                    <div class="media-body d-flex w-100">
                    <div class="q-bx mr-3">
                        Q
                    </div>
                    <div class="flex-1">
                        <h3 class="m-0">
                            <a href="https://forum.tuteehub.com/forum/mobile-technologies-152/mobile-computing-300/how-to-refresh-app-upon-shaking-the-device-94688" class="fsize-14 font-weight-400">How to refresh app upon shaking the device?
                            </a>
                        </h3>
                        <small class="mb-0 fsize-12 color-gray" style="margin-top:-7px;">Mobile Technologies </small>
                    </div>
                    </div>
                </div>
                            </div>
                        <div class="card-lighth pb-1 mb-2 w-100" style="border-bottom:1px solid #f0f0f0;">
                                <div class="media">
                    <div class="media-body d-flex w-100">
                    <div class="q-bx mr-3">
                        Q
                    </div>
                    <div class="flex-1">
                        <h3 class="m-0">
                            <a href="https://forum.tuteehub.com/forum/career-talk-188/job-search-queries-299/what-are-the-govt-exams-after-bca-95698" class="fsize-14 font-weight-400">What are the govt exams after BCA?
                            </a>
                        </h3>
                        <small class="mb-0 fsize-12 color-gray" style="margin-top:-7px;">Career Talk </small>
                    </div>
                    </div>
                </div>
                            </div>
                        <div class="card-lighth pb-1 mb-2 w-100" style="border-bottom:1px solid #f0f0f0;">
                                <div class="media">
                    <div class="media-body d-flex w-100">
                    <div class="q-bx mr-3">
                        Q
                    </div>
                    <div class="flex-1">
                        <h3 class="m-0">
                            <a href="https://forum.tuteehub.com/forum/general-tech-287/bugs-fixes-288/typo3-v8-override-function-in-core-class-1253" class="fsize-14 font-weight-400">TYPO3 v8. Override function in Core class
                            </a>
                        </h3>
                        <small class="mb-0 fsize-12 color-gray" style="margin-top:-7px;">General Tech </small>
                    </div>
                    </div>
                </div>
                            </div>
                        <div class="card-lighth pb-1 mb-2 w-100" style="border-bottom:1px solid #f0f0f0;">
                                <div class="media">
                    <div class="media-body d-flex w-100">
                    <div class="q-bx mr-3">
                        Q
                    </div>
                    <div class="flex-1">
                        <h3 class="m-0">
                            <a href="https://forum.tuteehub.com/forum/commerce-accounting-224/general-297/why-do-people-in-india-give-so-much-importance-to-government-jobs-68" class="fsize-14 font-weight-400">Why do people in India give so much importance to Government jobs?
                            </a>
                        </h3>
                        <small class="mb-0 fsize-12 color-gray" style="margin-top:-7px;">Commerce & Accounting </small>
                    </div>
                    </div>
                </div>
                            </div>
                    </div>
    </div>
</div>
                                </div>
                                <div class="tab-pane fade" id="notanswered" role="tabpanel"
                                    aria-labelledby="notanswered-tab">
                                    <style>
    .panel:hover, .panel:focus{
        box-shadow:none!important;
    }
</style>

    <!-- <div class="panel-heading">
        <h6 class="hide-in-qanda-detail">Not Answered</h6>
        <hr class="bottom-line"/>
    </div> -->
        <div class="panel-body">
                <div class="card-lighth pb-1 mb-2 w-100" style="border-bottom:1px solid #f0f0f0;">
                        <div class="media">
                <div class="media-body d-flex w-100">
                    <div class="q-bx mr-3">
                        Q
                    </div>
                    <div class="flex-1">
                    <h3 class="line-height-18 m-0"><a href="https://forum.tuteehub.com/forum/general-tech-287/technology-software-289/how-can-i-know-qibla-direction" class="fsize-14 font-weight-400">How can I know Qibla direction?</a></h3>
                    <div class="mb-0 fsize-12 color-gray" style="margin-top:-7px;"><small>General Tech</small>
                        <small>0 Answers</small></div>
</div>
                </div>
            </div>
                    </div>
                <div class="card-lighth pb-1 mb-2 w-100" style="border-bottom:1px solid #f0f0f0;">
                        <div class="media">
                <div class="media-body d-flex w-100">
                    <div class="q-bx mr-3">
                        Q
                    </div>
                    <div class="flex-1">
                    <h3 class="line-height-18 m-0"><a href="https://forum.tuteehub.com/forum/digital-marketing-154/social-media-marketing-170/how-to-viral-my-instagram-post" class="fsize-14 font-weight-400">How to viral my instagram post ?</a></h3>
                    <div class="mb-0 fsize-12 color-gray" style="margin-top:-7px;"><small>Digital Marketing</small>
                        <small>0 Answers</small></div>
</div>
                </div>
            </div>
                    </div>
                <div class="card-lighth pb-1 mb-2 w-100" style="border-bottom:1px solid #f0f0f0;">
                        <div class="media">
                <div class="media-body d-flex w-100">
                    <div class="q-bx mr-3">
                        Q
                    </div>
                    <div class="flex-1">
                    <h3 class="line-height-18 m-0"><a href="https://forum.tuteehub.com/forum/interviewquestions-479/history-493/prepare-a-slogan-against-imperialism-that-exist-at-present-in-one-609770" class="fsize-14 font-weight-400">Prepare a slogan against imperialism that exist at present in one form or the other form..


plss fast​</a></h3>
                    <div class="mb-0 fsize-12 color-gray" style="margin-top:-7px;"><small>Interview Questions</small>
                        <small>0 Answers</small></div>
</div>
                </div>
            </div>
                    </div>
                <div class="card-lighth pb-1 mb-2 w-100" style="border-bottom:1px solid #f0f0f0;">
                        <div class="media">
                <div class="media-body d-flex w-100">
                    <div class="q-bx mr-3">
                        Q
                    </div>
                    <div class="flex-1">
                    <h3 class="line-height-18 m-0"><a href="https://forum.tuteehub.com/forum/interviewquestions-479/history-493/des-cribe-the-main-features-of-neolithic-culture-609759" class="fsize-14 font-weight-400">Des cribe the main features of neolithic culture​</a></h3>
                    <div class="mb-0 fsize-12 color-gray" style="margin-top:-7px;"><small>Interview Questions</small>
                        <small>0 Answers</small></div>
</div>
                </div>
            </div>
                    </div>
                <div class="card-lighth pb-1 mb-2 w-100" style="border-bottom:1px solid #f0f0f0;">
                        <div class="media">
                <div class="media-body d-flex w-100">
                    <div class="q-bx mr-3">
                        Q
                    </div>
                    <div class="flex-1">
                    <h3 class="line-height-18 m-0"><a href="https://forum.tuteehub.com/forum/interviewquestions-479/history-493/and-identify-the-relationship-between-the-suisthe-state-from-the-e-609753" class="fsize-14 font-weight-400">And


Identify the relationship between the suisthe state from the eighth to the eto the eighteenthcentury​</a></h3>
                    <div class="mb-0 fsize-12 color-gray" style="margin-top:-7px;"><small>Interview Questions</small>
                        <small>0 Answers</small></div>
</div>
                </div>
            </div>
                    </div>
            </div>
                                </div>

                            </div>
                        </div>
                    </div>
                    <!-- explore other libraries & related Tag -->

                    <div class="download-showtalent-link w-100 space_gap" style="width: 100%;">
                        <div class="col-12 p-0 mt-5">
                            <div class="section-heading">
                                <h2 class="mb-1">Explore Other Libraries</h2>
                                <hr class="heading-h-bar mt-1 mb-3 pull-left float-left">
                            </div>
                            <div class="clearfix mt-3"></div>
                        </div>
                        <div class="row align-items-center mx-0 mb-3 mb-2">
                            <a href="https://blogs.tuteehub.com" class=" tags fsize-normal">Blogs</a>
                            <a href="https://tutorials.tuteehub.com" class=" tags fsize-normal">Tutorials</a>
                            <a href="https://questionbank.tuteehub.com" class=" tags fsize-normal">Question Bank</a>
                            <a href="https://feeds.tuteehub.com" class=" tags fsize-normal">Feeds</a>
                            <a href="https://careernews.tuteehub.com" class=" tags fsize-normal">Careernews</a>
                        </div>
                        <div class="row custom-borderb-511  my-2">
                                                            <div class="col-12 plr-0 p-md-0s  mb-2">
                                    <div class="section-heading">
                                        <h2 class="theme-orange-color" style="font-size:1.2rem">Related Searches</h2>
                                        <hr class="heading-h-bar mt-1 pull-left float-left">
                                    </div>
                                    <div class="clearfix mt-3"></div>
                                                                            <a href="https://forum.tuteehub.com/tag/http-2-error" class="tags fsize-normal">
                                            HTTP 2 error
                                        </a>
                                                                            <a href="https://forum.tuteehub.com/tag/firebase-hosting-domain" class="tags fsize-normal">
                                            Firebase hosting domain
                                        </a>
                                                                            <a href="https://forum.tuteehub.com/tag/specific-static-files" class="tags fsize-normal">
                                            specific static files
                                        </a>
                                                                    </div>
                            
                        </div>
                    </div>

                    <div class="text-center row f4clr">
                        <ins class="adsbygoogle my-30"
                            style="    width: 100%;max-width:728px;
										height: 90px;
										margin: 20px auto;
										display: block;margin-bottom:0px;"
                            data-ad-client="ca-pub-6798492140859853" data-ad-slot="6040893384"></ins>
                        <script>
                            (adsbygoogle = window.adsbygoogle || []).push({});
                        </script>
                    </div>
                </section>

                <div class="col-md-2 left-panel pr-md-0 d-md-block d-none right-panel">
            <div class="" id="stickys-anchor2"></div>
        <div class="w-100s inner-left-panel  rounded px-3 py-4" id="">
            <h3 class="mb-3" style="font-size:1.1rem;">Important General Tech Links</h3>

                            <div class="w-100 max-60 d-flex align-items-center mb-0 pb-1">
                    <a class="w-100 outline-0 text-decoration-none text-black text-left"
                        href="https://forum.tuteehub.com/forum/general-tech-287/bugs-fixes-288">
                        <span class="ms-3 text-capitalize">
                            <i class="fa-solid fa-angles-right"></i>
                             Bugs  & Fixes
                        </span>
                    </a>
                </div>
                            <div class="w-100 max-60 d-flex align-items-center mb-0 pb-1">
                    <a class="w-100 outline-0 text-decoration-none text-black text-left"
                        href="https://forum.tuteehub.com/forum/general-tech-287/technology-software-289">
                        <span class="ms-3 text-capitalize">
                            <i class="fa-solid fa-angles-right"></i>
                             Technology & Software
                        </span>
                    </a>
                </div>
                            <div class="w-100 max-60 d-flex align-items-center mb-0 pb-1">
                    <a class="w-100 outline-0 text-decoration-none text-black text-left"
                        href="https://forum.tuteehub.com/forum/general-tech-287/learning-aids-tools-292">
                        <span class="ms-3 text-capitalize">
                            <i class="fa-solid fa-angles-right"></i>
                             Learning Aids/Tools
                        </span>
                    </a>
                </div>
                            <div class="w-100 max-60 d-flex align-items-center mb-0 pb-1">
                    <a class="w-100 outline-0 text-decoration-none text-black text-left"
                        href="https://forum.tuteehub.com/forum/general-tech-287/qa-testing-295">
                        <span class="ms-3 text-capitalize">
                            <i class="fa-solid fa-angles-right"></i>
                             QA/Testing
                        </span>
                    </a>
                </div>
                    </div>
    </div>

            </div>

            <!-- right-humburger-menu -->
            <span class="right-menu d-md-none d-none position-fixed" onclick="myfunction()"
                style="background: #ff7200; text-align: center; color:white; border-radius: 0px; text-align: center; text-decoration:none; width: 36px;right:0; float: right; width: 40px; top: 18%; z-index: 999; overflow: hidden; border-top-left-radius: 4px; height: 40px; box-shadow: -4px 2px 12px 0 rgba(26,26,26,.2),-5px 4px 10px 0 rgba(26,26,26,.2); border-bottom-left-radius: 4px;">
                <!-- <i class="fas fa-link text-white"></i> -->
                <div class="d-flex justify-content-around mt-1 mx-auto flex-column bars2 d-block d-md-none text-white"
                    role="button">
                    <div class="bar bg-white"></div>
                    <div class="bar bg-white"></div>
                    <div class="bar bg-white"></div>
                </div>
            </span>
            <!-- end-right-humburger-menu -->

        </section>
        <!-- article listing END -->

    </section>
    <style>
    .modal-content {
    border-radius: 12px;
    border:0;
}
</style>

<div class="modal fade" tabindex="-1" role="dialog" id="globalModal">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h2 class="modal-title"><br></h2>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="col-12 d-flex p-0 align-items-center justify-content-between">
                    <div class="form-groups col-md-6 col-8 px-0">
                        <label><strong id="modal-rating-text">Give Rating</strong></label>                
                    </div>
                    <div class="col-md-6 col-4 pr-0">
                        <a id="login-btn" href="#" target="_blank" class="btn btn-xs float-right btn-theme btn-block d-flex align-items-center justify-content-center">Login</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
document.addEventListener("DOMContentLoaded", function() {
    $('.view_answer').on('click', function() {
        var heading = $(this).data('heading');
        var modalType = $(this).data('modal');
        var loginRoute = $(this).data('route');
        // alert(heading);
        $('.modal-title').text(`${modalType}`);
        $('#modal-rating-text').text(heading);
        $('#login-btn').attr('href', loginRoute);
    });
});
</script>


    </div>

  <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6798492140859853"
     crossorigin="anonymous"></script>
  <script async src="https://fundingchoicesmessages.google.com/i/pub-6798492140859853?ers=1" nonce="xn9x7l19je54gu9CkgwjEg"></script><script nonce="xn9x7l19je54gu9CkgwjEg">(function() {function signalGooglefcPresent() {if (!window.frames['googlefcPresent']) {if (document.body) {const iframe = document.createElement('iframe'); iframe.style = 'width: 0; height: 0; border: none; z-index: -1000; left: -1000px; top: -1000px;'; iframe.style.display = 'none'; iframe.name = 'googlefcPresent'; document.body.appendChild(iframe);} else {setTimeout(signalGooglefcPresent, 0);}}}signalGooglefcPresent();})();</script>
  
  <!-- <script>
  let scriptsLoaded = false;
  function loadScripts() {
    if (scriptsLoaded) return; 
    scriptsLoaded = true;

    // Load the first script
    const fundingChoiceScript = document.createElement("script");
    fundingChoiceScript.async = true;
    fundingChoiceScript.src = "https://fundingchoicesmessages.google.com/i/pub-6798492140859853?ers=1";
    fundingChoiceScript.setAttribute("nonce", "xn9x7l19je54gu9CkgwjEg");
    document.body.appendChild(fundingChoiceScript);

    // Load the second script
    const googleAdScript = document.createElement("script");
    googleAdScript.async = true;
    googleAdScript.setAttribute("data-ad-client", "ca-pub-6798492140859853");
    googleAdScript.src = "https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js";
    document.body.appendChild(googleAdScript);
  }

  // Event listeners for scroll and mousemove
  window.addEventListener("scroll", function(){
   if (!fbqScriptLoaded && (document.documentElement.scrollTop > 10 || document.body.scrollTop > 10)) {
   loadScripts()
   }   
  }, { once: true });
  window.addEventListener("mousemove", loadScripts, { once: true });
</script> -->

  <script type="text/javascript">

        if ('scrollRestoration' in history) {
            history.scrollRestoration = 'manual';
        }

  // Initialize flag to prevent multiple script loads
  var lazyadsense2 = false;

  window.addEventListener("scroll", function () {
    // Check if scroll is more than 10px and if the script isn't loaded yet
    if ((document.documentElement.scrollTop > 10 || document.body.scrollTop > 10) && !lazyadsense2) {
      lazyadsense2 = true;   
      adroll_adv_id = "CW7NZNQTKJEWXLP2FJ4Z4J"; adroll_pix_id = "C4IAITR5BFA3RJBF4OSBQT"; adroll_version = "2.0";  (function(w, d, e, o, a) { w.__adroll_loaded = true; w.adroll = w.adroll || []; w.adroll.f = [ 'setProperties', 'identify', 'track' ]; var roundtripUrl = "https://s.adroll.com/j/" + adroll_adv_id + "/roundtrip.js"; for (a = 0; a < w.adroll.f.length; a++) { w.adroll[w.adroll.f[a]] = w.adroll[w.adroll.f[a]] || (function(n) { return function() { w.adroll.push([ n, arguments ]) } })(w.adroll.f[a]) }  e = d.createElement('script'); o = d.getElementsByTagName('script')[0]; e.async = 1; e.src = roundtripUrl; o.parentNode.insertBefore(e, o); })(window, document); adroll.track("pageView"); 
               
    }
  }, true);
</script>

  <!-- <script type='text/javascript'>
   //<![CDATA[
   var lazyadsense2 = false;
   window.addEventListener("scroll", function(){
   if ((document.documentElement.scrollTop != 0 && lazyadsense2 === false) || (document.body.scrollTop != 0 && lazyadsense2 === false)) {
   
  //  (function() { var ad = document.createElement('script'); ad.setAttribute('data-ad-client','ca-pub-6798492140859853'); ad.async = true; ad.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'; var sc = document.getElementsByTagName('script')[0]; sc.parentNode.insertBefore(ad, sc); })();
   lazyadsense2 = true;
    
   adroll_adv_id = "CW7NZNQTKJEWXLP2FJ4Z4J"; adroll_pix_id = "C4IAITR5BFA3RJBF4OSBQT"; adroll_version = "2.0";  (function(w, d, e, o, a) { w.__adroll_loaded = true; w.adroll = w.adroll || []; w.adroll.f = [ 'setProperties', 'identify', 'track' ]; var roundtripUrl = "https://s.adroll.com/j/" + adroll_adv_id + "/roundtrip.js"; for (a = 0; a < w.adroll.f.length; a++) { w.adroll[w.adroll.f[a]] = w.adroll[w.adroll.f[a]] || (function(n) { return function() { w.adroll.push([ n, arguments ]) } })(w.adroll.f[a]) }  e = d.createElement('script'); o = d.getElementsByTagName('script')[0]; e.async = 1; e.src = roundtripUrl; o.parentNode.insertBefore(e, o); })(window, document); adroll.track("pageView"); 
   
  }
   }, true);
   //]]>
   </script>   -->
  <!-- middle content part  END -->
  <style>
    .herosection{
      min-height:828px;
    }
      @media  screen and (max-width:767px){
        .herosection{
      min-height:1296px;
    }
        .gadsfooters,.gadsfooters .adsbygoogle{
          height:50px!important;
        }
        .gadsfooters{bottom:30px;}
      }
      @media  screen and (min-width:768px){
        .gadsfooters{bottom:0px;}
      }
  </style>
   
  <div class="gadsfooters" style="position:fixed;left:0;right:0;z-index:100;height:90px;max-width:728px!important;margin:0 auto;">
<ins class="adsbygoogle d-none d-md-block"
                        style="width: 100%;max-width:728px!important;height: 90px;display: block;margin:0px;"
                            data-ad-client="ca-pub-6798492140859853"
                            data-ad-slot="9640250324"></ins>
                        <script>
                             (adsbygoogle = window.adsbygoogle || []).push({});
                        </script>

                     <ins class="adsbygoogle d-block d-md-none"
                        style="width: 320px!important;max-width:728px;height: 50px;display: block;margin-bottom:0px;"
                            data-ad-client="ca-pub-6798492140859853"
                            data-ad-slot="9640250324"></ins>
                        <script>
                             (adsbygoogle = window.adsbygoogle || []).push({});
                        </script>
   </div>
  <div class="go-up">
    <i class="fa fa-angle-up"></i>
  </div>
  <!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A==" crossorigin="anonymous" referrerpolicy="no-referrer" /> -->
   
      <!--  -->
   
  <link rel="stylesheet" href="https://blogs.tuteehub.com/public/frontend/css/listing.css?v=1.0.1" media="none" onload="this.media='all';">
<link rel="stylesheet" href="https://forum.tuteehub.com/public/frontend/css/fawesome/v6/css/all.min.css?v=1.0.1" media="none" onload="this.media='all';"/>
<link rel="preload" href="https://forum.tuteehub.com/public/frontend/js/jquery.min.js?v=1.0.0" as="script">
<link rel="preload" href="https://forum.tuteehub.com/public/frontend/js/popper.min.js?v=1.0.0" as="script">
<link rel="preload" href="https://forum.tuteehub.com/public/frontend/js/bootstrap.min.js?v=1.0.0" as="script">
<script src="https://forum.tuteehub.com/public/frontend/js/jquery.min.js?v=1.0.0" type="text/javascript"></script>  
  
<!-- <script type="text/javascript" src="https://forum.tuteehub.com/public/frontend/js/lazysizes.min.js?v=1.0.0" async></script>  -->
<script>
            var lazysizesScriptLoaded = false;
            window.addEventListener('scroll', function() {
              if (!lazysizesScriptLoaded) {

              var script = document.createElement('script');
              script.src = "https://forum.tuteehub.com/public/frontend/js/lazysizes.min.js?v=1732509787";
              script.async = true;
              document.body.appendChild(script);
              lazysizesScriptLoaded = true;
              }
              })
</script>
<script src="https://forum.tuteehub.com/public/frontend/js/popper.min.js?v=1.0.0" type="text/javascript"></script>
<!-- bootstrap script -->
<script src="https://forum.tuteehub.com/public/frontend/js/bootstrap.min.js?v=1.0.0"></script>

  
  
  <style>
    .form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: none;
    outline: 0;
    box-shadow: none;
    }
.right_community_member img, .left_community_member img {
    width: 100%;
}
.first_module {
    padding: 4rem 3.5rem;
}
.join_community_box {
    padding: 3rem;
    border-radius: 26px;
    /* background: radial-gradient(505.54% 58.12% at 50.04% 50.13%, rgba(222, 226, 250, 0.00) 0%, #DEE2FA 100%); */
    background: radial-gradient(505.54% 58.12% at 50.04% 50.13%, rgba(222, 226, 250, 0.00) 0%, #fae5de 100%);
}


.center_community_content h2 {
    color: #161414;
    text-align: center;
    font-size: 34px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.center_community_content p {
    color: #383838;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0;
}
.subscribe_newsletter {
    border-radius: 8px;
    background: #FFF;
    box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.07);
}
.subscribe_newsletter {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 80%;
    margin: 2rem auto;
}
.subscribe_newsletter input {
    border: none;
    padding: 0px 1rem;
    box-shadow: none;
    outline: none;
    width: 70%;
    font-size:1.1rem;
}
.subscribe_newsletter .subscribe_btn {
    width: 30%;
    padding: 1rem;
    border-radius: 0px 8px 8px 0px!important;
    background: #FD5932!important;
    border: none!important;
}
@media  screen and (max-width: 767px){
    .center_community_content h2{
    font-size:30px;
  }
    .w-auto{
        max-width:100%!important;
        height:auto!important;
    }
    .first_module {
    padding: 0!important;
}
.join_community_box {
    padding: 1rem;
}
.subscribe_newsletter {
    width: 100%;
}
.subscribe_newsletter .subscribe_btn {
    width: 55%;
    font-size: 14px;
    font-weight: 600;
}
.subscribe_newsletter input {
    width: 60%;
}
.center_community_content p, .collabration_content p, .community_network_content p, .networking_building_content p, .educational_network_content p, .first_module_subtitle, .boost_content p, .knowledge_content_box p, .first_module .career_content p {
    font-size: 16px;
    line-height: 24px;
	}
	.center_community_content {
    padding: 1rem 0rem;
}
}
</style>
<section class="join_community showDOM" style="display:none;background-color: #FAF6F3 !important;">
<!-- <script src="https://www.google.com/recaptcha/api.js?render=6LcrUxYqAAAAAFju2mB9HnDe3FLcgycn7XZqtmp6" async></script> -->

<script>
  
  let recaptchaScriptLoaded = false;  
  window.addEventListener('scroll', function () {
  
    if (!recaptchaScriptLoaded && (document.documentElement.scrollTop > 10 || document.body.scrollTop > 10)) {
      console.log(document.documentElement.scrollTop )
      const script = document.createElement('script');
      script.src = 'https://www.google.com/recaptcha/api.js?render=6LcrUxYqAAAAAFju2mB9HnDe3FLcgycn7XZqtmp6';
      script.async = true;
      document.head.appendChild(script);
      recaptchaScriptLoaded = true; 
    }
  });
</script>
    <div class="container-fluid">
        <div class="first_module">
            <div class="container">
                <div class="row join_community_box">
                    <div class="col-md-2">
                        <div class="left_community_member">
                            <img class="lazyload w-auto" alt="tuteehub community" data-src="https://nyc3.digitaloceanspaces.com/tuteehub/tuteehub/common/left_community.png" width="144" height="149">
                        </div>
                    </div>
                    <div class="col-md-8 px-md-3 px-0">
                        <div class="center_community_content">
                            <h2>Join Our Community Today</h2>
                            <p>Ready to take your education and career to the next level? Register today and join our growing community of learners and professionals.</p>
                            <form action="https://forum.tuteehub.com/subscribe-mailer/now" method="POST" id="subscription_form">
                                <input type="hidden" name="_token" value="KIrlrPtqQKuwqyZIkGvUBqfnVZLCg6SBwzLIDajv">                                <div class="subscribe_newsletter">
                                    <input type="email" name="email" class="form-control" placeholder="Enter Your Email" required>
                                    <span id="captcha-error" class="invalid-feedback"
                                    style="display: none; color: red; margin: 10ox 0">
                                    Please complete the CAPTCHA.
                                </span>
                                    <button type="submit" class="subscribe_btn btn btn-danger" id="subscribe-btn"> Subscribe Now</button>
                                </div>
                            </form>
                        </div>
                    </div>
                    <div class="col-md-2">
                        <div class="right_community_member">
                            <img class="w-auto lazyload" alt="tuteehub community" data-src="https://nyc3.digitaloceanspaces.com/tuteehub/tuteehub/common/right_community.png"  width="144" height="168">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<div class="modal fade" id="subscriptionModal" tabindex="-1" aria-labelledby="subscriptionModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header border-0 d-flex justify-content-end">
               
                <button type="button" class="btn-close border-0 border-none bg-transparent" data-dismiss="modal" aria-label="Close"><i class="fa fa-times"></i></button>
            </div>
            <div class="modal-body text-center">
                <div id="subscriptionIcon"></div>
               
                <div class="col-md-12 col-12 mb-5" id="subscriptionModalText"></div>
            </div>
            <!-- <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
            </div> -->
        </div>
    </div>
</div>

  <script src="https://www.gstatic.com/firebasejs/9.23.0/firebase-app-compat.js"></script> 
<script src="https://www.gstatic.com/firebasejs/9.23.0/firebase-messaging-compat.js"></script>

<script>
    // Your web app's Firebase configuration
    var firebaseConfig = { apiKey: "AIzaSyDkxDmQz29WTMy447o3akCYlQn0yDfNDBY", authDomain: "tuteehub-176212.firebaseapp.com", databaseURL: "https://tuteehub-176212.firebaseio.com", projectId: "tuteehub-176212", storageBucket: "tuteehub-176212.appspot.com", messagingSenderId: "58514412537", appId: "1:58514412537:web:e6a8f22ce13db7fa61e328" };
    var finaltoken = '';

    // Initialize Firebase
    firebase.initializeApp(firebaseConfig);
    const messaging = firebase.messaging();

    // Function to request notification permissions
    function requestNotificationPermission() {
        Notification.requestPermission().then((permission) => {
            if (permission === 'granted') {
                // Get the Firebase Messaging token
                messaging.getToken().then((token) => {
                    if (token) {
                        saveToken(token);
                    }
                }).catch((error) => {
                    // console.error('Error getting Firebase Messaging token:', error);
                });
            } else {
                // console.warn('Notification permission denied');
            }
        }).catch((error) => {
            // console.error('Error requesting notification permission:', error);
        });
    }

    // Save the Firebase Messaging token to your server
    function saveToken(token) {
        finaltoken = token;
        $.ajax({
            url: "https://forum.tuteehub.com/save-firebase-token",
            type: 'POST',
            data: {
                token: token,
                _token: "KIrlrPtqQKuwqyZIkGvUBqfnVZLCg6SBwzLIDajv"
            },
            success: function(result) {
                console.log('Token saved:', result);
            },
            error: function(error) {
                console.error('Error saving token:', error);
            }
        });
    }

    // Save notification event (e.g., show, click, close)
    function saveNotificationRecord(payload, type, token) {
        const payloadData = JSON.stringify(payload);
        $.ajax({
            url: "https://forum.tuteehub.com/saveNotificationRecord",
            type: 'POST',
            data: {
                token: token,
                notification_title: payload.data.title,
                payload: payloadData,
                type: type,
                _token: "KIrlrPtqQKuwqyZIkGvUBqfnVZLCg6SBwzLIDajv"
            },
            success: function(result) {
                console.log('Notification record saved:', result);
            },
            error: function(error) {
                console.error('Error saving notification record:', error);
            }
        });
    }

    // Handle incoming foreground notifications
    messaging.onMessage(function(payload) {
        const title = payload.data.title;
        const options = {
            body: payload.data.posted_by + ' on ' + payload.data.posted_on,
            icon: payload.data.icon,
            data: payload.data.url
        };

        const notification = new Notification(title, options);
        saveNotificationRecord(payload, 'show', finaltoken);

        notification.onclick = function(event) {
            saveNotificationRecord(payload, 'click', finaltoken);
            window.open(event.currentTarget.data, '_blank');
        };

        notification.onclose = function(event) {
            saveNotificationRecord(payload, 'close', finaltoken);
        };
    });

    // Request permission to display notifications on page load or at user interaction
    requestNotificationPermission();
</script>

<!-- 
<script>
    let firebaseScriptsLoaded = false; // Flag to prevent multiple script loads

    // Function to load Firebase scripts dynamically
    function loadFirebaseScripts() {
        if (firebaseScriptsLoaded) {
            return; // Don't load the scripts again if they're already loaded
        }

        // Create script elements for Firebase App and Firebase Messaging
        const firebaseAppScript = document.createElement('script');
        firebaseAppScript.src = "https://www.gstatic.com/firebasejs/9.23.0/firebase-app-compat.js";
        document.head.appendChild(firebaseAppScript);

        const firebaseMessagingScript = document.createElement('script');
        firebaseMessagingScript.src = "https://www.gstatic.com/firebasejs/9.23.0/firebase-messaging-compat.js";
        document.head.appendChild(firebaseMessagingScript);

        // Once both scripts are loaded, initialize Firebase and Messaging
        firebaseMessagingScript.onload = function() {
            initializeFirebase();
            firebaseScriptsLoaded = true; // Mark that scripts are loaded
        };
    }

    // Function to initialize Firebase after the scripts are loaded
    function initializeFirebase() {
        // Your Firebase configuration
        var firebaseConfig = { apiKey: "AIzaSyDkxDmQz29WTMy447o3akCYlQn0yDfNDBY", authDomain: "tuteehub-176212.firebaseapp.com", databaseURL: "https://tuteehub-176212.firebaseio.com", projectId: "tuteehub-176212", storageBucket: "tuteehub-176212.appspot.com", messagingSenderId: "58514412537", appId: "1:58514412537:web:e6a8f22ce13db7fa61e328" };
        firebase.initializeApp(firebaseConfig);

        // Initialize Firebase Messaging
        const messaging = firebase.messaging ? firebase.messaging() : null;

        if (!messaging) {
            console.error('Firebase Messaging is not available.');
            return;
        }

        // Request permission for push notifications
        Notification.requestPermission().then((permission) => {
            if (permission === 'granted') {
                // Get the Firebase Messaging token
                messaging.getToken().then((token) => {
                    if (token) {
                        saveToken(token);
                    }
                }).catch((error) => {
                    // console.error('Error getting Firebase Messaging token:', error);
                });
            } else {
                // console.warn('Notification permission denied');
            }
        }).catch((error) => {
            // console.error('Error requesting notification permission:', error);
        });

        // Handle push notifications
        messaging.onMessage(function(payload) {
        const title = payload.data.title;
        const options = {
            body: payload.data.posted_by + ' on ' + payload.data.posted_on,
            icon: payload.data.icon,
            data: payload.data.url
        };

        const notification = new Notification(title, options);
        saveNotificationRecord(payload, 'show', finaltoken);

        notification.onclick = function(event) {
            saveNotificationRecord(payload, 'click', finaltoken);
            window.open(event.currentTarget.data, '_blank');
        };

        notification.onclose = function(event) {
            saveNotificationRecord(payload, 'close', finaltoken);
        };
    });
    }

    // Handle saving FCM token to the server
    function saveToken(token) {
        finaltoken = token;
        $.ajax({
            url: "https://forum.tuteehub.com/save-firebase-token",
            type: 'POST',
            data: {
                token: token,
                _token: "KIrlrPtqQKuwqyZIkGvUBqfnVZLCg6SBwzLIDajv"
            },
            success: function(result) {
                console.log('Token saved:', result);
            },
            error: function(error) {
                console.error('Error saving token:', error);
            }
        });
    }


    // Handle saving notification record
    function saveNotificationRecord(payload, type, token) {
        const payloadData = JSON.stringify(payload);
        $.ajax({
            url: "https://forum.tuteehub.com/saveNotificationRecord",
            type: 'POST',
            data: {
                token: token,
                notification_title: payload.data.title,
                payload: payloadData,
                type: type,
                _token: "KIrlrPtqQKuwqyZIkGvUBqfnVZLCg6SBwzLIDajv"
            },
            success: function(result) {
                console.log('Notification record saved:', result);
            },
            error: function(error) {
                console.error('Error saving notification record:', error);
            }
        });
    }

    // Handle showing the push notification modal based on permission status
    // function loadAllowNotification() {
    //     if (Notification.permission == 'default' || Notification.permission == 'denied') {
    //         $('#customPushNotification').modal('show');
    //     }
    // }

    // Cancel the push notification modal
    // function cancelPushNotifications() {
    //     $('#customPushNotification').modal('hide');
    // }

    // Event listeners for scroll and mousemove to trigger Firebase script loading
    document.addEventListener('scroll', loadFirebaseScripts);
    document.addEventListener('mousemove', loadFirebaseScripts);
</script> -->
  <!-- footer styling new START  -->
 <style>
  .link-follow-us-whatsapp{
    position: fixed;
    right: -5px;
    top: 17%;
    z-index: 10000;
  }
  .link-follow-us-whatsapp img{
    width:70px;
  }

  
  @media  screen and (max-width:767px) {
    .popover{
      left: 10px;
    right: 1px;
    transform: none!important;
    bottom: 90px;
    top: auto!important;
    }
    .h-auto{height:auto!important;}
    .link-follow-us-whatsapp {
    position: fixed;
    right: 4px;
    top: 82%;
        }
  }
      @media  screen and (min-width:768px) {
        .footer-cols .col:last-of-type {
          max-width: 12.6rem;
          float: right;
      }
      .img-indicator{display:inline-block;}
         }
    @media  screen and (max-width:767px) {
      .img-indicator{display:none;}
    }
  .copyright a{
    font-weight:normal;
    font-size:14px;
    color:#585858;
  }
  .copyright a:hover{
    font-weight:normal;
    font-size:14px;
    color:#ff7200;
  }
   .box {
    display: flex;
    --border-size: 4px;
    --border-angle: 0turn;
    width: 170px;
    margin-top: 10px;
    padding: 5px 10px;
    background-image: conic-gradient(from var(--border-angle), #fff, #fff 50%, #fff), conic-gradient(from var(--border-angle), transparent 20%, rgb(0 136 255 / 23%), rgb(255 114 0 / 36%));
    align-items: center;
    justify-content:center;
    gap: 6px;
  background-size: calc(100% - (var(--border-size) * 2)) calc(100% - (var(--border-size) * 2)), cover;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-animation: bg-spin 3s linear infinite;
          animation: bg-spin 3s linear infinite;
}
.box .fab, .community-section-for-mobile .common-com-btn .fab{
  font-size:25px;
}
.box .txt, .community-section-for-mobile .common-com-btn .txt{
  text-transform: uppercase;
    font-size: 14px;
}
@-webkit-keyframes bg-spin {
  to {
    --border-angle: 1turn;
  }
}
@keyframes  bg-spin {
  to {
    --border-angle: 1turn;
  }
}
.box:hover {
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}

@property  --border-angle {
  syntax: "<angle>";
  inherits: true;
  initial-value: 0turn;
}
    @media  screen and (min-width:768px) {
      .gadsfooters{
          height:90px!important;
          bottom:50px;
        }
      .img-indicator{
        position: fixed;
    right: 6px;
    z-index: 10000;
    top: 27vh;
    width: 152px;
    display: block;
    pointer-events: none;
      }
      .community-section-for-desktop{
        display: flex;
    top: 29vh;
    right: -5px;
    z-index: 1000;
    /* transform: rotateZ(-90deg); */
    /* min-width: 370px; */
    gap: 10px;
      }
      .community-section-for-desktop .common-com-btn{
        writing-mode: vertical-rl;
      text-orientation: mixed;
      display: inline-block; 
        white-space: nowrap;
            flex:1;
            padding: 1.2rem 8px;
            border-radius:7px;
            gap:10px;
            text-shadow:0px 1px 0px rgb(0 0 0 / 38%);
            box-shadow: 0px 0px 10px rgb(0 0 0 / 22%), 
              /* Inner box shadow */
              0px 0px 3px rgb(0 0 0 / 20%) inset
              
          
        }
        .community-section-for-desktop .telegram-btn{
            background-color:#0088cc;
            display:flex;
            align-items:center;
            justify-content:center;
            color:white
        }
        .community-section-for-desktop .whatsapp-btn{
            background-color:#25D366;
            display:flex;
            align-items:center;
            justify-content:center;
            color:white
        }
      .text-md-left{text-align:left!important;}
				.desktop-view-only,.dvo{
					display:block;
				}
				.mobile-view-only {
					display:none;
				}
			}
			@media  screen and (max-width:767px) {
        .community-section-for-desktop{display:none;}
        .gadsfooters,.gadsfooters ins{
          height:75px!important;
        }
        .img-indicator-2{
          position: fixed;
    bottom: 55px;
    z-index: 1000;
    width: 200px;
    left: -1px;
        }
        .w-100-m{
          width:100%;
        }
        .community-section-for-mobile{
          position:fixed;
          bottom:5px;
          left:0;
          right:0;
          padding-left:10px;
          padding-right:10px;
          display:flex;
          gap:10px;
          z-index: 1002;
          align-items:center;
          justify-content:space-between;
        }
        .community-section-for-mobile .common-com-btn{
            flex:1;
            padding:8px;  
            border-radius:7px;
            gap:10px;
            text-shadow:0px 1px 0px rgb(0 0 0 / 38%);
            box-shadow: 0px 0px 10px rgb(0 0 0 / 22%), 
              /* Inner box shadow */
              0px 0px 3px rgb(0 0 0 / 20%) inset
              
          
        }
        .community-section-for-mobile .telegram-btn{
            background-color:#0088cc;
            display:flex;
            align-items:center;
            justify-content:center;
            color:white
        }
        .community-section-for-mobile .whatsapp-btn{
            background-color:#25D366;
            display:flex;
            align-items:center;
            justify-content:center;
            color:white
        }
      }
  .copyright{
    color: #585858;
  }
  footer {
    line-height:1.9!important;
    /* background: radial-gradient(circle, rgba(17, 36, 0, 0) 0%, rgb(251 234 204 / 58%) 55%, rgba(255, 201, 0, 0.11808473389355745) 100%)!important; */
    background:white;
    margin: 0px 0px;
    border-radius: 10px;
    padding: 0px 50px!important;
}
          .footer-listing.left-arrow a:before {
            content: '.';
            font-family: monospace;
            margin-right: 4px;
            font-size: 30px;
            line-height: 0.5;
            display: flex;
            justify-content: flex-start;
            margin-left: -5px;
            /* color: #c3c3c3; */
            }

            .copyright {
              font-size: 0.8rem;
            }

            .top-footer-part {
              /* background: white; */
              padding:0.3rem 0rem;
              /* box-shadow: 0px 0px 6px 2px rgb(51 51 51 / 6%); */
              border-radius: 8px;
            }

            @media  screen and (max-width:767px) {

footer {
  padding: 0px 15px 20px 15px !important;
}

.dvo,
.gadsfooter {
  display: none;
}

.footer-cols .col:nth-child(4) {
  margin-top: -0rem !important;
}

#secure-content {
  margin-bottom: 70px !important;
}
  .footer-listing a {   
      font-size: 10.8px!important;
     padding:0!important;
     word-break: break-word!important;
     display:flex!important;
  }
  .footer-listing.left-arrow a:before {
    content: '.'!important;
    font-family: monospace;
    margin-right: 3px!important;
      line-height: 0.2!important;
  }
  }

label.text-uppercase strong {
font-weight: 700!important;
font-size: 0.9rem;
}

.footer-listing a {
  outline: 0;
  width: 100%;
  float: left;
  padding: 2px 0px;
  font-size: 15px;
  color: #6b6b6b;
  display: flex;
  word-break: break-all;
}

.footer-ul-0 a {
outline: 0;
padding: 0 8px;
color: #333;
font-weight: 700;
font-size: 0.9rem;
text-transform: uppercase;
}

.footer-listing a:hover {
color: #ff7200 !important;
}

.secure-content {
position: relative;
z-index: 1;
}

.secure-content img {
margin-top: -6.3rem !important;
}

.social-icon ul li a i{
  font-size: 25px;
  padding-right: 12px;
}
.social-icon ul{
  line-height: 14px;
  padding-right: 10px;
}
.social-icon ul li a .fa-facebook{
  color:#3b5998;
}
.social-icon ul li a .fa-square-x-twitter{
  /* color:#1DA1F2; */
  color:#121212;
}
.social-icon ul li a .fa-linkedin{
  color:#0e76a8;
}
.social-icon ul li a .fa-youtube{
  color:#FF0000;
}
.social-icon ul li a .fa-square-whatsapp{
  color:#4ac959;
}
strong{
  font-weight: 700 !important;
}
@media  screen and (min-device-width: 1200px) and (max-device-width: 1299px) {
  .social-icon ul li a i{
  font-size: 20px;
  padding-right: 12px;
}
.footer-ul-0 a{
  font-size: 0.7rem;
}
label.text-uppercase strong{
  font-size: 0.7rem;
}
.footer-listing a {
  font-size: 12px;
}
}
@media  screen and (min-device-width: 1300px) and (max-device-width: 1399px) {
  .social-icon ul li a i{
  font-size: 22px;
  padding-right: 12px;
}
.footer-ul-0 a{
  font-size: 0.8rem;
  padding: 0 7px;
}
label.text-uppercase strong{
  font-size: 0.8rem;
}
.footer-listing a {
  font-size: 14px;
}
}
@media  screen and (max-width:767px) {
  
  .footer-ul-0 a{
    font-size:0.9rem!important
  }
}
      </style>
  <!-- footer styling new END  -->
  <footer class= "load-on-scroll showDOM" style="display:none;">
    <section for="footer" id="foo">
        <div id="module-footerMenu">   
        </div>
        <div class="footer-bg container-fluid pt-md-4 pb-4">
           <div class="container-fluid px-0">
               <div class="clearfix"></div>
               <div class="clearfix"></div>
<div class="row pt-md-3 pb-0 pt-3 mx-md-0 align-items-center footer-container">
              <div class="top-footer-part justify-content-center w-100 d-md-flex align-items-center ">
                <div class="col-md-1 pl-md-0 mb-4 mb-md-0 pr-md-0 col-12 text-center-small text-md-left text-center my-3-small ">
                  <a href="https://forum.tuteehub.com" class="navbar-brand brand-a mr-0 p-0"
                    style="max-width: 185px;">
                    <picture>
                    
                      <source type="image/webp"
                        data-srcset="https://tuteehub.nyc3.cdn.digitaloceanspaces.com/thqb/images/common/ce42d2e4-42bb-436e-acae-2882eff8f2db.webp"
                        alt="tuteehub.webp" width="43" height="43"
                        style="width:auto;border:none;margin:0px;padding:0px;"
                        srcset="https://interviewquestions.tuteehub.com/tuteehub/images/logo_small.webp">
                      <img data-src="https://tuteehub.nyc3.cdn.digitaloceanspaces.com/thqb/images/common/ce42d2e4-42bb-436e-acae-2882eff8f2db.webp" width="43"
                        height="43" class="logo ls-is-cached lazyload" alt="TuteeHUB logo"
                        style="width:auto;border:none;margin:0px;padding:0px;"
                        src="https://tuteehub.nyc3.cdn.digitaloceanspaces.com/thqb/images/common/ce42d2e4-42bb-436e-acae-2882eff8f2db.webp">
                    </picture>
                  </a>
                </div>
                <div class="col text-center p-0">
                  <ul class="nav footer-ul-0 flex-column flex-md-row inline-flex justify-content-center">
                    <li><a href="https://tuteehub.com/about-us" target="_blank"><strong> About Us </strong> </a></li>
                    <li><a href="https://tuteehub.com/how-it-works" target="_blank"><strong> How It Works </strong> </a></li>
                    <li><a href="https://tuteehub.com/privacy-policy" target="_blank"><strong> Privacy Policy </strong> </a></li>
                    <li><a href="https://tuteehub.com/terms-and-condition" target="_blank"><strong> Terms &
                        Conditions </strong> </a></li>
                    <li><a href="https://tuteehub.com/cancellation-and-refund-policy" target="_blank"><strong> Cancellation
                        & Refund Policy </strong> </a></li>
                    <li><a href="https://tuteehub.com/contact-us" target="_blank"><strong> Contact Us </strong> </a></li>
                  </ul>
                </div>
                <div class="col-md-2 pr-0 social-icon desktop-view-only">
                  <ul class="nav justify-content-center">
                    <li><a href="https://www.facebook.com/TuteeeHub/" class="p-0" target="_blank" aria-label="Visit our Facebook Page">
                        <i class="fa-brands fa-facebook"></i>
                    <!--<img data-src="https://tuteehub.nyc3.cdn.digitaloceanspaces.com/tuteehub/common/footer/fb.svg"
                          alt="fb.svg" width="31" height="31" class="pl-2 lazyload"
                          src="https://tuteehub.nyc3.cdn.digitaloceanspaces.com/tuteehub/common/footer/fb.svg">-->
                        </a></li>
                    <li><a href="https://twitter.com/TuteeHUB" class="p-0" target="_blank"  aria-label="Visit our Twitter Page">
                      <i class="fa-brands fa-square-x-twitter"></i>
                      <!--<img data-src="https://tuteehub.nyc3.cdn.digitaloceanspaces.com/tuteehub/common/footer/twitter.svg"
                          alt="twitter.svg" width="31" height="31" class="pl-2 lazyload"
                          src="https://tuteehub.nyc3.cdn.digitaloceanspaces.com/tuteehub/common/footer/twitter.svg">-->
                        </a>
                    </li>
                    <li><a href="https://www.linkedin.com/company/tuteehub-platform" class="p-0" target="_blank"  aria-label="Visit our LinkedIn Page">
                      <i class="fa-brands fa-linkedin"></i>
                      <!--<img  data-src="https://tuteehub.nyc3.cdn.digitaloceanspaces.com/tuteehub/common/footer/linkedin.svg"
                          alt="linkedin.svg" width="31" height="31" class="pl-2 lazyload"
                          src="https://tuteehub.nyc3.cdn.digitaloceanspaces.com/tuteehub/common/footer/linkedin.svg">-->
                    </a>
                    </li>
                    <li><a href="https://www.youtube.com/channel/UCW-5SuG0vv3CpWzq3GfVK-Q" class="p-0" target="_blank"  aria-label="Visit our Youtube Page">
                      <i class="fa-brands fa-youtube"></i>
                        <!--<img  data-src="https://tuteehub.nyc3.cdn.digitaloceanspaces.com/tuteehub/common/footer/youtube.svg"
                          alt="youtube.svg" width="31" height="31" class="pl-2 lazyload"
                          src="https://tuteehub.nyc3.cdn.digitaloceanspaces.com/tuteehub/common/footer/youtube.svg">-->
                      </a>
                    </li>
                    <li><a href="https://chat.whatsapp.com/I2CZn2zjQJXDqAz7OJ8uAa" class="p-0" target="_blank"  aria-label="Visit our Whatsapp Page">
                      <i class="fa-brands fa-square-whatsapp"></i>
                        <!--<img data-src="https://tuteehub.nyc3.cdn.digitaloceanspaces.com/tuteehub/common/footer/whatsapp.svg"
                          alt="whatsapp.svg" width="31" height="31" class="pl-2 lazyload"
                          src="https://tuteehub.nyc3.cdn.digitaloceanspaces.com/tuteehub/common/footer/whatsapp.svg">-->
                      </a>
                    </li>
                  </ul>
                </div>
              </div>
              <!-- <div class="clearfix"></div>
              <hr class="float-left w-100" style="border-top:1px solid rgba(0,0,0,.1)">
      <div class="clearfix"></div> -->
              <div class="col-12 px-0 mt-4">
                <div class="row footer-cols m-0">
                  <div class="col pl-0">
                    <label class="mb-0 text-uppercase mb-md-1 mt-2 mt-md-0"><strong>Educational
                        Resources</strong></label>
                    <div class="footer-listing left-arrow">
                      <a href="https://questionbank.tuteehub.com" target="_blank">Question Bank</a>
                      <a href="https://interviewquestions.tuteehub.com" target="_blank">Interview Preparation</a>
                      <a href="https://exams.tuteehub.com" target="_blank">Online Assessment Exams</a>
                      <a href="https://courses.tuteehub.com" target="_blank">Online Courses</a>
                      <a href="https://tutorials.tuteehub.com" target="_blank">Tutorials</a>
                      <a href="https://tutoring.tuteehub.com" target="_blank">Personalized Tutoring</a>
                    </div>
                    <label class="mb-0 text-uppercase mb-md-1 mt-md-4 mt-4 dvos"><strong>Profile Branding</strong></label>
                  <div class="footer-listing left-arrow dvos">
                    <a href="https://showtalent.tuteehub.com/videos" target="_blank">Video Profile</a>
                    <a href="https://play.google.com/store/apps/details?id=com.tuteehub.showtalent&hl=en_IN&gl=US" target="_blank">Premium Content Monetization</a>
                    <!-- <a href="https://play.google.com/store/apps/details?id=com.tuteehub.showtalent&hl=en_IN&gl=US" target="_blank">Personal Engagement & Impact</a> -->
                    <a href="https://play.google.com/store/apps/details?id=com.tuteehub.showtalent&hl=en_IN&gl=US" target="_blank">Earn with Engagement</a>

                  </div>
                  <div class="desktop-view-only">
                  <label class="mb-0 text-uppercase mb-md-1 mt-3 mts-md-0 dvos"><strong>Software Buy & Sell</strong></label>
                    <div class="footer-listing left-arrow dvos">
                      <a href="https://work.tuteehub.com/software" target="_blank">Browse Products</a>
                      <a href="https://work.tuteehub.com/register" target="_blank">Sell Your Product</a>
                    </div>
                    <label class="mb-0 text-uppercase mb-md-1 mt-3 d-md-flex w-100 float-left dvo" style="float:left;"><strong>Marketing For Everyone
                      </strong></label>
                    <div class="footer-listing left-arrow dvo">
                      <a href="https://marketing.tuteehub.com/" target="_blank">Advertise With Us To Grow </a>
                      <a href="https://marketing.tuteehub.com/" target="_blank">Start Earning Ad Revenue Today</a>
                    </div>
                    </div>
                  </div>
                  <div class="col">
                    <label class="mb-0 text-uppercase mb-md-1 mt-2 mt-md-0"><strong>Career Insights</strong></label>
                    <div class="footer-listing left-arrow">
                      <a href="https://careernews.tuteehub.com" target="_blank">Latest Career News</a>
                      <a href="https://careernews.tuteehub.com/top-10-trending-careers-streams" target="_blank">Hot Career Paths</a>
                      <a href="https://careernews.tuteehub.com/top-10-trending-branches-exams" target="_blank">Trending Branches</a>
                      <a href="https://careernews.tuteehub.com/latest-exams-employment-news-today" target="_blank">Examination Results</a>
                      <a href="https://careernews.tuteehub.com/latest-10-dates-for-jobs-and-admissions" target="_blank">Last Date To Apply</a>
                    </div>
                    <label class="mb-0 text-uppercase mb-md-1 mt-md-4 mt-3"><strong>Professional Networking
                      </strong></label>
                    <div class="footer-listing left-arrow">
                      <a href="https://corporates.tuteehub.com" target="_blank">Discover Companies</a>
                      <a href="https://careernews.tuteehub.com/private-jobs/jobs/list" target="_blank">Job Opportunities</a>
                      <a href="https://careernews.tuteehub.com/internships/private-internship/list" target="_blank">Internships</a>
                    </div>
                    <label class="mb-0 text-uppercase mb-md-1 mt-md-4 mt-3"><strong>Freelancer Jobs
                      </strong></label>
                    <div class="footer-listing left-arrow">
                      <a href="https://work.tuteehub.com/project" target="_blank">Find a Jobs</a>
                      <a href="https://work.tuteehub.com/register" target="_blank">Post a Job</a>
                    </div>
                  </div>

                  <div class="col pl-0 pl-md-3">
                    <label class="mb-0 text-uppercase mb-md-1 mt-2 mt-md-0"><strong>Knowledge Hub</strong></label>
                    <div class="footer-listing left-arrow">
                      <a href="https://blogs.tuteehub.com" target="_blank">Insightful Blogs</a>
                      <a href="https://forum.tuteehub.com" target="_blank">Interactive Forums</a>
                      <a href="https://careernews.tuteehub.com/other-latest-10-careernews" target="_blank">Government Sector News</a>
                      <!-- <a href="https://tools.tuteehub.com" target="_blank">Sarkari Yojna</a> -->
                    </div>
                    <label class="mb-0 text-uppercase mb-md-1 mt-md-4 mt-4 dvos"><strong>Collaboration
                        Opportunities</strong></label>
                    <div class="footer-listing left-arrow dvos">
                      <a href="https://tuteehub.com/guest-posting" target="_blank">Guest Blogging Invitations</a>
                      <a href="https://tuteehub.com/partner-with-us" target="_blank">Partner Programs</a>

                    </div>
                    
                    <label class="mb-0 text-uppercase mb-md-1 mt-md-4 mt-3"><strong>Fun & Creativity
                    </strong></label>
                  <div class="footer-listing left-arrow">
                    <a href="https://showtalent.tuteehub.com" target="_blank">Showcase Your Talent</a>
                    <a href="https://quotes.tuteehub.com" target="_blank">Best Quotes</a>
                    <a href="https://lyrics.tuteehub.com" target="_blank">Song Lyrics</a>
                  </div>
                  <label class="mb-0 text-uppercase mb-md-1 mt-3 d-md-flex w-100 float-left dvo" style="float:left;"><strong>Community Interaction
                      </strong></label>
                    <div class="footer-listing left-arrow dvo">
                      <a href="https://feeds.tuteehub.com" target="_blank">Latest Feeds</a>
                    </div>
                  
                  <label class="mb-0 text-uppercase mb-md-1 mt-md-4 mt-3 mobile-view-only"><strong>Community Interaction
                  </strong></label>
                <div class="footer-listing left-arrow mobile-view-only">
                  <a href="https://feeds.tuteehub.com" target="_blank">Latest Feeds</a>
                </div>
                <div class="clearfix"></div>
                <label class="mb-0 text-uppercase mobile-view-only mb-md-1 mt-2 mt-md-0"><strong>Contact</strong></label>
                      <div class="footer-listing  mobile-view-only">
                        <a href="javascript:;" style="margin-top:-8px;">support@tuteehub.com</a>

                      </div>
                      <div class="mobile-view-only">
                    <label class="mb-0 text-uppercase mb-md-1 mt-md-2 mt-3"><strong>Seamless Earnings & Tasks
                      </strong></label>
                    <div class="footer-listing left-arrow">
                      <a href="https://tuteehub.com/earn-credits" target="_blank">No Skill Earnings</a>
                      <a href="https://gigs.tuteehub.com/campaign" target="_blank">No Skill Tasks</a>
                      <a href="https://gigs.tuteehub.com/create-campaign" target="_blank">Advertise Small Tasks</a>
                    </div>
                    </div>
                    <div class="mobile-view-only mt-4">
                     
                      <label class="mb-0 mt-3 text-uppercase"><strong>User Access</strong></label>
                    <div class="footer-listing">
                      <a href="https://dashboard.tuteehub.com/register"  aria-label="Sign Up for a TuteeHUB account">Register</a>
                      <a href="https://dashboard.tuteehub.com/login"  aria-label="Sign In for a TuteeHUB account">Login</a>
                    </div>
                    </div>
                  </div>
                  <div class="col">
                    <label class="mb-0 text-uppercase mb-md-1 mt-2 mt-md-0 dvos"><strong>Resource
                        Libraries</strong></label>
                    <div class="footer-listing left-arrow dvos">
                      <a href="https://dictionary.tuteehub.com" target="_blank">Dictionary</a>
                      <a href="https://fullforms.tuteehub.com" target="_blank">Full Forms</a>
                      <a href="https://tools.tuteehub.com" target="_blank">Tools & Utilities</a>
                    </div>

                    <label class="mb-0 text-uppercase mb-md-1 mt-md-4 mt-3"><strong>Educational Networking
                      </strong></label>
                    <div class="footer-listing left-arrow">
                      <a href="https://educators.tuteehub.com" target="_blank">Discover Colleges</a>
                      <a href="https://educators.tuteehub.com/admissions" target="_blank">Explore Courses</a>
                      <a href="https://educators.tuteehub.com/admissions" target="_blank">Admissions</a>
                      <a href="https://careernews.tuteehub.com/latest-10-dates-for-jobs-and-admissions" target="_blank">Exam News</a>
                    </div>
                    
                    <label class="mb-0 text-uppercase mb-md-1 mt-3"><strong>Short-Term  Services
                      </strong></label>
                    <div class="footer-listing left-arrow">
                      <a href="https://work.tuteehub.com/service" target="_blank">Explore Services</a>
                      <a href="https://work.tuteehub.com/register" target="_blank">Offer Your Services</a>
                    </div>
                    <div class="desktop-view-only">
                    <label class="mb-0 text-uppercase mb-md-1 mt-md-2 mt-3"><strong>Seamless Earnings & Tasks
                      </strong></label>
                    <div class="footer-listing left-arrow">
                      <a href="https://tuteehub.com/earn-credits" target="_blank">No Skill Earnings</a>
                      <a href="https://gigs.tuteehub.com/campaign" target="_blank">No Skill Tasks</a>
                      <a href="https://gigs.tuteehub.com/create-campaign" target="_blank">Advertise Small Tasks</a>
                    </div>
                    </div>
                    <div class="mobile-view-only">
                  <label class="mb-0 text-uppercase mb-md-1 mt-3 mts-md-0 dvos"><strong>Software Buy & Sell</strong></label>
                    <div class="footer-listing left-arrow dvos">
                      <a href="https://work.tuteehub.com/software" target="_blank">Browse Products</a>
                      <a href="https://work.tuteehub.com/register" target="_blank">Sell Your Product</a>
                    </div>
                    <label class="mb-0 text-uppercase mb-md-1 mt-md-4 mt-3 mobile-view-only"><strong>Marketing For Everyone
                  </strong></label>
                  <div class="footer-listing left-arrow mobile-view-only">
                    <a href="https://marketing.tuteehub.com/" target="_blank">Advertise With Us To Grow </a>
                    <a href="https://marketing.tuteehub.com/" target="_blank">Start Earning Ad Revenue Today</a>
                    
                  </div>
                    </div>
                    
                  </div>
                  <div class="col desktop-view-only fsize-14">
                    <!-- TuteeHUB is a cloud based ecosystem for all to "Learn, Work & Earn" using integrated tools and
                    hosted products and services.<br> -->
                   
                    <label class="mb-0 mt-0 text-uppercase"><strong>User Access</strong></label>
                    <div class="footer-listing">
                      <a href="https://dashboard.tuteehub.com/register"  aria-label="Sign Up for a TuteeHUB account">Register</a>
                      <a href="https://dashboard.tuteehub.com/login"  aria-label="Sign In for a TuteeHUB account">Login</a>
                    </div>

                   <label class="mb-0 mt-3 text-uppercase"><strong>Contact</strong></label>
                    <div class="footer-listing">
                      <a href="javascript:;" style="margin-top:-8px;"><i class="fa fa-envelope" style="margin-right: 10px;
    line-height: 30px;"></i> support@tuteehub.com</a>
    </div>
    <label class="mb-0 mt-3 text-uppercase dvo d-inline-block"><strong>Join Our Community</strong></label>
                    <a href="https://t.me/tuteehub" target=="_blank" class="telegram-btn-container box shining-rectangle dvo" style="color: #0088cc;justify-content: center;
    align-items: center;
    display: flex;
    border: 1px solid #0088cc;
    border-radius: 4px;">
                        <img src="data:image/svg+xml;utf8;base64,PHN2ZyBpZD0iU3ZnanNTdmcxMDY3IiB3aWR0aD0iMjg4IiBoZWlnaHQ9IjI4OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczpzdmdqcz0iaHR0cDovL3N2Z2pzLmNvbS9zdmdqcyI+PGRlZnMgaWQ9IlN2Z2pzRGVmczEwNjgiPjwvZGVmcz48ZyBpZD0iU3ZnanNHMTA2OSI+PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyODgiIGhlaWdodD0iMjg4Ij48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMiIgZmlsbD0iIzAwODhjYyIgY2xhc3M9ImNvbG9yMDM5YmU1IHN2Z1NoYXBlIj48L2NpcmNsZT48cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJtNS40OTEgMTEuNzQgMTEuNTctNC40NjFjLjUzNy0uMTk0IDEuMDA2LjEzMS44MzIuOTQzbC4wMDEtLjAwMS0xLjk3IDkuMjgxYy0uMTQ2LjY1OC0uNTM3LjgxOC0xLjA4NC41MDhsLTMtMi4yMTEtMS40NDcgMS4zOTRjLS4xNi4xNi0uMjk1LjI5NS0uNjA1LjI5NWwuMjEzLTMuMDUzIDUuNTYtNS4wMjNjLjI0Mi0uMjEzLS4wNTQtLjMzMy0uMzczLS4xMjFsLTYuODcxIDQuMzI2LTIuOTYyLS45MjRjLS42NDMtLjIwNC0uNjU3LS42NDMuMTM2LS45NTN6IiBjbGFzcz0iY29sb3JmZmYgc3ZnU2hhcGUiPjwvcGF0aD48L3N2Zz48L2c+PC9zdmc+" width="22" height="22" alt="Tuteehub telegram"/>
                        <span class="txt">Join Group</span>
                    </a>
                    <a  href="https://chat.whatsapp.com/I2CZn2zjQJXDqAz7OJ8uAa" target=="_blank" class="telegram-btn-container box shining-rectangle dvo" style="color: #25D366;justify-content: center;
    align-items: center;
    display: flex;
    border: 1px solid #25D366;
    border-radius: 4px;">
                        <span class="fab fa-whatsapp"></span>
                        <span class="txt">Join Group</span>
                    </a>


                  
                    <div class="footer-listing">
                    
                      <label class="mb-0 text-uppercase mb-md-1 mt-2 mt-md-3"><strong>App Download</strong></label>
                      <!--<p class="mt-3">
                              Metro Station, 12 Hargovind Enclave, Karkardooma, Anand Vihar, East Delhi New Delhi - 110092  Hustle, Co-Working Space, near Karkardooma, Delhi 110092
                              </p>-->
                      <div class="desktop-view-only">
                        <a href="https://play.google.com/store/apps/details?id=com.tuteehub" target="_blank"
                          class="google_play_ico mb-1">
                          <img
                            data-src="https://tuteehub.nyc3.cdn.digitaloceanspaces.com/tuteehub/common/footer/googleplay.png"
                            alt="google_play.svg" width="160" height="46" class=" lazyload">
                        </a>
                        <a href="https://apps.apple.com/in/app/tuteehub/id1612762189" target="_blank"
                          class="app_store_ico" style="margin-top:3px;">
                          <img data-src="https://tuteehub.nyc3.cdn.digitaloceanspaces.com/tuteehub/common/footer/appstore.png"
                            alt="app_store.svg" width="160" height="46" class=" lazyload"
                            >
                        </a>
                      </div>
                    </div>
                  </div>
                </div>

                <div class="row text-center-small mt-md-5 mt-3 mobile-view-only mb-3 soc">
                  <p class="text-center">Download Application:</p>
                  <div class="d-flex align-items-center space-between justify-content-center mb-4">
                    <a href="https://play.google.com/store/apps/details?id=com.tuteehub" target="_blank" class="google_play_ico mb-1">
                      <img data-src="https://tuteehub.nyc3.cdn.digitaloceanspaces.com/tuteehub/common/footer/googleplay.png" alt="google_play.svg" width="160" height="46" class=" lazyload">
                    </a>
                    <a href="https://apps.apple.com/in/app/tuteehub/id1612762189" target="_blank" class="app_store_ico mb-1" >
                      <img data-src="https://tuteehub.nyc3.cdn.digitaloceanspaces.com/tuteehub/common/footer/appstore.png" alt="app_store.svg" width="160" height="46" class=" lazyload" >
                    </a>

                  </div>
                  <div class="social-icon">
                    <ul class="nav justify-content-center ">
                      <li><a href="https://www.facebook.com/TuteeeHub/" class="p-0" target="_blank" aria-label="Visit our Facebook Page">
                        <i class="fa-brands fa-facebook"></i>
                        <!--<img data-src="https://tuteehub.nyc3.cdn.digitaloceanspaces.com/tuteehub/common/footer/fb.svg"
                            alt="fb.svg" width="31" height="31" class="pl-2 lazyload"></a>-->
                      </li>
                      <li><a href="https://twitter.com/TuteeHUB" class="p-0" target="_blank" aria-label="Visit our Twitter Page">
                        <i class="fa-brands fa-square-x-twitter"></i>
                        <!--<img data-src="https://tuteehub.nyc3.cdn.digitaloceanspaces.com/tuteehub/common/footer/twitter.svg"
                        alt="twitter.svg" width="31" height="31" class="pl-2 lazyload">-->
                        </a>
                      </li>
                      <li><a href="https://www.linkedin.com/company/tuteehub-platform" class="p-0" target="_blank" aria-label="Visit our linkedin Page">
                        <i class="fa-brands fa-linkedin"></i>
                        <!--<img  data-src="https://tuteehub.nyc3.cdn.digitaloceanspaces.com/tuteehub/common/footer/linkedin.svg"
                        alt="linkedin.svg" width="31" height="31" class="pl-2 lazyload">-->
                        </a>
                      </li>
                      <li><a href="https://www.youtube.com/channel/UCW-5SuG0vv3CpWzq3GfVK-Q" class="p-0" target="_blank" aria-label="Visit our Youtube Page">
                        <i class="fa-brands fa-youtube"></i>
                        <!--<img data-src="https://tuteehub.nyc3.cdn.digitaloceanspaces.com/tuteehub/common/footer/youtube.svg"
                        alt="youtube.svg" width="31" height="31" class="pl-2 lazyload">-->
                        </a>
                      </li>
                      <li><a href="https://chat.whatsapp.com/I2CZn2zjQJXDqAz7OJ8uAa" class="p-0" target="_blank" aria-label="Visit our Whatsapp Page">
                        <i class="fa-brands fa-square-whatsapp"></i>
                        <!--<img  data-src="https://tuteehub.nyc3.cdn.digitaloceanspaces.com/tuteehub/common/footer/whatsapp.svg"
                        alt="whatsapp.svg" width="31" height="31" class="pl-2 lazyload">-->
                        </a>
                      </li>
                    </ul>
                  </div>
                </div>
                <div class="d-flex flex-column flex-md-row mt-0 mt-md-0 w-100"
                  id="secure-content" style="
    justify-content: space-between;
    align-items: center;
    margin-top: -10px;
    padding-left: 5px;
">
<div>
                  <img data-src="https://forum.tuteehub.com/public/tuteehub/images/secure_badge.webp" alt="secure_content.png" class="m-autos px-2 px-md-0 mb-md-0 mb-3 h-auto max-100 border-0 ls-is-cached lazyload border-0"  width="490" height="113" height="auto"  style="max-width:320px;"  >
                  </div>
                      <div id="copyright_">
                      </div>                   
                      
                  <script>
                    var date = new Date();
                    var curr_yr = date.getFullYear();
                    document.getElementById('copyright_').innerHTML = '<p class="copyright text-center text-md-left px-md-3 my-md-4">© 2019 - ' + curr_yr + ' <a href="https://forum.tuteehub.com" class="theme-orange-color"> TuteeHUB</a>, All Rights Reserved.</p>';
                  </script>
                </div>
                <!--<div class="row secure-content justify-content-left flex-column align-items-left w-100"
                  id="secure-content">
                  <img data-src="https://tuteehub.nyc3.cdn.digitaloceanspaces.com/tuteehub/common/footer/secure_content.png" alt="secure_content.png" class="m-autos px-2 px-md-0 h-auto max-100 border-0 lazyload" width="490" height="auto" src="https://tuteehub.nyc3.cdn.digitaloceanspaces.com/tuteehub/common/footer/secure_content.png">
                  <div id="copyright_">
                    <p class="copyright text-center text-md-left px-md-3 my-md-4">© 2019 - 2023 <a
                        href="https://forum.tuteehub.com" class="theme-orange-color"> TuteeHub</a>, All
                      Rights Reserved.</p>
                  </div>
                  <script>
                    var date = new Date();
                    var curr_yr = date.getFullYear();
                    document.getElementById('copyright_').innerHTML = '<p class="copyright text-center text-md-left px-md-3 my-md-4">© 2019 - ' + curr_yr + ' <a href="https://forum.tuteehub.com" class="theme-orange-color"> TuteeHub</a>, All Rights Reserved.</p>';
                  </script>
                </div>-->
              </div>
            </div>
            <!-- join community for mobile only  -->

                    <div class="mobile-view-only community-section-for-mobile bottom-panel-parts position-fixed" id="community-section-for-mobile">
                        
                        <a href="javascript:;"   
                          data-toggle="popover"
                          data-placement="top" 
                          title=""
                          data-trigger="click"
                          data-html="true"
                          data-boundary="viewport"     
   data-boundary-padding="10"
  data-content='
  <div class="custom-popovers text-center p-4" style="z-index:10001;margin:0 auto;max-width:400px;">
  <img src="data:image/svg+xml;utf8;base64,PHN2ZyBpZD0iU3ZnanNTdmcxMDY3IiB3aWR0aD0iMjg4IiBoZWlnaHQ9IjI4OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczpzdmdqcz0iaHR0cDovL3N2Z2pzLmNvbS9zdmdqcyI+PGRlZnMgaWQ9IlN2Z2pzRGVmczEwNjgiPjwvZGVmcz48ZyBpZD0iU3ZnanNHMTA2OSI+PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyODgiIGhlaWdodD0iMjg4Ij48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMiIgZmlsbD0iI2ZmZmZmZiIgY2xhc3M9ImNvbG9yMDM5YmU1IHN2Z1NoYXBlIj48L2NpcmNsZT48cGF0aCBmaWxsPSIjMDA4OGNjIiBkPSJtNS40OTEgMTEuNzQgMTEuNTctNC40NjFjLjUzNy0uMTk0IDEuMDA2LjEzMS44MzIuOTQzbC4wMDEtLjAwMS0xLjk3IDkuMjgxYy0uMTQ2LjY1OC0uNTM3LjgxOC0xLjA4NC41MDhsLTMtMi4yMTEtMS40NDcgMS4zOTRjLS4xNi4xNi0uMjk1LjI5NS0uNjA1LjI5NWwuMjEzLTMuMDUzIDUuNTYtNS4wMjNjLjI0Mi0uMjEzLS4wNTQtLjMzMy0uMzczLS4xMjFsLTYuODcxIDQuMzI2LTIuOTYyLS45MjRjLS42NDMtLjIwNC0uNjU3LS42NDMuMTM2LS45NTN6IiBjbGFzcz0iY29sb3JmZmYgc3ZnU2hhcGUiPjwvcGF0aD48L3N2Zz48L2c+PC9zdmc+" width="50" height="50" alt="Tuteehub telegram" style="    box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
    border-radius: 40px;
    margin-bottom: 1.3rem;"/>
      <p>Be part of Tuteehub's vibrant Telegram community. Join our group and channel to explore new learning opportunities and connect with others on the same journey.</p>
      <div class="btn-group mt-3" role="group">
        <a href="https://t.me/tuteehub" target="_blank" class="btn btn-primary btnafter position-relative" style="display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    border: none;
    padding: 0.7rem 2.2rem 0.7rem 1rem;
    font-family: Droid!important;
    font-size: 1.1rem;
    border-radius: 7px;
    background: linear-gradient(181deg, ##0088cc,#0ac14e, ##0088cc);
    box-shadow: 0px 0px 2px #084215 inset;height:47px;">Join Group</a>
      
    <a href="https://t.me/tuteehubnews" target="_blank" class="btn btn-primary" style="display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    border: none;
    padding: 0.7rem 1rem 0.7rem 2.2rem;
    border-radius: 7px;
    font-family: Droid!important;
    font-size: 1.1rem;
    background: linear-gradient(181deg, ##0088cc,#0ac14e, ##0088cc);
    box-shadow: 0px 0px 2px #084215 inset;height:47px;">Join Channel</a>
      </div>
    </div>' class="common-com-btn telegram-btn">
                        <img src="data:image/svg+xml;utf8;base64,PHN2ZyBpZD0iU3ZnanNTdmcxMDY3IiB3aWR0aD0iMjg4IiBoZWlnaHQ9IjI4OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczpzdmdqcz0iaHR0cDovL3N2Z2pzLmNvbS9zdmdqcyI+PGRlZnMgaWQ9IlN2Z2pzRGVmczEwNjgiPjwvZGVmcz48ZyBpZD0iU3ZnanNHMTA2OSI+PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyODgiIGhlaWdodD0iMjg4Ij48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMiIgZmlsbD0iI2ZmZmZmZiIgY2xhc3M9ImNvbG9yMDM5YmU1IHN2Z1NoYXBlIj48L2NpcmNsZT48cGF0aCBmaWxsPSIjMDA4OGNjIiBkPSJtNS40OTEgMTEuNzQgMTEuNTctNC40NjFjLjUzNy0uMTk0IDEuMDA2LjEzMS44MzIuOTQzbC4wMDEtLjAwMS0xLjk3IDkuMjgxYy0uMTQ2LjY1OC0uNTM3LjgxOC0xLjA4NC41MDhsLTMtMi4yMTEtMS40NDcgMS4zOTRjLS4xNi4xNi0uMjk1LjI5NS0uNjA1LjI5NWwuMjEzLTMuMDUzIDUuNTYtNS4wMjNjLjI0Mi0uMjEzLS4wNTQtLjMzMy0uMzczLS4xMjFsLTYuODcxIDQuMzI2LTIuOTYyLS45MjRjLS42NDMtLjIwNC0uNjU3LS42NDMuMTM2LS45NTN6IiBjbGFzcz0iY29sb3JmZmYgc3ZnU2hhcGUiPjwvcGF0aD48L3N2Zz48L2c+PC9zdmc+" width="22" height="22" alt="Tuteehub telegram"/>
                            <span class="txt">Join Telegram</span>
                        </a>
                        <a   href="javascript:;"
                          data-toggle="popover"
                          data-placement="top" 
                          title=""
                          data-trigger="click"
                          data-html="true"
                          data-boundary="viewport"     
   data-boundary-padding="10"
  data-content='
  <div class="custom-popovers text-center p-4" style="z-index:10001;margin:0 auto;max-width:400px;">
    <span class="fab fa-whatsapp mb-4" style="font-size:3rem;color: #25D366;"></span>
      <p>Connect with like-minded individuals on Tuteehub's WhatsApp group or channel and learn together.</p>
      <div class="btn-group mt-3" role="group">
        <a href="https://chat.whatsapp.com/I2CZn2zjQJXDqAz7OJ8uAa" target="_blank" class="btn btn-primary btnafter position-relative" style="display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    border: none;
    padding: 0.7rem 2.2rem 0.7rem 1rem;
    font-family: Droid!important;
    font-size: 1.1rem;
    border-radius: 7px;
    background: linear-gradient(181deg, #25D366,#0ac14e, #25D366);
    box-shadow: 0px 0px 2px #084215 inset;height:47px;">Join Group</a>
      
    <a href="https://whatsapp.com/channel/0029Va9xGIx5EjxygxQ95W23" target="_blank" class="btn btn-primary" style="display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    border: none;
    padding: 0.7rem 1rem 0.7rem 2.2rem;
    border-radius: 7px;
    font-family: Droid!important;
    font-size: 1.1rem;
    background: linear-gradient(181deg, #25D366,#0ac14e, #25D366);
    box-shadow: 0px 0px 2px #084215 inset;height:47px;">Join Channel</a>
      </div>
    </div>' class="common-com-btn whatsapp-btn">
                            <span class="fab fa-whatsapp"></span>
                            <span class="txt">Join Whatsapp</span>
                        </a>
                    </div>
                    <!-- join community for mobile only -->
                   <!-- <a href="https://www.whatsapp.com/channel/0029Va9xGIx5EjxygxQ95W23" target="_blank" class="link-follow-us-whatsapp">
<img src="https://forum.tuteehub.com/public/tuteehub/images/follow_us_dark.svg"/>
</a>-->
                    
                    <div class="backdrop" style="display:none;" id="backdrop"></div>
                    <div class="joingroups-floating community-section-for-desktop right-panel-parts show position-fixed d-flexs align-items-center flex-column" >
                   <!-- <img data-src="https://tuteehub.nyc3.cdn.digitaloceanspaces.com/tuteehub/common/footer/pointer.webp" class="img-indicator desktop-view-onlys lazyload" alt="pointer tuteehub social groups"/>-->
                   <div class="close-community-groups" style="    background: white;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 3px solid #fff;
    box-shadow: 0px 0px 3px #333;
    border-radius: 20px;
    transform: rotate(90deg);
    margin-top: 10px;
    rotate:90deg;
    margin-right:6px;
    opacity:0.2;
    cursor: pointer;">X</div> 
                         <!-- /* https://chat.whatsapp.com/I2CZn2zjQJXDqAz7OJ8uAa */ -->
                         <div>
                          <a   href="javascript:;"   class="common-com-btn whatsapp-btn"
                          data-toggle="popover"
                          data-placement="left" 
                          title=""
                          data-trigger="click"
                          data-html="true"
                          data-boundary="viewport"     
   data-boundary-padding="10"
  data-content='
  <div class="custom-popovers text-center p-4" style="z-index:10001;margin:0 auto;max-width:400px;">
    <span class="fab fa-whatsapp mb-4" style="font-size:3rem;color: #25D366;"></span>
      <p>Connect with like-minded individuals on Tuteehub's WhatsApp group or channel and learn together.</p>
      <div class="btn-group mt-3" role="group">
        <a href="https://chat.whatsapp.com/I2CZn2zjQJXDqAz7OJ8uAa" target="_blank" class="btn btn-primary btnafter position-relative" style="display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    border: none;
    padding: 0.7rem 2.4rem;
    font-family: Droid!important;
    font-size: 1.1rem;
    border-radius: 7px;
    background: linear-gradient(181deg, #25D366,#0ac14e, #25D366);
    box-shadow: 0px 0px 2px #084215 inset;height:47px;">Join Group</a>
      
    <a href="https://whatsapp.com/channel/0029Va9xGIx5EjxygxQ95W23" target="_blank" class="btn btn-primary" style="display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    border: none;
    padding: 0.7rem 2.4rem;
    border-radius: 7px;
    font-family: Droid!important;
    font-size: 1.1rem;
    background: linear-gradient(181deg, #25D366,#0ac14e, #25D366);
    box-shadow: 0px 0px 2px #084215 inset;height:47px;">Join Channel</a>
      </div>
    </div>'
                          >
                              <span class="fab fa-whatsapp" style="font-size:1.5rem;"></span>
                              <span class="txt" style="font-size: 1.1rem;">Join Whatsapp</span>
                          </a>
</div>
                       
                      <div>
                      <a class="common-com-btn telegram-btn" href="javascript:;"   
                          data-toggle="popover"
                          data-placement="left" 
                          title=""
                          data-trigger="click"
                          data-html="true"
                          data-boundary="viewport"     
   data-boundary-padding="10"
  data-content='
  <div class="custom-popovers text-center p-4" style="z-index:10001;margin:0 auto;max-width:400px;">
  <img src="data:image/svg+xml;utf8;base64,PHN2ZyBpZD0iU3ZnanNTdmcxMDY3IiB3aWR0aD0iMjg4IiBoZWlnaHQ9IjI4OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczpzdmdqcz0iaHR0cDovL3N2Z2pzLmNvbS9zdmdqcyI+PGRlZnMgaWQ9IlN2Z2pzRGVmczEwNjgiPjwvZGVmcz48ZyBpZD0iU3ZnanNHMTA2OSI+PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyODgiIGhlaWdodD0iMjg4Ij48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMiIgZmlsbD0iI2ZmZmZmZiIgY2xhc3M9ImNvbG9yMDM5YmU1IHN2Z1NoYXBlIj48L2NpcmNsZT48cGF0aCBmaWxsPSIjMDA4OGNjIiBkPSJtNS40OTEgMTEuNzQgMTEuNTctNC40NjFjLjUzNy0uMTk0IDEuMDA2LjEzMS44MzIuOTQzbC4wMDEtLjAwMS0xLjk3IDkuMjgxYy0uMTQ2LjY1OC0uNTM3LjgxOC0xLjA4NC41MDhsLTMtMi4yMTEtMS40NDcgMS4zOTRjLS4xNi4xNi0uMjk1LjI5NS0uNjA1LjI5NWwuMjEzLTMuMDUzIDUuNTYtNS4wMjNjLjI0Mi0uMjEzLS4wNTQtLjMzMy0uMzczLS4xMjFsLTYuODcxIDQuMzI2LTIuOTYyLS45MjRjLS42NDMtLjIwNC0uNjU3LS42NDMuMTM2LS45NTN6IiBjbGFzcz0iY29sb3JmZmYgc3ZnU2hhcGUiPjwvcGF0aD48L3N2Zz48L2c+PC9zdmc+" width="50" height="50" alt="Tuteehub telegram" style="    box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
    border-radius: 40px;
    margin-bottom: 1.3rem;"/>
      <p>Be part of Tuteehub's vibrant Telegram community. Join our group and channel to explore new learning opportunities and connect with others on the same journey.</p>
      <div class="btn-group mt-3" role="group">
        <a href="https://t.me/tuteehub" target="_blank" class="btn btn-primary btnafter position-relative" style="display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    border: none;
    padding: 0.7rem 2.4rem;
    font-family: Droid!important;
    font-size: 1.1rem;
    border-radius: 7px;
    background: linear-gradient(181deg, ##0088cc,#0ac14e, ##0088cc);
    box-shadow: 0px 0px 2px #084215 inset;height:47px;">Join Group</a>
      
    <a href="https://t.me/tuteehubnews" target="_blank" class="btn btn-primary" style="display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    border: none;
    padding: 0.7rem 2.4rem;
    border-radius: 7px;
    font-family: Droid!important;
    font-size: 1.1rem;
    background: linear-gradient(181deg, ##0088cc,#0ac14e, ##0088cc);
    box-shadow: 0px 0px 2px #084215 inset;height:47px;">Join Channel</a>
      </div>
    </div>'
                          >
                          <img src="data:image/svg+xml;utf8;base64,PHN2ZyBpZD0iU3ZnanNTdmcxMDY3IiB3aWR0aD0iMjg4IiBoZWlnaHQ9IjI4OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczpzdmdqcz0iaHR0cDovL3N2Z2pzLmNvbS9zdmdqcyI+PGRlZnMgaWQ9IlN2Z2pzRGVmczEwNjgiPjwvZGVmcz48ZyBpZD0iU3ZnanNHMTA2OSI+PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyODgiIGhlaWdodD0iMjg4Ij48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMiIgZmlsbD0iI2ZmZmZmZiIgY2xhc3M9ImNvbG9yMDM5YmU1IHN2Z1NoYXBlIj48L2NpcmNsZT48cGF0aCBmaWxsPSIjMDA4OGNjIiBkPSJtNS40OTEgMTEuNzQgMTEuNTctNC40NjFjLjUzNy0uMTk0IDEuMDA2LjEzMS44MzIuOTQzbC4wMDEtLjAwMS0xLjk3IDkuMjgxYy0uMTQ2LjY1OC0uNTM3LjgxOC0xLjA4NC41MDhsLTMtMi4yMTEtMS40NDcgMS4zOTRjLS4xNi4xNi0uMjk1LjI5NS0uNjA1LjI5NWwuMjEzLTMuMDUzIDUuNTYtNS4wMjNjLjI0Mi0uMjEzLS4wNTQtLjMzMy0uMzczLS4xMjFsLTYuODcxIDQuMzI2LTIuOTYyLS45MjRjLS42NDMtLjIwNC0uNjU3LS42NDMuMTM2LS45NTN6IiBjbGFzcz0iY29sb3JmZmYgc3ZnU2hhcGUiPjwvcGF0aD48L3N2Zz48L2c+PC9zdmc+" width="22" height="22" alt="Tuteehub telegram"/>
                              <span class="txt" style="font-size: 1.1rem;">Join Telegram</span>
                          </a>
                          </div>
                          
					      	    </div>
</div>
</div>
</section>
<script>
document.addEventListener("DOMContentLoaded", function () {

  $('.close-community-groups').click(function(){
    $('.img-indicator').css('display','none');
    $('.joingroups-floating').hide();
    
})
$('#backdrop').click(function () {
  $("#backdrop").hide();
  $('.img-indicator').show();
  $('[data-toggle="popover"]').popover('hide');
});

  Popper.Defaults.modifiers.computeStyle.gpuAcceleration = !(window.devicePixelRatio < 1.5 && /Win/.test(navigator.platform));

  $('[data-toggle="popover"]').popover();

  // Show backdrop and hide image indicator when a popover is shown
  $('[data-toggle="popover"]').on('show.bs.popover', function () {
    $("#backdrop").show();
    $('.img-indicator').hide();
  });

  

  // Prevent popovers from closing when clicking inside
  $('.popover').on('click', function (e) {
    e.stopPropagation();
  });

  // Close popovers when clicking outside
  $(document).on('click', function (e) {
    $('[data-toggle="popover"]').each(function () {
      if (!$(this).is(e.target) && $(this).has(e.target).length === 0 && $('.popover').has(e.target).length === 0) {
        $(this).popover('hide');
        if ($('div.popover.show').length > 0) {
          $("#backdrop").show();
          $('.img-indicator').hide();
        } else {
          $("#backdrop").hide();
          $('.img-indicator').show();
        }
      }
    });
  });
});

</script>

<style>
.close-community-groups:hover{opacity:1!important;}
.popover a ,.popover p{
  
  font-family:"Droid serif"!important;
}
@media  screen and (max-width:767px){
  #libraries-dropdown{
    max-height:100vh!important;
  }
  .community-section-for-mobile{
    display:flex!important;
  }
  .popover{
    position:fixed!important;
    transform: none!important;
    bottom: 90px;
    z-index: 10000;
    top: auto!important;

  }
}
.popover{
  max-width:100%!important;
  z-index: 1001;
  border-radius:15px;
  
  
}
.backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent black background */
  z-index: 1000; /* Should be higher than popover's z-index */
}
.btnafter:after{
  content: 'OR';
    background: white;
    border: none;
    color: #ccc;
    border-radius: 100px;
    width: 49px;
    height: 49px;
    position: absolute;
    padding: 0rem 1rem;
    right: -26px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    font-size: .8rem;
    top: -1px;
}
</style>
       
<style>
.showtalent-chat-container{
    position:fixed;
    left:20px;
    bottom:30px;
    z-index: 100;
    filter: drop-shadow(2px 4px 6px rgba(0,0,0,0.3));
  }
  
    @media  screen and (max-width:767px) {
      .showtalent-chat-container {
    left: 10px;
    bottom: 100px;
}
    }
</style>
<!-- <div class="showtalent-chat-container left-panel-parts show" data-toggle="tooltip" data-placement="left" title="Showtalent Chat">
    <a href="https://showtalentapp.tuteehub.com" target="_blank">
      <div class="showtalent-chat">
            <img src="https://forum.tuteehub.com/public/frontend/images/showtalent_chat.svg" width="60"/>
      </div>
    </a>
</div> -->
</footer>  
      <script>
window.onload = function() {
	$(document).ready(function () {
		var keyword='';
		$('.searchbox-click').click(function(){
			keyword=$('#speechText').val();	
			location.href="https://forum.tuteehub.com/list/?search="+keyword;
		})
		// $('.cat_search').keyup(function(e){
		// 	keyword=$(this).val();
		// 	if (e.keyCode === 13) {
		// 		// location.href=""+"?keyword="+keyword;
		// 	} else {
		// 		if(keyword!=''){
		// 			$('.filter-jobs').removeClass('showfilter');
		// 			$.ajax({
		// 			url:"?keyword="+keyword,
		// 			success:function(data){
		// 				console.log(data);
		// 				$('#globle_search-view').fadeIn();
		// 				$('#globle_search-view').html('');
		// 				$('#globle_search-view').html(data.data);
		// 			}
		// 			})
		// 		}else{
        //        $('#globle_search-view').fadeIn();
        //        $('#globle_search-view').html('');
        //     }
		// 	}
		// })
		// $(document).on('click','.keyword',function(){
		// 	slug=$(this).data('slug');
		// 	type=$(this).data('type');
		// 	if(slug && type){
		// 		// location.href="/"+type+'/'+slug+"?type="+type;
		// 	}
		// })
		$(document).on('keyup','#speechText',function(e) {
           
            keyword = $(this).val();
			if(e.which == 13 && keyword!='') {
				location.href="https://forum.tuteehub.com/list/?search="+keyword;
			}
		}); 
		// $('.apply_globle_search').click(function(){
		// 	keyword=$('.globle_search').val();
		// 	if(keyword!=''){
		// 		// location.href="/tag/"+keyword;
		// 	}
		// })
	});   
}
function voiceSearch(saidText)
{
	// location.href=""+"?keyword="+saidText;
}
</script>    
    
    <script>
        document.addEventListener("DOMContentLoaded", function() {

            $(document).mouseup(function(e) {
                var exploreSharePopup = $(".dropdown-menu.share-dropdown");
                var shareBtn = $('.shareli');
                // if the target of the click isn't the container nor a descendant of the container
                if (!shareBtn.is(e.target) && shareBtn.has(e.target).length === 0) {
                    if (!exploreSharePopup.is(e.target) && exploreSharePopup.has(e.target).length === 0) {
                        exploreSharePopup.hide();
                    }
                }

            });

            $(document).on('click', '.shareli', function(e) {
                e.preventDefault();
                $(this).next('.share-container').show();
                $(this).next('.share-container').find('.share-dropdown').slideToggle();
            })

            $('.commentgo').click(function() {
                $('html, body').animate({
                    scrollTop: $('.commentsection').offset().top
                }, 300);
            })

            var siteurl = $('meta[name="base_url"]').attr('content');
            var token = $('meta[name="csrf-token"]').attr('content');
            $(document).on('keyup', '.answer-submit', function() {
                $('#SignInMsg').text($(this).attr('data-text'));
                $('#auth-signup-modal').modal('hide');
                setTimeout(function() {
                    $('#auth-modal').modal();
                }, 700);
            })

            $(document).on('click', '.like-add', function() {
                var qa_id = $(this).attr('data-id');
                var answer_id = $(this).attr('data-answer');
                var like = 'like';
                postResponse(qa_id, answer_id, like);
            });
            $(document).on('click', '.like-remove', function() {
                var qa_id = $(this).attr('data-id');
                var answer_id = $(this).attr('data-answer');
                var like = 'unlike';
                postResponse(qa_id, answer_id, like);
            });
            $(document).on('click', '.dislike-add', function() {
                var qa_id = $(this).attr('data-id');
                var answer_id = $(this).attr('data-answer');
                var like = 'dislike';
                postResponse(qa_id, answer_id, like);

            });
            $(document).on('click', '.dislike-remove', function() {
                var qa_id = $(this).attr('data-id');
                var answer_id = $(this).attr('data-answer');
                var like = 'rmdislike';
                postResponse(qa_id, answer_id, like);

            });

            function postResponse(qa_id, answer_id, like) {
                var data = {
                    _token: token,
                    qa_id: qa_id,
                    answer_id: answer_id,
                    like: like
                };
                console.log('discussion ' + qa_id + ' answer' + answer_id + ' type ' + like);
                var url = siteurl + '/subscriber/discussion/like';
                $.ajax({
                    url: url,
                    data: data,
                    method: 'post',
                    success: function(data, status, xhr) {
                        console.log(data);
                        if (data.status == 1) {
                            var result = data.data;
                            $("#like" + answer_id).text(result.like);
                            $("#dislike" + answer_id).text(result.dislike);
                            if (like == 'like') {
                                $('#likebtn' + answer_id).addClass('like-remove');
                                $('#likebtn' + answer_id).removeClass('like-add');
                                $('#likebtn' + answer_id + ' i.fa-heart').removeClass('far color-gray')
                                    .addClass('fas theme-color');
                                $('#likebtn' + answer_id).removeClass('color-gray-hover');
                                $('#likebtn' + answer_id).addClass('like-remove');
                                if ($('#dislikebtn' + answer_id).hasClass('btn-warning')) {
                                    $('#dislikebtn' + answer_id).removeClass('btn-warning');
                                    $('#dislikebtn' + answer_id).addClass('color-gray-hover');
                                }
                                if ($('#dislikebtn' + answer_id).hasClass('dislike-remove')) {
                                    $('#dislikebtn' + answer_id).removeClass('dislike-remove');
                                    $('#dislikebtn' + answer_id).addClass('dislike-add');
                                }
                                // console.log($('#dislikebtn'+answer_id).hasClass('btn-warning'));
                                // $('#dislikebtn'+answer_id).toggleClass('btn-warning color-gray-hover');
                                // $('#likebtn'+answer_id).toggleClass('btn-warning color-gray-hover');
                                // $('#likebtn'+answer_id).toggleClass('like-remove like-add');
                                // $('#dislikebtn'+answer_id).toggleClass('btn-warning color-gray-hover');
                                // $('.like-add,.like-remove').toggleClass('btn-light btn-warning color-gray-hover');
                                // $('.like-add,.like-remove').toggleClass('like-remove like-add');
                                // $('.like-add').siblings('button').removeClass('like-remove like-add');
                                // $('.like-add').removeClass('btn-warning').addClass('color-gray-hover');

                            }
                            if (like == 'dislike') {
                                $('#dislikebtn' + answer_id).addClass('dislike-remove');
                                $('#dislikebtn' + answer_id).removeClass('dislike-add');
                                $('#dislikebtn' + answer_id).addClass('btn-warning');
                                $('#dislikebtn' + answer_id).removeClass('color-gray-hover');
                                if ($('#likebtn' + answer_id).hasClass('btn-warning')) {
                                    $('#likebtn' + answer_id).removeClass('btn-warning');
                                    $('#likebtn' + answer_id).addClass('color-gray-hover');
                                }
                                if ($('#likebtn' + answer_id).hasClass('like-remove')) {
                                    $('#likebtn' + answer_id).removeClass('like-remove');
                                    $('#likebtn' + answer_id).addClass('like-add');
                                }
                                // $('.dislike-add,.dislike-remove').toggleClass('btn-light btn-warning color-gray-hover');
                                // $('.dislike-add,.dislike-remove').toggleClass('dislike-remove dislike-add');

                            }
                            if (like == 'unlike') {
                                if ($('#likebtn' + answer_id + ' i.fa-heart').hasClass('fas')) {
                                    $('#likebtn' + answer_id + ' i.fa-heart').removeClass(
                                        'fas theme-color').addClass('far');
                                    $('#likebtn' + answer_id + ' i.fa-heart').removeClass('like-remove')
                                        .addClass('far');
                                    $('#likebtn' + answer_id + ' i.fa-heart').addClass('color-gray');
                                }
                                if ($('#likebtn' + answer_id).hasClass('like-remove')) {
                                    $('#likebtn' + answer_id).removeClass('like-remove');
                                    $('#likebtn' + answer_id).addClass('like-add');
                                    $('#likebtn' + answer_id + ' i.fa-heart').removeClass(
                                        'fas theme-color').addClass('far');
                                    $('#likebtn' + answer_id + ' i.fa-heart').addClass('color-gray');
                                }
                                // $('#likebtn'+answer_id).toggleClass('btn-warning color-gray-hover');
                                // $('.like-add,.like-remove').toggleClass('btn-light btn-warning color-gray-hover');
                                // $('.like-add,.like-remove').toggleClass('like-remove like-add');

                            }
                            if (like == 'rmdislike') {
                                if ($('#dislikebtn' + answer_id).hasClass('btn-warning')) {
                                    $('#dislikebtn' + answer_id).removeClass('btn-warning');
                                    $('#dislikebtn' + answer_id).addClass('color-gray-hover');
                                }
                                if ($('#dislikebtn' + answer_id).hasClass('dislike-remove')) {
                                    $('#dislikebtn' + answer_id).removeClass('dislike-remove');
                                    $('#dislikebtn' + answer_id).addClass('dislike-add');
                                }
                                // $('#dislikebtn'+answer_id).toggleClass('btn-warning color-gray-hover');
                                // $('.dislike-add,.dislike-remove').toggleClass('btn-light btn-warning color-gray-hover');
                                // $('.dislike-add,.dislike-remove').toggleClass('dislike-remove dislike-add');

                            }
                            Swal.fire({
                                title: "Success",
                                text: data.data.message,
                                icon: 'success',
                                confirmButtonText: 'Okay',
                                timer: 3000,
                                timerProgressBar: true,
                                showConfirmButton: false
                            });
                        } else {
                            Swal.fire({
                                title: "Error",
                                html: data.data.message,
                                icon: 'error',
                                confirmButtonText: 'Okay',
                                timer: 3000,
                                timerProgressBar: true,
                                showConfirmButton: false
                            });
                        }
                    },
                    failure: function(status) {
                        console.log(status);
                    }
                });
            }

            $(document).on('click', '.answer-edit.cursor-pointer', function() {
                var id = $(this).attr('data-id');
                console.log(id)
                if (id) {
                    var data = {
                        _token: token,
                        id: id
                    };
                    var url = siteurl + '/subscriber/discussion/answer';
                    $.ajax({
                        url: url,
                        data: data,
                        method: 'post',
                        success: function(data, status, xhr) {
                            console.log(data);
                            if (data.status == 1) {
                                // var editor = new FroalaEditor('#answertext'+id,{},function(){
                                //      editor.html.set(data.answer);
                                // });
                                CKEDITOR.replace('answertext' + id, config);
                                $('#answer' + id).hide();
                                $('#answereditform' + id).removeClass('d-none');
                                CKEDITOR.instances['answertext' + id].setData(data.answer);
                            }
                        },
                        failure: function(status) {
                            console.log(status);
                        }
                    });
                }
            })
            // CKEDITOR.replace( 'answers',config);
            $(document).on('click', '.answershowhide', function() {
                var id = $(this).attr('data-id');
                // CKEDITOR.replace('subcomment'+id);

            })
            $(document).on('click', '.hide-sub-comment', function() {
                $(this).parents('.answer-section').hide();
            })
            $(document).on('click', '.cancel-edit-answer', function() {
                var id = $(this).attr('data-id');
                $('#answer' + id).show();
                $('#answereditform' + id).addClass('d-none');
            })
            $(".subcommentform").submit(function(e) {
                e.preventDefault();
                var id = $(this).attr('data-id');
                $.ajax({
                    type: $(this).attr('method'),
                    url: $(this).attr('action'),
                    data: $(this).serialize(),
                    success: function(data) {
                        if (data.status == 1) {
                            $(this).parents('.answer-section').hide();
                            $('#alertmsg' + id).html('<span class="text text-success">' + data
                                .message + '<span>');
                            $('#alertmsg' + id).show();
                            setTimeout(function() {
                                $('#alertmsg' + id).hide()
                                window.location.reload();
                            }, 5000)
                        } else {
                            $('#alertmsg' + id).html('<span class="text text-danger">' + data
                                .message + '<span>');
                            $('#alertmsg' + id).show();
                            setTimeout(function() {
                                $('#alertmsg' + id).hide()
                            }, 5000)
                        }
                        setTimeout(function() {
                            $('#alertmsg' + id).hide()
                        }, 5000)
                        console.log('Submission was successful.');
                        console.log(data);
                    },
                    error: function(data) {
                        console.log('An error occurred.');
                        console.log(data);
                    },
                });
            });
            setTimeout(function() {
                $('#alertmsg').hide()
            }, 5000)

        });
    </script>
    <script>
        // Check for session flash message
            </script>
    <!-- bestanslikebtn -->

<script>
  
  

   $('.show-on-scroll').hide();
   $(function(){
      setTimeout(() => {  $('.show-on-scroll').fadeIn();$('html,body').scrollTop(5) }, 4000)    
   })

   $('.card-header-bar').click(function(){
      var anchorTag = $(this).find('a');
      window.location.href=anchorTag.attr('url')?anchorTag.attr('url'):anchorTag.attr('href')
     })
  document.addEventListener('DOMContentLoaded', function() {
         $('.loader-tuteehub-container').hide();
         $('#header').show();
   })
$('.close-community-group').click(function(){
        $('.img-indicator').hide();
        $('.joingroups-floating').hide()
      })

      setTimeout(() => { 
            $('.hide-after-some-time').hide();
            $('.show-after-some-time').removeClass('invisible');
         }, 600)

         let lastScrollTop = 8;
  const scrollDiv = document.getElementById('topest-header-main');
  // const scrollDiv = document.getElementById('canvas-container-div');

  const rightParts = document.querySelectorAll('.right-panel-parts');
  const leftParts = document.querySelectorAll('.left-panel-parts');
  const bottomParts = document.querySelectorAll('.bottom-panel-parts');
  // Set the threshold value (in pixels)
const scrollThreshold = 150;
let scrollBuffer = 0;

window.addEventListener('scroll', function () {
    const currentScrollTop = window.pageYOffset || document.documentElement.scrollTop;

    // Calculate the difference between the current and last scroll positions
    const scrollDifference = Math.abs(currentScrollTop - lastScrollTop);

    // Add the scroll difference to the buffer
    scrollBuffer += scrollDifference;

    // Check if the scroll buffer exceeds the threshold
    if (scrollBuffer >= scrollThreshold) {
    if (currentScrollTop > lastScrollTop) {
      // Scrolling down
      scrollDiv.classList.remove('show');
      scrollDiv.classList.add('hide');
      // Hide right panel parts
    rightParts.forEach(part => {      
      part.classList.add('hide');
      part.classList.remove('show');
    });
    leftParts.forEach(part => {      
      part.classList.add('hide');
      part.classList.remove('show');
    });
    bottomParts.forEach(part => {      
      part.classList.add('hide');
      part.classList.remove('show');
    });
    } else {
      // Scrolling up
      scrollDiv.classList.remove('hide')
      scrollDiv.classList.add('show')
      rightParts.forEach(part => {
      part.classList.remove('hide');
      part.classList.add('show');
    });
    leftParts.forEach(part => {
      part.classList.remove('hide');
      part.classList.add('show');
    });
    bottomParts.forEach(part => {
      part.classList.remove('hide');
      part.classList.add('show');
    });
    }
   // Reset the scroll buffer
   scrollBuffer = 0;
  }

    lastScrollTop = currentScrollTop;
  });

  window.addEventListener('scroll', function() {
               $('.showDOM').show();               
})

  </script>
   <!--  -->

    <!--  -->

    <!-- <script>
         const footerSocial = document.querySelector('.community-section-for-mobile');
         footerSocial.style.bottom = '45px';
         const popovers = document.querySelectorAll('.popover');
         const footerFixedAds = document.querySelector('.gadsfooters');
           
        // if(windowWidth <= 767){
        //     alert(1)
        //     popovers.forEach(popover => {
              
        //         popover.style.setProperty('bottom', '90px', 'important');
        //     });
        //     footerFixedAds.style.setProperty('bottom', '90px', 'important');
        // }else{
        //     footerFixedAds.style.setProperty('bottom', '0px', 'important');
        // }
    
        window.laravelCookieConsent = (function () {

            const COOKIE_VALUE = 1;
            const COOKIE_DOMAIN = '.tuteehub.com';

            function consentWithCookies() {
               
                setCookie('laravel_cookie_consent', COOKIE_VALUE, 7300);
                hideCookieDialog();
                footerSocial.style.bottom = '5px';
                if(windowWidth <= 767){
            popovers.forEach(popover => {
                popover.style.setProperty('bottom', '50px', 'important');
            });
            footerFixedAds.style.setProperty('bottom', '30px', 'important');
        }else{
            footerFixedAds.style.setProperty('bottom', '0px', 'important');
        }
        
            }

            function cookieExists(name) {

                return (document.cookie.split('; ').indexOf(name + '=' + COOKIE_VALUE) !== -1);
            }

            function hideCookieDialog() {
                const dialogs = document.getElementsByClassName('js-cookie-consent');

                for (let i = 0; i < dialogs.length; ++i) {
                    dialogs[i].style.display = 'none';
                }
            }

            function setCookie(name, value, expirationInDays) {
                const date = new Date();
                date.setTime(date.getTime() + (expirationInDays * 24 * 60 * 60 * 1000));
                document.cookie = name + '=' + value
                    + ';expires=' + date.toUTCString()
                    + ';domain=' + COOKIE_DOMAIN
                    + ';path=/;secure'
                    + ';samesite=lax';
            }

            if (cookieExists('laravel_cookie_consent')) {
                hideCookieDialog();
                alert(1)
                footerSocial.style.bottom = '5px';
                if(windowWidth <= 767){
                    popovers.forEach(popover => {
                        popover.style.setProperty('bottom', '50px', 'important');
                    });
                    footerFixedAds.style.setProperty('bottom', '30px', 'important');
                }else{
                    footerFixedAds.style.setProperty('bottom', '0px', 'important');
                }
              
            }else{                
                if(windowWidth <= 767){
                    footerFixedAds.style.setProperty('bottom', '70px', 'important');
                }else{
                    footerFixedAds.style.setProperty('bottom', '30px', 'important');
                }
            }

            const buttons = document.getElementsByClassName('js-cookie-consent-agree');

            for (let i = 0; i < buttons.length; ++i) {
                buttons[i].addEventListener('click', consentWithCookies);
            }

            return {
                consentWithCookies: consentWithCookies,
                hideCookieDialog: hideCookieDialog
            };
        })();
    </script> -->

<!--  -->
</body>

</html>