PageSourceSearch

https://www.plasticcycle.lk/about-us/

html plasticcycle.lk collected 2026-10-04 05:44:54 UTC 116,715 bytes, 2,474 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3
4<head>
5    <meta charset="utf-8">
6    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
7    <meta name="google-site-verification" content="83C4ebWejkGw4zGXZ0eQWmyqW6tMTMaSL2wZMQ6r9lw">
8    <link rel="shortcut icon" href="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/fv-plastic.jpg">
9    <link rel="preload"
10        href="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/m-plasticcycle-plastic-never-dies-english-3.avif"
11        as="image">
12
13    <title>About Us | Plastic Disposal | Plasticcycle Sri Lanka</title>
14    <meta name="description"
15        content="Initiated with the vision of being the catalyst in significantly reducing plastic pollution in Sri Lanka. Pasticcycle was launched through the introduction of bins to collect recyclable plastic waste and encourage people and businesses  to Refuse, Reduce, Reuse and Recycle plastic.">
16    <meta name="keywords"
17        content="Plastic recycling, Plastic disposal, Waste disposal, Plastic Cycle,  plastic pollution">
18
19    
19<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v8.0"
20        nonce="RqMnSR7X"></script>
20
21
22    <style>
23        .grecaptcha-badge {
24            visibility: hidden;
25        }
26    </style>
27
28    <!-- 
28<script async src="https://www.googletagmanager.com/gtag/js?id=GTM-N4HCBW2"></script>
28 -->
29    
29<script>window.dataLayer = window.dataLayer || [];
30
31        function gtag() {
32            dataLayer.push(arguments);
33        }
34        gtag('js', new Date());
35
36        gtag('config', 'GTM-N4HCBW2');</script>
36
37
38    <link rel="canonical" href="https://www.plasticcycle.lk/about-us/" />
39    <meta name="robots" content="index, follow">
40
41    <meta property="og:locale" content="en_US">
42    <meta property="og:type" content="website" />
43    <meta property="og:type" content="article">
44    <meta property="og:title" content="About Us -">
45    <meta property="og:url" content="/about-us/">
46    <meta property="article:modified_time" content="2021-05-09T17:18:36+00:00">
47    <meta name="twitter:card" content="summary_large_image">
48    
48<script type="application/ld+json"
49        class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"/about-us/","url":"/about-us/","name":"About Us -","isPartOf":{"@id":"/#website"},"datePublished":"2020-08-27T04:36:43+00:00","dateModified":"2021-05-09T17:18:36+00:00","breadcrumb":{"@id":"/about-us/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["/about-us/"]}]},{"@type":"BreadcrumbList","@id":"/about-us/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"/"},{"@type":"ListItem","position":2,"name":"About Us"}]},{"@type":"WebSite","@id":"/#website","url":"/","name":"","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"}]}</script>
49
50
51    <link rel="stylesheet" id="ht_ctc_main_css-css"
52        href="/wp-content/plugins/click-to-chat-for-whatsapp/new/inc/assets/css/main.css?ver=4.6" media="all">
53    <link rel="stylesheet" id="premium-addons-css"
54        href="/wp-content/plugins/premium-addons-for-elementor/assets/frontend/min-css/premium-addons.min.css?ver=4.10.44"
55        media="all">
56    <link rel="stylesheet" id="wp-block-library-css" href="/wp-includes/css/dist/block-library/style.min.css?ver=6.6.1"
57        media="all">
58
59    <link rel="stylesheet" href="/wp-content/themes/jkh-plastic-cycle/assets/css/ChatBot.module.css" />
60
61    <link rel="stylesheet" id="bootstrap-css"
62        href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css?ver=4.0.0" media="all" />
63    <link rel="stylesheet" id="typekit-css" href="https://use.typekit.net/uas1hif.css?ver=1.0.0" media="all" />
64
65    <link rel="stylesheet" id="pc-styles-css"
66        href="/wp-content/themes/jkh-plastic-cycle/assets/css/pc-custom.css?ver=1.0.2" media="all" />
67
68    <link rel="stylesheet" id="pc-media-styles-css"
69        href="/wp-content/themes/jkh-plastic-cycle/assets/css/pc-media.css?ver=1.0.0" media="all" />
70
71    <link rel="stylesheet" id="pc-styles-css"
72        href="/wp-content/themes/jkh-plastic-cycle/assets/css/pc-new-custom.css?ver=1.0.2" media="all" />
73
74    <link rel="stylesheet" href="/wp-content/themes/jkh-plastic-cycle/assets/css/ChatBot.module.css" />
75
76    <link rel="stylesheet" id="pc-cookie-css"
77        href="/wp-content/themes/jkh-plastic-cycle/assets/css/cookieconsent.min.css?ver=1.0.0" media="all" />
78
79    <link rel="stylesheet" href="/wp-content/themes/jkh-plastic-cycle/assets/css/cookieconsent.min.css?ver=1.0.0"
80        media="all" />
81
82    
82<script src="https://code.jquery.com/jquery-3.3.1.min.js?ver=3.3.1" id="jquery-js" defer></script>
82
83
84    <meta name="generator"
85        content="Elementor 3.23.4; features: e_optimized_css_loading, e_font_icon_svg, additional_custom_breakpoints, e_lazyload; settings: css_print_method-internal, google_font-enabled, font_display-swap" />
86    <style>
87        .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload),
88        .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * {
89            background-image: none !important;
90        }
91
92        @media screen and (max-height: 1024px) {
93
94            .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload),
95            .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * {
96                background-image: none !important;
97            }
98        }
99
100        @media screen and (max-height: 640px) {
101
102            .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload),
103            .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * {
104                background-image: none !important;
105            }
106        }
107    </style>
108    <noscript>
109        <style>
110            .lazyload[data-src] {
111                display: none !important;
112            }
113        </style>
114    </noscript>
115    <style>
116        .lazyload {
117            background-image: none !important;
118        }
119
120        .lazyload:before {
121            background-image: none !important;
122        }
123    </style>
124
125    
125<script>
vendor: 546 bytes, lines 125-138
125(function (w, d, s, l, i) {
126            w[l] = w[l] || [];
127            w[l].push({
128                'gtm.start': new Date().getTime(),
129                event: 'gtm.js'
130            });
131            var f = d.getElementsByTagName(s)[0],
132                j = d.createElement(s),
133                dl = l != 'dataLayer' ? '&l=' + l : '';
134            j.async = true;
135            j.src =
136                'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
137            f.parentNode.insertBefore(j, f);
138        })(window, document, 'script', 'dataLayer', '
138GTM-N4HCBW2
vendor: 3 bytes, line 138
138');
138</script>
138
139
140    <style>
141        .bar1,
142        .bar2,
143        .bar3 {
144            background-color: #517d96;
145        }
146
147        /* Mobile Language Header Styles */
148        .mobile-lang-header {
149            display: none;
150        }
151
152        @media (max-width: 767px) {
153            .desktop-lang {
154                display: none !important;
155            }
156
157            .mobile-lang-header {
158                display: flex !important;
159                justify-content: center;
160                align-items: center;
161                background-color: #88c045;
162                padding: 8px 0;
163                width: 100%;
164                position: fixed;
165                top: 0;
166                left: 0;
167                z-index: 10000;
168                height: 36px;
169            }
170
171            .mobile-lang-header a {
172                color: #ffffff !important;
173                text-decoration: none;
174                font-size: 14px;
175                font-weight: 600;
176                font-family: sans-serif;
177            }
178
179            .lang-divider {
180                color: #ffffff;
181                margin: 0 15px;
182                font-size: 14px;
183            }
184
185            .top-nav-section {
186                top: 36px !important;
187            }
188
189        }
190    </style>
191    
191<script async src="https://cse.google.com/cse.js?cx=72e6f05ce730e4d9e"></script>
191
192</head>
193
194<body class="page-template-default page page-id-15 elementor-default elementor-kit-3736">
195
196    <div class="mobile-lang-header">
197        <div>
198            <a href="/sinhala/about-us" class="wht-pls-txt-set-05">සිංහල</a>
199        </div>
200        <div class="vertical-divider"></div>
201        <div>
202            <a href="/tamil/about-us" class="wht-pls-txt-set-05">தமிழ்</a>
203        </div>
204    </div>
205    <div class="top-nav-section" id="navbar">
206        <div class="main-logo">
207            <a href="/" aria-label="Go to homepage">
208                <img src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/logo-top-v3-new-1.webp"
209                    alt="Plasticcycle Sri Lanka" width="252" height="77" decoding="async" loading="eager"
210                    style="width: 243px; height: 74px;">
211            </a>
212        </div>
213    </div>
214
215    <div class="nav-sinhala desktop-lang">
216        <a href="/sinhala/about-us" class="wht-pls-txt-set-05" style="color: #517d96">
217            සිංහල
218        </a>
219    </div>
220
221    <div class="nav-tamil desktop-lang">
222        <a href="/tamil/about-us" class="wht-pls-txt-set-05" style="color: #517d96">
223            தமிழ்
224        </a>
225    </div>
226
227    <div class="nav-search">
228        <a id="search-toggle" data-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false"
229            aria-controls="collapseExample">
230            <img alt="Plasticcycle Sri Lanka" class="iconsearch ls-is-cached lazyloaded"
231                src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/magnifying-glass-inner.webp" loading="lazy"
232                width="40px" height="40px"
233                data-src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/magnifying-glass-inner.webp"
234                decoding="async" data-eio-rwidth="40" data-eio-rheight="40">
235        </a>
236    </div>
237
238    <div class="nav-hamberger">
239        <div class="nav-block-fade" onclick="myFunction(this)">
240            <div class="bar1"></div>
241            <div class="bar2"></div>
242            <div class="bar3"></div>
243        </div>
244    </div>
245    <div class="main-nav-block right-brand-bolock">
246        <div class="menu-button-set">
247            <ul>
248                <li><a href="/about-us" class="menu-pill">About Us</a></li>
249                <li>
250                    <a href="/locate-our-bins" class="menu-pill">Locate Our Bins</a>
251                </li>
252                <li><a href="/our-news/" class="menu-pill">Our News</a></li>
253
254                <li>
255                    <a href="/take-the-4r-pledge" class="menu-pill">Take the 4R Pledge</a>
256                </li>
257
258                <li>
259                    <a href="https://forms.office.com/r/kWZFRdcT7t" target="_blank" class="menu-pill"
260                        rel="noopener noreferrer">Take Our Survey</a>
261                </li>
262                <li>
263                    <a href="/our-strategic-partners" class="menu-pill">Our Strategic Partners</a>
264                </li>
265                <li><a href="/faq" class="menu-pill">FAQ</a></li>
266                <li><a href="/contact-us" class="menu-pill">Contact Us</a></li>
267                <li>
268                    <a href="https://www.facebook.com/plasticcycle" target="_blank" rel="noopener noreferrer"><img
269                            alt="Plasticcycle Sri Lanka"
270                            src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
271                            loading="lazy"
272                            data-src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/images/facebook-outline-new.webp"
273                            decoding="async" class="lazyload" /><noscript><img alt="Plasticcycle Sri Lanka - Facebook"
274                                width="60" height="60"
275                                src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/images/facebook-outline-new.webp"
276                                loading="lazy" data-eio="l" /></noscript></a>
277                    <a href="https://www.instagram.com/plasticcycle/" target="_blank" rel="noopener noreferrer"><img
278                            alt="Plasticcycle Sri Lanka"
279                            src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
280                            loading="lazy"
281                            data-src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/images/inster-outline-new.webp"
282                            decoding="async" class="lazyload" /><noscript><img alt="Plasticcycle Sri Lanka - Instagram"
283                                width="60" height="60"
284                                src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/images/inster-outline-new.webp"
285                                loading="lazy" data-eio="l" /></noscript></a>
286                </li>
287            </ul>
288        </div>
289    </div>
290
291    <style>
292        .head-conatiner {
293            display: flex;
294            flex-direction: row;
295            align-items: center;
296            width: 100%;
297
298        }
299
300        .search-conatiner {
301            width: calc(100% - 40px) !important;
302            height: 50px;
303        }
304
305        .gssb_c {
306            z-index: +1111111 !important;
307        }
308
309        .close-btn {
310            padding: 7px 20px !important;
311            background-color: #6c757d;
312            text-align: center;
313            color: white;
314            font-size: 24px;
315            text-decoration: none !important;
316        }
317
318        .close-btn:hover {
319            color: white;
320        }
321
322        .gsc-control-cse {
323            padding: 0 !important;
324            height: 100% !important;
325            border: none;
326        }
327
328        #___gcse_0 {
329            height: 100% !important;
330        }
331
332        .gsc-control-cse .gsc-control-cse-en {
333            height: 100% !important;
334        }
335
336        .gsc-search-button {
337            height: 50px !important;
338            cursor: pointer !important;
339
340        }
341
342        .gsc-search-button-v2 {
343            padding: 0 17px !important;
344            background-color: transparent !important;
345            border: 1px solid #ced4da !important;
346            margin-right: 2px;
347            transition: 0.5s ease;
348        }
349
350        .gsc-search-button-v2 svg {
351            fill: gray !important;
352            height: 20px !important;
353            width: 20px !important;
354            transition: 0.5s ease;
355        }
356
357        .gsc-search-button-v2:hover {
358            background-color: #6c757d !important;
359        }
360
361        .gsc-search-button-v2:hover svg {
362            fill: #ffffff !important;
363        }
364
365        .gsib_a {
366            padding: 0 10px !important;
367            height: 48px !important;
368        }
369    </style>
370    <style>
371        .main-nav-block {
372            overflow-y: auto !important;
373        }
374
375        .menu-button-set {
376            overflow-y: auto !important;
377        }
378
379        .page-banner-section {
380            position: relative;
381            width: 100%;
382            height: 450px;
383
384            margin-top: 84px;
385
386            background-size: cover;
387            background-position: center;
388            background-repeat: no-repeat;
389            display: flex;
390            align-items: center;
391            overflow: hidden;
392        }
393
394        .banner-overlay {
395            position: absolute;
396            top: 0;
397            left: 0;
398            width: 100%;
399            height: 100%;
400            z-index: 1;
401        }
402
403        .banner-container {
404            position: relative;
405            z-index: 2;
406            width: 100%;
407            max-width: 1200px;
408            margin-right: auto;
409            margin-left: auto;
410            padding-left: 60px;
411            padding-right: 40px;
412        }
413
414        .banner-content {
415            max-width: 750px;
416            text-align: left;
417        }
418
419        /* Title Styling */
420        .banner-title {
421            font-family: 'raleway', sans-serif;
422            font-size: 52px;
423            font-weight: 700;
424            margin-bottom: 15px;
425            text-transform: uppercase;
426            letter-spacing: 2px;
427            color: #ffffff;
428        }
429
430        /* Description Styling */
431        .banner-description {
432            font-family: 'raleway', sans-serif;
433            font-size: 18px;
434            line-height: 1.6;
435            font-weight: 400;
436            color: #ffffff;
437            margin: 0;
438        }
439
440        /* Responsive adjustments for Mobile/Tablets */
441        @media only screen and (max-width: 1199px) {
442            .banner-container {
443                padding-left: 40px;
444            }
445        }
446
447        @media only screen and (max-width: 991px) {
448            .page-banner-section {
449                height: 380px;
450                margin-top: 84px;
451            }
452
453            .banner-title {
454                font-size: 42px;
455            }
456
457            .banner-description {
458                font-size: 16px;
459            }
460        }
461
462        @media only screen and (max-width: 767px) {
463            .page-banner-section {
464                height: 320px;
465                margin-top: 117px;
466            }
467
468            .banner-container {
469                padding-left: 20px;
470                padding-right: 20px;
471            }
472
473            .banner-title {
474                font-size: 34px;
475                margin-bottom: 12px;
476            }
477
478            .banner-description {
479                font-size: 14px;
480                line-height: 1.5;
481            }
482        }
483    </style>
484
485    <div class="collapse search-input-block" id="collapseExample">
486        <div class="card card-body">
487            <div class="head-conatiner">
488                <div class="search-conatiner">
489                    <div class="gcse-search"></div>
490                </div>
491
492                <a class="close-btn" data-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false"
493                    aria-controls="collapseExample">
494                    X
495                </a>
496            </div>
497        </div>
498    </div>
499
500    <div class="col-12 no-padding">
501        <header>
502            <div id="demo" class="carousel slide carousel-fade" data-ride="carousel" data-interval="3000">
503
504                <div class="carousel-inner">
505
506                    <div class="carousel-item active">
507                        <div class="page-banner-section"
508                            style="background-image: url('https://plasticcycle-2023.sgp1.digitaloceanspaces.com/images/about-us/about-us-banner-image.webp');">
509                            <div class="banner-overlay"></div>
510                            <div class="banner-container">
511                                <div class="banner-content">
512                                    <h1 class="banner-title txt-en">About Us</h1>
513                                </div>
514                            </div>
515                        </div>
516                    </div>
517
518                </div>
519            </div>
520            <div class="light-containler pt-4">
521                <p id="breadcrumbs" class="bread_crumb"><span class="bredcrubs-left"><a href="/">Home</a></span> »
522                    <span class="breadcrumb_last" aria-current="page">About Us</span></span>
523                </p>
524            </div>
525
526    </div>
527    </header>
528
529    <div id="keysettrtop" class="col-12">
530        <div class="light-containler container-fluid" style="padding: 2% 4%;">
531            <div class="custom-heading pb-5 mb-3 slide-left-on-load animate-on-scroll visible">
532                <div class="vertical-line"></div>
533                <h1 class="mb-0">
534                    <span class="main-text text-green">Who</span>
535                    <span class="sub-text text-muted"> We Are</span>
536                </h1>
537            </div>
538            <p class="para-a mx-auto" style="text-align: justify;">
539                Plasticcycle is a Social Entrepreneurship Project by John Keells Group with an aim at
540                reducing plastic pollution, through encouraging reduction in the use of single-use plastics,
541                supporting responsible disposal and promoting recycling initiatives. The John Keells Group,
542                acknowledging the fact that products and services provided by the Group also contribute to
543                the plastic pollution problem, launched Plasticcycle in July 2017, with a vision of being a
544                catalyst in significantly reducing plastic pollution in Sri Lanka. The mismanagement of
545                plastic waste has resulted in our landfills and the environment exceeding their carrying
546                capacities and Plasticcycle aims to initiate and support in 
546implementing sustainable</p>
547        </div>
548    </div>
549
550
551    <div class="light-container focus-areas animate-on-scroll py-5 mt-5 visible"
552        style="background-image: url('https://plasticcycle-2023.sgp1.digitaloceanspaces.com/focus-area-shape-2.webp'); background-size: auto; background-repeat: no-repeat; background-position: bottom right; background-color: #e9f5e9a4;">
553        <div class="custom-heading pb-5 mb-3 slide-right-on-load animate-on-scroll visible">
554            <div class="vertical-line"></div>
555            <h1 class="mb-0 text-center">
556                <span class="main-text text-green">Our 3 Key</span>
557                <span class="sub-text text-muted"> Focus Areas</span>
558            </h1>
559        </div>
560        <div class="row">
561            <!-- Card 1 -->
562            <div class="col-md-4 mb-4">
563                <a href="/about-us/#encouraging_reduction">
564                    <div class="card focus-area h-100 position-relative">
565                        <div class="donation-card-shape"></div> <!-- Only one background mask -->
566
567                        <div class="position-relative">
568                            <img src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/Encouraging-reduction-in-the-usage-of-single-use-plastics.webp"
569                                alt="group of girls in awareness seminar" class="card-img-top" width="342px"
570                                height="228px">
571                        </div>
572
573                        <div class="card-body d-flex flex-column position-relative text-center">
574                            <img class="image-mask"
575                                src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/focus-mask-img.webp"
576                                alt="group of girls in awareness seminar">
577                            <h5 class="card-title text-center title-forcus">
578                                Encouraging reduction in the usage of single-use plastics
579                            </h5>
580                            <div class="focus-button text-center">
581                                <a href="/about-us/#encouraging_reduction" class="btn btn-success mt-auto">
582                                    More Info
583                                    <img src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/images/right-arrow.webp"
584                                        alt="Arrow" style="width: 14px; height: 14px; margin-left: 4px;" />
585                                </a>
586                            </div>
587
588                        </div>
589                    </div>
590                </a>
591            </div>
592
593            <!-- Card 2 -->
594            <div class="col-md-4 mb-4">
595                <a href="/about-us/#supporting_responsible">
596                    <div class="card focus-area h-100">
597                        <div class="position-relative">
598                            <img src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/Supporting-responsible-disposal.webp"
599                                alt="supporting responsible disposal" class="card-img-top" width="342px" height="228px">
600                        </div>
601                        <div class="card-body d-flex flex-column position-relative text-center">
602                            <img class="image-mask"
603                                src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/focus-mask-img.webp"
604                                alt="group of girls in awareness seminar">
605                            <h5 class="card-title text-center title-forcus">Supporting responsible disposal</h5>
606                            <div class="focus-button text-center">
607                                <a href="/about-us/#supporting_responsible" class="btn btn-success mt-auto">
608                                    More Info
609                                    <img src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/images/right-arrow.webp"
610                                        alt="Arrow" style="width: 14px; height: 14px; margin-left: 4px;" />
611                                </a>
612                            </div>
613                        </div>
614                    </div>
615                </a>
616            </div>
617
618            <!-- Card 3 -->
619            <div class="col-md-4 mb-4">
620                <a href="/about-us/#promoting_recycling">
621                    <div class="card focus-area h-100">
622                        <div class="position-relative">
623                            <img src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/Promoting-recycling-initiatives-%26-innovation.webp"
624                                alt="three individuals signing documents for promoting recycling initiatives"
625                                class="card-img-top" width="342px" height="228px">
626                        </div>
627                        <div class="card-body d-flex flex-column position-relative text-center">
628                            <img class="image-mask"
629                                src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/focus-mask-img.webp"
630                                alt="group of girls in awareness seminar">
631                            <h5 class="card-title text-center title-forcus">Promoting recycling initiatives and
632                                innovation</h5>
633                            <div class="focus-button text-center">
634                                <a href="/about-us/#promoting_recycling" class="btn btn-success mt-auto">
635                                    More Info
636                                    <img src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/images/right-arrow.webp"
637                                        alt="Arrow" style="width: 14px; height: 14px; margin-left: 4px;" />
638                                </a>
639                            </div>
640                        </div>
641                    </div>
642                </a>
643            </div>
644        </div>
645    </div>
646
647    <div id="encouraging_reduction" style="scroll-margin-top: 50px;" class="col-12">
648        <div class="light-containler container-fluid mt-5" style="padding: 2% 4%;">
649            <div class="custom-heading pb-5 mb-3 slide-right-on-load animate-on-scroll visible">
650                <div class="vertical-line ver-2"></div>
651                <h1 class="mb-0 text-center">
652                    <span class="main-text text-green">Encouraging Reduction</span>
653                    <span class="sub-text text-muted">in the usage of <br>Single-Use
654                        Plastics</span>
655                </h1>
656            </div>
657            <p class="para-a mx-auto" style="text-align: justify;">
658                Plasticcycle continuously promotes the 4R’s – Refuse, Reduce, Reuse, and Recycle striving to
659                raise awareness among the general public and encourage behavioral change. By using both
660                traditional and digital methods, we aim to inspire individuals to reduce their plastic
661                footprint. A key part of our efforts is encouraging young change makers, who are our future
662                leaders, through awareness sessions conducted at schools. We also inspire long-term
663                commitments through the Plasticcycle pledge.</p>
664
665            <p class="para-a mx-auto" style="text-align: justify;">
666                Additionally, we collaborate with public sector stakeholders, including Municipal Councils,
667                to educate those on the ground in the value chain about the importance of responsible waste
668                collection and management, and how their work can make a difference to the country.
669                Furthermore, we work alongside the Marine Environmental Protection Authority (MEPA) to
670                empower coastal communities and educate them on the importance of preserving the beaches and
671                reefs around the country. We also conducted awareness sessions for field officers on
672                invitation from the Sectoral Oversight Committee on Environment, Natural Resources &
673                Sustainable Development, further strengthening their understanding of sustainable practices
674                and plastic waste management.</p>
675        </div>
676    </div>
677
678    <div id="keysettrtop" class="col-12">
679        <div class="light-containler container-fluid" style="padding: 2% 4%; padding-top: 0;">
680            <div class="row mt-5 pt-2">
681                <div class="col-lg-6 mb-4 mb-lg-5">
682                    <div class="plastic-card style3 h-100">
683                        <div class="row">
684                            <div class="col-md-7 pl-0 my-auto">
685                                <div class="box-thumb">
686                                    <img src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/plastic_cycle_our_news-1.webp"
687                                        alt="Plastic Recycling">
688                                </div>
689                            </div>
690                            <div class="col-md-5 pr-0 my-auto">
691                                <div class="box-content">
692                                    <h5 class="box-title mb-0">Awareness programmes conducted for Schools in Colombo
693                                        02
694                                    </h5>
695                                </div>
696                            </div>
697                        </div>
698                    </div>
699                </div>
700
701                <div class="col-lg-6 mb-4 mb-lg-5">
702                    <div class="plastic-card style3 h-100">
703                        <div class="row">
704                            <div class="col-md-7 pl-0 my-auto">
705                                <div class="box-thumb">
706                                    <img src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/plastic_cycle_our_news-4.webp"
707                                        alt="Plastic Recycling">
708                                </div>
709                            </div>
710                            <div class="col-md-5 pr-0 my-auto">
711                                <div class="box-content">
712                                    <h5 class="box-title mb-0">Plasticcycle Pledge Events</h5>
713                                </div>
714                            </div>
715                        </div>
716                    </div>
717                </div>
718
719                <div class="col-lg-6 mb-4 mb-lg-5">
720                    <div class="plastic-card style3 h-100">
721                        <div class="row">
722                            <div class="col-md-7 pl-0 my-auto">
723                                <div class="box-thumb">
724                                    <img src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/plastic_cycle_our_news-2.webp"
725                                        alt="Plastic Recycling">
726                                    <div class="plastic-card-shape bg-mask">
727                                        <img src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/plastic-card-shape2-1.webp"
728                                            alt="">
729                                    </div>
730                                </div>
731                            </div>
732                            <div class="col-md-5 pr-0 my-auto">
733                                <div class="box-content">
734                                    <h5 class="box-title mb-0">Awareness programmes being conducted for commuters on
735                                        the
736                                        Southern Expressway</h5>
737                                </div>
738                            </div>
739                        </div>
740                    </div>
741                </div>
742
743                <div class="col-lg-6 mb-4 mb-lg-5">
744                    <div class="plastic-card style3 h-100">
745                        <div class="row">
746                            <div class="col-md-7 pl-0 my-auto">
747                                <div class="box-thumb">
748                                    <img src="https://sgp1.digitaloceanspaces.com/plasticcycle-2023/plasticcycle_our_news_4.webp"
749                                        alt="Plastic Recycling">
750                                </div>
751                            </div>
752                            <div class="col-md-5 pr-0 my-auto">
753                                <div class="box-content">
754                                    <h5 class="box-title mb-0">Colombo Municipal Council (CMC) waste management team
755                                        during
756                                        an awareness programme at recycling plant</h5>
757                                </div>
758                            </div>
759                        </div>
760                    </div>
761                </div>
762            </div>
763        </div>
764    </div>
765
766    <div class="col-12" id="supporting_responsible" style="scroll-margin-top: 50px;">
767        <div class="light-containler container-fluid mt-5" style="padding: 2% 4%;">
768            <div class="custom-heading pb-5 mb-3 slide-right-on-load animate-on-scroll visible">
769                <div class="vertical-line"></div>
770                <h1 class="mb-0 text-center">
771                    <span class="main-text text-green">Supporting</span>
772                    <span class="sub-text text-muted">Responsible Disposal</span>
773                </h1>
774            </div>
775            <p class="para-a mx-auto" style="text-align: justify;">
776                With the aim of providing avenues for responsible disposal, Plasticcycle has placed over
777                300
778                specially designed bins across the island with expansions to the Northern and
779                Sabaragamuwa
780                regions. Since 2017/18, Plasticcycle has successfully collected 215,124 kg of plastic
781                waste
782                through these initiatives.
783            </p>
784            <p class="para-a mx-auto" style="text-align: justify;">
785                Based on the positive response to the bins, Plasticcycle has expanded its efforts to
786                include
787                popular retail outlets, housing developments, recognized sports complexes, schools,
788                universities, and places of recreation. Working alongside manufacturing companies like
789                Eco-Spindles, a subsidiary of BPPL Holdings PLC, Plasticcycle has contributed to the
790                production of value-added products using recycled plastic, including monofilaments for
791                cleaning tools and yarn for fabric manufacturers worldwide. In addition to these
792                efforts,
793                Plasticcycle works with dedicated collectors and monitoring partners such as
794                Eco-Spindles
795                and Enviro.
796            </p>
797
798            <div class="row mt-5 pt-2">
799                <div class="col-lg-6 mb-4 mb-lg-5">
800                    <div class="plastic-card style3 h-100">
801                        <div class="row">
802                            <div class="col-md-7 pl-0 my-auto">
803                                <div class="box-thumb">
804                                    <img src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/res-plastic_cycle_our_news-1.webp"
805                                        alt="Plastic Recycling">
806                                </div>
807                            </div>
808                            <div class="col-md-5 pr-0 my-auto">
809                                <div class="box-content">
810                                    <h5 class="box-title mb-0">Plasticcycle bins at popular sports complexes
811                                    </h5>
812                                </div>
813                            </div>
814                        </div>
815                    </div>
816                </div>
817
818                <div class="col-lg-6 mb-4 mb-lg-5">
819                    <div class="plastic-card style3 h-100">
820                        <div class="row">
821                            <div class="col-md-7 pl-0 my-auto">
822                                <div class="box-thumb">
823                                    <img src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/res-plastic_cycle_our_news-2.webp"
824                                        alt="Plastic Recycling">
825                                </div>
826                            </div>
827                            <div class="col-md-5 pr-0 my-auto">
828                                <div class="box-content">
829                                    <h5 class="box-title mb-0">Plasticcycle bins on the expressways</h5>
830                                </div>
831                            </div>
832                        </div>
833                    </div>
834                </div>
835
836                <div class="col-lg-6 mb-4 mb-lg-5">
837                    <div class="plastic-card style3 h-100">
838                        <div class="row">
839                            <div class="col-md-7 pl-0 my-auto">
840                                <div class="box-thumb">
841                                    <img src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/res-plastic_cycle_our_news-3.webp"
842                                        alt="Plastic Recycling">
843                                </div>
844                            </div>
845                            <div class="col-md-5 pr-0 my-auto">
846                                <div class="box-content">
847                                    <h5 class="box-title mb-0">Hemas Consumer Brands signs Memorandum of
848                                        understanding
849                                        with John Keells Holdings</h5>
850                                </div>
851                            </div>
852                        </div>
853                    </div>
854                </div>
855
856                <div class="col-lg-6 mb-4 mb-lg-5">
857                    <div class="plastic-card style3 h-100">
858                        <div class="row">
859                            <div class="col-md-7 pl-0 my-auto">
860                                <div class="box-thumb">
861                                    <img src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/res-plastic_cycle_our_news-4.webp"
862                                        alt="Plastic Recycling">
863                                </div>
864                            </div>
865                            <div class="col-md-5 pr-0 my-auto">
866                                <div class="box-content">
867                                    <h5 class="box-title mb-0">Plasticcycle bins at Supermarkets</h5>
868                                </div>
869                            </div>
870                        </div>
871                    </div>
872                </div>
873            </div>
874        </div>
875    </div>
876
877    <div id="promoting_recycling" style="scroll-margin-top: 50px;" class="col-12">
878        <div class="light-containler container-fluid mt-5" style="padding: 2% 4%;">
879            <div class="custom-heading pb-5 mb-3 slide-right-on-load animate-on-scroll visible">
880                <div class="vertical-line"></div>
881                <h1 class="mb-0 text-center">
882                    <span class="main-text text-green">Promoting</span>
883                    <span class="sub-text text-muted">Recycling Initiatives</span>
884                </h1>
885            </div>
886            <p class="para-a mx-auto" style="text-align: justify;">
887                Plastic Modified Asphalt Concrete (PMAC) is one of the innovative solutions being used to tackle the
888                issue of non-recyclable plastic waste. Through a partnership with AGC Innovate,
889                non-recyclable plastic is processed into a stronger asphalt mix, which is then used for
890                roads, car parks, and driveways, offering both environmental and infrastructural
891                benefits.
892            </p>
893            <p class="para-a mx-auto" style="text-align: justify;">
894                Another key initiative is the Start-Up-Cycle challenge, launched in 2023
895                in collaboration with John Keells X and John Keells Research. This platform gives startups
896                and entrepreneurs the opportunity to develop practical solutions to reduce plastic waste in
897                key industries. At the Demo Day held at Cinnamon Grand, three standout solutions were
898                selected for further development and prototyping. Now in its second year, Start-Up-Cycle
899                continues to support innovators in creating commercially viable, sustainable alternatives to plastic
900                products, reinforcing our commitment to long-term change in reducing plastic pollution.
901            </p>
902
903            <div class="row mt-5 pt-2">
904                <div class="col-lg-6 mb-4 mb-lg-5">
905                    <div class="plastic-card style3 h-100">
906                        <div class="row">
907                            <div class="col-md-7 pl-0 my-auto">
908                                <div class="box-thumb">
909                                    <img src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/Eco-friendly-solutions.webp"
910                                        alt="Plastic Recycling">
911                                </div>
912                            </div>
913                            <div class="col-md-5 pr-0 my-auto">
914                                <div class="box-content">
915                                    <h5 class="box-title mb-0">Eco-friendly solutions in action – sustainable bento
916                                        box
917                                    </h5>
918                                </div>
919                            </div>
920                        </div>
921                    </div>
922                </div>
923
924                <div class="col-lg-6 mb-4 mb-lg-5">
925                    <div class="plastic-card style3 h-100">
926                        <div class="row">
927                            <div class="col-md-7 pl-0 my-auto">
928                                <div class="box-thumb">
929                                    <img src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/PMAC-paving-at-JK-PLC.webp"
930                                        alt="Plastic Recycling">
931                                </div>
932                            </div>
933                            <div class="col-md-5 pr-0 my-auto">
934                                <div class="box-content">
935                                    <h5 class="box-title mb-0">PMAC paving at JK PLC</h5>
936                                </div>
937                            </div>
938                        </div>
939                    </div>
940                </div>
941
942                <div class="col-lg-6 mb-4 mb-lg-5">
943                    <div class="plastic-card style3 h-100">
944                        <div class="row">
945                            <div class="col-md-7 pl-0 my-auto">
946                                <div class="box-thumb">
947                                    <img src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/PMAC-paving%20-at-Cinnamon-Life.webp"
948                                        alt="Plastic Recycling">
949                                </div>
950                            </div>
951                            <div class="col-md-5 pr-0 my-auto">
952                                <div class="box-content">
953                                    <h5 class="box-title mb-0">PMAC paving at Cinnamon Life</h5>
954                                </div>
955                            </div>
956                        </div>
957                    </div>
958                </div>
959
960                <div class="col-lg-6 mb-4 mb-lg-5">
961                    <div class="plastic-card style3 h-100">
962                        <div class="row">
963                            <div class="col-md-7 pl-0 my-auto">
964                                <div class="box-thumb">
965                                    <img src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/Start-up-cycle-winners.webp"
966                                        alt="Plastic Recycling">
967                                </div>
968                            </div>
969                            <div class="col-md-5 pr-0 my-auto">
970                                <div class="box-content">
971                                    <h5 class="box-title mb-0">Start-up-cycle winners</h5>
972                                </div>
973                            </div>
974                        </div>
975                    </div>
976                </div>
977            </div>
978        </div>
979    </div>
980
981
982    <div class="promoting_recycling mb-5 pb-5">
983        <div class="light-containler mt-5" style="padding: 2% 4%;">
984            <div class="custom-heading pb-5 mb-3 slide-right-on-load animate-on-scroll visible">
985                <div class="vertical-line"></div>
986                <h1 class="mb-0 text-center">
987                    <span class="main-text text-green">An overview of the</span>
988                    <span class="sub-text text-muted">Plasticcycle Initiatives</span>
989                </h1>
990            </div>
991
992            <video style="width:100%" controls class="px-5">
993                <source
994                    src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/images/about-us/Plasticccyle-Presentation-2021.mp4"
995                    type="video/mp4">
996                Your browser does not support HTML video.
997            </video>
998        </div>
999    </div>
1000
1001    <div class="col-12" id="footer-sec" style="background: #ffffff; overflow: hidden;">
1002        <div class="light-containler">
1003            <div class="row">
1004                <div class="col-sm-4">
1005                    <div class="row">
1006                        <div class="col-sm-12 px-0">
1007                            <img alt="Plasticcycle Sri Lanka" class="lazyload"
1008                                data-src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/images/logo-footer-v2.jpg"
1009                                decoding="async" loading="lazy"
1010                                src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/images/logo-footer-v2.jpg" /><noscript><img
1011                                    alt="Plasticcycle Sri Lanka" data-eio="l" loading="lazy"
1012                                    src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/images/logo-footer-v2.jpg" /></noscript>
1013                        </div>
1014                    </div>
1015                </div>
1016                <div class="col-sm-4">
1017                    <div class="row">
1018                        <a href="https://www.keells.com/" rel="noopener noreferrer" style="width: 100%" target="_blank">
1019                            <img alt="Plasticcycle Sri Lanka" class="img-fluid img-center lazyload"
1020                                data-src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/jkh-logo.jpg"
1021                                decoding="async" loading="lazy"
1022                                src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/jkh-logo.jpg" /><noscript><img
1023                                    alt="Plasticcycle Sri Lanka" class="img-fluid img-center" data-eio="l"
1024                                    loading="lazy"
1025                                    src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/jkh-logo.jpg" /></noscript>
1026                        </a>
1027                    </div>
1028                </div>
1029                <div class="col-sm-4">
1030                    <div class="col-12" style="height: 10px"></div>
1031                    <p class="text-center text-sm-right address-para">
1032                        117, Sir Chittampalam A Gardiner Mawatha, Colombo 02.<br />
1033                        Sri Lanka.<br />
1034                        <a href="tel:0703328808" style="color: #9c9c9c;">070 332
1035                            8808</a><br />
1036                        <a href="mailto:[email protected]" style="color: #9c9c9c;">[email protected]</a>
1037                    </p>
1038                </div>
1039                <div class="col-12 light-gap" style="border-top: 3px solid #efefef; margin-top: 33px"></div>
1040                <div class="col-sm-4 text-center text-sm-left">
1041                    <a href="https://3cs.lk/" rel="noopener noreferrer" target="_blank">
1042                        <p class="text-center text-sm-left cpyrt-para">Web Design by
1043                            3CS</p>
1044                    </a>
1045                    <a href="/sitemap">
1046                        <p class="text-center text-sm-left cpyrt-para">Sitemap</p>
1047                    </a>
1048                    <!-- Social Media Icons -->
1049                    <div class="mt-2 social-hover">
1050                        <a href="https://web.facebook.com/plasticcycle?_rdc=1&amp;_rdr" rel="noopener noreferrer"
1051                            style="margin-right: 6px;" target="_blank">
1052                            <img alt="Facebook" height="40"
1053                                src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/Social%20Icons/social-icon-fb.webp"
1054                                width="40" />
1055                        </a>
1056                        <a href="https://www.instagram.com/plasticcycle/" rel="noopener noreferrer" target="_blank">
1057                            <img alt="Instagram" height="40"
1058                                src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/Social%20Icons/social-icon-instagram.webp"
1059                                style="margin-right: 6px;" width="40" />
1060                        </a>
1061                        <a href="https://www.tiktok.com/@plasticcyclesl?_t=ZS-8xE0tM" rel="noopener noreferrer"
1062                            target="_blank">
1063                            <img alt="TikTok" height="40"
1064                                src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/Social%20Icons/social-icon-tiktok.webp"
1065                                width="40" />
1066                        </a>
1067                    </div>
1068                </div>
1069                <div class="col-sm-4 text-center">
1070                    <div class="row d-flex justify-content-center align-items-center flex-wrap">
1071                        <img alt="bestweb" class="Bestweb-Award-Footer lazyload"
1072                            data-src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/uploads/english/2024/Gold-Best-Corporate-Social-Responsibility-Website.png"
1073                            decoding="async" loading="lazy"
1074                            src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/uploads/english/2024/Gold-Best-Corporate-Social-Responsibility-Website.png"
1075                            style="height: 160px; width: 150px" /><noscript><img alt="bestweb"
1076                                class="Bestweb-Award-Footer" data-eio="l" loading="lazy"
1077                                src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/uploads/english/2024/Gold-Best-Corporate-Social-Responsibility-Website.png"
1078                                style="height: 160px; width: 150px" /></noscript>
1079                        <img alt="bestweb" class="Bestweb-Award-Footer lazyload"
1080                            data-src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/uploads/english/2024/Best-Mobile-User-Experience-Best-Corporate-Social-Responsibility-Website.png"
1081                            decoding="async" loading="lazy"
1082                            src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/uploads/english/2024/Best-Mobile-User-Experience-Best-Corporate-Social-Responsibility-Website.png"
1083                            style="height: 160px; width: 150px" /><noscript><img alt="bestweb"
1084                                class="Bestweb-Award-Footer" data-eio="l" loading="lazy"
1085                                src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/uploads/english/2024/Best-Mobile-User-Experience-Best-Corporate-Social-Responsibility-Website.png"
1086                                style="height: 160px; width: 150px" /></noscript>
1087                    </div>
1088                    <div class="row mt-3 d-flex justify-content-center align-items-center flex-wrap">
1089                        <a href="https://bestweb.lk/past-winners">
1090                            <img alt="top web june" class="Bestweb-logo-Footer lazyload" data-eio-rheight="200"
1091                                data-eio-rwidth="200"
1092                                data-src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/images/Best-Corporate-Social-Responsibility-Website.png"
1093                                decoding="async" loading="lazy"
1094                                src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/images/Best-Corporate-Social-Responsibility-Website.png"
1095                                style="height: 150px; width: 150px" /><noscript><img alt="top web june"
1096                                    class="Bestweb-logo-Footer" data-eio="l" loading="lazy"
1097                                    src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/images/Best-Corporate-Social-Responsibility-Website.png"
1098                                    style="height: 150px; width: 150px; display: flex;" /></noscript></a>
1099                        <a aria-label="Rate us on BestWeb 2025"
1100                            href="https://ebadge.bestweb.lk/api/v1/clicked/plasticcycle.lk/BestWeb/2025/Rate_Us"
1101                            id="bestweb-badge" rel="noopener noreferrer" style="position: relative; display: block;"
1102                            target="_blank">
1103                            <img alt="BestWeb 2025 Rate Us" height="130"
1104                                src="https://ebadge.bestweb.lk/eBadgeSystem/domainNames/plasticcycle.lk/BestWeb/2025/Rate_Us/image.png"
1105                                width="130" />
1106                        </a>
1107                    </div>
1108                </div>
1109                <div class="col-sm-4">
1110                    <a href="/cookies-policy">
1111                        <p class="text-center text-sm-right cpyrt-para">Cookies
1112                            Policy</p>
1113                    </a>
1114                    <a href="/privacy-policy">
1115                        <p class="text-center text-sm-right cpyrt-para">Privacy
1116                            Policy</p>
1117                    </a>
1118                    <p class="text-center text-sm-right cpyrt-para">© 2026
1119                        Plasticcycle</p>
1120                </div>
1121            </div>
1122        </div>
1123    </div>
1124
1125    <!-- <a href="https://ebadge.bestweb.lk/api/v1/clicked/plasticcycle.lk/BestWeb/2025/Rate_Us" target="_blank"
1126            rel="noopener noreferrer" aria-label="Rate us on BestWeb 2025"
1127            style="position: fixed; bottom: 50px; left: 10px; z-index: 9999;">
1128            <img class="bestweb-badge"
1129                src="https://ebadge.bestweb.lk/eBadgeSystem/domainNames/plasticcycle.lk/BestWeb/2025/Rate_Us/image.png"
1130                alt="BestWeb 2025 Rate Us" width="150" height="150" />
1131        </a> -->
1132
1133    
1133<script>
1134        // Load footer.html into #footer-container
1135        document.addEventListener("DOMContentLoaded", function () {
1136            fetch("../footer.html")
1137                .then(response => response.text())
1138                .then(data => {
1139                    document.getElementById("footer-container").innerHTML = data;
1140                });
1141        });
1142    </script>
1142
1143
1144    
1144<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
1144
1145
1146
1147    
1147<script>$(document).ready(function () {
1148
1149            $("#myInput").on("keyup", function () {
1150                var value = $(this).val().toLowerCase();
1151                $("#maptable .map-list").filter(function () {
1152                    $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
1153                });
1154            });
1155
1156        });</script>
1156
1157
1158    <div class="ht-ctc ht-ctc-chat ctc-analytics ctc_wp_desktop style-3_1  " id="ht-ctc-chat"
1159        style="display: none;  position: fixed; bottom: 60px; right: 15px;">
1160        <div class="ht_ctc_style ht_ctc_chat_style">
1161            <style id="ht-ctc-s3">
1162                .ht-ctc .ctc_s_3_1:hover svg stop {
1163                    stop-color: #25D366;
1164                }
1165
1166                .ht-ctc .ctc_s_3_1:hover .ht_ctc_padding,
1167                .ht-ctc .ctc_s_3_1:hover .ctc_cta_stick {
1168                    background-color: #25D366 !important;
1169                    box-shadow: 0px 0px 11px rgba(0, 0, 0, .5);
1170                }
1171            </style>
1172
1173            <a href="https://wa.me/94703313886" class="icon-whatsapp" target="_blank" aria-label="Chat on WhatsApp"
1174                style="
1175            position: fixed;
1176            bottom: 10px;
1177            right: 60px;
1178            background-color: #25D366;
1179            border-radius: 50%;
1180            padding: 9px;
1181            z-index: 99;
1182            box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
1183            display: flex;
1184            align-items: center;
1185            justify-content: center;
1186        ">
1187                <svg style="
1188                  pointer-events: none;
1189                  display: block;
1190                  height: 25px;
1191                  width: 25px;
1192                  " width="40px" height="40px" viewBox="0 0 1219.547 1225.016">
1193                    <path style="fill: #e0e0e0" fill="#E0E0E0"
1194                        d="M1041.858 178.02C927.206 63.289 774.753.07 612.325 0 277.617 0 5.232 272.298 5.098 606.991c-.039 106.986 27.915 211.42 81.048 303.476L0 1225.016l321.898-84.406c88.689 48.368 188.547 73.855 290.166 73.896h.258.003c334.654 0 607.08-272.346 607.222-607.023.056-162.208-63.052-314.724-177.689-429.463zm-429.533 933.963h-.197c-90.578-.048-179.402-24.366-256.878-70.339l-18.438-10.93-191.021 50.083 51-186.176-12.013-19.087c-50.525-80.336-77.198-173.175-77.16-268.504.111-278.186 226.507-504.503 504.898-504.503 134.812.056 261.519 52.604 356.814 147.965 95.289 95.36 147.728 222.128 147.688 356.948-.118 278.195-226.522 504.543-504.693 504.543z">
1195                    </path>
1196                    <linearGradient id="htwaicona-chat" gradientUnits="userSpaceOnUse" x1="609.77" y1="1190.114"
1197                        x2="609.77" y2="21.084">
1198                        <stop id="s3_1_offset_1" offset="0" stop-color="#25D366"></stop>
1199                        <stop id="s3_1_offset_2" offset="1" stop-color="#25D366"></stop>
1200                    </linearGradient>
1201                    <path style="fill: url(#htwaicona-chat)" fill="url(#htwaicona-chat)"
1202                        d="M27.875 1190.114l82.211-300.18c-50.719-87.852-77.391-187.523-77.359-289.602.133-319.398 260.078-579.25 579.469-579.25 155.016.07 300.508 60.398 409.898 169.891 109.414 109.492 169.633 255.031 169.57 409.812-.133 319.406-260.094 579.281-579.445 579.281-.023 0 .016 0 0 0h-.258c-96.977-.031-192.266-24.375-276.898-70.5l-307.188 80.548z">
1203                    </path>
1204                    <image overflow="visible" opacity=".08" width="682" height="639"
1205                        transform="translate(270.984 291.372)">
1206                    </image>
1207                    <path fill-rule="evenodd" clip-rule="evenodd" style="fill: #fff" fill="#FFF"
1208                        d="M462.273 349.294c-11.234-24.977-23.062-25.477-33.75-25.914-8.742-.375-18.75-.352-28.742-.352-10 0-26.25 3.758-39.992 18.766-13.75 15.008-52.5 51.289-52.5 125.078 0 73.797 53.75 145.102 61.242 155.117 7.5 10 103.758 166.266 256.203 226.383 126.695 49.961 152.477 40.023 179.977 37.523s88.734-36.273 101.234-71.297c12.5-35.016 12.5-65.031 8.75-71.305-3.75-6.25-13.75-10-28.75-17.5s-88.734-43.789-102.484-48.789-23.75-7.5-33.75 7.516c-10 15-38.727 48.773-47.477 58.773-8.75 10.023-17.5 11.273-32.5 3.773-15-7.523-63.305-23.344-120.609-74.438-44.586-39.75-74.688-88.844-83.438-103.859-8.75-15-.938-23.125 6.586-30.602 6.734-6.719 15-17.508 22.5-26.266 7.484-8.758 9.984-15.008 14.984-25.008 5-10.016 2.5-18.773-1.25-26.273s-32.898-81.67-46.234-111.326z">
1209                    </path>
1210                    <path style="fill: #ffffff" fill="#FFF"
1211                        d="M1036.898 176.091C923.562 62.677 772.859.185 612.297.114 281.43.114 12.172 269.286 12.039 600.137 12 705.896 39.633 809.13 92.156 900.13L7 1211.067l318.203-83.438c87.672 47.812 186.383 73.008 286.836 73.047h.255.003c330.812 0 600.109-269.219 600.25-600.055.055-160.343-62.328-311.108-175.649-424.53zm-424.601 923.242h-.195c-89.539-.047-177.344-24.086-253.93-69.531l-18.227-10.805-188.828 49.508 50.414-184.039-11.875-18.867c-49.945-79.414-76.312-171.188-76.273-265.422.109-274.992 223.906-498.711 499.102-498.711 133.266.055 258.516 52 352.719 146.266 94.195 94.266 146.031 219.578 145.992 352.852-.118 274.999-223.923 498.749-498.899 498.749z">
1212                    </path>
1213                </svg>
1214            </a>
1215        </div>
1216    </div>
1217    <span class="ht_ctc_chat_data" data-no_number
1218        data-settings="{&quot;number&quot;:&quot;94703313886&quot;,&quot;pre_filled&quot;:&quot;&quot;,&quot;dis_m&quot;:&quot;show&quot;,&quot;dis_d&quot;:&quot;show&quot;,&quot;css&quot;:&quot;display: none; cursor: pointer; z-index: 99999999;&quot;,&quot;pos_d&quot;:&quot;position: fixed; bottom: 60px; right: 15px;&quot;,&quot;pos_m&quot;:&quot;position: fixed; bottom: 60px; right: 15px;&quot;,&quot;schedule&quot;:&quot;no&quot;,&quot;se&quot;:150,&quot;ani&quot;:&quot;no-animations&quot;,&quot;url_target_d&quot;:&quot;_blank&quot;,&quot;ga&quot;:&quot;yes&quot;,&quot;fb&quot;:&quot;yes&quot;,&quot;g_init&quot;:&quot;default&quot;,&quot;g_an_event_name&quot;:&quot;click to chat&quot;,&quot;pixel_event_name&quot;:&quot;Click to Chat by HoliThemes&quot;}"></span>
1219    
1219<script>const lazyloadRunObserver = () => {
1220            const lazyloadBackgrounds = document.querySelectorAll(`.e-con.e-parent:not(.e-lazyloaded)`);
1221            const lazyloadBackgroundObserver = new IntersectionObserver((entries) => {
1222                entries.forEach((entry) => {
1223                    if (entry.isIntersecting) {
1224                        let lazyloadBackground = entry.target;
1225                        if (lazyloadBackground) {
1226                            lazyloadBackground.classList.add('e-lazyloaded');
1227                        }
1228                        lazyloadBackgroundObserver.unobserve(entry.target);
1229                    }
1230                });
1231            }, { rootMargin: '200px 0px 200px 0px' });
1232            lazyloadBackgrounds.forEach((lazyloadBackground) => {
1233                lazyloadBackgroundObserver.observe(lazyloadBackground);
1234            });
1235        };
1236        const events = [
1237            'DOMContentLoaded',
1238            'elementor/lazyload/observe',
1239        ];
1240        events.forEach((event) => {
1241            document.addEventListener(event, lazyloadRunObserver);
1242        });</script>
1242
1243    
1243<script id="ht_ctc_app_js-js-extra">
1244        /* <![CDATA[ */
1245        var ht_ctc_chat_var = { "number": "94703313886", "pre_filled": "", "dis_m": "show", "dis_d": "show", "css": "display: none; cursor: pointer; z-index: 99999999;", "pos_d": "position: fixed; bottom: 60px; right: 15px;", "pos_m": "position: fixed; bottom: 60px; right: 15px;", "schedule": "no", "se": "150", "ani": "no-animations", "url_target_d": "_blank", "ga": "yes", "fb": "yes", "g_init": "default", "g_an_event_name": "click to chat", "pixel_event_name": "Click to Chat by HoliThemes" };
1246        var ht_ctc_variables = { "g_an_event_name": "click to chat", "pixel_event_type": "trackCustom", "pixel_event_name": "Click to Chat by HoliThemes", "g_an_params": ["g_an_param_1", "g_an_param_2", "g_an_param_3"], "g_an_param_1": { "key": "number", "value": "{number}" }, "g_an_param_2": { "key": "title", "value": "{title}" }, "g_an_param_3": { "key": "url", "value": "{url}" }, "pixel_params": ["pixel_param_1", "pixel_param_2", "pixel_param_3", "pixel_param_4"], "pixel_param_1": { "key": "Category", "value": "Click to Chat for WhatsApp" }, "pixel_param_2": { "key": "ID", "value": "{number}" }, "pixel_param_3": { "key": "Title", "value": "{title}" }, "pixel_param_4": { "key": "URL", "value": "{url}" } };
1247        /* ]]> */
1248    </script>
1248
1249    
1249<script src="/wp-content/plugins/click-to-chat-for-whatsapp/new/inc/assets/js/app.js?ver=4.6"
1250        id="ht_ctc_app_js-js"></script>
1250
1251    
1251<script id="eio-lazy-load-js-before">
1252        /* <![CDATA[ */
1253        var eio_lazy_vars = { "exactdn_domain": "", "skip_autoscale": 0, "threshold": 0 };
1254        /* ]]> */
1255    </script>
1255
1256    
1256<script src="/wp-content/plugins/ewww-image-optimizer/includes/lazysizes.min.js?ver=780" id="eio-lazy-load-js"
1257        async="async" data-wp-strategy="async"></script>
1257
1258    
1258<script src="/wp-content/plugins/ht-mega-for-elementor/assets/js/popper.min.js?ver=2.6.0"
1259        id="htmega-popper-js"></script>
1259
1260    
1260<script src="/wp-content/plugins/ht-mega-for-elementor/assets/js/htbbootstrap.js?ver=2.6.0"
1261        id="htbbootstrap-js"></script>
1261
1262    
1262<script src="/wp-content/plugins/ht-mega-for-elementor/assets/js/waypoints.js?ver=2.6.0" id="waypoints-js"></script>
1262
1263    
1263<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js?ver=3.3.1"
1264        id="popper-js"></script>
1264
1265    
1265<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js?ver=4.0.0"
1266        id="bootstrap-js-js"></script>
1266
1267    
1267<script src="/wp-content/themes/jkh-plastic-cycle/assets/js/main.js?ver=1.0.1" id="main-js-js"></script>
1267
1268    
1268<script src="/wp-content/themes/jkh-plastic-cycle/assets/js/cookieconsent.min.js?ver=1.0.0" id="cookie-js"></script>
1268
1269    
1269<script src="/wp-content/themes/jkh-plastic-cycle/assets/js/wpsl-custom.js?ver=6.6.1" id="wpsl-custom-js"></script>
1269
1270
1271    
1271<script>window.addEventListener("load", function () {
1272
1273            $(document).ready(function () {
1274
1275                $(".cc-link").click(function (event) {
1276                    $(".readmore-box-privacy-policy").animate({
1277                        width: "100%"
1278                    });
1279                    $('.form-group-px').fadeIn(1200);
1280                });
1281
1282                $(".privacy-policy-profile-close-pp").click(function () {
1283                    $(".readmore-box-privacy-policy").delay(300).animate({
1284                        width: "0%"
1285                    });
1286                    $('.form-group-px').css({
1287                        "display": "none"
1288                    });
1289                });
1290            });
1291
1292            window.cookieconsent.initialise({
1293                "palette": {
1294                    "popup": {
1295                        "background": "#ffffff"
1296                    },
1297                    "button": {
1298                        "background": "transparent",
1299                        "text": "#f1d600",
1300                        "border": "#f1d600"
1301                    }
1302                },
1303                "position": "bottom-right",
1304                "type": "opt-out",
1305                "content": {
1306                    "href": "/privacy-policy"
1307                }
1308            })
1309        });</script>
1309
1310    
1310<script>function myFunction(x) {
1311            x.classList.toggle("change");
1312        }
1313    </script>
1313
1314    
1314<script>function vidplay() {
1315            var video = document.getElementById("Video1");
1316            var button = document.getElementById("play");
1317            if (video.paused) {
1318                video.play();
1319            } else {
1320                video.pause();
1321            }
1322            $("video").click();
1323            $("source").click();
1324            video.play();
1325        }
1326
1327        function clas() {
1328            var video = document.getElementById("Video1");
1329            video.src = null;
1330            video.src = 'https://johnkeellsfoundation.com/wp-content/themes/wp-bootstrap-starter/assets/videos/jkf-video.mp4';
1331        }
1332
1333        function restart() {
1334            var video = document.getElementById("Video1");
1335            video.currentTime = 0;
1336        }
1337
1338        function skip(value) {
1339            var video = document.getElementById("Video1");
1340            video.currentTime += value;
1341        }
1342    </script>
1342
1343
1344    
1344<script>
1345        var scrolltotop = {
1346            setting: {
1347                startline: 100,
1348                scrollto: 0,
1349                scrollduration: 1e3,
1350                fadeduration: [500, 100]
1351            },
1352            controlHTML: '<img alt="Plasticcycle Sri Lanka"  src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/images/up-arrow.png" width="30px" height="30px"/>',
1353            controlattrs: {
1354                offsetx: 23,
1355                offsety: 63,
1356            },
1357            anchorkeyword: "#top",
1358            state: {
1359                isvisible: !1,
1360                shouldvisible: !1
1361            },
1362            scrollup: function () {
1363                this.cssfixedsupport || this.$control.css({
1364                    opacity: 0
1365                });
1366                var t = isNaN(this.setting.scrollto) ? this.setting.scrollto : parseInt(this.setting.scrollto);
1367                t = "string" == typeof t && 1 == jQuery("#" + t).length ? jQuery("#" + t).offset().top : 0, this.$body
1368                    .animate({
1369                        scrollTop: t
1370                    }, this.setting.scrollduration)
1371            },
1372            keepfixed: function () {
1373                var t = jQuery(window),
1374                    o = t.scrollLeft() + t.width() - this.$control.width() - this.controlattrs.offsetx,
1375                    s = t.scrollTop() + t.height() - this.$control.height() - this.controlattrs.offsety;
1376                this.$control.css({
1377                    left: o + "px",
1378                    top: s + "px"
1379                })
1380            },
1381            togglecontrol: function () {
1382                var t = jQuery(window).scrollTop();
1383                this.cssfixedsupport || this.keepfixed(), this.state.shouldvisible = t >= this.setting.startline ? !0 :
1384                    !1, this.state.shouldvisible && !this.state.isvisible ? (this.$control.stop().animate({
1385                        opacity: 1
1386                    }, this.setting.fadeduration[0]), this.state.isvisible = !0) : 0 == this.state.shouldvisible && this
1387                        .state.isvisible && (this.$control.stop().animate({
1388                            opacity: 0
1389                        }, this.setting.fadeduration[1]), this.state.isvisible = !1)
1390            },
1391            init: function () {
1392                jQuery(document).ready(function (t) {
1393                    var o = scrolltotop,
1394                        s = document.all;
1395                    o.cssfixedsupport = !s || s && "CSS1Compat" == document.compatMode && window.XMLHttpRequest,
1396                        o.$body = t(window.opera ? "CSS1Compat" == document.compatMode ? "html" : "body" :
1397                            "html,body"), o.$control = t('<div id="topcontrol">' + o.controlHTML + "<\/div>")
1398                                .css({
1399                                    position: o.cssfixedsupport ? "fixed" : "absolute",
1400                                    bottom: o.controlattrs.offsety,
1401                                    right: o.controlattrs.offsetx,
1402                                    opacity: 0,
1403                                    cursor: "pointer"
1404                                }).attr({
1405                                    title: "Scroll to Top"
1406                                }).click(function () {
1407                                    return o.scrollup(), !1
1408                                }).appendTo("body"), document.all && !window.XMLHttpRequest && "" != o.$control
1409                                    .text() && o.$control.css({
1410                                        width: o.$control.width()
1411                                    }), o.togglecontrol(), t('a[href="' + o.anchorkeyword + '"]').click(function () {
1412                                        return o.scrollup(), !1
1413                                    }), t(window).bind("scroll resize", function (t) {
1414                                        o.togglecontrol()
1415                                    })
1416                })
1417            }
1418        };
1419        scrolltotop.init();
1420    </script>
1420
1421
1422    
1422<script>jQuery(window).scroll(function () {
1423
1424            if (jQuery(window).scrollTop() > 0) {
1425                jQuery('.bar1').css("background-color", "#ffffff");
1426                jQuery('.bar2').css("background-color", "#ffffff");
1427                jQuery('.bar3').css("background-color", "#ffffff");
1428                jQuery('.nav-inster').css("background-color", "rgb(81 125 150 / 0%)");
1429                jQuery('.nav-fb').css("background-color", "rgb(81 125 150 / 0%)");
1430                jQuery('.nav-sinhala>a').css("color", "#ffffff");
1431                jQuery('.nav-tamil>a').css("color", "#ffffff");
1432
1433                jQuery('.top-nav-section').css("background-color", "#88c045");
1434                jQuery('.top-nav-section').css("height", "84px");
1435                jQuery('.nav-inster').css("display", "none");
1436                jQuery('.nav-fb').css("display", "none");
1437                jQuery(".main-logo>a>img").css("maxWidth", "250px");
1438
1439            } else {
1440                jQuery('.bar1').css("background-color", "#ffffff");
1441                jQuery('.bar2').css("background-color", "#ffffff");
1442                jQuery('.bar3').css("background-color", "#ffffff");
1443                jQuery('.nav-inster').css("background-color", "rgb(81 125 150 / 0%)");
1444                jQuery('.nav-fb').css("background-color", "rgb(81 125 150 / 0%)");
1445                jQuery('.nav-sinhala>a').css("color", "#ffffff");
1446                jQuery('.nav-tamil>a').css("color", "#ffffff");
1447
1448                jQuery('.top-nav-section').css("background-color", "rgb(81 125 150 / 0%)");
1449                jQuery('.top-nav-section').css("height", "84px");
1450                jQuery('.nav-inster').css("display", "block");
1451                jQuery('.nav-fb').css("display", "block");
1452                jQuery(".main-logo>a>img").css("maxWidth", "100%");
1453
1454            }
1455
1456        });</script>
1456
1457
1458    
1458<script>jQuery(window).scroll(function () {
1459            var width = $(window).width();
1460
1461            if (767 < width) {
1462
1463                if (jQuery(window).scrollTop() > 0) {
1464
1465                    jQuery("img.iconsearch").attr("src",
1466                        "https://plasticcycle-2023.sgp1.digitaloceanspaces.com/magnifying-glass-inner.webp");
1467                    jQuery(".main-logo>a>img").attr("src",
1468                        "https://plasticcycle-2023.sgp1.digitaloceanspaces.com/pc-logo-top-new-1.webp");
1469                    jQuery(".main-logo>a>img").css("maxWidth", "250px");
1470
1471                } else {
1472                    jQuery("img.iconsearch").attr("src",
1473                        "https://plasticcycle-2023.sgp1.digitaloceanspaces.com/magnifying-glass-inner.webp");
1474                    jQuery(".main-logo>a>img").attr("src",
1475                        "https://plasticcycle-2023.sgp1.digitaloceanspaces.com/logo-top-v3-new-1.webp");
1476                    jQuery(".main-logo>a>img").css("maxWidth", "100%");
1477
1478                }
1479
1480            } else {
1481
1482                if (jQuery(window).scrollTop() > 0) {
1483
1484                    jQuery("img.iconsearch").attr("src",
1485                        "https://plasticcycle-2023.sgp1.digitaloceanspaces.com/magnifying-glass-inner.webp");
1486                    jQuery(".main-logo>a>img").attr("src",
1487                        "https://plasticcycle-2023.sgp1.digitaloceanspaces.com/pc-logo-top-new-1.webp");
1488                    jQuery(".main-logo>a>img").css("maxWidth", "250px");
1489
1490                } else {
1491                    jQuery("img.iconsearch").attr("src",
1492                        "https://plasticcycle-2023.sgp1.digitaloceanspaces.com/magnifying-glass-inner.webp");
1493                    jQuery(".main-logo>a>img").attr("src",
1494                        "https://plasticcycle-2023.sgp1.digitaloceanspaces.com/pc-logo-top-new-1.webp");
1495                    jQuery(".main-logo>a>img").css("maxWidth", "100%");
1496
1497                }
1498
1499            }
1500        });</script>
1500
1501
1502    
1502<script>
1503        jQuery(window).scroll(function () {
1504            var scrollTop = jQuery(window).scrollTop();
1505            var width = jQuery(window).width();
1506
1507            if (width <= 991) {
1508
1509                jQuery('.top-nav-section').css({ "background-color": "#88c045" });
1510                jQuery('.bar1, .bar2, .bar3').css("background-color", "#ffffff");
1511
1512                jQuery('.nav-sinhala>a').css("color", "#ffffff");
1513                jQuery('.nav-tamil>a').css("color", "#ffffff");
1514
1515                jQuery("img.iconsearch").attr("src", "https://plasticcycle-2023.sgp1.digitaloceanspaces.com/magnifying-glass.webp");
1516                jQuery(".main-logo>a>img").attr("src", "https://plasticcycle-2023.sgp1.digitaloceanspaces.com/logo-top-v3-new-1.webp");
1517                jQuery(".main-logo>a>img").css({ "maxWidth": "100%", "filter": "brightness(0) invert(1)" });
1518
1519                jQuery('.nav-inster, .nav-fb').css("display", "none");
1520            }
1521            else {
1522                jQuery(".main-logo>a>img").css("filter", "none");
1523
1524                if (scrollTop > 0) {
1525                    jQuery('.bar1').css("background-color", "#ffffff");
1526                    jQuery('.bar2').css("background-color", "#ffffff");
1527                    jQuery('.bar3').css("background-color", "#ffffff");
1528                    jQuery('.nav-inster').css("background-color", "rgb(81 125 150 / 0%)");
1529                    jQuery('.nav-fb').css("background-color", "rgb(81 125 150 / 0%)");
1530
1531                    jQuery('.nav-sinhala>a').css("color", "#ffffff");
1532                    jQuery('.nav-tamil>a').css("color", "#ffffff");
1533
1534                    jQuery('.top-nav-section').css({ "background-color": "#517d96", "height": "84px" });
1535                    jQuery("img.iconsearch").attr("src", "https://plasticcycle-2023.sgp1.digitaloceanspaces.com/magnifying-glass-inner.webp");
1536                    jQuery(".main-logo>a>img").attr("src", "https://plasticcycle-2023.sgp1.digitaloceanspaces.com/pc-logo-top-new-1.webp");
1537                    jQuery(".main-logo>a>img").css("maxWidth", "250px");
1538                    jQuery('.nav-inster, .nav-fb').css("display", "none");
1539
1540                } else {
1541                    jQuery('.bar1').css("background-color", "#517d96");
1542                    jQuery('.bar2').css("background-color", "#517d96");
1543                    jQuery('.bar3').css("background-color", "#517d96");
1544                    jQuery('.nav-inster').css("background-color", "rgb(81 125 150 / 0%)");
1545                    jQuery('.nav-fb').css("background-color", "rgb(81 125 150 / 0%)");
1546
1547                    jQuery('.nav-sinhala>a').css("color", "#517d96");
1548                    jQuery('.nav-tamil>a').css("color", "#517d96");
1549
1550                    jQuery('.top-nav-section').css("background-color", "rgb(81 125 150 / 0%)");
1551                    jQuery('.top-nav-section').css("height", "84px");
1552                    jQuery("img.iconsearch").attr("src", "https://plasticcycle-2023.sgp1.digitaloceanspaces.com/magnifying-glass-inner.webp");
1553                    jQuery(".main-logo>a>img").attr("src", "https://plasticcycle-2023.sgp1.digitaloceanspaces.com/logo-top-v3-new-1.webp");
1554                    jQuery(".main-logo>a>img").css("maxWidth", "100%");
1555                    jQuery('.nav-inster').css("display", "block");
1556                    jQuery('.nav-fb').css("display", "block");
1557                }
1558            }
1559        });
1560
1561        jQuery(document).ready(function () {
1562            jQuery(window).trigger('scroll');
1563        });
1564    </script>
1564
1565
1566    
1566<script>
1567        var aud1 = document.getElementById("bgvid1");
1568        var aud2 = document.getElementById("bgvid2");
1569        var aud3 = document.getElementById("bgvid3");
1570        var aud4 = document.getElementById("bgvid4");
1571        var aud5 = document.getElementById("bgvid5");
1572        var CTA = document.getElementById("CTA-Button");
1573
1574        document.getElementById("vda").addEventListener("click", myFunctionas);
1575        document.getElementById("vdb").addEventListener("click", myFunctionbs);
1576        document.getElementById("vdc").addEventListener("click", myFunctioncs);
1577        document.getElementById("vdd").addEventListener("click", myFunctionds);
1578        document.getElementById("vde").addEventListener("click", myFunctiones);
1579
1580        document.getElementById("snaoff").addEventListener("click", myFunctionasna);
1581        document.getElementById("snboff").addEventListener("click", myFunctionbsnb);
1582        document.getElementById("sncoff").addEventListener("click", myFunctioncsnc);
1583        document.getElementById("sndoff").addEventListener("click", myFunctiondsnd);
1584        document.getElementById("sneoff").addEventListener("click", myFunctiondsne);
1585
1586        document.getElementById("snaon").addEventListener("click", myFunctionasnaf);
1587        document.getElementById("snbon").addEventListener("click", myFunctionbsnbf);
1588        document.getElementById("sncon").addEventListener("click", myFunctioncsncf);
1589        document.getElementById("sndon").addEventListener("click", myFunctiondsndf);
1590        document.getElementById("sneon").addEventListener("click", myFunctiondsnef);
1591
1592        function myFunctionas() {
1593            aud1.style.display = "block";
1594            CTA.style.display = "block";
1595            aud2.style.display = "none";
1596            aud3.style.display = "none";
1597            aud4.style.display = "none";
1598            aud5.style.display = "none";
1599
1600            aud1.play();
1601
1602            document.getElementById("vda").style.background = "rgb(105 184 42 / 60%)";
1603            document.getElementById("vdb").style.background = "rgb(0 0 0 / 12%)";
1604            document.getElementById("vdc").style.background = "rgb(0 0 0 / 12%)";
1605            document.getElementById("vdd").style.background = "rgb(0 0 0 / 12%)";
1606            document.getElementById("vde").style.background = "rgb(0 0 0 / 12%)";
1607
1608            document.getElementById("sound-block-a").style.display = "block";
1609            document.getElementById("sound-block-b").style.display = "none";
1610            document.getElementById("sound-block-c").style.display = "none";
1611            document.getElementById("sound-block-d").style.display = "none";
1612            document.getElementById("sound-block-e").style.display = "none";
1613
1614            document.getElementById("snaon").style.display = "none";
1615            document.getElementById("snbon").style.display = "block";
1616
1617            myFunctionasna();
1618
1619            aud2.pause();
1620            aud3.pause();
1621            aud4.pause();
1622            aud5.pause();
1623        }
1624
1625        function myFunctionbs() {
1626            aud2.style.display = "block";
1627            aud1.style.display = "none";
1628            aud3.style.display = "none";
1629            aud4.style.display = "none";
1630            aud5.style.display = "none";
1631            CTA.style.display = "none";
1632
1633            aud2.play();
1634
1635            document.getElementById("vdb").style.background = "rgb(105 184 42 / 60%)";
1636            document.getElementById("vda").style.background = "rgb(0 0 0 / 12%)";
1637            document.getElementById("vdc").style.background = "rgb(0 0 0 / 12%)";
1638            document.getElementById("vdd").style.background = "rgb(0 0 0 / 12%)";
1639            document.getElementById("vde").style.background = "rgb(0 0 0 / 12%)";
1640
1641            document.getElementById("sound-block-b").style.display = "block";
1642            document.getElementById("sound-block-a").style.display = "none";
1643            document.getElementById("sound-block-c").style.display = "none";
1644            document.getElementById("sound-block-d").style.display = "none";
1645            document.getElementById("sound-block-e").style.display = "none";
1646
1647            document.getElementById("snbon").style.display = "none";
1648            document.getElementById("snboff").style.display = "block";
1649
1650            myFunctionbsnb();
1651
1652            aud1.pause();
1653            aud3.pause();
1654            aud4.pause();
1655            aud5.pause();
1656        }
1657
1658        function myFunctioncs() {
1659            aud3.style.display = "block";
1660            aud1.style.display = "none";
1661            aud2.style.display = "none";
1662            aud4.style.display = "none";
1663            aud5.style.display = "none";
1664            CTA.style.display = "none";
1665
1666            aud3.play();
1667
1668            document.getElementById("vdc").style.background = "rgb(105 184 42 / 60%)";
1669            document.getElementById("vda").style.background = "rgb(0 0 0 / 12%)";
1670            document.getElementById("vdb").style.background = "rgb(0 0 0 / 12%)";
1671            document.getElementById("vdd").style.background = "rgb(0 0 0 / 12%)";
1672            document.getElementById("vde").style.background = "rgb(0 0 0 / 12%)";
1673
1674            document.getElementById("sound-block-c").style.display = "block";
1675            document.getElementById("sound-block-a").style.display = "none";
1676            document.getElementById("sound-block-b").style.display = "none";
1677            document.getElementById("sound-block-d").style.display = "none";
1678            document.getElementById("sound-block-e").style.display = "none";
1679
1680            document.getElementById("sncon").style.display = "none";
1681            document.getElementById("sncoff").style.display = "block";
1682
1683            myFunctioncsnc();
1684
1685            aud1.pause();
1686            aud2.pause();
1687            aud4.pause();
1688            aud5.pause();
1689        }
1690
1691        function myFunctionds() {
1692            aud4.style.display = "block";
1693            aud1.style.display = "none";
1694            aud2.style.display = "none";
1695            aud3.style.display = "none";
1696            aud5.style.display = "none";
1697            CTA.style.display = "none";
1698
1699            aud4.play();
1700
1701            document.getElementById("vdd").style.background = "rgb(105 184 42 / 60%)";
1702            document.getElementById("vda").style.background = "rgb(0 0 0 / 12%)";
1703            document.getElementById("vdb").style.background = "rgb(0 0 0 / 12%)";
1704            document.getElementById("vdc").style.background = "rgb(0 0 0 / 12%)";
1705            document.getElementById("vde").style.background = "rgb(0 0 0 / 12%)";
1706
1707            document.getElementById("sound-block-d").style.display = "block";
1708            document.getElementById("sound-block-a").style.display = "none";
1709            document.getElementById("sound-block-b").style.display = "none";
1710            document.getElementById("sound-block-c").style.display = "none";
1711            document.getElementById("sound-block-e").style.display = "none";
1712
1713            document.getElementById("sndon").style.display = "none";
1714            document.getElementById("sndoff").style.display = "block";
1715
1716            myFunctiondsnd();
1717
1718            aud1.pause();
1719            aud2.pause();
1720            aud3.pause();
1721            aud5.pause();
1722        }
1723
1724        function myFunctiones() {
1725            aud5.style.display = "block";
1726            aud1.style.display = "none";
1727            aud2.style.display = "none";
1728            aud3.style.display = "none";
1729            aud4.style.display = "none";
1730            CTA.style.display = "none";
1731
1732            aud5.play();
1733
1734            document.getElementById("vde").style.background = "rgb(105 184 42 / 60%)";
1735            document.getElementById("vda").style.background = "rgb(0 0 0 / 12%)";
1736            document.getElementById("vdb").style.background = "rgb(0 0 0 / 12%)";
1737            document.getElementById("vdc").style.background = "rgb(0 0 0 / 12%)";
1738            document.getElementById("vdd").style.background = "rgb(0 0 0 / 12%)";
1739
1740            document.getElementById("sound-block-e").style.display = "block";
1741            document.getElementById("sound-block-a").style.display = "none";
1742            document.getElementById("sound-block-b").style.display = "none";
1743            document.getElementById("sound-block-c").style.display = "none";
1744            document.getElementById("sound-block-d").style.display = "none";
1745
1746            document.getElementById("sneon").style.display = "none";
1747            document.getElementById("sneoff").style.display = "block";
1748
1749            myFunctiondsne();
1750
1751            aud1.pause();
1752            aud2.pause();
1753            aud3.pause();
1754            aud4.pause();
1755        }
1756
1757
1758        function myFunctionasna() {
1759            aud1.muted = false;
1760            document.getElementById("snaon").style.display = "block";
1761            document.getElementById("snaoff").style.display = "none";
1762        }
1763
1764        function myFunctionbsnb() {
1765            aud2.muted = false;
1766            document.getElementById("snbon").style.display = "block";
1767            document.getElementById("snboff").style.display = "none";
1768        }
1769
1770        function myFunctioncsnc() {
1771            aud3.muted = false;
1772            document.getElementById("sncon").style.display = "block";
1773            document.getElementById("sncoff").style.display = "none";
1774        }
1775
1776        function myFunctiondsnd() {
1777            aud4.muted = false;
1778            document.getElementById("sndon").style.display = "block";
1779            document.getElementById("sndoff").style.display = "none";
1780        }
1781
1782        function myFunctiondsne() {
1783            aud5.muted = false;
1784            document.getElementById("sneon").style.display = "block";
1785            document.getElementById("sneoff").style.display = "none";
1786        }
1787
1788
1789        function myFunctionasnaf() {
1790            aud1.muted = true;
1791            document.getElementById("snaon").style.display = "none";
1792            document.getElementById("snaoff").style.display = "block";
1793        }
1794
1795        function myFunctionbsnbf() {
1796            aud2.muted = true;
1797            document.getElementById("snbon").style.display = "none";
1798            document.getElementById("snboff").style.display = "block";
1799        }
1800
1801        function myFunctioncsncf() {
1802            aud3.muted = true;
1803            document.getElementById("sncon").style.display = "none";
1804            document.getElementById("sncoff").style.display = "block";
1805        }
1806
1807        function myFunctiondsndf() {
1808            aud4.muted = true;
1809            document.getElementById("sndon").style.display = "none";
1810            document.getElementById("sndoff").style.display = "block";
1811        }
1812
1813        function myFunctiondsnef() {
1814            aud5.muted = true;
1815            document.getElementById("sneon").style.display = "none";
1816            document.getElementById("sneoff").style.display = "block";
1817        }
1818
1819        function enableMute() {
1820            vid.muted = true;
1821        }
1822
1823        function disableMute() {
1824            vid.muted = false;
1825        }
1826
1827        aud1.style.display = "block";
1828        aud2.style.display = "none";
1829        aud3.style.display = "none";
1830        aud4.style.display = "none";
1831        aud5.style.display = "none";
1832        CTA.style.display = "block";
1833
1834        aud1.play();
1835        aud2.pause();
1836        aud3.pause();
1837        aud4.pause();
1838        aud5.pause();
1839
1840        document.getElementById("vda").style.background = "rgb(105 184 42 / 60%)";
1841        document.getElementById("vdb").style.background = "rgb(0 0 0 / 12%)";
1842        document.getElementById("vdc").style.background = "rgb(0 0 0 / 12%)";
1843        document.getElementById("vdd").style.background = "rgb(0 0 0 / 12%)";
1844        document.getElementById("vde").style.background = "rgb(0 0 0 / 12%)";
1845
1846        document.getElementById("sound-block-a").style.display = "block";
1847        document.getElementById("sound-block-b").style.display = "none";
1848        document.getElementById("sound-block-c").style.display = "none";
1849        document.getElementById("sound-block-d").style.display = "none";
1850        document.getElementById("sound-block-e").style.display = "none";
1851
1852        document.getElementById("snaon").style.display = "none";
1853        document.getElementById("snaoff").style.display = "block";
1854
1855        aud1.onended = function () {
1856
1857            document.getElementById("vdb").style.background = "rgb(105 184 42 / 60%)";
1858            document.getElementById("vda").style.background = "rgb(0 0 0 / 12%)";
1859            document.getElementById("vdc").style.background = "rgb(0 0 0 / 12%)";
1860            document.getElementById("vdd").style.background = "rgb(0 0 0 / 12%)";
1861            document.getElementById("vde").style.background = "rgb(0 0 0 / 12%)";
1862
1863            document.getElementById("sound-block-b").style.display = "block";
1864            document.getElementById("sound-block-a").style.display = "none";
1865            document.getElementById("sound-block-c").style.display = "none";
1866            document.getElementById("sound-block-d").style.display = "none";
1867            document.getElementById("sound-block-e").style.display = "none";
1868
1869            document.getElementById("snbon").style.display = "none";
1870            document.getElementById("snboff").style.display = "block";
1871
1872            myFunctionbsnbf();
1873
1874            aud2.style.display = "block";
1875            aud1.style.display = "none";
1876            aud3.style.display = "none";
1877            aud4.style.display = "none";
1878            aud5.style.display = "none";
1879            CTA.style.display = "none";
1880            aud2.play();
1881            aud1.pause();
1882            aud3.pause();
1883            aud4.pause();
1884            aud5.pause();
1885
1886            aud1.src == "";
1887            aud3.src == "";
1888            aud4.src == "";
1889            aud5.src == "";
1890        };
1891
1892        aud2.onended = function () {
1893            document.getElementById("vdc").style.background = "rgb(105 184 42 / 60%)";
1894            document.getElementById("vda").style.background = "rgb(0 0 0 / 12%)";
1895            document.getElementById("vdb").style.background = "rgb(0 0 0 / 12%)";
1896            document.getElementById("vdd").style.background = "rgb(0 0 0 / 12%)";
1897            document.getElementById("vde").style.background = "rgb(0 0 0 / 12%)";
1898
1899            document.getElementById("sound-block-c").style.display = "block";
1900            document.getElementById("sound-block-a").style.display = "none";
1901            document.getElementById("sound-block-b").style.display = "none";
1902            document.getElementById("sound-block-d").style.display = "none";
1903            document.getElementById("sound-block-e").style.display = "none";
1904
1905            document.getElementById("sncon").style.display = "none";
1906            document.getElementById("sncoff").style.display = "block";
1907
1908            myFunctioncsncf();
1909
1910            aud3.style.display = "block";
1911            aud2.style.display = "none";
1912            aud1.style.display = "none";
1913            aud4.style.display = "none";
1914            aud5.style.display = "none";
1915            CTA.style.display = "none";
1916            aud3.play();
1917            aud2.pause();
1918            aud1.pause();
1919            aud4.pause();
1920            aud5.pause();
1921
1922            aud1.src == "";
1923            aud2.src == "";
1924            aud4.src == "";
1925            aud5.src == "";
1926        };
1927
1928        aud3.onended = function () {
1929
1930            document.getElementById("vdd").style.background = "rgb(105 184 42 / 60%)";
1931            document.getElementById("vda").style.background = "rgb(0 0 0 / 12%)";
1932            document.getElementById("vdb").style.background = "rgb(0 0 0 / 12%)";
1933            document.getElementById("vdc").style.background = "rgb(0 0 0 / 12%)";
1934            document.getElementById("vde").style.background = "rgb(0 0 0 / 12%)";
1935
1936            document.getElementById("sound-block-d").style.display = "block";
1937            document.getElementById("sound-block-a").style.display = "none";
1938            document.getElementById("sound-block-b").style.display = "none";
1939            document.getElementById("sound-block-c").style.display = "none";
1940            document.getElementById("sound-block-e").style.display = "none";
1941
1942            document.getElementById("snaon").style.display = "none";
1943            document.getElementById("snaoff").style.display = "block";
1944
1945            myFunctiondsndf();
1946
1947            aud4.style.display = "block";
1948            aud1.style.display = "none";
1949            aud2.style.display = "none";
1950            aud3.style.display = "none";
1951            aud5.style.display = "none";
1952            CTA.style.display = "none";
1953            aud4.play();
1954            aud1.pause();
1955            aud2.pause();
1956            aud3.pause();
1957            aud5.pause();
1958
1959            aud1.src == "";
1960            aud2.src == "";
1961            aud3.src == "";
1962            aud5.src == "";
1963
1964        };
1965
1966        aud4.onended = function () {
1967            document.getElementById("vde").style.background = "rgb(105 184 42 / 60%)";
1968            document.getElementById("vdb").style.background = "rgb(0 0 0 / 12%)";
1969            document.getElementById("vdc").style.background = "rgb(0 0 0 / 12%)";
1970            document.getElementById("vdd").style.background = "rgb(0 0 0 / 12%)";
1971            document.getElementById("vda").style.background = "rgb(0 0 0 / 12%)";
1972
1973            document.getElementById("sound-block-e").style.display = "block";
1974            document.getElementById("sound-block-b").style.display = "none";
1975            document.getElementById("sound-block-c").style.display = "none";
1976            document.getElementById("sound-block-d").style.display = "none";
1977            document.getElementById("sound-block-a").style.display = "none";
1978
1979            document.getElementById("snaon").style.display = "none";
1980            document.getElementById("snaoff").style.display = "block";
1981
1982            myFunctionasnaf();
1983
1984            aud5.style.display = "block";
1985            aud2.style.display = "none";
1986            aud3.style.display = "none";
1987            aud4.style.display = "none";
1988            aud1.style.display = "none";
1989            CTA.style.display = "none";
1990            aud5.play();
1991            aud2.pause();
1992            aud3.pause();
1993            aud4.pause();
1994            aud1.pause();
1995
1996            aud2.src == "";
1997            aud3.src == "";
1998            aud4.src == "";
1999            aud1.src == "";
2000
2001        };
2002
2003        aud5.onended = function () {
2004
2005            document.getElementById("vda").style.background = "rgb(105 184 42 / 60%)";
2006            document.getElementById("vdb").style.background = "rgb(0 0 0 / 12%)";
2007            document.getElementById("vdc").style.background = "rgb(0 0 0 / 12%)";
2008            document.getElementById("vdd").style.background = "rgb(0 0 0 / 12%)";
2009            document.getElementById("vde").style.background = "rgb(0 0 0 / 12%)";
2010
2011            document.getElementById("sound-block-a").style.display = "block";
2012            document.getElementById("sound-block-b").style.display = "none";
2013            document.getElementById("sound-block-c").style.display = "none";
2014            document.getElementById("sound-block-d").style.display = "none";
2015            document.getElementById("sound-block-e").style.display = "none";
2016
2017            document.getElementById("snaon").style.display = "none";
2018            document.getElementById("snaoff").style.display = "block";
2019
2020            myFunctionasnaf();
2021
2022            aud1.style.display = "block";
2023            aud2.style.display = "none";
2024            aud3.style.display = "none";
2025            aud4.style.display = "none";
2026            aud5.style.display = "none";
2027            CTA.style.display = "none";
2028            aud1.play();
2029            aud2.pause();
2030            aud3.pause();
2031            aud4.pause();
2032            aud5.pause();
2033
2034            aud2.src == "";
2035            aud3.src == "";
2036            aud4.src == "";
2037            aud5.src == "";
2038        };
2039
2040        var pg1 = document.getElementById("paga");
2041        var pg2 = document.getElementById("pagb");
2042        var pg3 = document.getElementById("pagc");
2043        var pg4 = document.getElementById("pagd");
2044        var pg5 = document.getElementById("page");
2045
2046        document.getElementById("paga").addEventListener("click", myFunctionp
2046a);
2047        document.getElementById("pagb").addEventListener("click", myFunctionpb);
2048        document.getElementById("pagc").addEventListener("click", myFunctionpc);
2049        document.getElementById("pagd").addEventListener("click", myFunctionpd);
2050        document.getElementById("page").addEventListener("click", myFunctionpe);
2051
2052
2053        function myFunctionpa() {
2054            document.getElementById("paga").style.background = "rgb(210 212 211)";
2055            document.getElementById("pagb").style.background = "rgb(136 190 68)";
2056            document.getElementById("pagc").style.background = "rgb(136 190 68)";
2057            document.getElementById("pagd").style.background = "rgb(136 190 68)";
2058            document.getElementById("page").style.background = "rgb(136 190 68)";
2059            $('#carouselExampleIndicators2').carousel('pause');
2060        }
2061
2062        function myFunctionpb() {
2063            document.getElementById("pagb").style.background = "rgb(210 212 211)";
2064            document.getElementById("paga").style.background = "rgb(136 190 68)";
2065            document.getElementById("pagc").style.background = "rgb(136 190 68)";
2066            document.getElementById("pagd").style.background = "rgb(136 190 68)";
2067            document.getElementById("page").style.background = "rgb(136 190 68)";
2068            $('#carouselExampleIndicators2').carousel('pause');
2069        }
2070
2071        function myFunctionpc() {
2072            document.getElementById("pagc").style.background = "rgb(210 212 211)";
2073            document.getElementById("pagb").style.background = "rgb(136 190 68)";
2074            document.getElementById("paga").style.background = "rgb(136 190 68)";
2075            document.getElementById("pagd").style.background = "rgb(136 190 68)";
2076            document.getElementById("page").style.background = "rgb(136 190 68)";
2077            $('#carouselExampleIndicators2').carousel('pause');
2078        }
2079
2080        function myFunctionpd() {
2081            document.getElementById("pagd").style.background = "rgb(210 212 211)";
2082            document.getElementById("pagb").style.background = "rgb(136 190 68)";
2083            document.getElementById("pagc").style.background = "rgb(136 190 68)";
2084            document.getElementById("paga").style.background = "rgb(136 190 68)";
2085            document.getElementById("page").style.background = "rgb(136 190 68)";
2086            $('#carouselExampleIndicators2').carousel('pause');
2087        }
2088
2089        function myFunctionpe() {
2090            document.getElementById("page").style.background = "rgb(210 212 211)";
2091            document.getElementById("pagb").style.background = "rgb(136 190 68)";
2092            document.getElementById("pagc").style.background = "rgb(136 190 68)";
2093            document.getElementById("pagd").style.background = "rgb(136 190 68)";
2094            document.getElementById("paga").style.background = "rgb(136 190 68)";
2095            $('#carouselExampleIndicators2').carousel('pause');
2096        }
2097
2098        document.getElementById("pagf").addEventListener("click", myFunctionpf);
2099        document.getElementById("pagg").addEventListener("click", myFunctionpg);
2100        document.getElementById("pagh").addEventListener("click", myFunctionph);
2101        document.getElementById("pagi").addEventListener("click", myFunctionpi);
2102        document.getElementById("pagj").addEventListener("click", myFunctionpj);
2103
2104        function myFunctionpf() {
2105            document.getElementById("pagf").style.background = "rgb(210 212 211)";
2106            document.getElementById("pagg").style.background = "rgb(136 190 68)";
2107            document.getElementById("pagh").style.background = "rgb(136 190 68)";
2108            document.getElementById("pagi").style.background = "rgb(136 190 68)";
2109            document.getElementById("pagj").style.background = "rgb(136 190 68)";
2110            $('#carouselExampleIndicators5').carousel('pause');
2111        }
2112
2113        function myFunctionpg() {
2114            document.getElementById("pagg").style.background = "rgb(210 212 211)";
2115            document.getElementById("pagf").style.background = "rgb(136 190 68)";
2116            document.getElementById("pagh").style.background = "rgb(136 190 68)";
2117            document.getElementById("pagi").style.background = "rgb(136 190 68)";
2118            document.getElementById("pagj").style.background = "rgb(136 190 68)";
2119            $('#carouselExampleIndicators5').carousel('pause');
2120        }
2121
2122        function myFunctionph() {
2123            document.getElementById("pagh").style.background = "rgb(210 212 211)";
2124            document.getElementById("pagg").style.background = "rgb(136 190 68)";
2125            document.getElementById("pagf").style.background = "rgb(136 190 68)";
2126            document.getElementById("pagi").style.background = "rgb(136 190 68)";
2127            document.getElementById("pagj").style.background = "rgb(136 190 68)";
2128            $('#carouselExampleIndicators5').carousel('pause');
2129        }
2130
2131        function myFunctionpi() {
2132            document.getElementById("pagi").style.background = "rgb(210 212 211)";
2133            document.getElementById("pagf").style.background = "rgb(136 190 68)";
2134            document.getElementById("pagg").style.background = "rgb(136 190 68)";
2135            document.getElementById("pagh").style.background = "rgb(136 190 68)";
2136            document.getElementById("pagj").style.background = "rgb(136 190 68)";
2137            $('#carouselExampleIndicators5').carousel('pause');
2138        }
2139
2140        function myFunctionpj() {
2141            document.getElementById("pagj").style.background = "rgb(210 212 211)";
2142            document.getElementById("pagf").style.background = "rgb(136 190 68)";
2143            document.getElementById("pagg").style.background = "rgb(136 190 68)";
2144            document.getElementById("pagg").style.background = "rgb(136 190 68)";
2145            document.getElementById("pagi").style.background = "rgb(136 190 68)";
2146            $('#carouselExampleIndicators5').carousel('pause');
2147        }
2148    </script>
2148
2149
2150
2151
2152    
2152<script>
2153        window.addEventListener('scroll', function () {
2154            var navbar = document.getElementById("navbar");
2155            var searchIcon = document.querySelector(".iconsearch");
2156            var sinhalaLink = document.querySelector(".nav-sinhala a");
2157            var tamilLink = document.querySelector(".nav-tamil a");
2158
2159            var hamburger = document.querySelector(".navbar-toggler") ||
2160                document.querySelector(".navbar-toggler-icon") ||
2161                document.querySelector(".fa-bars") ||
2162                document.querySelector(".hamburger-menu");
2163
2164            if (window.scrollY > 50) {
2165                if (navbar) navbar.style.setProperty("background-color", "rgb(136, 192, 69)", "important");
2166
2167                if (searchIcon) {
2168                    searchIcon.src = "https://plasticcycle-2023.sgp1.digitaloceanspaces.com/magnifying-glass.webp";
2169                    searchIcon.setAttribute("data-src", "https://plasticcycle-2023.sgp1.digitaloceanspaces.com/magnifying-glass.webp");
2170                }
2171
2172                if (sinhalaLink) sinhalaLink.style.setProperty("color", "#ffffff", "important");
2173                if (tamilLink) tamilLink.style.setProperty("color", "#ffffff", "important");
2174
2175                if (hamburger) {
2176                    hamburger.style.setProperty("color", "#ffffff", "important");
2177                    hamburger.style.setProperty("border-color", "#ffffff", "important");
2178                    hamburger.style.setProperty("filter", "brightness(0) invert(1)", "important"); // SVG/Image එකක් නම් සුදු කිරීමට
2179                }
2180            }
2181
2182            else {
2183                if (navbar) navbar.style.setProperty("background-color", "transparent", "");
2184
2185                if (searchIcon) {
2186                    searchIcon.src = "https://plasticcycle-2023.sgp1.digitaloceanspaces.com/magnifying-glass-inner.webp";
2187                    searchIcon.setAttribute("data-src", "https://plasticcycle-2023.sgp1.digitaloceanspaces.com/magnifying-glass-inner.webp");
2188                }
2189
2190                if (sinhalaLink) sinhalaLink.style.setProperty("color", "#517d96", "important");
2191                if (tamilLink) tamilLink.style.setProperty("color", "#517d96", "important");
2192
2193                if (hamburger) {
2194                    hamburger.style.setProperty("color", "#517d96", "important");
2195                    hamburger.style.setProperty("border-color", "#517d96", "important");
2196                    hamburger.style.setProperty("filter", "none", "important");
2197                }
2198            }
2199        });
2200    </script>
2200
2201
2202    
2202<script>
2203        function handleNavbarScroll() {
2204            var scrollTop = jQuery(window).scrollTop();
2205            var width = jQuery(window).width();
2206            var body = jQuery('body');
2207
2208            if (width <= 767) {
2209                body.addClass('is-mobile').removeClass('is-desktop-scrolled is-desktop-top');
2210            } else {
2211                body.removeClass('is-mobile');
2212
2213                if (scrollTop > 0) {
2214                    body.addClass('is-desktop-scrolled').removeClass('is-desktop-top');
2215
2216                    if (jQuery(".main-logo>a>img").attr("src") !== "https://plasticcycle-2023.sgp1.digitaloceanspaces.com/pc-logo-top-new-1.webp") {
2217                        jQuery(".main-logo>a>img").attr("src", "https://plasticcycle-2023.sgp1.digitaloceanspaces.com/pc-logo-top-new-1.webp");
2218                    }
2219                } else {
2220                    body.addClass('is-desktop-top').removeClass('is-desktop-scrolled');
2221
2222                    if (jQuery(".main-logo>a>img").attr("src") !== "https://plasticcycle-2023.sgp1.digitaloceanspaces.com/logo-top-v3-new-1.webp") {
2223                        jQuery(".main-logo>a>img").attr("src", "https://plasticcycle-2023.sgp1.digitaloceanspaces.com/logo-top-v3-new-1.webp");
2224                    }
2225                }
2226            }
2227        }
2228
2229
2230        jQuery(window).on('scroll resize', handleNavbarScroll);
2231        jQuery(document).ready(handleNavbarScroll);
2232    </script>
2232
2233
2234    
2234<script>
2235        jQuery(document).ready(function () {
2236            var currentUrl = window.location.href;
2237
2238            var bannerTitleElement = jQuery('.about-banner h1');
2239
2240            if (currentUrl.indexOf('/si/') > -1 || currentUrl.indexOf('lang=si') > -1) {
2241                bannerTitleElement.text('අප පිළිබඳව');
2242            }
2243            else if (currentUrl.indexOf('/ta/') > -1 || currentUrl.indexOf('lang=ta') > -1) {
2244                bannerTitleElement.text('எங்களைப் பற்றி');
2245            }
2246            else {
2247                bannerTitleElement.text('About Us');
2248            }
2249        });
2250    </script>
2250
2251
2252    
2252<script>
2253        window.addEventListener("load", function () {
2254            if (window.cookieconsent) {
2255                window.cookieconsent.initialise({
2256                    palette: {
2257                        popup: { background: "#ffffff" },
2258                        button: { background: "transparent", text: "#f1d600", border: "#f1d600" },
2259                    },
2260                    position: "bottom-right",
2261                    type: "opt-out",
2262                    content: { href: "/privacy-policy" },
2263                });
2264            }
2265        });
2266    </script>
2266
2267
2268    <!-- We need to add only this to every page -->
2269    
2269<script src="/wp-content/themes/jkh-plastic-cycle/assets/js/chatbot-widget.js"></script>
2269
2270
2271    <style>
2272        .Bestweb-Award-Footer,
2273  .Bestweb-logo-Footer {
2274    display: inline-block !important;
2275    margin: 8px 12px !important;
2276    vertical-align: middle !important;
2277    height: 160px !important;
2278    width: 150px !important;
2279  }
2280
2281  #bestweb-badge {
2282    display: inline-block !important;
2283    margin: 8px 12px !important;
2284    vertical-align: middle !important;
2285  }
2286
2287        
2288
2289        /* --- 1. DESKTOP TOP STATE --- */
2290        .is-desktop-top .top-nav-section {
2291            background-color: rgb(81 125 150 / 0%);
2292            height: 84px;
2293        }
2294
2295        .is-desktop-top .bar1,
2296        .is-desktop-top .bar2,
2297        .is-desktop-top .bar3 {
2298            background-color: #517d96;
2299        }
2300
2301        .is-desktop-top .nav-sinhala>a,
2302        .is-desktop-top .nav-tamil>a {
2303            color: #517d96;
2304        }
2305
2306        .is-desktop-top .main-logo>a>img {
2307            max-width: 100%;
2308            filter: none;
2309        }
2310
2311        .is-desktop-top .nav-inster,
2312        .is-desktop-top .nav-fb {
2313            display: block;
2314        }
2315
2316        /* --- 2. DESKTOP SCROLLED STATE --- */
2317        .is-desktop-scrolled .top-nav-section {
2318            background-color: #517d96;
2319            height: 84px;
2320        }
2321
2322        .is-desktop-scrolled .bar1,
2323        .is-desktop-scrolled .bar2,
2324        .is-desktop-scrolled .bar3 {
2325            background-color: #ffffff;
2326        }
2327
2328        .is-desktop-scrolled .nav-sinhala>a,
2329        .is-desktop-scrolled .nav-tamil>a {
2330            color: #ffffff;
2331        }
2332
2333        .is-desktop-scrolled .main-logo>a>img {
2334            max-width: 250px;
2335            filter: none;
2336        }
2337
2338        .is-desktop-scrolled .nav-inster,
2339        .is-desktop-scrolled .nav-fb {
2340            display: none;
2341        }
2342
2343        @media (max-width: 767px) {
2344            
2345
2346            .is-mobile .top-nav-section {
2347                background-color: #88c045;
2348                height: 84px;
2349            }
2350
2351            .is-mobile .bar1,
2352            .is-mobile .bar2,
2353            .is-mobile .bar3 {
2354                background-color: #ffffff;
2355            }
2356
2357            .is-mobile .nav-sinhala>a,
2358            .is-mobile .nav-tamil>a {
2359                color: #ffffff;
2360            }
2361
2362            .is-mobile .main-logo>a>img {
2363                max-width: 100%;
2364                filter: brightness(0) invert(1);
2365            }
2366
2367            .is-mobile .nav-inster,
2368            .is-mobile .nav-fb {
2369                display: none;
2370            }
2371
2372            .is-mobile img.iconsearch {
2373                filter: brightness(0) invert(1);
2374            }
2375
2376            .is-mobile .nav-sinhala,
2377            .is-mobile .nav-tamil {
2378                display: inline-block;
2379                margin: 20px 4px 0px;
2380                vertical-align: middle;
2381            }
2382        }
2383    </style>
2384
2385    <style>
2386        .mobile-lang-header {
2387            display: none;
2388        }
2389
2390        .bar1,
2391        .bar2,
2392        .bar3 {
2393            transition: background-color 0.3s ease, transform 0.4s ease-in-out !important;
2394        }
2395
2396        @media (min-width: 768px) and (max-width: 1024px) {
2397
2398            .top-nav-section {
2399                background-color: #ffffff !important;
2400                height: 84px !important;
2401            }
2402
2403            .main-logo>a>img {
2404                max-width: 220px !important;
2405                filter: none !important;
2406                display: block !important;
2407            }
2408
2409            body:not(.is-desktop-scrolled) .bar1,
2410            body:not(.is-desktop-scrolled) .bar2,
2411            body:not(.is-desktop-scrolled) .bar3 {
2412                background-color: #517d96 !important;
2413            }
2414
2415            .is-desktop-scrolled .bar1,
2416            .is-desktop-scrolled .bar2,
2417            .is-desktop-scrolled .bar3 {
2418                background-color: #ffffff !important;
2419            }
2420        }
2421
2422        /* Mobile responsive styling (max-width: 767px) */
2423        @media (max-width: 767px) {
2424
2425            .desktop-lang {
2426                display: none !important;
2427            }
2428
2429            .mobile-lang-header {
2430                display: flex;
2431                justify-content: center;
2432                align-items: center;
2433                background-color: #517d96;
2434                height: 35px;
2435                width: 100%;
2436                position: fixed;
2437                top: 0;
2438                left: 0;
2439                z-index: 10000;
2440            }
2441
2442            .mobile-lang-header a {
2443                color: #ffffff !important;
2444                font-size: 14px;
2445                text-decoration: none;
2446                padding: 0 10px;
2447            }
2448
2449            .vertical-divider {
2450                width: 1px;
2451                height: 16px;
2452                background-color: #ffffff;
2453                margin: 0 5px;
2454            }
2455
2456            .top-nav-section {
2457                position: fixed !important;
2458                top: 35px !important;
2459                width: 100%;
2460                z-index: 9999;
2461            }
2462        }
2463    </style>
2464    
2465
2466
2467    <link rel="stylesheet" href="/assets/accessibility/accessibility-widget.css">
2468    
2468<script src="/assets/accessibility/accessibility-widget.js"></script>
2468
2469
2470    
2470<script src="https://code.jquery.com/jquery-3.3.1.min.js?ver=3.3.1" defer></script>
2470
2471    
2471<script src="/wp-content/themes/jkh-plastic-cycle/assets/js/cookieconsent.min.js?ver=1.0.0" defer></script>
2471
2472</body>
2473
2474</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.