PageSourceSearch

https://lindungihutan.com/corporatree

html lindungihutan.com collected 2026-10-02 04:09:05 UTC 296,720 bytes, 5,145 lines download raw bytes

1<!DOCTYPE html>
2<html lang="id">
3
4<head>
5
6  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
7  <meta name="viewport" content="width=device-width, initial-scale=1">
8
9  <!--    google signin-->
10  <meta name="google-signin-client_id"
11    content="798842087881-c9r27kn8q3fuvfs0oq3paf5hdeb9tl51.apps.googleusercontent.com">
12  <!--end google signin-->
13
14  <link rel="shortcut icon" href="https://lindungihutan.com/public/img-redesign/logo_lindungihutan.png" type="image/png" />
15
16  <!-- bootstrap -->
17  <link href="https://lindungihutan.com/public/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
18  
19  <link href="https://lindungihutan.com/public/css/font-awesome.min.css" rel="stylesheet" type="text/css">
20
21  <!-- Preconnect agar cepat -->
22  <link rel="preconnect" href="https://fonts.googleapis.com">
23  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
24
25  <!-- font -->
26  <link href="https://fonts.googleapis.com/css?family=PT+Sans" rel="stylesheet">
27
28  <style>
29    .bg-white {
30      background-color: #ffffff !important;
31    }
32  </style>
33
34  <!-- set expire -->
35  <!-- <include expiration=’7d’ path=’*.css’/>
36    <include expiration=’7d’ path=’*.js’/>
37    <include expiration=’3d’ path=’*.gif’/>
38    <include expiration=’3d’ path=’*.jpeg’/>
39    <include expiration=’3d’ path=’*.jpg’/>
40    <include expiration=’3d’ path=’*.png’/>
41    <include expiration=’3d’ path=’*.gif’/> -->
42  <!-- <meta http-equiv=”expires” content=”sat, 02 jun 2019 00:00:00 GMT” /> -->
43  <!-- end set expire -->
44
45  <!-- activity log -->
46  
47  
47<script src="https://cdn.onesignal.com/sdks/OneSignalSDK.js" async="" type="bba5fa218eda8824aac6ff8d-text/javascript"></script>
47
48    
48<script type="bba5fa218eda8824aac6ff8d-text/javascript">
49    window.OneSignal = window.OneSignal || [];
50    OneSignal.push(function() {
51      OneSignal.init({
52        appId: "24c7c1f2-3bbc-465f-b351-93f4e9010612",
53        safari_web_id: "",
54        notifyButton: {
55          enable: true,
56        },
57      });
58    });
59  </script>
59
60    <!-- end activity log -->
61  
62  <!-- Meta Pixel Code -->
63  
63<script type="bba5fa218eda8824aac6ff8d-text/javascript">
vendor: 419 bytes, lines 63-72
63
64    !function(f,b,e,v,n,t,s)
65  {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
66  n.callMethod.apply(n,arguments):n.queue.push(arguments)};
67  if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
68  n.queue=[];t=b.createElement(e);t.async=!0;
69  t.src=v;s=b.getElementsByTagName(e)[0];
70  s.parentNode.insertBefore(t,s)}(window, document,'script',
71  'https://connect.facebook.net/en_US/fbevents.js');
72  fbq('init', '
72768440324469216
vendor: 34 bytes, lines 72-74
72');
73  fbq('track', 'PageView');
74  
74</script>
74
75  <noscript><img height="1" width="1" style="display:none"
76      src="https://www.facebook.com/tr?id=768440324469216&ev=PageView&noscript=1" /></noscript>
77  <!-- End Meta Pixel Code -->
78<title>CorporaTree | Peran Perusahaan Peduli Lingkungan Bersama LindungiHutan Untuk Penghijauan Indonesia</title>
79<link rel="canonical" href="https://lindungihutan.com/corporatree">
80<meta name=”robots” content=”index, follow”>
81<meta name="description" content="Peran Perusahaan Peduli Lingkungan Bersama LindungiHutan Untuk Penghijauan Indonesia">
82
83<script type="application/ld+json">
84    {
85        "@context": "https://schema.org",
86        "@type": "FAQPage",
87        "mainEntity": [
88            {
89                "@type": "Question",
90                "name": "Apa Itu CorporaTree?",
91                "acceptedAnswer": {
92                    "@type": "Answer",
93                    "text": "Corporatree adalah kampanye alam perusahaan peduli lingkungan bersama LindungiHutan. Melalui CorporaTree, kami menawarkan layanan CSR lingkungan dan sosial yang berdampak baik bagi alam, masyarakat sekitar, dan perusahaan itu sendiri."
94                }
95            },
96            {
97                "@type": "Question",
98                "name": "Bagaimana cara LindungiHutan membantu pelaksanaan layanan CSR sosial dan lingkungan oleh perusahaan?",
99                "acceptedAnswer": {
100                    "@type": "Answer",
101                    "text": "Kami memastikan kemudahan perusahaan untuk menjalankan aksi lingkungan yang sukses dan berdampak, karena kami bermitra dengan 40+ kelompok petani bibit konservasi di lapangan, melakukan monitoring penanaman pohon, report pasca penanaman, serta halaman pantau yang bisa perusahaan Anda akses untuk memantau perkembangan. Sederhananya, kami memberikan layanan end to end services!"
102                }
103            },
104            {
105                "@type": "Question",
106                "name": "Apakah proyek LindungiHutan hanya penghijauan saja atau ada proyek di bidang lain?",
107                "acceptedAnswer": {
108                    "@type": "Answer",
109                    "text": "Selain penanaman pohon dan pelestarian lingkungan, LindungiHutan juga memiliki berbagai inisiatif lain program non penanaman seperti, community development, penghitungan jejak karbon, hingga pembuatan infrastruktur penunjang kegiatan sosial, ekonomi, dan pelestaian lingkungan."
110                }
111            },
112            {
113                "@type": "Question",
114                "name": "Kenapa perusahaan harus bekerja sama dengan LindungiHutan?",
115                "acceptedAnswer": {
116                    "@type": "Answer",
117                    "text": "Karena kami mudah, transparan, berdampak positif dan berkelanjutan, serta berpengalaman menanam lebih dari 800 RIBU pohon di 45+ lokasi penanaman yang tersebar di Indonesia."
118                }
119            }
120        ]
121    }
122</script>
vendor: 1 bytes, line 122
122
123<script type="application/ld+json">
124    {
125        "@context": "https://schema.org",
126        "@type": "NGO",
127        "name": "LindungiHutan",
128        "alternateName": "lindungihutan.com",
129        "url": "https://lindungihutan.com/",
130        "logo": "https://lindungihutan.com/public/img-redesign/logo_lindungihutan.png",
131        "contactPoint": {
132            "@type": "ContactPoint",
133            "telephone": "",
134            "contactType": ""
135        },
136        "sameAs": [
137            "https://www.instagram.com/lindungihutan/",
138            "https://www.linkedin.com/company/lindungihutan/?originalSubdomain=id",
139            "https://www.youtube.com/@LindungiHutan/videos"
140        ]
141    }
142</script>
vendor: 1 bytes, line 142
142
143<script type="application/ld+json">
144    {
145        "@context": "https://schema.org/",
146        "@type": "BreadcrumbList",
147        "itemListElement": [
148            {
149                "@type": "ListItem",
150                "position": 1,
151                "name": "Beranda",
152                "item": "https://lindungihutan.com/"
153            },
154            {
155                "@type": "ListItem",
156                "position": 2,
157                "name": "Corporatree",
158                "item": "https://lindungihutan.com/corporatree"
159            }
160        ]
161    }
162</script>
162
163
164<link rel="preconnect" href="https://fonts.googleapis.com">
165<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
166<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap" rel="stylesheet">
167<!-- custom style -->
168<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css" rel="stylesheet" />
169<link href="https://lindungihutan.com/public/css/redesign/style.css?v=1.1.0" rel="stylesheet" type="text/css" />
170<link href="https://lindungihutan.com/public/css/redesign/style-responsive.css" rel="stylesheet" type="text/css" />
171<link href="https://lindungihutan.com/public/js/swiper8/swiper-bundle.min.css" rel="stylesheet" type="text/css" />
172
173<link rel="stylesheet" href="https://lindungihutan.com/public/build-intl-tel-input/css/intlTelInput.css" />
174<link href="https://lindungihutan.com/public/css/microtip.css" rel="stylesheet" type="text/css">
175<link rel="stylesheet" href="https://lindungihutan.com/public/corporatree/assets/styles.css?v=1.0.7" defer>
176<link rel="stylesheet" href="https://lindungihutan.com/public/corporatree/assets/styles-mobile.css?v=1.0.7" defer>
177
178<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" />
179<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/css/select2.min.css" />
180
181<style>
182    @keyframes  bounce {
183
184        0%,
185        20%,
186        50%,
187        80%,
188        100% {
189            transform: translateY(0);
190        }
191
192        40% {
193            transform: translateY(-60px);
194        }
195
196        60% {
197            transform: translateY(-25px);
198        }
199    }
200
201    [data-aos="bounce"] {
202        opacity: 0;
203        transition-property: transform, opacity;
204
205        &.aos-animate {
206            animation: bounce 1s ease 2;
207            opacity: 1;
208        }
209    }
210
211    .wrap-loader {
212        display: none !important;
213        visibility: hidden !important;
214    }
215
216    .alert-profile {
217        display: none !important;
218        visibility: hidden !important;
219    }
220
221    /* * {
222        border: solid 1px red;
223    } */
224
225    .section {
226        overflow-x: hidden;
227    }
228
229
230    .section-hero {
231        padding: 0px 0px 0px 0px;
232        position: relative;
233        margin-bottom: 60px;
234    }
235
236    .section-hero .video-hero {
237        width: 100%;
238        height: auto;
239        aspect-ratio: 16/9;
240        /* Pindah aspect-ratio ke elemen utama */
241        background-color: #d9d9d9;
242        margin-bottom: 15px;
243        display: block;
244        /* Pastikan tidak ada layout issues */
245    }
246
247    .section-hero .wrapper-hero {
248        position: absolute;
249        top: 0;
250        left: 0;
251        right: 0;
252        bottom: 14px;
253        display: flex;
254        justify-content: center;
255        align-items: center;
256        background: var(--Color-Grayscale-opacity-background, rgba(18, 18, 18, 0.6));
257    }
258
259    .section-hero h1 {
260        color: var(--Color-Grayscale-white-background, #fff);
261        text-align: center;
262
263        /* SemiBold/Display/Display */
264        font-family: var(--font-family-title, "Open Sans");
265        font-size: var(--font-size-display, 60px);
266        font-style: normal;
267        font-weight: 600;
268        line-height: var(--font-line-height-display, 90px);
269        /* 150% */
270        margin-bottom: 12px;
271    }
272
273    .section-hero p {
274        color: var(--Color-Grayscale-white-background, #fff);
275
276        /* Regular/Body/Text-xl */
277        font-family: var(--font-family-body, "Open Sans");
278        font-size: var(--font-size-body-xl, 18px);
279        font-style: normal;
280        font-weight: 400;
281        line-height: var(--font-line-height-body-xl, 27px);
282        /* 150% */
283        letter-spacing: 0.3px;
284        margin-inline: auto;
285        max-width: 530px;
286    }
287
288    .wrapper-button-hero {
289        display: flex;
290        gap: 24px;
291        justify-content: center;
292        margin-top: 36px;
293    }
294
295    @media (max-width: 575.9px) {
296        .wrapper-button-hero {
297            display: flex;
298            flex-direction: column;
299            gap: 16px;
300            justify-content: center;
301            margin-top: 36px;
302        }
303
304        .section-hero {
305            width: 100%;
306            height: 700px;
307            padding: 0px 0px 0px 0px;
308            position: relative;
309            margin-bottom: 0px;
310        }
311
312        .section-hero .video-hero {
313            width: 100%;
314            height: 700px;
315            object-fit: cover;
316        }
317
318        .section-hero .wrapper-hero {
319            bottom: 0;
320        }
321
322        .section-hero h1 {
323            color: var(--Color-Grayscale-white-background, #fff);
324            text-align: center;
325
326            /* SemiBold/Display/Display */
327            font-family: var(--font-family-title, "Open Sans");
328            font-size: var(--font-size-display, 28px);
329            font-style: normal;
330            font-weight: 600;
331            line-height: var(--font-line-height-display, 42px);
332            /* 150% */
333            margin-bottom: 12px;
334        }
335
336        .section-hero p {
337            color: var(--Color-Grayscale-white-background, #fff);
338            text-align: center;
339
340            /* Regular/Body/Text-xl */
341            font-family: var(--font-family-body, "Open Sans");
342            font-size: var(--font-size-body-xl, 14px);
343            font-style: normal;
344            font-weight: 400;
345            line-height: var(--font-line-height-body-xl, 21px);
346            /* 150% */
347            letter-spacing: 0.3px;
348            max-width: 530px;
349        }
350    }
351</style>
352
353<link rel="preload" as="image" href="https://lindungihutan.com/public/corporatree/img/webp/poster.webp">
354
355<script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer type="bba5fa218eda8824aac6ff8d-text/javascript"></script>
355
356
357</head>
358
359<body style="background-color: #FFFFFF;">
360    <style>
361  #nav.fix-top {
362    position: fixed !important;
363    top: 48px;
364    width: 100%;
365    z-index: 999;
366    -webkit-transition: all 0.5s ease;
367    -moz-transition: all 0.5s ease;
368    -o-transition: all 0.5s ease;
369    transition: all 0.5s ease;
370  }
371
372  @media (max-width: 575.9px) {
373    #nav.fix-top {
374      position: fixed !important;
375      top: 0px;
376      width: 100%;
377      z-index: 999;
378      -webkit-transition: all 0.5s ease;
379      -moz-transition: all 0.5s ease;
380      -o-transition: all 0.5s ease;
381      transition: all 0.5s ease;
382    }
383  }
384
385  @media (max-width: 1023px) {
386    .container-fluid {
387      padding-left: 15px;
388      padding-right: 15px;
389    }
390  }
391
392  #top-nav-wrapper {
393    margin-bottom: 0 !important;
394  }
395
396  #top-nav-wrapper.fix-top {
397    margin-bottom: unset;
398    position: fixed !important;
399    top: -1px;
400    width: 100%;
401    z-index: 999;
402    -webkit-transition: all 0.5s ease;
403    -moz-transition: all 0.5s ease;
404    -o-transition: all 0.5s ease;
405    transition: all 0.5s ease;
406  }
407
408  .nav.navbar-nav.navbar-right {
409    display: flex;
410    gap: 12px;
411  }
412
413  .new-label {
414    color: var(--Utility-Text-White, #FFF);
415
416    /* Regular/Caption Small */
417    font-family: var(--Font-Family-body, "Open Sans");
418    font-size: var(--Size-font-size-text-caption-small, 10px);
419    font-style: normal;
420    font-weight: var(--Font-Weight-Regular, 424);
421    line-height: var(--Line-Height-font-line-text-caption-small, 16px);
422    /* 160% */
423    letter-spacing: var(--Spacing-font-spacing-text-caption-small, 0.05px);
424
425    padding: 4px 8px;
426    border-radius: var(--Corner-Radius-corner-3xl, 999px);
427    background: var(--Utility-Background-Status-Info, #3B82F6);
428  }
429
430  .nav-new-label {
431    position: absolute;
432    top: -15px;
433    right: -20px;
434  }
435
436  #top-nav {
437    overflow: hidden;
438    position: relative;
439    background: #005E4E;
440    cursor: default;
441  }
442
443  .marquee-wrapper {
444    display: flex;
445    width: fit-content;
446    animation: marquee 45s linear infinite;
447    position: relative;
448    z-index: 10;
449  }
450
451  #top-nav:hover .marquee-wrapper {
452    animation-play-state: paused;
453  }
454
455  #texture-overlay {
456    position: absolute;
457    top: 0;
458    left: 0;
459    width: 400px;
460    height: 400px;
461    pointer-events: none;
462    z-index: 0;
463    mix-blend-mode: screen;
464    opacity: 0;
465    transition: opacity 0.3s ease;
466    will-change: transform;
467  }
468
469  .marquee-content {
470    display: flex;
471    align-items: center;
472    gap: 0px;
473    flex-shrink: 0;
474    white-space: nowrap;
475  }
476
477  .running-gif {
478    height: 30px;
479    width: auto;
480  }
481
482  .navbar-reforestathon {
483    display: flex;
484    align-items: center;
485    gap: 10px;
486    padding: 8px 16px;
487    color: #FFF;
488    font-family: var(--Font-Family-body, "Open Sans");
489    font-size: var(--Size-font-size-text-body-medium, 16px);
490    font-style: normal;
491    font-weight: var(--Font-Weight-Regular, 424);
492    line-height: var(--Line-Height-font-line-text-body-medium, 26px);
493    letter-spacing: var(--Spacing-font-spacing-text-body-medium, 0.02px);
494  }
495
496  @keyframes  marquee {
497    0% {
498      transform: translateX(0);
499    }
500
501    100% {
502      transform: translateX(-50%);
503    }
504  }
505
506  .navbar .btn-cta-reforestathon,
507  .navbar .btn-cta-reforestathon * {
508    color: var(--Utility-Text-White, #FFF);
509
510    /* SemiBold/Text Small */
511    font-family: var(--Font-Family-body, "Open Sans");
512    font-size: var(--Size-font-size-text-body-small, 14px);
513    font-style: normal;
514    font-weight: var(--Font-Weight-SemiBold, 650) !important;
515    line-height: var(--Line-Height-font-line-text-body-small, 22px);
516    /* 157.143% */
517    letter-spacing: var(--Spacing-font-spacing-text-body-small, 0.02px);
518  }
519
520  .btn-cta-reforestathon {
521    background: transparent;
522    border-radius: var(--Corner-Radius-corner-sm, 6px);
523    border: 1px solid #fff;
524    display: flex;
525    align-items: center;
526    gap: 5px;
527    padding: 4px 8px;
528
529    color: var(--Utility-Text-White, #FFF);
530
531    /* SemiBold/Text Small */
532    font-family: var(--Font-Family-body, "Open Sans");
533    font-size: var(--Size-font-size-text-body-small, 14px);
534    font-style: normal;
535    font-weight: var(--Font-Weight-SemiBold, 650) !important;
536    line-height: var(--Line-Height-font-line-text-body-small, 22px);
537    /* 157.143% */
538    letter-spacing: var(--Spacing-font-spacing-text-body-small, 0.02px);
539
540    transition: all ease-in-out 300ms;
541  }
542
543  .btn-cta-reforestathon:hover,
544  .btn-cta-reforestathon:active,
545  .btn-cta-reforestathon:focus {
546    background: #fff;
547
548    color: var(--Utility-Text-Brand-Secondary-Default, #008F5C);
549
550    /* SemiBold/Text Small */
551    font-family: var(--Font-Family-body, "Open Sans");
552    font-size: var(--Size-font-size-text-body-small, 14px);
553    font-style: normal;
554    font-weight: var(--Font-Weight-SemiBold, 650) !important;
555    line-height: var(--Line-Height-font-line-text-body-small, 22px);
556    /* 157.143% */
557    letter-spacing: var(--Spacing-font-spacing-text-body-small, 0.02px);
558  }
559
560  .btn-cta-reforestathon:hover path,
561  .btn-cta-reforestathon:active path,
562  .btn-cta-reforestathon:focus path {
563    fill: #008F5C;
564    transition: all ease-in-out 300ms;
565  }
566</style>
567
568<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
569
570<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 570-571
570
571<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
571GTM-MLLRNQM
vendor: 87 bytes, lines 571-572
571" height="0" width="0"
572    style="display:none;visibility:hidden"></iframe></noscript>
573<!-- End Google Tag Manager (noscript) -->
574
575
576<div class="navbar hidden-xs" id="top-nav-wrapper" style="z-index:1000; overflow: hidden;">
577  <div id="top-nav">
578    <!-- Texture Background (Following Mouse) -->
579    <div id="texture-overlay">
580      <svg xmlns="http://www.w3.org/2000/svg" width="400" height="400" viewBox="0 0 400 400" fill="none">
581        <g opacity="0.6" filter="url(#filter0_g_14111_19572)">
582          <circle cx="200" cy="200" r="100" fill="#F59E0B" />
583        </g>
584        <defs>
585          <filter id="filter0_g_14111_19572" x="0" y="0" width="400" height="400" filterUnits="userSpaceOnUse"
586            color-interpolation-filters="sRGB">
587            <feFlood flood-opacity="0" result="BackgroundImageFix" />
588            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
589            <feTurbulence id="turbulence-animate" type="fractalNoise" baseFrequency="2 2" numOctaves="3" seed="1389">
590              <!-- Animasi turbulence -->
591              <animate attributeName="baseFrequency" dur="3s" values="2 2; 3 3; 2 2" repeatCount="indefinite" />
592            </feTurbulence>
593            <feDisplacementMap in="shape" scale="200" xChannelSelector="R" yChannelSelector="G" result="displacedImage"
594              width="100%" height="100%" />
595            <feMerge result="effect1_texture_14111_19572">
596              <feMergeNode in="displacedImage" />
597            </feMerge>
598          </filter>
599        </defs>
600      </svg>
601    </div>
602
603    <!-- Copy A -->
604    <div class="marquee-wrapper" style="display: none;" id="marquee-wrapper-a">
605      <div class="marquee-content">
606        <img src="https://lindungihutan.com/public/images/walking-man-40x40.gif" alt="" class="running-gif">
607        <div class="navbar-reforestathon">
608          <i style="font-weight: 600 !important;">Day 275</i>
609          <i>Reforestathon</i>
610          &bullet;
611          <i>Marathon Penghijauan 2026</i>
612          &bullet;
613          <a href="https://m.lindungihutan.com/reforestathon/" class="btn-cta-reforestathon">
614            Ikut Reforestathon
615            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
616              <path
617                d="M15.5855 9.39828L10.523 14.4608C10.4174 14.5663 10.2743 14.6256 10.125 14.6256C9.97573 14.6256 9.83258 14.5663 9.72703 14.4608C9.62148 14.3552 9.56219 14.2121 9.56219 14.0628C9.56219 13.9135 9.62148 13.7704 9.72703 13.6648L13.8298 9.56281H2.8125C2.66332 9.56281 2.52024 9.50355 2.41475 9.39806C2.30926 9.29257 2.25 9.1495 2.25 9.00031C2.25 8.85113 2.30926 8.70805 2.41475 8.60257C2.52024 8.49708 2.66332 8.43781 2.8125 8.43781H13.8298L9.72703 4.33578C9.62148 4.23023 9.56219 4.08708 9.56219 3.93781C9.56219 3.78855 9.62148 3.64539 9.72703 3.53984C9.83258 3.4343 9.97573 3.375 10.125 3.375C10.2743 3.375 10.4174 3.4343 10.523 3.53984L15.5855 8.60234C15.6378 8.65458 15.6793 8.71662 15.7076 8.78491C15.7359 8.8532 15.7504 8.92639 15.7504 9.00031C15.7504 9.07423 15.7359 9.14743 15.7076 9.21572C15.6793 9.284 15.6378 9.34604 15.5855 9.39828Z"
618                fill="white" />
619            </svg>
620          </a>
621        </div>
622        <img src="https://lindungihutan.com/public/images/walking-man-40x40.gif" alt="" class="running-gif">
623        <div class="navbar-reforestathon">
624          <i style="font-weight: 600 !important;">Day 275</i>
625          <i>Reforestathon</i>
626          &bullet;
627          <i>Marathon Penghijauan 2026</i>
628          &bullet;
629          <a href="https://m.lindungihutan.com/reforestathon/" class="btn-cta-reforestathon">
630            Ikut Reforestathon
631            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
632              <path
633                d="M15.5855 9.39828L10.523 14.4608C10.4174 14.5663 10.2743 14.6256 10.125 14.6256C9.97573 14.6256 9.83258 14.5663 9.72703 14.4608C9.62148 14.3552 9.56219 14.2121 9.56219 14.0628C9.56219 13.9135 9.62148 13.7704 9.72703 13.6648L13.8298 9.56281H2.8125C2.66332 9.56281 2.52024 9.50355 2.41475 9.39806C2.30926 9.29257 2.25 9.1495 2.25 9.00031C2.25 8.85113 2.30926 8.70805 2.41475 8.60257C2.52024 8.49708 2.66332 8.43781 2.8125 8.43781H13.8298L9.72703 4.33578C9.62148 4.23023 9.56219 4.08708 9.56219 3.93781C9.56219 3.78855 9.62148 3.64539 9.72703 3.53984C9.83258 3.4343 9.97573 3.375 10.
633125 3.375C10.2743 3.375 10.4174 3.4343 10.523 3.53984L15.5855 8.60234C15.6378 8.65458 15.6793 8.71662 15.7076 8.78491C15.7359 8.8532 15.7504 8.92639 15.7504 9.00031C15.7504 9.07423 15.7359 9.14743 15.7076 9.21572C15.6793 9.284 15.6378 9.34604 15.5855 9.39828Z"
634                fill="white" />
635            </svg>
636          </a>
637        </div>
638        <img src="https://lindungihutan.com/public/images/walking-man-40x40.gif" alt="" class="running-gif">
639        <div class="navbar-reforestathon">
640          <i style="font-weight: 600 !important;">Day 275</i>
641          <i>Reforestathon</i>
642          &bullet;
643          <i>Marathon Penghijauan 2026</i>
644          &bullet;
645          <a href="https://m.lindungihutan.com/reforestathon/" class="btn-cta-reforestathon">
646            Ikut Reforestathon
647            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
648              <path
649                d="M15.5855 9.39828L10.523 14.4608C10.4174 14.5663 10.2743 14.6256 10.125 14.6256C9.97573 14.6256 9.83258 14.5663 9.72703 14.4608C9.62148 14.3552 9.56219 14.2121 9.56219 14.0628C9.56219 13.9135 9.62148 13.7704 9.72703 13.6648L13.8298 9.56281H2.8125C2.66332 9.56281 2.52024 9.50355 2.41475 9.39806C2.30926 9.29257 2.25 9.1495 2.25 9.00031C2.25 8.85113 2.30926 8.70805 2.41475 8.60257C2.52024 8.49708 2.66332 8.43781 2.8125 8.43781H13.8298L9.72703 4.33578C9.62148 4.23023 9.56219 4.08708 9.56219 3.93781C9.56219 3.78855 9.62148 3.64539 9.72703 3.53984C9.83258 3.4343 9.97573 3.375 10.125 3.375C10.2743 3.375 10.4174 3.4343 10.523 3.53984L15.5855 8.60234C15.6378 8.65458 15.6793 8.71662 15.7076 8.78491C15.7359 8.8532 15.7504 8.92639 15.7504 9.00031C15.7504 9.07423 15.7359 9.14743 15.7076 9.21572C15.6793 9.284 15.6378 9.34604 15.5855 9.39828Z"
650                fill="white" />
651            </svg>
652          </a>
653        </div>
654        <img src="https://lindungihutan.com/public/images/walking-man-40x40.gif" alt="" class="running-gif">
655        <div class="navbar-reforestathon">
656          <i style="font-weight: 600 !important;">Day 275</i>
657          <i>Reforestathon</i>
658          &bullet;
659          <i>Marathon Penghijauan 2026</i>
660          &bullet;
661          <a href="https://m.lindungihutan.com/reforestathon/" class="btn-cta-reforestathon">
662            Ikut Reforestathon
663            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
664              <path
665                d="M15.5855 9.39828L10.523 14.4608C10.4174 14.5663 10.2743 14.6256 10.125 14.6256C9.97573 14.6256 9.83258 14.5663 9.72703 14.4608C9.62148 14.3552 9.56219 14.2121 9.56219 14.0628C9.56219 13.9135 9.62148 13.7704 9.72703 13.6648L13.8298 9.56281H2.8125C2.66332 9.56281 2.52024 9.50355 2.41475 9.39806C2.30926 9.29257 2.25 9.1495 2.25 9.00031C2.25 8.85113 2.30926 8.70805 2.41475 8.60257C2.52024 8.49708 2.66332 8.43781 2.8125 8.43781H13.8298L9.72703 4.33578C9.62148 4.23023 9.56219 4.08708 9.56219 3.93781C9.56219 3.78855 9.62148 3.64539 9.72703 3.53984C9.83258 3.4343 9.97573 3.375 10.125 3.375C10.2743 3.375 10.4174 3.4343 10.523 3.53984L15.5855 8.60234C15.6378 8.65458 15.6793 8.71662 15.7076 8.78491C15.7359 8.8532 15.7504 8.92639 15.7504 9.00031C15.7504 9.07423 15.7359 9.14743 15.7076 9.21572C15.6793 9.284 15.6378 9.34604 15.5855 9.39828Z"
666                fill="white" />
667            </svg>
668          </a>
669        </div>
670      </div>
671      <div class="marquee-content">
672        <img src="https://lindungihutan.com/public/images/walking-man-40x40.gif" alt="" class="running-gif">
673        <div class="navbar-reforestathon">
674          <i style="font-weight: 600 !important;">Day 275</i>
675          <i>Reforestathon</i>
676          &bullet;
677          
678          <i>Marathon Penghijauan 2026</i>
679          &bullet;
680          <a href="https://m.lindungihutan.com/reforestathon/" class="btn-cta-reforestathon">
681            Ikut Reforestathon
682            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
683              <path
684                d="M15.5855 9.39828L10.523 14.4608C10.4174 14.5663 10.2743 14.6256 10.125 14.6256C9.97573 14.6256 9.83258 14.5663 9.72703 14.4608C9.62148 14.3552 9.56219 14.2121 9.56219 14.0628C9.56219 13.9135 9.62148 13.7704 9.72703 13.6648L13.8298 9.56281H2.8125C2.66332 9.56281 2.52024 9.50355 2.41475 9.39806C2.30926 9.29257 2.25 9.1495 2.25 9.00031C2.25 8.85113 2.30926 8.70805 2.41475 8.60257C2.52024 8.49708 2.66332 8.43781 2.8125 8.43781H13.8298L9.72703 4.33578C9.62148 4.23023 9.56219 4.08708 9.56219 3.93781C9.56219 3.78855 9.62148 3.64539 9.72703 3.53984C9.83258 3.4343 9.97573 3.375 10.
684125 3.375C10.2743 3.375 10.4174 3.4343 10.523 3.53984L15.5855 8.60234C15.6378 8.65458 15.6793 8.71662 15.7076 8.78491C15.7359 8.8532 15.7504 8.92639 15.7504 9.00031C15.7504 9.07423 15.7359 9.14743 15.7076 9.21572C15.6793 9.284 15.6378 9.34604 15.5855 9.39828Z"
685                fill="white" />
686            </svg>
687          </a>
688        </div>
689        <img src="https://lindungihutan.com/public/images/walking-man-40x40.gif" alt="" class="running-gif">
690        <div class="navbar-reforestathon">
691          <i style="font-weight: 600 !important;">Day 275</i>
692          <i>Reforestathon</i>
693          &bullet;
694          <i>Marathon Penghijauan 2026</i>
695          &bullet;
696          <a href="https://m.lindungihutan.com/reforestathon/" class="btn-cta-reforestathon">
697            Ikut Reforestathon
698            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
699              <path
700                d="M15.5855 9.39828L10.523 14.4608C10.4174 14.5663 10.2743 14.6256 10.125 14.6256C9.97573 14.6256 9.83258 14.5663 9.72703 14.4608C9.62148 14.3552 9.56219 14.2121 9.56219 14.0628C9.56219 13.9135 9.62148 13.7704 9.72703 13.6648L13.8298 9.56281H2.8125C2.66332 9.56281 2.52024 9.50355 2.41475 9.39806C2.30926 9.29257 2.25 9.1495 2.25 9.00031C2.25 8.85113 2.30926 8.70805 2.41475 8.60257C2.52024 8.49708 2.66332 8.43781 2.8125 8.43781H13.8298L9.72703 4.33578C9.62148 4.23023 9.56219 4.08708 9.56219 3.93781C9.56219 3.78855 9.62148 3.64539 9.72703 3.53984C9.83258 3.4343 9.97573 3.375 10.125 3.375C10.2743 3.375 10.4174 3.4343 10.523 3.53984L15.5855 8.60234C15.6378 8.65458 15.6793 8.71662 15.7076 8.78491C15.7359 8.8532 15.7504 8.92639 15.7504 9.00031C15.7504 9.07423 15.7359 9.14743 15.7076 9.21572C15.6793 9.284 15.6378 9.34604 15.5855 9.39828Z"
701                fill="white" />
702            </svg>
703          </a>
704        </div>
705        <img src="https://lindungihutan.com/public/images/walking-man-40x40.gif" alt="" class="running-gif">
706        <div class="navbar-reforestathon">
707          <i style="font-weight: 600 !important;">Day 275</i>
708          <i>Reforestathon</i>
709          &bullet;
710          <i>Marathon Penghijauan 2026</i>
711          &bullet;
712          <a href="https://m.lindungihutan.com/reforestathon/" class="btn-cta-reforestathon">
713            Ikut Reforestathon
714            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
715              <path
716                d="M15.5855 9.39828L10.523 14.4608C10.4174 14.5663 10.2743 14.6256 10.125 14.6256C9.97573 14.6256 9.83258 14.5663 9.72703 14.4608C9.62148 14.3552 9.56219 14.2121 9.56219 14.0628C9.56219 13.9135 9.62148 13.7704 9.72703 13.6648L13.8298 9.56281H2.8125C2.66332 9.56281 2.52024 9.50355 2.41475 9.39806C2.30926 9.29257 2.25 9.1495 2.25 9.00031C2.25 8.85113 2.30926 8.70805 2.41475 8.60257C2.52024 8.49708 2.66332 8.43781 2.8125 8.43781H13.8298L9.72703 4.33578C9.62148 4.23023 9.56219 4.08708 9.56219 3.93781C9.56219 3.78855 9.62148 3.64539 9.72703 3.53984C9.83258 3.4343 9.97573 3.375 10.125 3.375C10.2743 3.375 10.4174 3.4343 10.523 3.53984L15.5855 8.60234C15.6378 8.65458 15.6793 8.71662 15.7076 8.78491C15.7359 8.8532 15.7504 8.92639 15.7504 9.00031C15.7504 9.07423 15.7359 9.14743 15.7076 9.21572C15.6793 9.284 15.6378 9.34604 15.5855 9.39828Z"
717                fill="white" />
718            </svg>
719          </a>
720        </div>
721        <img src="https://lindungihutan.com/public/images/walking-man-40x40.gif" alt="" class="running-gif">
722        <div class="navbar-reforestathon">
723          <i style="font-weight: 600 !important;">Day 275</i>
724          <i>Reforestathon</i>
725          &bullet;
726          <i>Marathon Penghijauan 2026</i>
727          &bullet;
728          <a href="https://m.lindungihutan.com/reforestathon/" class="btn-cta-reforestathon">
729            Ikut Reforestathon
730            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
731              <path
732                d="M15.5855 9.39828L10.523 14.4608C10.4174 14.5663 10.2743 14.6256 10.125 14.6256C9.97573 14.6256 9.83258 14.5663 9.72703 14.4608C9.62148 14.3552 9.56219 14.2121 9.56219 14.0628C9.56219 13.9135 9.62148 13.7704 9.72703 13.6648L13.8298 9.56281H2.8125C2.66332 9.56281 2.52024 9.50355 2.41475 9.39806C2.30926 9.29257 2.25 9.1495 2.25 9.00031C2.25 8.85113 2.30926 8.70805 2.41475 8.60257C2.52024 8.49708 2.66332 8.43781 2.8125 8.43781H13.8298L9.72703 4.33578C9.62148 4.23023 9.56219 4.08708 9.56219 3.93781C9.56219 3.78855 9.62148 3.64539 9.72703 3.53984C9.83258 3.4343 9.97573 3.375 10.
732125 3.375C10.2743 3.375 10.4174 3.4343 10.523 3.53984L15.5855 8.60234C15.6378 8.65458 15.6793 8.71662 15.7076 8.78491C15.7359 8.8532 15.7504 8.92639 15.7504 9.00031C15.7504 9.07423 15.7359 9.14743 15.7076 9.21572C15.6793 9.284 15.6378 9.34604 15.5855 9.39828Z"
733                fill="white" />
734            </svg>
735          </a>
736        </div>
737      </div>
738    </div>
739
740    <!-- Copy B -->
741    <div class="marquee-wrapper" style="display: none;" id="marquee-wrapper-b">
742      <div class="marquee-content">
743        <img src="https://lindungihutan.com/public/images/walking-man-40x40.gif" alt="" class="running-gif">
744        <div class="navbar-reforestathon">
745          <i>Reforestathon</i>
746          &bullet;
747          <i>Sedang Berlangsung</i>
748          &bullet;
749          <a href="https://m.lindungihutan.com/reforestathon/" class="btn-cta-reforestathon">
750            Ikut Reforestathon
751            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
752              <path
753                d="M15.5855 9.39828L10.523 14.4608C10.4174 14.5663 10.2743 14.6256 10.125 14.6256C9.97573 14.6256 9.83258 14.5663 9.72703 14.4608C9.62148 14.3552 9.56219 14.2121 9.56219 14.0628C9.56219 13.9135 9.62148 13.7704 9.72703 13.6648L13.8298 9.56281H2.8125C2.66332 9.56281 2.52024 9.50355 2.41475 9.39806C2.30926 9.29257 2.25 9.1495 2.25 9.00031C2.25 8.85113 2.30926 8.70805 2.41475 8.60257C2.52024 8.49708 2.66332 8.43781 2.8125 8.43781H13.8298L9.72703 4.33578C9.62148 4.23023 9.56219 4.08708 9.56219 3.93781C9.56219 3.78855 9.62148 3.64539 9.72703 3.53984C9.83258 3.4343 9.97573 3.375 10.125 3.375C10.2743 3.375 10.4174 3.4343 10.523 3.53984L15.5855 8.60234C15.6378 8.65458 15.6793 8.71662 15.7076 8.78491C15.7359 8.8532 15.7504 8.92639 15.7504 9.00031C15.7504 9.07423 15.7359 9.14743 15.7076 9.21572C15.6793 9.284 15.6378 9.34604 15.5855 9.39828Z"
754                fill="white" />
755            </svg>
756          </a>
757        </div>
758        <img src="https://lindungihutan.com/public/images/walking-man-40x40.gif" alt="" class="running-gif">
759        <div class="navbar-reforestathon">
760          <i>Reforestathon</i>
761          &bullet;
762          <i>Sedang Berlangsung</i>
763          &bullet;
764          <a href="https://m.lindungihutan.com/reforestathon/" class="btn-cta-reforestathon">
765            Ikut Reforestathon
766            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
767              <path
768                d="M15.5855 9.39828L10.523 14.4608C10.4174 14.5663 10.2743 14.6256 10.125 14.6256C9.97573 14.6256 9.83258 14.5663 9.72703 14.4608C9.62148 14.3552 9.56219 14.2121 9.56219 14.0628C9.56219 13.9135 9.62148 13.7704 9.72703 13.6648L13.8298 9.56281H2.8125C2.66332 9.56281 2.52024 9.50355 2.41475 9.39806C2.30926 9.29257 2.25 9.1495 2.25 9.00031C2.25 8.85113 2.30926 8.70805 2.41475 8.60257C2.52024 8.49708 2.66332 8.43781 2.8125 8.43781H13.8298L9.72703 4.33578C9.62148 4.23023 9.56219 4.08708 9.56219 3.93781C9.56219 3.78855 9.62148 3.64539 9.72703 3.53984C9.83258 3.4343 9.97573 3.375 10.125 3.375C10.2743 3.375 10.4174 3.4343 10.523 3.53984L15.5855 8.60234C15.6378 8.65458 15.6793 8.71662 15.7076 8.78491C15.7359 8.8532 15.7504 8.92639 15.7504 9.00031C15.7504 9.07423 15.7359 9.14743 15.7076 9.21572C15.6793 9.284 15.6378 9.34604 15.5855 9.39828Z"
769                fill="white" />
770            </svg>
771          </a>
772        </div>
773        <img src="https://lindungihutan.com/public/images/walking-man-40x40.gif" alt="" class="running-gif">
774        <div class="navbar-reforestathon">
775          <i>Reforestathon</i>
776          &bullet;
777          <i>Sedang Berlangsung</i>
778          &bullet;
779          <a href="https://m.lindungihutan.com/reforestathon/" class="btn-cta-reforestathon">
780            Ikut Reforestathon
781            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
782              <path
783                d="M15.5855 9.39828L10.523 14.4608C10.4174 14.5663 10.2743 14.6256 10.125 14.6256C9.97573 14.6256 9.83258 14.5663 9.72703 14.4608C9.62148 14.3552 9.56219 14.2121 9.56219 14.0628C9.56219 13.9135 9.62148 13.7704 9.72703 13.6648L13.8298 9.56281H2.8125C2.66332 9.56281 2.52024 9.50355 2.41475 9.39806C2.30926 9.29257 2.25 9.1495 2.25 9.00031C2.25 8.85113 2.30926 8.70805 2.41475 8.60257C2.52024 8.49708 2.66332 8.43781 2.8125 8.43781H13.8298L9.72703 4.33578C9.62148 4.23023 9.56219 4.08708 9.56219 3.93781C9.56219 3.78855 9.62148 3.64539 9.72703 3.53984C9.83258 3.4343 9.97573 3.375 10.
783125 3.375C10.2743 3.375 10.4174 3.4343 10.523 3.53984L15.5855 8.60234C15.6378 8.65458 15.6793 8.71662 15.7076 8.78491C15.7359 8.8532 15.7504 8.92639 15.7504 9.00031C15.7504 9.07423 15.7359 9.14743 15.7076 9.21572C15.6793 9.284 15.6378 9.34604 15.5855 9.39828Z"
784                fill="white" />
785            </svg>
786          </a>
787        </div>
788        <img src="https://lindungihutan.com/public/images/walking-man-40x40.gif" alt="" class="running-gif">
789        <div class="navbar-reforestathon">
790          <i>Reforestathon</i>
791          &bullet;
792          <i>Sedang Berlangsung</i>
793          &bullet;
794          <a href="https://m.lindungihutan.com/reforestathon/" class="btn-cta-reforestathon">
795            Ikut Reforestathon
796            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
797              <path
798                d="M15.5855 9.39828L10.523 14.4608C10.4174 14.5663 10.2743 14.6256 10.125 14.6256C9.97573 14.6256 9.83258 14.5663 9.72703 14.4608C9.62148 14.3552 9.56219 14.2121 9.56219 14.0628C9.56219 13.9135 9.62148 13.7704 9.72703 13.6648L13.8298 9.56281H2.8125C2.66332 9.56281 2.52024 9.50355 2.41475 9.39806C2.30926 9.29257 2.25 9.1495 2.25 9.00031C2.25 8.85113 2.30926 8.70805 2.41475 8.60257C2.52024 8.49708 2.66332 8.43781 2.8125 8.43781H13.8298L9.72703 4.33578C9.62148 4.23023 9.56219 4.08708 9.56219 3.93781C9.56219 3.78855 9.62148 3.64539 9.72703 3.53984C9.83258 3.4343 9.97573 3.375 10.125 3.375C10.2743 3.375 10.4174 3.4343 10.523 3.53984L15.5855 8.60234C15.6378 8.65458 15.6793 8.71662 15.7076 8.78491C15.7359 8.8532 15.7504 8.92639 15.7504 9.00031C15.7504 9.07423 15.7359 9.14743 15.7076 9.21572C15.6793 9.284 15.6378 9.34604 15.5855 9.39828Z"
799                fill="white" />
800            </svg>
801          </a>
802        </div>
803      </div>
804      <div class="marquee-content">
805        <img src="https://lindungihutan.com/public/images/walking-man-40x40.gif" alt="" class="running-gif">
806        <div class="navbar-reforestathon">
807          <i>Reforestathon</i>
808          &bullet;
809          <i>Sedang Berlangsung</i>
810          &bullet;
811          <a href="https://m.lindungihutan.com/reforestathon/" class="btn-cta-reforestathon">
812            Ikut Reforestathon
813            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
814              <path
815                d="M15.5855 9.39828L10.523 14.4608C10.4174 14.5663 10.2743 14.6256 10.125 14.6256C9.97573 14.6256 9.83258 14.5663 9.72703 14.4608C9.62148 14.3552 9.56219 14.2121 9.56219 14.0628C9.56219 13.9135 9.62148 13.7704 9.72703 13.6648L13.8298 9.56281H2.8125C2.66332 9.56281 2.52024 9.50355 2.41475 9.39806C2.30926 9.29257 2.25 9.1495 2.25 9.00031C2.25 8.85113 2.30926 8.70805 2.41475 8.60257C2.52024 8.49708 2.66332 8.43781 2.8125 8.43781H13.8298L9.72703 4.33578C9.62148 4.23023 9.56219 4.08708 9.56219 3.93781C9.56219 3.78855 9.62148 3.64539 9.72703 3.53984C9.83258 3.4343 9.97573 3.375 10.125 3.375C10.2743 3.375 10.4174 3.4343 10.523 3.53984L15.5855 8.60234C15.6378 8.65458 15.6793 8.71662 15.7076 8.78491C15.7359 8.8532 15.7504 8.92639 15.7504 9.00031C15.7504 9.07423 15.7359 9.14743 15.7076 9.21572C15.6793 9.284 15.6378 9.34604 15.5855 9.39828Z"
816                fill="white" />
817            </svg>
818          </a>
819        </div>
820        <img src="https://lindungihutan.com/public/images/walking-man-40x40.gif" alt="" class="running-gif">
821        <div class="navbar-reforestathon">
822          <i>Reforestathon</i>
823          &bullet;
824          <i>Sedang Berlangsung</i>
825          &bullet;
826          <a href="https://m.lindungihutan.com/reforestathon/" class="btn-cta-reforestathon">
827            Ikut Reforestathon
828            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
829              <path
830                d="M15.5855 9.39828L10.523 14.4608C10.4174 14.5663 10.2743 14.6256 10.125 14.6256C9.97573 14.6256 9.83258 14.5663 9.72703 14.4608C9.62148 14.3552 9.56219 14.2121 9.56219 14.0628C9.56219 13.9135 9.62148 13.7704 9.72703 13.6648L13.8298 9.56281H2.8125C2.66332 9.56281 2.52024 9.50355 2.41475 9.39806C2.30926 9.29257 2.25 9.1495 2.25 9.00031C2.25 8.85113 2.30926 8.70805 2.41475 8.60257C2.52024 8.49708 2.66332 8.43781 2.8125 8.43781H13.8298L9.72703 4.33578C9.62148 4.23023 9.56219 4.08708 9.56219 3.93781C9.56219 3.78855 9.62148 3.64539 9.72703 3.53984C9.83258 3.4343 9.97573 3.375 10.
830125 3.375C10.2743 3.375 10.4174 3.4343 10.523 3.53984L15.5855 8.60234C15.6378 8.65458 15.6793 8.71662 15.7076 8.78491C15.7359 8.8532 15.7504 8.92639 15.7504 9.00031C15.7504 9.07423 15.7359 9.14743 15.7076 9.21572C15.6793 9.284 15.6378 9.34604 15.5855 9.39828Z"
831                fill="white" />
832            </svg>
833          </a>
834        </div>
835        <img src="https://lindungihutan.com/public/images/walking-man-40x40.gif" alt="" class="running-gif">
836        <div class="navbar-reforestathon">
837          <i>Reforestathon</i>
838          &bullet;
839          <i>Sedang Berlangsung</i>
840          &bullet;
841          <a href="https://m.lindungihutan.com/reforestathon/" class="btn-cta-reforestathon">
842            Ikut Reforestathon
843            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
844              <path
845                d="M15.5855 9.39828L10.523 14.4608C10.4174 14.5663 10.2743 14.6256 10.125 14.6256C9.97573 14.6256 9.83258 14.5663 9.72703 14.4608C9.62148 14.3552 9.56219 14.2121 9.56219 14.0628C9.56219 13.9135 9.62148 13.7704 9.72703 13.6648L13.8298 9.56281H2.8125C2.66332 9.56281 2.52024 9.50355 2.41475 9.39806C2.30926 9.29257 2.25 9.1495 2.25 9.00031C2.25 8.85113 2.30926 8.70805 2.41475 8.60257C2.52024 8.49708 2.66332 8.43781 2.8125 8.43781H13.8298L9.72703 4.33578C9.62148 4.23023 9.56219 4.08708 9.56219 3.93781C9.56219 3.78855 9.62148 3.64539 9.72703 3.53984C9.83258 3.4343 9.97573 3.375 10.125 3.375C10.2743 3.375 10.4174 3.4343 10.523 3.53984L15.5855 8.60234C15.6378 8.65458 15.6793 8.71662 15.7076 8.78491C15.7359 8.8532 15.7504 8.92639 15.7504 9.00031C15.7504 9.07423 15.7359 9.14743 15.7076 9.21572C15.6793 9.284 15.6378 9.34604 15.5855 9.39828Z"
846                fill="white" />
847            </svg>
848          </a>
849        </div>
850        <img src="https://lindungihutan.com/public/images/walking-man-40x40.gif" alt="" class="running-gif">
851        <div class="navbar-reforestathon">
852          <i>Reforestathon</i>
853          &bullet;
854          <i>Sedang Berlangsung</i>
855          &bullet;
856          <a href="https://m.lindungihutan.com/reforestathon/" class="btn-cta-reforestathon">
857            Ikut Reforestathon
858            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
859              <path
860                d="M15.5855 9.39828L10.523 14.4608C10.4174 14.5663 10.2743 14.6256 10.125 14.6256C9.97573 14.6256 9.83258 14.5663 9.72703 14.4608C9.62148 14.3552 9.56219 14.2121 9.56219 14.0628C9.56219 13.9135 9.62148 13.7704 9.72703 13.6648L13.8298 9.56281H2.8125C2.66332 9.56281 2.52024 9.50355 2.41475 9.39806C2.30926 9.29257 2.25 9.1495 2.25 9.00031C2.25 8.85113 2.30926 8.70805 2.41475 8.60257C2.52024 8.49708 2.66332 8.43781 2.8125 8.43781H13.8298L9.72703 4.33578C9.62148 4.23023 9.56219 4.08708 9.56219 3.93781C9.56219 3.78855 9.62148 3.64539 9.72703 3.53984C9.83258 3.4343 9.97573 3.375 10.125 3.375C10.2743 3.375 10.4174 3.4343 10.523 3.53984L15.5855 8.60234C15.6378 8.65458 15.6793 8.71662 15.7076 8.78491C15.7359 8.8532 15.7504 8.92639 15.7504 9.00031C15.7504 9.07423 15.7359 9.14743 15.7076 9.21572C15.6793 9.284 15.6378 9.34604 15.5855 9.39828Z"
861                fill="white" />
862            </svg>
863          </a>
864        </div>
865      </div>
866    </div>
867  </div>
868
869</div>
870<div class="navbar navbar-default" id="nav" >
871  <div class="container-fluid">
872    <!-- Brand and toggle get grouped for better mobile display -->
873    <div class="navbar-header">
874      <a class="navbar-brand" href="https://lindungihutan.com" aria-label="Home"  style="height: 40px; margin-top: 3px" >
875                <img src="https://lindungihutan.com/public/img-redesign/logo_lindungihutan.png" id="brand-img" alt="Logo"
876          style="display:inline">
877        
878
879        <span id="brand-text" style=" color:#045f50;">
880          lindungihutan</span>
881      </a>
882    </div>
883    <div class="hidden-xs">
884      <ul class="nav navbar-nav navbar-right">
885
886
887        <li class="dropdown">
888          <a href="#" class="dropdown-toggle" style="margin-top: 3px" data-toggle="dropdown" role="button"
889            aria-haspopup="true" aria-expanded="false">Solusi Bisnis <span class="caretNew"></span></a>
890          <ul class="dropdown-menu first-menu">
891            <li>
892              <a href="https://lindungihutan.com/corporatree">
893                Corporatree
894                <div>
895                  <small>
896                    Program CSR dengan penanaman pohon
897                  </small>
898                </div>
899              </a>
900            </li>
901            <li>
902              <a href="https://lindungihutan.com/collaboratree">
903                Collaboratree
904                <div>
905                  <small>
906                    Bundling produk/jasa dengan donasi pohon
907                  </small>
908                </div>
909              </a>
910            </li>
911            <li>
912              <a href="https://lindungihutan.com/sustainabilitree">
913                SustainabiliTree
914                <div>
915                  <small>
916                    Konsultasi & implementasi proyek lingkungan berkelanjutan
917                  </small>
918                </div>
919              </a>
920            </li>
921          </ul>
922        </li>
923
924        <li class="dropdown">
925          <a href="#" class="dropdown-toggle" style="margin-top: 3px" data-toggle="dropdown" role="button"
926            aria-haspopup="true" aria-expanded="false">Individu <span class="caretNew"></span></a>
927          <ul class="dropdown-menu">
928            <li>
929              <a href="https://lindungihutan.com/fundraising">
930                Buat Kampanye
931              </a>
932            </li>
933            <li>
934              <a href="https://lindungihutan.com/kampanyealam">
935                Kampanye Alam
936              </a>
937            </li>
938            <li>
939              <a href="https://lindungihutan.com/donasi">
940                Donasi Pohon
941              </a>
942            </li>
943          </ul>
944        </li>
945
946        <li class="dropdown">
947          <a href="#" class="dropdown-toggle" style="margin-top: 3px" data-toggle="dropdown" role="button"
948            aria-haspopup="true" aria-expanded="false">Carbon Offset <span class="caretNew"></span></a>
949          <ul class="dropdown-menu">
950            <li><a href="https://lindungihutan.com/carbon-offset">Solusi Bisnis</a></li>
951            <li><a href="https://m.lindungihutan.com/imbangi/kamus">Kamus Karbon</a></li>
952            <li><a href="https://m.lindungihutan.com/imbangi">Karbon Kalkulator</a></li>
953          </ul>
954        </li>
955
956        <li class="dropdown">
957          <a href="#" class="dropdown-toggle" style="margin-top: 3px" data-toggle="dropdown" role="button"
958            aria-haspopup="true" aria-expanded="false">
959            <div style="position: relative">
960              Tentang Kami <span class="caretNew"></span>
961              <span class="new-label nav-new-label" id="dropdownNewLabel" style="display: none;">Baru</span>
962            </div>
963          </a>
964          <ul class="dropdown-menu">
965            <li><a href="https://lindungihutan.com/profil">Profil</a></li>
966            <li><a href="https://lindungihutan.com/aktivitaskami">Kegiatan</a></li>
967            <li>
968              <a href="https://lindungihutan.com/green-skilling" id="greenSkillingLink">
969                <div style="position: relative">
970                  Green Skilling
971                  <span class="new-label dropdown-new-label" id="navGreenSkillingNewLabel"
972                    style="display: none;">Baru</span>
973                </div>
974              </a>
975            </li>
976            <li><a href="https://lindungihutan.com/team">Team</a></li>
977            <!-- <li><a href="https://bit.ly/sekolahhutan02" target="_blank" rel="noopener">Magang Alam</a></li> -->
978            <li><a href="https://lindungihutan.com/magang_alam">Magang Alam</a></li>
979            <li><a href="https://lindungihutan.com/faq">FAQ</a></li>
980            <li><a href="https://lindungihutan.com/dampak">Dampak Positif</a></li>
981            <li><a href="https://lindungihutan.com/laporan-keuangan">Laporan Tahunan</a></li>
982          </ul>
983        </li>
984
985        <li class="dropdown dropdown-search">
986          <button type="button" class="search-icon" id="search-icon" aria-label="Search">
987            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
988    <path fill-rule="evenodd" clip-rule="evenodd"
989        d="M9.12866 2.70834C5.57492 2.70834 2.70837 5.55957 2.70837 9.05915C2.70837 12.5587 5.57492 15.41 9.12866 15.41C12.6824 15.41 15.5489 12.5587 15.5489 9.05915C15.5489 5.55957 12.6824 2.70834 9.12866 2.70834ZM0.958374 9.05915C0.958374 4.57732 4.62425 0.958344 9.12866 0.958344C13.6331 0.958344 17.2989 4.57732 17.2989 9.05915C17.2989 11.0143 16.6013 12.8053 15.4407 14.2032L18.7854 17.548C19.1271 17.8897 19.1271 18.4437 18.7854 18.7854C18.4437 19.1271 17.8897 19.1271 17.548 18.7854L14.1851 15.4225C12.7931 16.511 11.036 17.16 9.12866 17.16C4.62425 17.16 0.958374 13.541 0.958374 9.05915Z"
990        fill="#121212" />
991</svg>          </button>
992          <form id="myFormSearch" class="navbar-form navbar-left" action="https://lindungihutan.com/searchCampaign" method="get">
993            <div id="search-container" class="search-container hidden">
994              <div class="clear-input-container">
995                <input id="search-navbar-input" name="q" type="text"
996                  class="form-control clear-input clear-input--touched" placeholder="&#xF002; Cari Kampanye"
997                  autocomplete="off">
998                <button type="button" class="clear-input-button" aria-label="Clear and close input"
999                  title="Clear and close input">
1000                  <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
1001    <circle cx="6.66667" cy="6.66667" r="6.66667" transform="matrix(-1 0 0 1 13.6667 0.333344)" fill="#4B4B4B" />
1002    <path fill-rule="evenodd" clip-rule="evenodd"
1003        d="M10.3558 3.64422C10.1389 3.42727 9.78712 3.42727 9.57016 3.64422L3.64424 9.57015C3.42728 9.78711 3.42728 10.1389 3.64424 10.3558C3.86119 10.5728 4.21295 10.5728 4.42991 10.3558L10.3558 4.4299C10.5728 4.21294 10.5728 3.86118 10.3558 3.64422Z"
1004        fill="white" />
1005    <path fill-rule="evenodd" clip-rule="evenodd"
1006        d="M3.64429 3.64422C3.86124 3.42727 4.213 3.42727 4.42996 3.64422L10.3559 9.57015C10.5728 9.78711 10.5728 10.1389 10.3559 10.3558C10.1389 10.5728 9.78717 10.5728 9.57021 10.3558L3.64429 4.4299C3.42733 4.21294 3.42733 3.86118 3.64429 3.64422Z"
1007        fill="white" />
1008</svg>                </button>
1009              </div>
1010            </div>
1011          </form>
1012          <div class="dropdown-content" id="search_recomend" style="display:none">
1013            <div id="menu_navbar_search">
1014              <div class="text-center">
1015    Tidak ditemukan
1016</div>
1017            </div>
1018          </div>
1019        </li>
1020
1021        <li class="dropdown" id="dropdown-notif">
1022          <a href="#" class="dropdown-toggle btn btn-notif" data-toggle="dropdown" role="button" aria-haspopup="true"
1023            aria-expanded="false" style="border: none;" aria-label="Notifikasi">
1024            <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="18" height="19" viewBox="0 0 18 19" fill="none">
1025    <path fill-rule="evenodd" clip-rule="evenodd"
1026        d="M5.28954 1.30586C6.2235 0.641715 7.44017 0.25 9 0.25C10.5598 0.25 11.7765 0.641715 12.7104 1.30586C13.6408 1.96748 14.2473 2.86845 14.6426 3.81731C15.4168 5.67537 15.4167 7.8123 15.4167 8.97132V9C15.4167 10.3759 15.8554 11.2828 16.8287 12.4192C17.787 13.5381 17.1179 15.4167 15.5167 15.4167H2.48324C0.882088 15.4167 0.212984 13.5381 1.17129 12.4192C2.14463 11.2828 2.58333 10.3759 2.58333 9L2.58333 8.97132C2.58327 7.8123 2.58317 5.67537 3.35737 3.81731C3.75272 2.86845 4.35915 1.96748 5.28954 1.30586ZM4.43429 4.26603C3.75658 5.89253 3.75 7.81885 3.75 9C3.75 10.732 3.1538 11.8981 2.05737 13.1782C1.6634 13.6381 2.00562 14.25 2.48324 
102614.25H15.5167C15.9944 14.25 16.3366 13.6381 15.9426 13.1782C14.8462 11.8981 14.25 10.732 14.25 9C14.25 7.81885 14.2434 5.89253 13.5657 4.26603C13.2319 3.46488 12.7446 2.76169 12.0343 2.25664C11.3277 1.75412 10.3568 1.41667 9 1.41667C7.64316 1.41667 6.67233 1.75412 5.96566 2.25664C5.25543 2.76169 4.7681 3.46488 4.43429 4.26603ZM6.49481 16.1699L6.49916 16.174C6.50456 16.1792 6.51418 16.1882 6.52788 16.2006C6.5553 16.2253 6.59884 16.2633 6.65737 16.3101C6.77478 16.404 6.95031 16.5319 7.17483 16.6602C7.62629 16.9182 8.25553 17.1667 9 17.1667C9.74446 17.1667 10.3737 16.9182 10.8252 16.6602C11.0497 16.5319 11.2252 16.404 11.3426 16.3101C11.4011 16.2633 11.4447 16.2253 11.4721 16.2006C11.4858 16.1882 11.4954 16.1792 11.5008 16.174L11.5052 16.1699C11.5048 16.1703 11.5056 16.1694 11.5052 16.1699C11.7331 15.9436 12.1018 15.9436 12.3291 16.1709C12.5569 16.3987 12.5569 16.768 12.3291 16.9958L11.9167 16.5833C12.3291 16.9958 12.3293 16.9957 12.3291 16.9958L12.3277 16.9972L12.3258 16.9991L12.3208 17.0041L12.3054 17.0189C12.2929 17.0308 12.2757 17.0468 12.2541 17.0664C12.2109 17.1054 12.1496 17.1586 12.0714 17.2211C11.9154 17.346 11.6899 17.5098 11.404 17.6731C10.8346 17.9985 10.0055 18.3333 9 18.3333C7.99446 18.3333 7.16537 17.9985 6.596 17.6731C6.3101 17.5098 6.08459 17.346 5.92856 17.2211C5.85037 17.1586 5.78909 17.1054 5.74588 17.0664C5.72425 17.0468 5.7071 17.0308 5.69456 17.0189L5.67921 17.0041L5.67415 16.9991L5.67228 16.9972L5.67117 16.9961C5.67101 16.996 5.67085 16.9958 6.08333 16.5833L5.67117 16.9961C5.44336 16.7683 5.44304 16.3987 5.67085 16.1709C5.89846 15.9432 6.26695 15.9426 6.49481 16.1699Z"
1027        fill="#121212" />
1028    <path fill-rule="evenodd" clip-rule="evenodd"
1029        d="M8.99998 0.833344C3.16664 0.833344 3.16664 6.66668 3.16664 9.00001C3.16664 10.554 2.6492 11.5905 1.61431 12.7987C0.938174 13.5881 1.44384 14.8333 2.48323 14.8333L15.5167 14.8333C16.5561 14.8333 17.0618 13.5881 16.3856 12.7987C15.3508 11.5905 14.8333 10.554 14.8333 9.00001C14.8333 6.66668 14.8333 0.833344 8.99998 0.833344ZM9.58331 3.16668C9.58331 2.84451 9.32214 2.58334 8.99998 2.58334C8.67781 2.58334 8.41664 2.84451 8.41664 3.16668L8.41664 4.33334C8.41664 4.65551 8.67781 4.91668 8.99998 4.91668C9.32214 4.91668 9.58331 4.65551 9.58331 4.33334V3.16668Z"
1030        fill="#121212" />
1031</svg>            <div class="tempat-badge">
1032                          </div>
1033          </a>
1034
1035          <ul class="dropdown-menu">
1036            <p>Notifikasi</p>
1037                        <div class="notif_belum_login">
1038              <img src="https://lindungihutan.com/public/icon_notifications_no_login.svg" alt="">
1039              <p>Masuk untuk lihat info terbaru</p>
1040              <li><a class="btn btn-primer-outline" style="letter-spacing: 0.9px;" href="https://lindungihutan.com/masuk">Masuk</a>
1041              </li>
1042            </div>
1043                      </ul>
1044        </li>
1045
1046        <li class="dropdown" id="dropdown-cart">
1047          <a href="#" class="dropdown-toggle btn btn-notif" data-toggle="dropdown" role="button" aria-haspopup="true"
1048            aria-expanded="false" style="border: none;" aria-label="Keranjang">
1049            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="22" viewBox="0 0 20 22" fill="none">
1050    <path fill-rule="evenodd" clip-rule="evenodd"
1051        d="M14.1465 7.59867L5.82133 7.59868C5.50908 7.59868 5.21141 7.72211 5.00268 7.95434C3.93786 9.1391 0.666626 13.1012 0.666626 17.0634C0.666626 22.9787 19.3333 22.9791 19.3333 17.0634C19.3333 13.0979 16.0322 9.13245 14.9623 7.95136C14.7537 7.72106 14.4572 7.59867 14.1465 7.59867ZM12.6885 6.39916L7.33337 6.39916C6.84759 6.39916 6.41265 6.09815 6.24151 5.64351L5.34426 3.25998C5.05696 2.49675 5.62137 1.68177 6.43688 1.68229L7.38736 1.68291C7.57094 1.68303 7.75197 1.63982 7.91571 1.55679L9.47236 0.767513C9.804 0.59936 10.1959 0.59936 10.5276 0.767513L12.0846 1.55698C12.2481 1.63988 12.4288 1.68309 12.6122 1.68309L13.5727 1.68312C14.3855 1.68314 14.9492 2.49359 14.6664 3.25566L13.7823 5.63838C13.6126 6.0957 13.1763 6.39916 12.6885 6.39916ZM6.98055 16.4635C6.02411 14.8426 6.75962 11.8157 6.94228 11.1381L9.33962 14.0426L8.27554 13.803C8.21268 13.7888 8.15024 13.8283 8.13609 13.8911C8.12193 13.954 8.16141 14.0164 8.22427 14.0306L9.58212 14.3364L10.4974 15.4453L12.2746 17.5984C11.6197 17.8273 8.36932 18.8171 6.98055 16.4635ZM12.9317 12.6399C11.4367 11.0944 7.90232 11.0016 7.13093 11.0002L9.73666 14.1571L10.4707 15.0464L10.4707 13.1861C10.4707 13.1217 10.5229 13.0694 10.5873 13.0694C10.
10516518 13.0694 10.704 13.1217 10.704 13.1861L10.704 15.3291L12.4543 17.4496C12.792 16.87 14.3093 14.0641 12.9317 12.6399Z"
1052        fill="#121212" />
1053</svg>            <div class="tempat-badge">
1054
1055              <span class="badge badge-light" id="badge-cart"></span>
1056
1057            </div>
1058          </a>
1059          <ul class="dropdown-menu">
1060            <div class="cart-notif">
1061
1062              <div class="list-cart" id="list-cart">
1063              </div>
1064          </ul>
1065        </li>
1066
1067                <li class="hidden-sm"><a href="https://lindungihutan.com/masuk" class="btn btn-primer-outline"
1068            style="letter-spacing: 0.3px; padding-inline: 12px; margin-top: 4px" title="Login"> Masuk </a></li>
1069              </ul>
1070    </div>
1071    <div class="pull-right hidden-lg hidden-md hidden-sm">
1072      <div id="nav-icon3" style="width: 20px;">
1073        <span style="background: #fff"></span>
1074        <span style="background: #fff"></span>
1075        <span style="background: #fff"></span>
1076        <span style="background: #fff"></span>
1077      </div>
1078    </div>
1079  </div><!-- /.container-fluid -->
1080</div>
1081
1082
1083<div class="col-xs-10 col-xs-offset-2" style="z-index: 99999999" id="mobile-navbar">
1084  <ul id="list-mobile-navbar">
1085        <li>
1086            <form class="navbar-form navbar-left" action="https://lindungihutan.com/searchCampaign" method="get">
1087        <input type="hidden" name="_token" value="Wm8S94prkQRL9FtVwX4wLOmeGOohUaxGqqX713ZK">
1088        <div class="input-group" style="border-radius: 20px; border: 1px solid;">
1089          <input type="text" class="form-control" placeholder="Cari kampanye alam yang ingin kamu bantu" id="search-bar"
1090            name="q" style="border-bottom: none;">
1091          <div class="input-group-addon" style="border-radius: 0 20px 20px 0; ">
1092            <button type="submit" style="border: none;">
1093              <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
1094            </button>
1095          </div>
1096        </div>
1097      </form>
1098          </li>
1099
1100    <li><a href="https://lindungihutan.com/dampak">Dampak</a></li>
1101    <li><a href="https://lindungihutan.com/pendukung">Pendukung</a></li>
1102    <li><a href="https://lindungihutan.com/partner">Partner</a></li>
1103    <li><a href="https://lindungihutan.com/kadobumi">KadoBumi</a></li>
1104    <li><a href="https://lindungihutan.com/collaboratree">CollaboraTree</a></li>
1105    <li><a href="https://lindungihutan.com/liveplanting">LivePlanting</a></li>
1106    <li><a href="https://lindungihutan.com/penggerak">Petani</a></li>
1107    <li><a
1108        href="https://api.whatsapp.com/send?phone=6281329182514&amp;text=Halo LindungiHutan, saya ingin bertanya tentang .."
1109        target="_blank" rel="noopener">Bantuan</a></li>
1110    <!-- <li><a href="https://lindungihutan.com/produk">Merchandise</a></li>
1111        <li><a href="https://lindungihutan.com/komunitas">Relawan</a></li> -->
1112
1113    <li><a href="https://lindungihutan.com/lokasi">lokasi</a></li>
1114    <li><a href="https://lindungihutan.com/katalog-pohon">Katalog Pohon</a></li>
1115    <li><a href="https://lindungihutan.com/blog/" target="_blank" rel="noopener">Blog</a></li>
1116    <li><a href="https://lindungihutan.com/faq">FAQ</a></li>
1117    <li><a href="https://lindungihutan.com/kebijakan">Kebijakan Privacy</a></li>
1118    <li><a href="https://lindungihutan.com/syaratketentuan">Syarat dan Ketentuan</a></li>
1119    <li><a href="https://lindungihutan.com/profil">Tentang Kami</a></li>
1120    
1121  </ul>
1122
1123</div>
1124<!-- end of navbar -->
1125
1126<div class="wrap-loader">
1127  <img class="img lazy" id="preload" data-src="https://lindungihutan.com/public/img-redesign/loader/loader-white-300.gif">
1128</div>
1129
1130
1131<!-- 
1131<script src="https://lindungihutan.com/public/js/enable-push.js" defer></script>
1131 -->
1132
1133
1134<script type="bba5fa218eda8824aac6ff8d-text/javascript">
1135  var toggler = document.getElementsByClassName("carete");
1136  var i;
1137
1138  for (i = 0; i < toggler.length; i++) {
1139    toggler[i].addEventListener("click", function() {
1140      this.parentElement.querySelector(".dropdown-mobile").classList.toggle("active");
1141      this.classList.toggle("carete-down");
1142    });
1143  }
1144
1145  var notif_url = "https://lindungihutan.com/get_notifikasi"+"/"+"";
1146
1147  var user_id = "";
1148
1149  // console.log("urlku bro = "+url);
1150  // when click notif list
1151  
1152  
1153  window.onload = function(){
1154
1155    updateRead = (id) => {
1156      var upd_not_url = "https://lindungihutan.com/updateNotifikasi"+"/"+id;
1157      const requestOptions = {
1158          method: 'PUT',
1159          headers: {  'Content-Type': 'application/json', 
1160                      "X-CSRF-Token": token_notif
1161          },
1162          body: JSON.stringify({ id_user: user_id})
1163      };
1164      fetch(upd_not_url, requestOptions)
1165        .then((response) => response.json())
1166        .then(json => {
1167          // console.log(json);
1168          if(json.status == 'success'){
1169            var link_url = json.link_url;
1170            window.open(link_url, '_blank')
1171            window.location.reload()
1172            // console.log(json.link_url);
1173          }
1174        })
1175        .catch(error => console.error(error));
1176    }
1177
1178    var request = new XMLHttpRequest();
1179
1180    const token_notif = 'Wm8S94prkQRL9FtVwX4wLOmeGOohUaxGqqX713ZK';
1181    
1182    request.onreadystatechange = function() {
1183          if (this.readyState == 4 && this.status == 200) {
1184              // console.log("data = "+(this.responseText));
1185              var data = this.responseText;
1186              var obj = JSON.parse(data);
1187              var read_notification = obj.data.read_notification;
1188              var unread_notification = obj.data.unread_notification;
1189              var list_data = obj.list_data;
1190
1191              // console.table(list_data);
1192
1193              if(unread_notification === null && read_notification === null){
1194                // console.log("read dan unread_notification kosong bro");
1195
1196                document.getElementById("list-notif-kosong").innerHTML = 
1197                (`
1198                <div class="notif_kosong">
1199                  <img src="https://lindungihutan.com/public/icon_notifications_no_login.svg" alt="">
1200                  <p>Belum ada informasi terbaru</p>
1201                </div>
1202                `);
1203                document.getElementById("list-notifikasi").style.overflowY="hidden";
1204                document.getElementById("list-notifikasi").innerHTML = '';
1205                document.getElementById("list-notifikasi-selengkapnya").innerHTML = '';
1206                
1207              }else{
1208                document.getElementById("list-notif-kosong").innerHTML = '';
1209                data_list = '';
1210                for (const [key, value] of Object.entries(list_data)) 
1211                {
1212                  // data_list += (`${key} ${value.id_notif}`); 
1213                  var class_list_notif = (value.read_status == '0' ? "unread": "");
1214                  var url_notif = "//"+value.link;
1215                  data_list += (`
1216                  <li class="${class_list_notif} list_item_notif" id="${value.id_notif}">
1217                    
1218                      <a href="#" >
1219                        <div class="notif-message">
1220                          <img class="notif-logo" src="${value.logo}" alt="" style="width: 40px; height:40px; border-radius: 50%;">
1221                          <p class="notif-header">${value.title}</p>
1222                          <div class="notif-content">${value.message}</div>
1223                          <p class="notif-time">${value.created_date}</p>
1224                          <p class="notif-line"></p>
1225                        </div>
1226                      </a>
1227                      
1228                    </li>
1229                    `); 
1230                }
1231
1232                /* data_list += (`
1233                <li class="unread">
1234                  
1235                  <a href="https://lindungihutan.com/daftar_notifikasi">
1236                    <div class="notif-message">
1237                      <img class="notif-logo" src="https://lindungihutan.com/public/icon_notif.svg" alt="" style="width: 40px; height:40px;">
1238                      <p class="notif-header">Donasi kamu sudah teralokasikan dengan baik! 🥰</p>
1239                      <p class="notif-content">Yuk cek secara berkala di halaman kampanye ini > lindungihutan.com/pohonuntukjimin</p>
1240                      <p class="notif-time">12 menit yang lalu</p>
1241                      <p class="notif-line"></p>
1242                    </div>
1243                  </a>
1244                  
1245                </li>
1246                `); */
1247                
1248                document.getElementById("list-notifikasi").innerHTML=(data_list)  
1249              }
1250              
1251              const buttons = document.querySelectorAll(".list_item_notif")
1252              for (const button of buttons) {
1253                button.addEventListener('click', function(event) {
1254                  event.preventDefault();
1255                  // let dataId = button.getAttribute('data-id');
1256                  updateRead(button.id);
1257                })
1258              }
1259              
1260              
1261              
1262              // console.table(list_data);
1263              
1264              // console.log("jumlah_list_notif = "+list_data.length);
1265              // console.log("============");
1266              // for (const [key, value] of Object.entries(list_data)) {
1267              //   console.log(`${key} ${value.id_notif}`); 
1268              // }
1269              // console.log("============");
1270              if(unread_notification !== null){
1271                var unread_count = (unread_notification > 9) ? '9+' : unread_notification ;
1272              }else{
1273                var unread_count = null;
1274              }
1275              document.getElementById("badge-notification").innerHTML = unread_count;
1276              
1277          }
1278      };
1279    
1280  }
1281
1282  document.addEventListener('DOMContentLoaded', function () {
1283
1284      loadCart = () => {
1285        // Create a new XMLHttpRequest object
1286        var xhr = new XMLHttpRequest();
1287
1288        // Configure it: specify the type of request (GET), the URL, and whether it should be asynchronous
1289        xhr.open("GET", "https://lindungihutan.com/get_cart_notif", true);
1290
1291        // Set up a callback function to handle the response
1292        xhr.onreadystatechange = function() {
1293            if (xhr.readyState === 4 && xhr.status === 200) {
1294                // The request was successful, and the response is available in xhr.responseText
1295                var responseData = JSON.parse(xhr.responseText);
1296
1297                // console.table('loadCart '+xhr.responseText);
1298
1299                var items_cart = responseData.items;
1300
1301                // console.table('loadCart '+cart);
1302                // console.log(responseData.res);
1303
1304                if(responseData.res){
1305
1306                    sessionStorage.removeItem('cart');
1307
1308                    var cart = JSON.parse(sessionStorage.getItem('cart')) || [];
1309
1310                    for (const [key, value] of Object.entries(items_cart)) 
1311                    {
1312                      var campId = value.id_campaign;
1313                      var camptitle = value.title;
1314                      var campDonate = value.amount;
1315                      var campJmlPohon = value.jml_pohon;
1316                      var campImage = value.image;
1317                      var campEkuivalen = value.ekuivalen;
1318                      var campPohon = value.nama_pohon;
1319                      var campSource = value.source;
1320                      
1321                      cart.push({ 
1322                        id: campId, 
1323                        title: camptitle, 
1324                        donasi: campDonate, 
1325                        jml_pohon: campJmlPohon, 
1326                        image: campImage, 
1327                        ekuivalen: campEkuivalen, 
1328                        nama_pohon: campPohon, 
1329                        source: campSource, 
1330                      });
1331
1332                      // Save the updated cart to session storage
1333                      sessionStorage.setItem('cart', JSON.stringify(cart));
1334                      
1335                      // console.log(`id_campaign = ${value.id_campaign}`)
1336                    }
1337
1338                    initCartDisplay();
1339
1340                }else{
1341                  initCartDisplay();
1342                }
1343
1344              } else if (xhr.readyState === 4 && xhr.status !== 200) {
1345                // Handle errors
1346
1347                console.log(xhr.status);
1348            }
1349        };
1350
1351        // Send the request
1352        xhr.send();
1353      }
1354
1355      loadCart();
1356      
1357      
1358      initCartDisplay = () => {
1359
1360        var count_cart = JSON.parse(sessionStorage.getItem("cart"));
1361
1362        // console.table(count_cart);        
1363
1364        if (count_cart?.length) {
1365            console.log(count_cart.length);
1366            document.getElementById("badge-cart").innerHTML = (count_cart.length>9 ? '9+' : count_cart.length)
1367            $('.list-cart').css('max-height', '475px');
1368
1369            var cartElement = document.getElementById('list-cart');
1370            var cart = JSON.parse(sessionStorage.getItem('cart')) || [];
1371
1372            // Clear the previous content
1373            cartElement.innerHTML = `<div class="cart-header">
1374              <p>Kantong (${count_cart.length})</p>  
1375              <a href="https://lindungihutan.com/cartDonasi">Lihat Kantong</a>  
1376            </div>`;
1377
1378            var total = 0;
1379
1380            // Display each item in the cart
1381            cart.forEach(item => {
1382
1383                var donasi = new Intl.NumberFormat().format(item.donasi);
1384
1385                // Update the content of the existing cart element
1386                // cartElement.innerHTML += `
1387                    
1388                //     <div class="cart-campaign">
1389                //         <img src="${item.image}" alt="" class="lazy">
1390                //         <div class="cart-detail-campaign">
1391                //             <div class="camp-name">${item.title}</div>
1392                //             <div>Rp. ${donasi}</div>
1393                //         </div>
1394                //     </div>
1395                // `;
1396                cartElement.innerHTML += `
1397                    
1398                    <div class="cart-campaign">
1399                        <img src="${item.image}" alt="" class="lazy">
1400                        <div class="cart-detail-campaign">
1401                            <div class="camp-name">${item.title}</div>
1402                        </div>
1403                    </div>
1404                `;
1405
1406                total += parseInt(item.donasi);
1407
1408            });
1409            
1410
1411            // var footer = document.createElement('div');
1412            // footer.className = "cart-footer";
1413            // footer.innerHTML = `
1414            // <div class="cart-footer">
1415            // <div>Total</div>
1416            // <div class="total-donasi" id="total-donasi">Rp. 0</div>
1417            // `;
1418            
1419            // var footer2 = document.createElement('div');
1420            // footer2.className = "cart-footer";
1421            // footer2.innerHTML = `
1422            // <div class="cart-footer">
1423            // <div></div>
1424            // <div></div>
1425            // <a href="https://lindungihutan.com/cartDonasi" class="btn-lanjutkan">Lanjutkan</a>
1426            // </div>
1427            // `;
1428
1429            // cartElement.innerHTML += footer.innerHTML
1430            // cartElement.innerHTML += footer2.innerHTML
1431
1432            // total = new Intl.NumberFormat().format(total);
1433
1434            // // console.log('total cart donasi '+total)
1435            // document.getElementById("total-donasi").innerHTML = `Rp. ${total}` ;
1436
1437        } else {
1438            // console.log('cart does not exist');
1439            document.getElementById("badge-cart").innerHTML = '';
1440            $(".list-cart").css("max-height", "none");
1441            var cartElement = document.getElementById('list-cart');
1442            cartElement.innerHTML = (`
1443
1444              <p>Kantong</p>
1445              <div class="notif_kosong">
1446                <img src="https://lindungihutan.com/public/pocket.svg" alt="" class="lazy cart-empty">
1447                <p>
1447Belum ada kampanye alam yang di tambahkan</p>
1448                <li><a class="btn btn-primer-outline" style="letter-spacing: 0.9px;" href="https://lindungihutan.com/kampanyealam">Tambah Kampanye</a>
1449                </li>
1450              </div> 
1451            
1452            
1453            <div class="cart-footer">
1454              <div>Total</div>
1455              <div class="total-donasi" id="total-donasi">Rp. 70.000</div>
1456            </div>
1457            <div class="cart-footer">
1458              <div></div>
1459              <div></div>
1460              <a href="https://lindungihutan.com/cartDonasi" class="btn-lanjutkan">Lanjutkan</a>
1461            </div> `);
1462
1463            let elements = document.querySelectorAll('.cart-footer')
1464
1465            elements.forEach((item) => {
1466              item.style.display = 'none'
1467            })
1468
1469        }
1470
1471        
1472        
1473      }
1474      
1475
1476  }, false);
1477
1478
1479  // Clear input on search field
1480  const inputSearchNavbar = document.querySelector(".clear-input")
1481  const clearButtonNavbar = document.querySelector(".clear-input-button")
1482  const searchIconNavbar = document.querySelector(".search-icon")
1483  const inputContainerNavbar = document.querySelector(".search-container")
1484
1485  const handleButtonClick = (e) => {
1486      inputSearchNavbar.value = ''
1487      inputContainerNavbar.classList.toggle("hidden");
1488      searchIconNavbar.classList.toggle("hidden");
1489      $('#search_recomend').css("display", "none");
1490      $('#menu_navbar_search').html('');
1491      // input.focus();
1492      // input.classList.remove("clear-input--touched")
1493  }
1494
1495  clearButtonNavbar.addEventListener("click", handleButtonClick);
1496  // input.addEventListener("input", handleInputChange);
1497
1498  searchIconNavbar.addEventListener("click", function() {
1499    this.classList.toggle("hidden");
1500    inputContainerNavbar.classList.toggle("hidden");
1501  });
1502  
1503
1504  /* fetch(url, {
1505      method: 'get',
1506      body: post,
1507      headers: {
1508          'Accept': 'application/json',
1509          'Content-Type': 'application/json'
1510      }
1511      }).then((response) => {
1512          return response.json()
1513      }).then((res) => {
1514          if (res.status === 200) {
1515              console.log("get data notif successfully !")
1516          }
1517      }).catch((error) => {
1518          console.log(error)
1519  }) */
1520</script>
1520
1521
1522<script type="bba5fa218eda8824aac6ff8d-text/javascript">
1523  document.addEventListener('DOMContentLoaded', function() {
1524    const launchDate = new Date('2026-01-01');
1525    const currentDate = new Date();
1526    const expiryDate = new Date(launchDate);
1527    expiryDate.setMonth(expiryDate.getMonth() + 3);
1528    
1529    const isExpired = currentDate > expiryDate;
1530    const hasVisited = localStorage.getItem('greenSkillingVisited') === 'true';
1531    
1532    // Jika BELUM diklik DAN BELUM expired, tampilkan label
1533    if (!hasVisited && !isExpired) {
1534      showNewLabels();
1535    }
1536
1537    const greenSkillingLink = document.getElementById('greenSkillingLink');
1538    if (greenSkillingLink) {
1539      greenSkillingLink.addEventListener('click', function() {
1540        localStorage.setItem('greenSkillingVisited', 'true');
1541        hideNewLabels();
1542      });
1543    }
1544
1545    function showNewLabels() {
1546      const navLabel = document.getElementById('dropdownNewLabel');
1547      const dropdownLabel = document.getElementById('navGreenSkillingNewLabel');
1548      
1549      if (navLabel) navLabel.style.display = 'inline-block';
1550      if (dropdownLabel) dropdownLabel.style.display = 'inline-block';
1551    }
1552
1553    function hideNewLabels() {
1554      const navLabel = document.getElementById('dropdownNewLabel');
1555      const dropdownLabel = document.getElementById('navGreenSkillingNewLabel');
1556      
1557      if (navLabel) navLabel.style.display = 'none';
1558      if (dropdownLabel) dropdownLabel.style.display = 'none';
1559    }
1560  });
1561</script>
1561
1562
1563<script type="bba5fa218eda8824aac6ff8d-text/javascript">
1564  // ===== A/B Testing Copy Logic dengan localStorage =====
1565  (function() {
1566    const dateName = 'banner_copy_date';
1567    const firstVisitKey = 'banner_first_visit_done';
1568    
1569    const marqueeA = document.getElementById('marquee-wrapper-a');
1570    const marqueeB = document.getElementById('marquee-wrapper-b');
1571    
1572    // Get current date (YYYY-MM-DD)
1573    const currentDate = new Date().toISOString().split('T')[0];
1574    
1575    // Get stored data from localStorage
1576    const lastVisitDate = localStorage.getItem(dateName);
1577    const firstVisitDone = localStorage.getItem(firstVisitKey);
1578    
1579    let activeCopy;
1580    
1581    // Cek apakah sudah berganti hari
1582    if (lastVisitDate !== currentDate) {
1583      // Hari baru! Reset semua
1584      activeCopy = 'A'; // Visit pertama hari ini = Copy A
1585      localStorage.setItem(dateName, currentDate);
1586      localStorage.setItem(firstVisitKey, 'true'); // Tandai sudah visit pertama
1587    } else {
1588      // Masih hari yang sama
1589      if (firstVisitDone === 'true') {
1590        // Bukan visit pertama, tampilkan Copy B
1591        activeCopy = 'B';
1592      } else {
1593        // Visit pertama hari ini, tampilkan Copy A
1594        activeCopy = 'A';
1595        localStorage.setItem(firstVisitKey, 'true');
1596      }
1597    }
1598    
1599    // Show active copy
1600    if (activeCopy === 'A') {
1601      marqueeA.style.display = 'flex';
1602      marqueeB.style.display = 'none';
1603    } else {
1604      marqueeA.style.display = 'none';
1605      marqueeB.style.display = 'flex';
1606    }
1607    
1608    console.log('Banner A/B:', { 
1609      currentDate, 
1610      lastVisitDate, 
1611      activeCopy,
1612      firstVisitDone
1613    });
1614  })();
1615
1616  // ===== Reset Function =====
1617  window.resetBannerAB = function() {
1618    localStorage.removeItem('banner_copy_date');
1619    localStorage.removeItem('banner_first_visit_done');
1620    location.reload();
1621  };
1622</script>
1622
1623
1624<script type="bba5fa218eda8824aac6ff8d-text/javascript">
1625  const topNav = document.getElementById('top-nav');
1626  const textureOverlay = document.getElementById('texture-overlay');
1627  const turbulence = document.getElementById('turbulence-animate');
1628
1629  // Support untuk kedua marquee wrapper
1630  const marqueeWrapperA = document.getElementById('marquee-wrapper-a');
1631  const marqueeWrapperB = document.getElementById('marquee-wrapper-b');
1632  const activeMarquee = marqueeWrapperA || marqueeWrapperB; // Gunakan yang aktif
1633
1634  let currentX = 0;
1635  let currentY = 0;
1636  let targetX = 0;
1637  let targetY = 0;
1638  const smoothness = 0.1;
1639
1640  let turbulenceValue = 2;
1641  let turbulenceDirection = 1;
1642
1643  topNav.addEventListener('mouseenter', () => {
1644    textureOverlay.style.opacity = '0.48';
1645  });
1646
1647  topNav.addEventListener('mouseleave', () => {
1648    textureOverlay.style.opacity = '0';
1649    turbulenceValue = 2;
1650  });
1651
1652  topNav.addEventListener('mousemove', (e) => {
1653    const rect = topNav.getBoundingClientRect();
1654    targetX = e.clientX - rect.left - 200;
1655    targetY = e.clientY - rect.top - 200;
1656  });
1657
1658  function animate() {
1659    currentX += (targetX - currentX) * smoothness;
1660    currentY += (targetY - currentY) * smoothness;
1661    textureOverlay.style.transform = `translate(${currentX}px, ${currentY}px)`;
1662    
1663    if (parseFloat(textureOverlay.style.opacity) > 0) {
1664      turbulenceValue += 0.02 * turbulenceDirection;
1665      
1666      if (turbulenceValue >= 3.5 || turbulenceValue <= 1.5) {
1667        turbulenceDirection *= -1;
1668      }
1669      
1670      if (turbulence) {
1671        turbulence.setAttribute('baseFrequency', `${turbulenceValue} ${turbulenceValue}`);
1672      }
1673    }
1674    
1675    requestAnimationFrame(animate);
1676  }
1677
1678  animate();
1679</script>
1679
1680    <div class="section section-hero">
1681        <div class="video-wrapper">
1682            <img id="poster-video" src="https://lindungihutan.com/public/corporatree/img/webp/poster.webp" class="video-hero"
1683                alt="Hero Image">
1684            <video preload muted playsinline id="myVideo" class="video-hero" style="display: none">
1685                <source class="lazy" src="https://lindungihutan.com/public/corporatree/assets/Video Hero CorporaTree.mp4"
1686                    type="video/mp4">
1687            </video>
1688        </div>
1689        <div class="wrapper-hero">
1690            <div class="content-hero">
1691                <div class="container-read">
1692                    <div class="row">
1693                        <div class="col-xs-12">
1694                            <h1 class="hero-title">
1695                                CSR Tanam Pohon di 40+ Pilihan Lokasi, Mulai dari Rp15juta!
1696                            </h1>
1697                            <p class="">
1698                                CorporaTree adalah layanan CSR perusahaan untuk pelestarian alam berbasis
1699                                aktivitas
1700                                penanaman pohon.
1701                            </p>
1702                            <div class="wrapper-button-hero">
1703                                <a href="https://lindungihutan.com/menubook/latest" target="_blank"
1704                                    class="btn btn-outline-white">Unduh Deck</a>
1705                                <a href="#section-form" class="btn btn-white">Jalin Kerjasama</a>
1706                            </div>
1707                        </div>
1708                    </div>
1709                </div>
1710            </div>
1711        </div>
1712    </div>
1713
1714    <div class="section section-service">
1715        <div class="container-read">
1716            <div class="row">
1717                <div class="col-xs-12">
1718                    <div class="wrapper-service">
1719                        <div class="wrapper-text">
1720                            <h2 class="section-title">
1721                                Layanan CSR Penanaman Pohon Satu Pintu
1722                            </h2>
1723                            <p>
1724                                Penanaman pohon adalah salah satu cara terbaik untuk melestarikan alam, karena proses
1725                                yang mudah
1726                                namun menghasilkan dampak besar yang berkelanjutan. Program CorporaTree kami telah
1727                                dipercaya
1728                                lebih dari 400 perusahaan besar, untuk menanam pohon di lebih dari 40 lokasi di
1729                                Indonesia.
1730                                Bergabunglah dengan kami, solusi satu pintu untuk agenda transformasi hijau
1731                                perusahaanmu.
1732                            </p>
1733                        </div>
1734                        <div class="swiper swiper-service">
1735                            <div class="swiper-wrapper">
1736                                <div class="swiper-slide">
1737                                    <img data-src="https://lindungihutan.com/public/corporatree/assets/aktivitas/aktivitas_csr_tokopedia_goto.webp"
1738                                        class="lazy" alt="">
1739                                </div>
1740                                <div class="swiper-slide">
1741                                    <img data-src="https://lindungihutan.com/public/corporatree/assets/aktivitas/aktivitas_csr_skk_migas.webp"
1742                                        class="lazy" alt="">
1743                                </div>
1744                                <div class="swiper-slide">
1745                                    <img data-src="https://lindungihutan.com/public/corporatree/assets/aktivitas/aktivitas_csr_axa.webp"
1746                                        class="lazy" alt="">
1747                                </div>
1748                                <div class="swiper-slide">
1749                                    <img data-src="https://lindungihutan.com/public/corporatree/assets/aktivitas/aktivitas_csr_KPEI.webp"
1750                                        class="lazy" alt="">
1751                                </div>
1752                            </div>
1753                            <div class="pagination-wrapper">
1754                                <div class="swiper-pagination swiper-pagination-service"></div>
1755                            </div>
1756                        </div>
1757                    </div>
1758                </div>
1759            </div>
1760        </div>
1761    </div>
1762
1763    <div class="section section-value">
1764        <div class="overlay">
1765        </div>
1766        <div class="text-center microtip" aria-label="Nilai Utama Kami" data-microtip-position="top"
1767            data-microtip-size="large" role="tooltip">
1768            <div class="swiper swiper-value">
1769                <div class="swiper-wrapper">
1770                    <div class="swiper-slide">
1771                        <div class="card-value microtip">
1772                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
1772ox="0 0 18 18" fill="none">
1773    <circle cx="8" cy="8" r="8" fill="#121212" />
1774</svg>                            <h3>
1775                                Mudah
1776                            </h3>
1777                        </div>
1778                    </div>
1779                    <div class="swiper-slide">
1780                        <div class="card-value">
1781                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 18 18" fill="none">
1782    <circle cx="8" cy="8" r="8" fill="#121212" />
1783</svg>                            <h3>
1784                                Transparan
1785                            </h3>
1786                        </div>
1787                    </div>
1788                    <div class="swiper-slide">
1789                        <div class="card-value">
1790                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 18 18" fill="none">
1791    <circle cx="8" cy="8" r="8" fill="#121212" />
1792</svg>                            <h3>
1793                                Berkelanjutan
1794                            </h3>
1795                        </div>
1796                    </div>
1797                    <div class="swiper-slide">
1798                        <div class="card-value">
1799                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 18 18" fill="none">
1800    <circle cx="8" cy="8" r="8" fill="#121212" />
1801</svg>                            <h3>
1802                                Fleksibel
1803                            </h3>
1804                        </div>
1805                    </div>
1806                    <div class="swiper-slide">
1807                        <div class="card-value">
1808                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 18 18" fill="none">
1809    <circle cx="8" cy="8" r="8" fill="#121212" />
1810</svg>                            <h3>
1811                                Inklusif
1812                            </h3>
1813                        </div>
1814                    </div>
1815                </div>
1816            </div>
1817        </div>
1818    </div>
1819
1820    <div class="section section-alur" style="overflow-x: hidden;">
1821        <div class="container-read">
1822            <div class="row">
1823                <div class="col-xs-12">
1824                    <h2 class="section-title text-center">
1825                        Alur Layanan Program Penanaman
1826                    </h2>
1827                </div>
1828                <div class="col-xs-12">
1829                    <div class="wrapper-alur odd">
1830                        <div class="wrapper-text-alur">
1831                            <h3>
1832                                1. Perencanaan Program
1833                            </h3>
1834                            <p id="alur-description-1">
1835                                Kami akan mendesain dan merencanakan, program penanaman untuk mencapai tujuan bisnis &
1836                                dampak lingkungan yang kamu inginkan. Mulai dari penentuan lokasi penanaman, jenis &
1837                                jumlah
1838                                pohon, format acara, hingga bentuk kampanye, akan kami sesuaikan dengan kebutuhan
1839                                perusahaanmu.
1840                            </p>
1841                        </div>
1842                        <div class="wrapper-img-alur">
1843                            <img data-src="https://lindungihutan.com/public/corporatree/assets/Vector_Program Planning.svg"
1844                                class="lazy" alt="">
1845                        </div>
1846                    </div>
1847                    <div class="wrapper-alur even">
1848                        <div class="wrapper-img-alur">
1849                            <img data-src="https://lindungihutan.com/public/corporatree/assets/Vector_Planting Execution.svg"
1850                                class="lazy" alt="">
1851                        </div>
1852                        <div class="wrapper-text-alur">
1853                            <h3>
1854                                2. Planting & Execution
1855                            </h3>
1856                            <p id="alur-description-2">
1857                                Layanan CorporaTree sudah termasuk jasa penyelenggaraan acara sesuai dengan program yang
1858                                kamu inginkan. Mulai dari pembelian bibit pohon, pengaturan akomodasi di lapangan,
1859                                kunjungan perusahaan untuk penanaman, dokumentasi acara, hingga acara tambahan
1860                                lainnya.
1861                            </p>
1862                        </div>
1863                    </div>
1864                    <div class="wrapper-alur odd">
1865                        <div class="wrapper-text-alur">
1866                            <h3>
1867                                3. Monitoring & Reporting
1868                            </h3>
1869                            <p id="alur-description-3">
1870                                Kami menyediakan jasa monitoring hingga 1 tahun dari penanaman, yang kamu bisa monitor
1871                                langsung di website kami. Selain itu kami juga akan memberikan laporan hasil penanaman
1872                                yang termasuk didalamnya pengukuran dampak dengan beberapa framework & methodology yang
1873                                bisa kamu pilih.
1874                            </p>
1875                        </div>
1876                        <div class="wrapper-img-alur">
1877                            <img data-src="https://lindungihutan.com/public/corporatree/assets/Vector_Monitoring.svg"
1878                                class="lazy" alt="">
1879                        </div>
1880                    </div>
1881                </div>
1882            </div>
1883        </div>
1884    </div>
1885
1886    <div class="section section-benefit">
1887        <div class="container-read">
1888            <div class="row">
1889                <div class="col-xs-12">
1890                    <div class="wrapper-title">
1891                        <h2 class="section-title">
1892                            Yang Akan Kamu Dapatkan
1893                        </h2>
1894                        <p>
1895                            Kamu tidak hanya berinvestasi untuk masa depan yang lebih hijau tetapi juga membangun
1896                            warisan positif yang akan dirasakan oleh generasi mendatang.
1897                        </p>
1898                    </div>
1899                    <div class="box-benefit">
1900                        <div class="row">
1901                            <div class="col-xs-12 col-lg-6">
1902                                <div class="list-benefit">
1903                                    <img class="lazy"
1904                                        data-src="https://lindungihutan.com/public/corporatree/assets/check-circle.svg"
1905                                        alt="">
1906                                    <h3>
1907                                        Bibit pohon mulai dari
1908                                        Rp25.000/batang
1909                                    </h3>
1910                                </div>
1911                                <div class="list-benefit">
1912                                    <img class="lazy"
1913                                        data-src="https://lindungihutan.com/public/corporatree/assets/check-circle.svg"
1914                                        alt="">
1915                                    <h3>
1916                                        Pilihan 45 lokasi penanaman di seluruh Indonesia
1917                                    </h3>
1918                                </div>
1919                                <div class="list-benefit">
1920                                    <img class="lazy"
1921                                        data-src="https://lindungihutan.com/public/corporatree/assets/check-circle.svg"
1922                                        alt="">
1923                                    <h3>
1924                                        Penyelenggaraan event ceremony penanaman pohon
1925                                    </h3>
1926                                </div>
1927                                <div class="list-benefit">
1928                                    <img class="lazy"
1929                                        data-src="https://lindungihutan.com/public/corporatree/assets/check-circle.svg"
1930                                        alt="">
1931                                    <h3>
1932                                        Halaman kampanye ekslusif di website LindungiHutan
1933                                    </h3>
1934                                </div>
1935                            </div>
1936                            <div class="col-xs-12 col-lg-6">
1937                                <div class="list-benefit">
1938                                    <img class="lazy"
1939                                        data-src="https://lindungihutan.com/public/corporatree/assets/check-circle.svg"
1940                                        alt="">
1941                                    <h3>
1942                                        Dokumentasi foto & video
1943                                    </h3>
1944                                </div>
1945                                <div class="list-benefit">
1946                                    <img class="lazy"
1947                                        data-src="https://lindungihutan.com/public/corporatree/assets/check-circle.svg"
1948                                        alt="">
1949                                    <h3>
1950                                        Press Release & publikasi media s
1950osial
1951                                    </h3>
1952                                </div>
1953                                <div class="list-benefit">
1954                                    <img class="lazy"
1955                                        data-src="https://lindungihutan.com/public/corporatree/assets/check-circle.svg"
1956                                        alt="">
1957                                    <h3>
1958                                        Monitoring pohon pasca penanaman
1959                                    </h3>
1960                                </div>
1961                                <div class="list-benefit">
1962                                    <img class="lazy"
1963                                        data-src="https://lindungihutan.com/public/corporatree/assets/check-circle.svg"
1964                                        alt="">
1965                                    <h3>
1966                                        Laporan penanaman & monitoring pohon
1967                                    </h3>
1968                                </div>
1969                            </div>
1970                        </div>
1971                    </div>
1972                </div>
1973            </div>
1974        </div>
1975    </div>
1976
1977    <div class="section section-contribution">
1978        <div class="container-read">
1979            <div class="row">
1980                <div class="col-xs-12">
1981                    <h2 class="section-title text-center">
1982                        Layanan Ekstra untuk Kontribusi yang Lebih Besar!
1983                    </h2>
1984                    <div class="wrapper-contribution">
1985                        <div class="card-contribution">
1986                            <div class="swiper swiper-educatree">
1987                                <div class="swiper-wrapper">
1988                                    <div class="swiper-slide">
1989                                        <img data-src="https://lindungihutan.com/public/corporatree/assets/educatree/Educatree 4.webp"
1990                                            class="lazy" alt="">
1991                                    </div>
1992                                    <div class="swiper-slide">
1993                                        <img data-src="https://lindungihutan.com/public/corporatree/assets/educatree/Educatree 5.webp"
1994                                            class="lazy" alt="">
1995                                    </div>
1996                                    <div class="swiper-slide">
1997                                        <img data-src="https://lindungihutan.com/public/corporatree/assets/educatree/Educatree 6.webp"
1998                                            class="lazy" alt="">
1999                                    </div>
2000                                </div>
2001                                <div class="pagination-wrapper">
2002                                    <div class="swiper-pagination swiper-pagination-educatree"></div>
2003                                </div>
2004                            </div>
2005                            <div class="card-body">
2006                                <img data-src="https://lindungihutan.com/public/corporatree/assets/icon-educatree.png"
2007                                    class="lazy" alt="Icon Educatree">
2008                                <h3>
2009                                    EducaTree
2010                                </h3>
2011                                <p>
2012                                    Libatkan karyawan dan pelangganmu dengan program edukasi lingkungan yang interaktif,
2013                                    untuk meningkatkan kesadaran dan pengetahuan tentang keberlanjutan.
2014                                </p>
2015                                <button data-toggle="modal" data-target="#modal-educatree"
2016                                    class="btn btn-outline-green">Lihat Selengkapnya</button>
2017                            </div>
2018                        </div>
2019                        <div class="card-contribution">
2020                            <div class="swiper swiper-impact-report">
2021                                <div class="swiper-wrapper">
2022                                    <div class="swiper-slide">
2023                                        <img data-src="https://lindungihutan.com/public/corporatree/assets/impact-report/ImpactReport_1.webp"
2024                                            class="lazy" alt="">
2025                                    </div>
2026                                    <div class="swiper-slide">
2027                                        <img data-src="https://lindungihutan.com/public/corporatree/assets/impact-report/ImpactReport_2.webp"
2028                                            class="lazy" alt="">
2029                                    </div>
2030                                    <div class="swiper-slide">
2031                                        <img data-src="https://lindungihutan.com/public/corporatree/assets/impact-report/ImpactReport_3.webp"
2032                                            class="lazy" alt="">
2033                                    </div>
2034                                </div>
2035                                <div class="pagination-wrapper">
2036                                    <div class="swiper-pagination swiper-pagination-impact-report"></div>
2037                                </div>
2038                            </div>
2039                            <div class="card-body">
2040                                <img data-src="https://lindungihutan.com/public/corporatree/assets/icon-impact-report.png"
2041                                    class="lazy" alt="Icon Impact Report">
2042                                <h3>
2043                                    Impact Report
2044                                </h3>
2045                                <p>
2046                                    Dokumentasikan setiap langkah, ukur dampaknya dengan nilai-nilai SDGs, valuasi
2047                                    ekonomi, dan SROI. Lalu bagikan cerita sukses program keberlanjutanmu kepada mereka
2048                                    yang peduli.
2049                                </p>
2050                                <button data-toggle="modal" data-target="#modal
2050-impact-report"
2051                                    class="btn btn-outline-green">Lihat Selengkapnya</button>
2052                            </div>
2053                        </div>
2054                    </div>
2055                </div>
2056            </div>
2057        </div>
2058    </div>
2059
2060    <div class="section section-testimoni">
2061        <div class="container-read">
2062            <div class="row">
2063                <div class="col-xs-12">
2064                    <div class="wrapper-testimoni">
2065                        <img data-src="https://lindungihutan.com/public/corporatree/assets/bg_testimoni_mangrove1.webp"
2066                            class="bg-img-testimoni lazy" alt="Gambar Background Testimoni">
2067                        <div class="wrapper-overlay">
2068                            <div class="swiper swiper-testimoni">
2069                                <div class="swiper-wrapper">
2070                                    <div class="swiper-slide">
2071                                        <div class="wrapper-card-testimoni">
2072                                            <div class="card-testimoni">
2073                                                <img data-src="https://lindungihutan.com/public/corporatree/assets/pupuk_indonesia.png"
2074                                                    class="lazy" alt="Logo Pupuk Indonesia">
2075                                                <div>
2076                                                    <h3>
2077                                                        PT Pupuk Indonesia
2078                                                    </h3>
2079                                                    <p>
2080                                                        Meritia Ardyati
2081                                                    </p>
2082                                                </div>
2083                                            </div>
2084                                            <div>
2085                                                <div class="circle-quote">
2086                                                    <img data-src="https://lindungihutan.com/public/corporatree/assets/quote.svg"
2087                                                        alt="">
2088                                                </div>
2089                                                <div class="scroll">
2090                                                    <p class="quote">
2091                                                        Kerjasama dengan LindungiHutan membantu PT Pupuk Indonesia
2092                                                        (Persero)
2093                                                        dalam mewujudkan program penanaman mangrove di area yang dekat
2094                                                        dengan lokasi perusahaan (Jakarta dan Bekasi). Langkah
2095                                                        penghijauan
2096                                                        kami ambil sebagai salah satu wujud kontribusi kami pada program
2097                                                        dekarbonisasi.
2098                                                    </p>
2099                                                </div>
2100                                            </div>
2101                                        </div>
2102                                    </div>
2103                                    <div class="swiper-slide">
2104                                        <div class="wrapper-card-testimoni">
2105                                            <div class="card-testimoni">
2106                                                <img data-src="https://lindungihutan.com/public/corporatree/assets/pertamina.png"
2107                                                    class="lazy" alt="">
2108                                                <div>
2109                                                    <h3>
2110                                                        PT Pertamina Gas
2111                                                    </h3>
2112                                                    <p>
2113                                                        Nadhilah Dhina S.
2114                                                    </p>
2115                                                </div>
2116                                            </div>
2117                                            <div>
2118                                                <div class="circle-quote">
2119                                                    <img data-src="https://lindungihutan.com/public/corporatree/assets/quote.svg"
2120                                                        alt="">
2121                                                </div>
2122                                                <div class="scroll">
2123                                                    <p class="quote">
2124                                                        Menyenangkan, pengalaman baru bagi PT Pertamina Gas punya w
2124adah
2125                                                        bagi
2126                                                        karyawan untuk melakukan donasi pohon, dikelola dan dipantau
2127                                                        dampaknya. Semoga semakin luas manfaat yang diberikan untuk
2128                                                        masyarakat!
2129                                                    </p>
2130                                                </div>
2131                                            </div>
2132                                        </div>
2133                                    </div>
2134                                    <div class="swiper-slide">
2135                                        <div class="wrapper-card-testimoni">
2136                                            <div class="card-testimoni">
2137                                                <img data-src="https://lindungihutan.com/public/corporatree/assets/axa.png"
2138                                                    class="lazy" alt="">
2139                                                <div>
2140                                                    <h3>
2141                                                        AXA Group
2142                                                    </h3>
2143                                                    <p>
2144                                                        Risna Yodanti
2145                                                    </p>
2146                                                </div>
2147                                            </div>
2148                                            <div>
2149                                                <div class="circle-quote">
2150                                                    <img data-src="https://lindungihutan.com/public/corporatree/assets/quote.svg"
2151                                                        alt="">
2152                                                </div>
2153                                                <div class="scroll">
2154                                                    <p class="quote">
2155                                                        Program kerjasama dan acara penanaman di Jakarta berjalan dengan
2156                                                        baik dan lancar sesuai kesepakatan. Pelayanan dan PIC sangat
2157                                                        fast
2158                                                        response, helpful dan informative.
2159                                                    </p>
2160                                                </div>
2161                                            </div>
2162                                        </div>
2163                                    </div>
2164                                </div>
2165                                <div class="swiper-pagination-testimoni text-center"></div>
2166                            </div>
2167                        </div>
2168                    </div>
2169                </div>
2170            </div>
2171        </div>
2172    </div>
2173
2174    <div class="section section-partner">
2175        <div class="container-read">
2176            <div class="row">
2177                <div class="col-xs-12">
2178                    <h2 class="section-title text-center">
2179                        Client - Ciptakan Dampak Seperti Mereka
2180                    </h2>
2181                </div>
2182                <div class="col-xs-12">
2183                    <div id="wrapper-loader-partner" style="width: max-content; margin-inline: auto;">
2184                        <img data-src="https://lindungihutan.com/public/csr/img/icons/spin-loading.gif"
2185                            style="height: 100px; width: auto;" alt="spinner loading">
2186                    </div>
2187                    <div class="swiper swiper-sorted-partner" style="display: none;">
2188                        <div class="swiper-wrapper swiper-wrapper-sorted-partner">
2189                        </div>
2190                    </div>
2191                    <div style="display: flex; justify-content: center;">
2192                        <div class="swiper-pagination swiper-pagination-sorted-partner" style="display: none;"></div>
2193                    </div>
2194                    <div class="swiper-button-next swiper-button-next-sorted-
2194partner" style="display: none;">
2195                        <svg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2196    <path
2197        d="M0.459286 6.28998L6.11929 0.639976C6.21225 0.546247 6.32285 0.471853 6.44471 0.421084C6.56657 0.370316 6.69727 0.344177 6.82929 0.344177C6.9613 0.344177 7.092 0.370316 7.21386 0.421084C7.33572 0.471853 7.44632 0.546247 7.53929 0.639976C7.72554 0.827338 7.83008 1.08079 7.83008 1.34498C7.83008 1.60916 7.72554 1.86261 7.53929 2.04998L2.58929 7.04998L7.53929 12C7.72554 12.1873 7.83008 12.4408 7.83008 12.705C7.83008 12.9692 7.72554 13.2226 7.53929 13.41C7.44667 13.5045 7.33623 13.5796 7.21435 13.6311C7.09248 13.6826 6.96159 13.7094 6.82929 13.71C6.69698 13.7094 6.5661 13.6826 6.44422 13.6311C6.32235 13.5796 6.2119 13.5045 6.11929 13.41L0.459286 7.75998C0.357781 7.66633 0.276772 7.55268 0.221365 7.42618C0.165958 7.29968 0.137353 7.16308 0.137353 7.02498C0.137353 6.88687 0.165958 6.75027 0.221365 6.62377C0.276772 6.49727 0.357781 6.38362 0.459286 6.28998V6.28998Z"
2198        fill="#D5D5D5" />
2199</svg>                    </div>
2200                    <div class="swiper-button-prev swiper-button-prev-sorted-partner" style="display: none;">
2201                        <svg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2202    <path
2203        d="M7.50078 7.79999L1.80078 13.4C1.40078 13.8 0.800781 13.8 0.400781 13.4C0.000780582 13 0.000780582 12.4 0.400781 12L5.30078 6.99999L0.400781 1.99999C0.000780582 1.59999 0.000780582 0.999987 0.400781 0.599988C0.60078 0.399988 0.800781 0.299988 1.10078 0.299988C1.40078 0.299988 1.60078 0.399988 1.80078 0.599988L7.50078 6.19999C7.90078 6.69999 7.90078 7.29999 7.50078 7.79999C7.50078 7.69999 7.50078 7.69999 7.50078 7.79999Z"
2204        fill="#D5D5D5" />
2205</svg>                    </div>
2206                </div>
2207            </div>
2208        </div>
2209    </div>
2210
2211    <div class="section section-location">
2212        <div class="container-read">
2213            <div class="row">
2214                <div class="col-xs-12">
2215                    <div class="wrapper-section-title">
2216                        <h2 class="section-title">
2217                            Rekomendasi Lokasi
2218                        </h2>
2219                    </div>
2220                </div>
2221                <div class="col-xs-12">
2222                    <div class="wrapper-card-location">
2223                        <div data-toggle="modal" data-target="#modal-location-1" class="card-location-new">
2224                            <div class="bg-card-location">
2225                                <img data-src="https://lindungihutan.com/public/corporatree/assets/lokasi/compress/ekowisata_mangrove_PIK, kota_jakarta_utara.webp"
2226                                    alt="" class="lazy">
2227                            </div>
2228                            <div class="main-text">
2229                                <div class="tag-city">
2230                                    Jakarta Utara
2231                                </div>
2232                                <div>
2233                                    <h3 class="name">
2234                                        Ekowisata Mangrove Pantai Indah Kapuk
2235                                    </h3>
2236                                    <p class="price">
2237                                        Mulai dari Rp. 60.000 /Pohon
2238                                    </p>
2239                                </div>
2240                            </div>
2241                            <div class="overlay">
2242                                <div>
2243                                    <h3 class="name">Ekowisata Mangrove Pantai Indah Kapuk</h3>
2244                                    <p class="description">
2245                                        Pantai Indah Kapuk (PIK) yang terletak di Kota Jakarta Utara, DKI Jakarta telah
2246                                        menjadi pusat ekowisata dan konservasi mangrove. Kegiatan konservasi dilakukan
2247                                        karena PIK merupakan wilayah benteng abrasi bagi pantai Jakarta. Dengan adanya
2248                                        pusat konservasi ini diharapkan banjir rob di pesisir Jakarta dapat ditekan.
2249                                    </p>
2250                                </div>
2251                                <button class="link">
2252                                    Lihat Selengkapnya
2253                                    <svg width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg">
2254    <path fill-rule="evenodd" clip-rule="evenodd"
2255        d="M2.4375 9.5C2.4375 9.81066 2.68934 10.0625 3 10.0625L14.25 10.0625C14.5607 10.0625 14.8125 9.81066 14.8125 9.5C14.8125 9.18934 14.5607 8.9375 14.25 8.9375H3C2.68934 8.9375 2.4375 9.18934 2.4375 9.5Z"
2256        fill="white" />
2257    <path fill-rule="evenodd" clip-rule="evenodd"
2258        d="M10.8523 13.6477C11.0719 13.8674 11.4281 13.8674 11.6477 13.6477L14.8674 10.4281C15.38 9.91551 15.38 9.08448 14.8674 8.57192L11.6477 5.35225C11.4281 5.13258 11.0719 5.13258 10.8523 5.35225C10.6326 5.57192 10.6326 5.92808 10.8523 6.14775L14.0719 9.36742C14.1451 9.44064 14.1451 9.55936 14.0719 9.63258L10.8523 12.8523C10.6326 13.0719 10.6326 13.4281 10.8523 13.6477Z"
2259        fill="white" />
2260</svg>                                </button>
2261                            </div>
2262                        </div>
2263                        <div data-toggle="modal" data-target="#modal
2263-location-2" class="card-location-new">
2264                            <div class="bg-card-location">
2265                                <img data-src="https://lindungihutan.com/public/corporatree/assets/lokasi/compress/pulau_pari_kepulauan_seribu.webp"
2266                                    alt="" class="lazy">
2267                            </div>
2268                            <div class="main-text">
2269                                <div class="tag-city">
2270                                    Kepulauan Seribu
2271                                </div>
2272                                <div>
2273                                    <h3 class="name">
2274                                        Pulau Pari
2275                                    </h3>
2276                                    <p class="price">
2277                                        Mulai dari Rp. 30.000 /Pohon
2278                                    </p>
2279                                </div>
2280                            </div>
2281                            <div class="overlay">
2282                                <div>
2283                                    <h3 class="name">Pulau Pari</h3>
2284                                    <p class="description">
2285                                        Pulau Pari merupakan destinasi wisata yang terletak di Kabupaten Kepulauan
2286                                        Seribu, DKI
2287                                        Jakarta. Sebanyak 80% penduduknya bermata pencaharian sebagai nelayan dan
2288                                        beralih profesi
2289                                        menjadi tour guide saat akhir pekan. Namun, abrasi dan banjir rob yang semakin
2290                                        parah
2291                                        dikhawatirkan dapat merusak keindahan dan mengancam pemukiman penduduk Pulau
2292                                        Pari.
2293                                        Untuk itu, LindungiHutan melalui kampanye alam melakukan penanaman mangrove
2294                                        sejak tahun 2022
2295                                        sebagai upaya untuk menahan abrasi. Akar mangrove berfungsi untuk mengendapkan
2296                                        lumpur
2297                                        sehingga dapat mencegah terjadinya intrusi air laut ke daratan. Perbaikan
2298                                        ekosistem magrove
2299                                        di Pulau Pari juga menunjang kegiatan wisata untuk meningkatkan perekonomian
2300                                        warga.
2301                                    </p>
2302                                </div>
2303                                <button class="link">
2304                                    Lihat Selengkapnya
2305                                    <svg width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg">
2306    <path fill-rule="evenodd" clip-rule="evenodd"
2307        d="M2.4375 9.5C2.4375 9.81066 2.68934 10.0625 3 10.0625L14.25 10.0625C14.5607 10.0625 14.8125 9.81066 14.8125 9.5C14.8125 9.18934 14.5607 8.9375 14.25 8.9375H3C2.68934 8.9375 2.4375 9.18934 2.4375 9.5Z"
2308        fill="white" />
2309    <path fill-rule="evenodd" clip-rule="evenodd"
2310        d="M10.8523 13.6477C11.0719 13.8674 11.4281 13.8674 11.6477 13.6477L14.8674 10.4281C15.38 9.91551 15.38 9.08448 14.8674 8.57192L11.6477 5.35225C11.4281 5.13258 11.0719 5.13258 10.8523 5.35225C10.6326 5.57192 10.6326 5.92808 10.8523 6.14775L14.0719 9.36742C14.1451 9.44064 14.1451 9.55936 14.0719 9.63258L10.8523 12.8523C10.6326 13.0719 10.6326 13.4281 10.8523 13.6477Z"
2311        fill="white" />
2312</svg>                                </button>
2313                            </div>
2314                        </div>
2315                        <div data-toggle="modal" data-target="#modal-location-3" class="card-location-new">
2316                            <div class="bg-card-location">
2317                                <img data-src="https://lindungihutan.com/public/corporatree/assets/lokasi/compress/teluk_benoa_badung_bali.webp"
2318                                    alt="" class="lazy">
2319                            </div>
2320                            <div class="main-text">
2321                                <div class="tag-city">
2322                                    Bali
2323                                </div>
2324                                <div>
2325                                    <h3 class="name">
2326                                        Teluk Benoa
2327                                    </h3>
2328                                    <p class="price">
2329                                        Mulai dari Rp. 30.000 /Poh
2329on
2330                                    </p>
2331                                </div>
2332                            </div>
2333                            <div class="overlay">
2334                                <div>
2335                                    <h3 class="name">Teluk Benoa</h3>
2336                                    <p class="description">
2337                                        Teluk Benoa termasuk wilayah pariwisata yang terletak di Kecamatan Kuta Selatan,
2338                                        Kabupaten
2339                                        Badung, Bali. Wilayah ini terdampak aktivitas reklamasi dan alih fungsi lahan
2340                                        yang
2341                                        menyebabkan kerusakan lingkungan. Eksositem mangrove yang rusak mengancam mata
2342                                        pencaharian
2343                                        nelayan sekitar.
2344                                        Usaha konservasi kembali LindungiHutan galakkan di Teluk Benoa agar ekosistem
2345                                        mangrove pulih
2346                                        kembali. LindungiHutan bekerja sama dengan warga sekitar sejak tahun 2022 untuk
2347                                        kegiatan
2348                                        penanaman mangrove. Pohon mangrove ditanam untuk menahan abrasi serta memulihkan
2349                                        kondisi
2350                                        biota sekitar.
2351                                    </p>
2352                                </div>
2353                                <button class="link">
2354                                    Lihat Selengkapnya
2355                                    <svg width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg">
2356    <path fill-rule="evenodd" clip-rule="evenodd"
2357        d="M2.4375 9.5C2.4375 9.81066 2.68934 10.0625 3 10.0625L14.25 10.0625C14.5607 10.0625 14.8125 9.81066 14.8125 9.5C14.8125 9.18934 14.5607 8.9375 14.25 8.9375H3C2.68934 8.9375 2.4375 9.18934 2.4375 9.5Z"
2358        fill="white" />
2359    <path fill-rule="evenodd" clip-rule="evenodd"
2360        d="M10.8523 13.6477C11.0719 13.8674 11.4281 13.8674 11.6477 13.6477L14.8674 10.4281C15.38 9.91551 15.38 9.08448 14.8674 8.57192L11.6477 5.35225C11.4281 5.13258 11.0719 5.13258 10.8523 5.35225C10.6326 5.57192 10.6326 5.92808 10.8523 6.14775L14.0719 9.36742C14.1451 9.44064 14.1451 9.55936 14.0719 9.63258L10.8523 12.8523C10.6326 13.0719 10.6326 13.4281 10.8523 13.6477Z"
2361        fill="white" />
2362</svg>                                </button>
2363                            </div>
2364                        </div>
2365                        <div data-toggle="modal" data-target="#modal-location-4" class="card-location-new">
2366                            <div class="bg-card-location">
2367                                <img data-src="https://lindungihutan.com/public/corporatree/assets/lokasi/compress/waykambas.webp"
2368                                    alt="" class="lazy">
2369                            </div>
2370                            <div class="main-text">
2371                                <div class="tag-city">
2372                                    Lampung
2373                                </div>
2374                                <div>
2375                                    <h3 class="name">
2376                                        Taman Nasional Way Kambas
2377                                    </h3>
2378                                    <p class="price">
2379                                        Mulai dari Rp. 30.000 /Pohon
2380                                    </p>
2381                                </div>
2382                            </div>
2383                            <div class="overlay">
2384                                <div>
2385                                    <h3 class="name">Taman Nasional Way Kambas</h3>
2386                                    <p class="description">
2387                                        Taman Nasional Way Kambas berada di Kabupaten Lampung, dengan penanaman di
2388                                        daerah depan yang
2389                                        mudah dijangkau masyarakat. Hal ini karena salah satu keinginan masyarakat untuk
2390                                        ikut serta
2391                                        dalam pengelolaan kawasan taman nasional way kambas dengan ikut kemitraan
2392                                        konservasi
2393                                        pemulihan ekosistem berbasis masyarakat metode arboretum. Wilayah ini menjadi
2394                                        kawasan dengan
2395                                        konservasi tinggi, terdapat hewan-hewan langka yang dilindungi. Arborentum
2396                                        direncanakan
2397                                        menjadi kawasan edukasi dengan banyaknya tanaman endemik, sehingaa dapat
2398                                        diketahui
2399                                        keseluruhan tumbuhan yang berada di taman tersebut.
2400                                        Pada tahun 2022, LindungiHutan membantu masyarakat untuk melakukan penanaman
2401                                        pohon endemik
2402                                        way kambas di sana. Pohon tersebut bermanfaat menjaga daratan dari erosi,
2403                                        penghijauan, dan
2404                                        meningkatkan ekosistem hutan. Selain itu, hasilnya juga dapat dimanfaatkan untuk
2405                                        konsumsi
2406                                        serta edukasi untuk masyarakat sekitar.
2407                                    </p>
2408                                </div>
2409                                <button class="link">
2410                                    Lihat Selengkapnya
2411                                    <svg width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg">
2412    <path fill-rule="evenodd" clip-rule="evenodd"
2413        d="M2.4375 9.5C2.4375 9.81066 2.68934 10.0625 3 10.0625L14.25 10.0625C14.5607 10.0625 14.8125 9.81066 14.8125 9.5C14.8125 9.18934 14.5607 8.9375 14.25 8.9375H3C2.68934 8.9375 2.4375 9.18934 2.4375 9.5Z"
2414        fill="white" />
2415    <path fill-rule="evenodd" clip-rule="evenodd"
2416        d="M10.8523 13.6477C11.0719 13.8674 11.4281 13.8674 11.6477 13.6477L14.8674 10.4281C15.38 9.91551 15.38 9.08448 14.8674 8.57192L11.6477 5.35225C11.4281 5.13258 11.0719 5.13258 10.8523 5.35225C10.6326 5.57192 10.6326 5.92808 10.8523 6.14775L14.0719 9.36742C14.1451 9.44064 14.1451 9.55936 14.0719 9.63258L10.8523 12.8523C10.6326 13.0719 10.6326 13.4281 10.8523 13.6477Z"
2417        fill="white" />
2418</svg>                                </button>
2419                            </div>
2420                        </div>
2421                        <div data-toggle="modal" data-target="#modal
2421-location-5" class="card-location-new">
2422                            <div class="bg-card-location">
2423                                <img data-src="https://lindungihutan.com/public/corporatree/assets/lokasi/compress/ekowisata_mangrove_wonorejo_surabaya.webp"
2424                                    alt="" class="lazy">
2425                            </div>
2426                            <div class="main-text">
2427                                <div class="tag-city">
2428                                    Surabaya
2429                                </div>
2430                                <div>
2431                                    <h3 class="name">
2432                                        Ekowisata Mangrove Wonorejo
2433                                    </h3>
2434                                    <p class="price">
2435                                        Mulai dari Rp. 25.000 /Pohon
2436                                    </p>
2437                                </div>
2438                            </div>
2439                            <div class="overlay">
2440                                <div>
2441                                    <h3 class="name">Ekowisata Mangrove Wonorejo</h3>
2442                                    <p class="description">
2443                                        Ekosistem Mangrove Wonorejo terletak di Kota Surabaya, Jawa Timur. Pemerintah
2444                                        kota Surabaya
2445                                        memanfaatkan keberadaan mangrove di sana sebagai wisata berbasis lingkungan.
2446                                        Ekosistem
2447                                        Mangrove Wonorejo memfasiitasi pengunjung yang datang dengan wahana kapal
2448                                        ataupun jembatan
2449                                        kayu. Namun, lokasi masih menjadi daerah utama di wilayah pantai timur Surabaya
2450                                        yang terkena
2451                                        dampak abrasi.
2452                                        Untuk menangani abrasi yang terjadi, pada tahun 2022 LindungiHutan turut andil
2453                                        dalam
2454                                        memfasilitasi penanaman mangrove. Pohon mangrove berperan dalam mehanan ombak
2455                                        yang dapat
2456                                        mengikis daratan. Penanaman mangrove berguna untuk melestarikan keberadaan
2457                                        kawasan mangrove
2458                                        yng sudah dimanfaatkan menjadi tempat wisata. Masyarakat bisa melakukan
2459                                        pengembangan potensi
2460                                        wisata menjadi wisata edukasi. Kawasan Mangrove Wonorejo memiliki keberagaman
2461                                        dan keunikan
2462                                        ekosistem yang menarik untuk diamati dan dipelajari.
2463                                    </p>
2464                                </div>
2465                                <button class="link">
2466                                    Lihat Selengkapnya
2467                                    <svg width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg">
2468    <path fill-rule="evenodd" clip-rule="evenodd"
2469        d="M2.4375 9.5C2.4375 9.81066 2.68934 10.0625 3 10.0625L14.25 10.0625C14.5607 10.0625 14.8125 9.81066 14.8125 9.5C14.8125 9.18934 14.5607 8.9375 14.25 8.9375H3C2.68934 8.9375 2.4375 9.18934 2.4375 9.5Z"
2470        fill="white" />
2471    <path fill-rule="evenodd" clip-rule="evenodd"
2472        d="M10.8523 13.6477C11.0719 13.8674 11.4281 13.8674 11.6477 13.6477L14.8674 10.4281C15.38 9.91551 15.38 9.08448 14.8674 8.57192L11.6477 5.35225C11.4281 5.13258 11.0719 5.13258 10.8523 5.35225C10.6326 5.57192 10.6326 5.92808 10.8523 6.14775L14.0719 9.36742C14.1451 9.44064 14.1451 9.55936 14.0719 9.63258L10.8523 12.8523C10.6326 13.0719 10.6326 13.4281 10.8523 13.6477Z"
2473        fill="white" />
2474</svg>                                </button>
2475                            </div>
2476                        </div>
2477                        <div data-toggle="modal" data-target="#modal
2477-location-6" class="card-location-new">
2478                            <div class="bg-card-location">
2479                                <img data-src="https://lindungihutan.com/public/corporatree/assets/lokasi/compress/pesisir_untia_makassar.webp"
2480                                    alt="" class="lazy">
2481                            </div>
2482                            <div class="main-text">
2483                                <div class="tag-city">
2484                                    Makassar
2485                                </div>
2486                                <div>
2487                                    <h3 class="name">
2488                                        Pesisir Untia
2489                                    </h3>
2490                                    <p class="price">
2491                                        Mulai dari Rp. 30.000 /Pohon
2492                                    </p>
2493                                </div>
2494                            </div>
2495                            <div class="overlay">
2496                                <div>
2497                                    <h3 class="name">Pesisir Untia</h3>
2498                                    <p class="description">
2499                                        Pesisir Untia yang terletak di Kecamatan Bringkanaya, Kota Makassar, Sulawesi
2500                                        Selatan sangat
2501                                        rentan tereksploitasi menjadi tambak dan kayu bakar. Hal ini menyebabkan
2502                                        meluasnya abrasi
2503                                        dengan prediksi sebesar 122 cm air laut naik di tahun 2100. Daya simpan air
2504                                        tanah juga
2505                                        terancam akibat kondisi ini.
2506                                        Penanaman di Pesisir Untia oleh LindungiHutan dilakukan sejak tahun 2021 untuk
2507                                        mengatasi
2508                                        masalah ini. Mangrove adalah pohon yang paling tepat untuk menghijaukan daerah
2509                                        ini karena
2510                                        akarnya dapat menahan ombak. Dengan demikian, mitigasi iklim dapat dilakukan
2511                                        untuk
2512                                        mengurangi risiko bencana di daerah tersebut.
2513                                    </p>
2514                                </div>
2515                                <button class="link">
2516                                    Lihat Selengkapnya
2517                                    <svg width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg">
2518    <path fill-rule="evenodd" clip-rule="evenodd"
2519        d="M2.4375 9.5C2.4375 9.81066 2.68934 10.0625 3 10.0625L14.25 10.0625C14.5607 10.0625 14.8125 9.81066 14.8125 9.5C14.8125 9.18934 14.5607 8.9375 14.25 8.9375H3C2.68934 8.9375 2.4375 9.18934 2.4375 9.5Z"
2520        fill="white" />
2521    <path fill-rule="evenodd" clip-rule="evenodd"
2522        d="M10.8523 13.6477C11.0719 13.8674 11.4281 13.8674 11.6477 13.6477L14.8674 10.4281C15.38 9.91551 15.38 9.08448 14.8674 8.57192L11.6477 5.35225C11.4281 5.13258 11.0719 5.13258 10.8523 5.35225C10.6326 5.57192 10.6326 5.92808 10.8523 6.14775L14.0719 9.36742C14.1451 9.44064 14.1451 9.55936 14.0719 9.63258L10.8523 12.8523C10.6326 13.0719 10.6326 13.4281 10.8523 13.6477Z"
2523        fill="white" />
2524</svg>                                </button>
2525                            </div>
2526                        </div>
2527                        <div data-toggle="modal" data-target="#modal-location-7" class="card-location-new">
2528                            <div class="bg-card-location">
2529                                <img data-src="https://lindungihutan.com/public/corporatree/assets/lokasi/compress/koranji_subang.webp"
2530                                    alt="" class="lazy">
2531                            </div>
2532                            <div class="main-text">
2533                                <div class="tag-city">
2534                                    Subang
2535                                </div>
2536                                <div>
2537                                    <h3 class="name">
2538                                        Desa Koranji
2539                                    </h3>
2540                                    <p class="price">
2541                                        Mulai dari Rp. 130.000 /Poh
2541on
2542                                    </p>
2543                                </div>
2544                            </div>
2545                            <div class="overlay">
2546                                <div>
2547                                    <h3 class="name">Desa Koranji</h3>
2548                                    <p class="description">
2549                                        Lokasi penanaman berada dalam kawasan Hutan Desa dan merupakan areal binaan
2550                                        kelompok tani
2551                                        Bima tunas sejahtera
2552                                    </p>
2553                                </div>
2554                                <button class="link">
2555                                    Lihat Selengkapnya
2556                                    <svg width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg">
2557    <path fill-rule="evenodd" clip-rule="evenodd"
2558        d="M2.4375 9.5C2.4375 9.81066 2.68934 10.0625 3 10.0625L14.25 10.0625C14.5607 10.0625 14.8125 9.81066 14.8125 9.5C14.8125 9.18934 14.5607 8.9375 14.25 8.9375H3C2.68934 8.9375 2.4375 9.18934 2.4375 9.5Z"
2559        fill="white" />
2560    <path fill-rule="evenodd" clip-rule="evenodd"
2561        d="M10.8523 13.6477C11.0719 13.8674 11.4281 13.8674 11.6477 13.6477L14.8674 10.4281C15.38 9.91551 15.38 9.08448 14.8674 8.57192L11.6477 5.35225C11.4281 5.13258 11.0719 5.13258 10.8523 5.35225C10.6326 5.57192 10.6326 5.92808 10.8523 6.14775L14.0719 9.36742C14.1451 9.44064 14.1451 9.55936 14.0719 9.63258L10.8523 12.8523C10.6326 13.0719 10.6326 13.4281 10.8523 13.6477Z"
2562        fill="white" />
2563</svg>                                </button>
2564                            </div>
2565                        </div>
2566                        <div data-toggle="modal" data-target="#modal-location-8" class="card-location-new">
2567                            <div class="bg-card-location">
2568                                <img data-src="https://lindungihutan.com/public/corporatree/assets/lokasi/compress/sukawali.webp"
2569                                    alt="" class="lazy">
2570                            </div>
2571                            <div class="main-text">
2572                                <div class="tag-city">
2573                                    Tangerang
2574                                </div>
2575                                <div>
2576                                    <h3 class="name">
2577                                        Desa Sukawali
2578                                    </h3>
2579                                    <p class="price">
2580                                        Mulai dari Rp. 35.000 /Pohon
2581                                    </p>
2582                                </div>
2583                            </div>
2584                            <div class="overlay">
2585                                <div>
2586                                    <h3 class="name">Desa Sukawali</h3>
2587                                    <p class="description">
2588                                        Desa Sukawali, Kecamatan Pakuhaji, Kabupaten Tangerang, Banten merupakan titik
2589                                        bermuaranya
2590                                        sungai Cisadane ke Laut Jawa. Daerah ini merupakan daerah pesisir dan memiliki
2591                                        beberapa
2592                                        pulau kecil hasil dari endapan sungai. Sejak dahulu Muara Cisadane ditumbuhi
2593                                        tanaman-tanaman
2594                                        pesisir, termasuk mangrove. Namun, beberapa orang mengubah daerah tersebut
2595                                        menjadi
2596                                        pertambakan. Hal ini menyebabkan rusaknya ekosistem mangrove dan menimbulkan
2597                                        abrasi. Selain
2598                                        itu, masyarakat berharap adanya upaya pemanfaatan lahan yang tertimbun sampah
2599                                        menjadi lahan
2600                                        yang produktif. Masyarakat terus melakukan upaya agar keberadaan mangrove ini
2601                                        terjaga.
2602                                        Pada tahun 2022, LindungiHutan membantu masyarakat untuk melakukan penanaman
2603                                        pohon Mangrove
2604                                        di sana. Pohon mangrove bermanfaat menjaga daratan dari abrasi dengan
2605                                        pembentukan sedimen
2606                                        baru. Selain itu, hasil mangrove juga dapat dimanfaatkan untuk usaha olahan oleh
2607                                        masyarakat
2608                                        sekitar.
2609                                    </p>
2610                                </div>
2611                                <button class="link">
2612                                    Lihat Selengkapnya
2613                                    <svg width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg">
2614    <path fill-rule="evenodd" clip-rule="evenodd"
2615        d="M2.4375 9.5C2.4375 9.81066 2.68934 10.0625 3 10.0625L14.25 10.0625C14.5607 10.0625 14.8125 9.81066 14.8125 9.5C14.8125 9.18934 14.5607 8.9375 14.25 8.9375H3C2.68934 8.9375 2.4375 9.18934 2.4375 9.5Z"
2616        fill="white" />
2617    <path fill-rule="evenodd" clip-rule="evenodd"
2618        d="M10.8523 13.6477C11.0719 13.8674 11.4281 13.8674 11.6477 13.6477L14.8674 10.4281C15.38 9.91551 15.38 9.08448 14.8674 8.57192L11.6477 5.35225C11.4281 5.13258 11.0719 5.13258 10.8523 5.35225C10.6326 5.57192 10.6326 5.92808 10.8523 6.14775L14.0719 9.36742C14.1451 9.44064 14.1451 9.55936 14.0719 9.63258L10.8523 12.8523C10.6326 13.0719 10.6326 13.4281 10.8523 13.6477Z"
2619        fill="white" />
2620</svg>                                </button>
2621                            </div>
2622                        </div>
2623                    </div>
2624                    <div style="display: flex; justify-content: center; margin-top: 32px;">
2625                        <a href="https://lindungihutan.com/lokasi" class="btn btn-outline-green">Lihat Lokasi Lainnya</a>
2626                    </div>
2627                </div>
2628            </div>
2629        </div>
2630    </div>
2631
2632    <div class="section section-form" id="section-form">
2633        <div class="container-read">
2634            <div class="row">
2635                <div class="col-xs-12">
2636                    <div class="wrapper-form-image">
2637                        <div class="wrapper-form">
2638                            <h2 class="section-title">
2639                                Ayo Berdiskusi Sekarang
2640                            </h2>
2641                            <form id="form-csr" action="https://lindungihutan.com/corporatree/store" method="POST">
2642                                <input type="hidden" name="_token" value="Wm8S94prkQRL9FtVwX4wLOmeGOohUaxGqqX713ZK">                                <div id="my_name_vMPQ24hJPxooJgcz_wrap" style="display:none;">
2643        <input name="my_name_vMPQ24hJPxooJgcz" type="text" value="" id="my_name_vMPQ24hJPxooJgcz">
2644        <input name="valid_from" type="text" value="eyJpdiI6IllcL3JqQ3NaUFBIVjlGSW14Q1d3MzdBPT0iLCJ2YWx1ZSI6IlRNQWxrZndOSWo0MmpFRlRYc0NHVVE9PSIsIm1hYyI6ImQ3NjBiOTA2ZGE0YTBlNDMyYmIzZTJlYzJlMjY3M2Y0ODg5Yzk0MDU1MDc5MzM2MDk1OGZlYWM1MTFjOWVlNTUifQ==">
2645    </div>
2646                                <div class="wrapper-scrolling-form-2">
2647                                    <div class="row">
2648                                        <div class="col-xs-12 col-lg-6">
2649                                            <div class="form-group">
2650                                                <label for="">
2651                                                    Nama<span class="required-label">*</span>
2652                                                </label>
2653                                                <input type="text" class="form-control input-lg" id="name"
2654                                                    name="name" placeholder="Nama lengkap" required>
2655                                            </div>
2656                                        </div>
2657                                        <div class="col-xs-12 col-lg-6">
2658                                            <div class="form-group">
2659                                                <label for="brand">
2660                                                    Nama Instansi<span class="required-label">*</span>
2661                                                </label>
2662                                                <input type="text" class="form-control input-lg" id="brand"
2663                                                    name="brand" placeholder="Nama Instansi Anda" required>
2664                                            </div>
2665                                        </div>
2666                                    </div>
2667                                    <div class="row">
2668                                        <div class="col-xs-12 col-lg-6">
2669                                            <div class="form-group">
2670                                                <label for="position">
2671                                                    Posisi<span class="required-label">*</span>
2672                                                </label>
2673                                                <input type="text" class="form-control input-lg" id="position"
2674                                                    name="position" placeholder="Stakeholder Engagement Manager"
2675                                                    required>
2676                                            </div>
2677                                        </div>
2678                                        <div class="col-xs-12 col-lg-6">
2679                                            <div class="form-group">
2680                                                <label for="division">
2681                                                    Divisi<span class="required-label">*</span>
2682                                                </label>
2683                                                <input type="text" class="form-control input-lg" id="division"
2684                                                    name="division" placeholder="ESG Division" required>
2685                                            </div>
2686                                        </div>
2687                                    </div>
2688                                    <div class="row">
2689                                        <div class="col-xs-12 col-lg-6">
2690                                            <div class="form-group">
2691                                                <label for="email">
2692                                                    Email<span class="required-label">*</span>
2693                                                </label>
2694                                                <input type="email" class="form-control input-lg" id="email"
2695                                                    name="email" placeholder="Alamat email" required>
2696                                            </div>
2697                                        </div>
2698                                        <div class="col-xs-12 col-lg-6">
2699                                            <div class="form-group">
2700                                                <label for="number">Nomor WhatsApp / Telp<span
2701                                                        class="required-label">*</span>
2702                                                </label>
2703                                                <input type="tel" required class="form-control input-lg" id="number" name="number" onkeypress="if (!window.__cfRLUnblockHandlers) return false; return isNumber(event)" onpaste="if (!window.__cfRLUnblockHandlers) return false; cleanPaste(event)" placeholder="8xx-xxxx-xxxx" data-cf-modified-bba5fa218eda8824aac6ff8d-="" />
2704                                                <input id="formatedNumber" type="hidden" name="formatedNumber">
2705                                            </div>
2706                                        </div>
2707                                    </div>
2708                                    <div class="row">
2709                                        <div class="col-xs-12 col-lg-6">
2710                                            <div class="form-group">
2711                                                <label for="sector">
2712                                                    Sektor Usaha
2713                                                    <span class="required-label">*</span>
2714                                                </label>
2715                                                <select required name="sector" id="sector"
2716                                                    class="form-control input-lg">
2717                                                    <option value="">
2718                                                        Pilih sektor usaha anda
2719                                                    </option>
2720                                                    <option value="Energi">
2721                                                        Energi
2722                                                    </option>
2723                                                    <option value="Barang Baku">
2724                                                        Barang Baku
2725                                                    </option>
2726                                                    <option value="Perindustrian">
2727                                                        Perindustrian
2728                                                    </option>
2729                                                    <option value="Barang Konsumen Primer">
2730                                                        Barang Konsumen Primer
2731                                                    </option>
2732                                                    <option value="Barang Konsumen Non-Primer">Barang Konsumen
2733                                                        Non-Primer
2734                                                    </option>
2735                                                    <option value="Kesehatan">
2736                                                        Kesehatan
2737                                                    </option>
2738                                                    <option value="Keuangan">
2739                                                        Keuangan
2740                                                    </option>
2741                                                    <option value="Properti & Real Estate">
2742                                                        Properti & Real Estate
2743                                                    </option>
2744                                                    <option value="Teknologi">
2745                                                        Teknologi
2746                                                    </option>
2747                                                    <option value="Infrastruktur">
2748                                                        Infrastruktur
2749                                                    </option>
2750                                                    <option value="Transportasi & Logistik">
2751                                                        Transportasi & Logistik
2752                                                    </option>
2753                                                </select>
2754                                            </div>
2755                                        </div>
2756                                        <div class="col-xs-12 col-lg-6">
2757                                            <div class="form-group">
2758                                                <label for="channel[]">Sumber Informasi/Channel<span
2759                                                        class="required-label">*</span><span class="microtip"
2760                                                        aria-label="Centang sumber yang membawa Anda ke halaman ini 
2761                                                        (Anda dapat memilih sebanyak mungkin)"
2762                                                        data-microtip-position="top" data-microtip-size="large"
2763                                                        role="tooltip">
2764                                                        <i class="fa fa-question-circle-o"></i>
2765                                                    </span></label>
2766                                                <div class="select-menu">
2767                                                    <div class="select-btn">
2768                                                        <span class="sBtn-text">Pilih sumber informasi</span>
2769                                                        <i>
2770                                                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
2771    <path fill-rule="evenodd" clip-rule="evenodd"
2772        d="M10.5858 8.99997C11.3668 8.21892 12.6332 8.21892 13.4142 8.99997L18.7071 14.2929C19.0976 14.6834 19.0976 15.3166 18.7071 15.7071C18.3166 16.0976 17.6834 16.0976 17.2929 15.7071L12 10.4142L6.70711 15.7071C6.31658 16.0976 5.68342 16.0976 5.29289 15.7071C4.90237 15.3166 4.90237 14.6834 5.29289 14.2929L10.5858 8.99997Z"
2773        fill="#121212" />
2774</svg>                                                        </i>
2775                                                    </div>
2776                                                    <ul class="options">
2777                                                        <li class="option">
2778                                                            <label class="control control-checkbox">
2779                                                                Instagram
2780                                                                <input type="checkbox" name="channel[]"
2781                                                                    value="Instagram" />
2782                                                                <div class="control_indicator"></div>
2783                                                            </label>
2784                                                        </li>
2785                                                        <li class="option">
2786                                                            <label class="control control-checkbox">
2787                                                                LinkedIn
2788                                                                <input type="checkbox" name="channel[]"
2789                                                                    value="LinkedIn" />
2790                                                                <div class="control_indicator"></div>
2791                                                            </label>
2792                                                        </li>
2793                                                        <li class="option">
2794                                                            <label class="control control-checkbox">
2795                                                                Twitter
2796                                                                <input type="checkbox" name="channel[]"
2797                                                                    value="Twitter" />
2798                                                                <div class="control_indicator"></div>
2799                                                            </label>
2800                                                        </li>
2801                                                        <li class="option">
2802                                                            <label class="control control-checkbox">
2803                                                                Dihubungi oleh Kami
2804                                                                <input type="checkbox" name="channel[]"
2805                                                                    value="Dihubungi oleh Kami" />
2806                                                                <div class="control_indicator"></div>
2807                                                            </label>
2808                                                        </li>
2809                                                        <li class="option">
2810                                                            <label class="control control-checkbox">
2811                                                                Website LindungiHutan
2812                                                                <input type="checkbox" name="channel[]"
2813                                                                    value="Website LindungiHutan" />
2814                                                                <div class="control_indicator"></div>
2815                                                            </label>
2816                                                        </li>
2817
2818                                                        <li class="option">
2819                                                            <label class="control control-checkbox">
2820                                                                Artikel Blog
2821                                                                <input type="checkbox" name="channel[]"
2822                                                                    value="Artikel Blog" />
2823                                                                <div class="control_indicator"></div>
2824                                                            </label>
2825                                                        </li>
2826                                                        <li class="option">
2827                                                            <label class="control control-checkbox">
2828                                                                Berita
2829                                                                <input type="checkbox" name="channel[]"
2830                                                                    value="Berita" />
2831                                                                <div class="control_indicator"></div>
2832                                                            </label>
2833                                                        </li>
2834                                                        <li class="option">
2835                                                            <label class="control control-checkbox">
2836                                                                Wanaswara
2837                                                                <input type="checkbox" name="channel[]"
2838                                                                    value="Wanaswara" />
2839                                                                <div class="control_indicator"></div>
2840                                                            </label>
2841                                                        </li>
2842                                                        <li class="option">
2843                                                            <label class="control control-checkbox">
2844                                                                Teman
2845                                                                <input type="checkbox" name="channel[]"
2846                                                                    value="Teman" />
2847                                                                <div class="control_indicator"></div>
2848                                                            </label>
2849                                                        </li>
2850                                                        <li class="option">
2851                                                            <label class="control control-checkbox">
2852                                                                Tim LindungiHutan
2853                                                                <input type="checkbox" name="channel[]"
2854                                                                    value="Tim LindungiHutan" />
2855                                                                <div class="control_indicator"></div>
2856                                                            </label>
2857                                                        </li>
2858
2859                                                        <li class="option">
2860                                                            <label class="control control-checkbox">
2861                                                                Email
2862                                                                <input type="checkbox" name="channel[]"
2863                                                                    value="Email" />
2864                                                                <div class="control_indicator"></div>
2865                                                            </label>
2866                                                        </li>
2867                                                        <li class="option">
2868                                                            <label class="control control-checkbox">
2869                                                                Google
2870                                                                <input type="checkbox" name="channel[]"
2871                                                                    value="Google" />
2872                                                                <div class="control_indicator"></div>
2873                                                            </label>
2874                                                        </li>
2875                                                        <li class="option">
2876                                                            <label class="control control-checkbox">
2877                                                                Youtube
2878                                                                <input type="checkbox" name="channel[]"
2879                                                                    value="Youtube" />
2880                                                                <div class="control_indicator"></div>
2881                                                            </label>
2882                                                        </li>
2883                                                        <li class="option">
2884                                                            <label class="control control-checkbox">
2885                                                                Lainnya
2886                                                                <input type="checkbox" name="channel[]"
2887                                                                    value="Lainnya" id="channel-lainnya" />
2888                                                                <div class="control_indicator"></div>
2889                                                            </label>
2890                                                        </li>
2891                                                        <li class="option">
2892                                                            <div class="wrapper-lainnya"> </div>
2893                                                        </li>
2894                                                    </ul>
2895                                                </div>
2896                                            </div>
2897                                        </div>
2898                                    </div>
2899                                    <div class="row">
2900                                        <div class="col-xs-12 col-lg-6">
2901                                            <div class="form-group">
2902                                                <label for="area">
2903                                                    Area Lokasi Kegiatan<span class="required-label">*</span>
2904                                                </label>
2905                                                <select required name="area" id="area"
2906                                                    class="form-control input-lg">
2907                                                    <option value="">
2908                                                        Pilih area kegiatan
2909                                                    </option>
2910                                                                                                            <option value="Aceh">Aceh
2911                                                        </option>
2912                                                                                                            <option value="Bali">Bali
2913                                                        </option>
2914                                                                                                            <option value="Banten">Banten
2915                                                        </option>
2916                                                                                                            <option value="Bengkulu">Bengkulu
2917                                                        </option>
2918                                                                                                            <option value="DI Yogyakarta">DI Yogyakarta
2919                                                        </option>
2920                                                                                                            <option value="DKI Jakarta">DKI Jakarta
2921                                                        </option>
2922                                                                                                            <option value="Gorontalo">Gorontalo
2923                                                        </option>
2924                                                                                                            <option value="Jambi">Jambi
2925                                                        </option>
2926                                                                                                            <option value="Jawa Barat">Jawa Barat
2927                                                        </option>
2928                                                                                                            <option value="Jawa Tengah">Jawa Tengah
2929                                                        </option>
2930                                                                                                            <option value="Jawa Timur">Jawa Timur
2931                                                        </option>
2932                                                                                                            <option value="Kalimantan Barat">Kalimantan Barat
2933                                                        </option>
2934                                                                                                            <option value="Kalimantan Selatan">Kalimantan Selatan
2935                                                        </option>
2936                                                                                                            <option value="Kalimantan Tengah">Kalimantan Tengah
2937                                                        </option>
2938                                                                                                            <option value="Kalimantan Timur">Kalimantan Timur
2939                                                        </option>
2940                                                                                                            <option value="Kalimantan Utara">Kalimantan Utara
2941                                                        </option>
2942                                                                                                            <option value="Kepulauan Bangka Belitung">Kepulauan Bangka Belitung
2943                                                        </option>
2944                                                                                                            <option value="Kepulauan Riau">Kepulauan Riau
2945                                                        </option>
2946                                                                                                            <option value="Lampung">Lampung
2947                                                        </option>
2948                                                                                                            <option value="Maluku">Maluku
2949                                                        </option>
2950                                                                                                            <option value="Maluku Utara">Maluku Utara
2951                                                        </option>
2952                                                                                                            <option value="N
2952usa Tenggara Barat">Nusa Tenggara Barat
2953                                                        </option>
2954                                                                                                            <option value="Nusa Tenggara Timur">Nusa Tenggara Timur
2955                                                        </option>
2956                                                                                                            <option value="Papua">Papua
2957                                                        </option>
2958                                                                                                            <option value="Papua Barat">Papua Barat
2959                                                        </option>
2960                                                                                                            <option value="Riau">Riau
2961                                                        </option>
2962                                                                                                            <option value="Sulawesi Barat">Sulawesi Barat
2963                                                        </option>
2964                                                                                                            <option value="Sulawesi Selatan">Sulawesi Selatan
2965                                                        </option>
2966                                                                                                            <option value="Sulawesi Tengah">Sulawesi Tengah
2967                                                        </option>
2968                                                                                                            <option value="Sulawesi Tenggara">Sulawesi Tenggara
2969                                                        </option>
2970                                                                                                            <option value="Sulawesi Utara">Sulawesi Utara
2971                                                        </option>
2972                                                                                                            <option value="Sumatera Barat">Sumatera Barat
2973                                                        </option>
2974                                                                                                            <option value="Sumatera Selatan">Sumatera Selatan
2975                                                        </option>
2976                                                                                                            <option value="Sumatera Utara">Sumatera Utara
2977                                                        </option>
2978                                                                                                    </select>
2979                                            </div>
2980                                        </div>
2981                                        <div class="col-xs-12 col-lg-6">
2982                                            <div class="form-group">
2983                                                <label for="target">
2984                                                    Target Penanaman<span class="required-label">*</span>
2985                                                </label>
2986                                                <select name="target" id="target" class="form-control input-lg">
2987                                                    <option value="<1.000 Pohon">
2988                                                        &lt;1.000 Pohon
2989                                                    </option>
2990                                                    <option value="1.000-5.000 Pohon">
2991                                                        1.000-5.000 Pohon
2992                                                    </option>
2993                                                    <option value="5.000-10.000 Pohon">
2994                                                        5.000-10.000 Pohon
2995                                                    </option>
2996                                                    <option value="10.000-20.000 Pohon">
2997                                                        10.000-20.000 Pohon
2998                                                    </option>
2999                                                    <option value=">20.000 Pohon">
3000                                                        &gt;20.000 Pohon
3001                                                    </option>
3002                                                </select>
3003                                            </div>
3004                                        </div>
3005                                    </div>
3006                                    <div class="form-group" style="position: relative; padding-bottom: 20px;">
3007                                        <label for="">Apa Rencana Kegiatan Anda<span
3008                                                class="required-label">*</span></label>
3009                                        <textarea name="description" id="description" class="form-control input-lg" rows="5" maxlength="150"
3010                                            placeholder="Kegiatan CSR perusahaan berupa penanaman mangrove di pesisir Semarang bersama komunitas lokal dengan estimasi anggaran Rp100.000.000."></textarea>
3011                                        <div
3012                                            style="position: absolute; bottom: 5; right: 0; padding-top: 5px; display: flex; justify-content: end;">
3013                                            <div id="the-count">
3014                                                <span id="current">0</span>
3015                                                <span id="maximum">/ 150</span>
3016                                            </div>
3017                                        </div>
3018                                    </div>
3019                                    <div class="cf-turnstile" data-sitekey="0x4AAAAAAEa3DrofvvmZ288r"></div>
3020                                    <div style="display: flex;">
3021                                        <button type="submit" disabled id="btn-submit-form"
3022                                            class="btn btn-outline-green">Kirim</button>
3023                                    </div>
3024                                </div>
3025                            </form>
3026                        </div>
3027                        <div>
3028                            <img class="lazy"
3029                                data-src="https://lindungihutan.com/public/corporatree/assets/aktivitas_csr_bca_syariah.webp"
3030                                alt="">
3031                        </div>
3032                    </div>
3033                </div>
3034            </div>
3035        </div>
3036    </div>
3037
3038    <div class="section section-article">
3039        <div class="container-read">
3040            <div class="row">
3041                <div class="col-xs-12">
3042                    <div class="wrapper-section-title">
3043                        <h2 class="section-title" id="article-section-title">
3044                            Liputan Kegiatan, Cerita, dan Inspirasi.
3045                        </h2>
3046                        <div class="wrapper-swiper-button">
3047                            <div class="swiper-button-next swiper-button-next-article-mitra">
3048                                <svg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg">
3049    <path
3050        d="M0.459286 6.28998L6.11929 0.639976C6.21225 0.546247 6.32285 0.471853 6.44471 0.421084C6.56657 0.370316 6.69727 0.344177 6.82929 0.344177C6.9613 0.344177 7.092 0.370316 7.21386 0.421084C7.33572 0.471853 7.44632 0.546247 7.53929 0.639976C7.72554 0.827338 7.83008 1.08079 7.83008 1.34498C7.83008 1.60916 7.72554 1.86261 7.53929 2.04998L2.58929 7.04998L7.53929 12C7.72554 12.1873 7.83008 12.4408 7.83008 12.705C7.83008 12.9692 7.72554 13.2226 7.53929 13.41C7.44667 13.5045 7.33623 13.5796 7.21435 13.6311C7.09248 13.6826 6.96159 13.7094 6.82929 13.71C6.69698 13.7094 6.5661 13.6826 6.44422 13.6311C6.32235 13.5796 6.2119 13.5045 6.11929 13.41L0.459286 7.75998C0.357781 7.66633 0.276772 7.55268 0.221365 7.42618C0.165958 7.29968 0.137353 7.16308 0.137353 7.02498C0.137353 6.88687 0.165958 6.75027 0.221365 6.62377C0.276772 6.49727 0.357781 6.38362 0.459286 6.28998V6.28998Z"
3051        fill="#D5D5D5" />
3052</svg>                            </div>
3053                            <div class="swiper-button-prev swiper-button-prev-article-mitra">
3054                                <svg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg">
3055    <path
3056        d="M7.50078 7.79999L1.80078 13.4C1.40078 13.8 0.800781 13.8 0.400781 13.4C0.000780582 13 0.000780582 12.4 0.400781 12L5.30078 6.99999L0.400781 1.99999C0.000780582 1.59999 0.000780582 0.999987 0.400781 0.599988C0.60078 0.399988 0.800781 0.299988 1.10078 0.299988C1.40078 0.299988 1.60078 0.399988 1.80078 0.599988L7.50078 6.19999C7.90078 6.69999 7.90078 7.29999 7.50078 7.79999C7.50078 7.69999 7.50078 7.69999 7.50078 7.79999Z"
3057        fill="#D5D5D5" />
3058</svg>                            </div>
3059                        </div>
3060                    </div>
3061                    <div class="swiper swiper-article-mitra">
3062                        <div class="swiper-wrapper swiper-wrapper-article-mitra">
3063                            <div class="swiper-slide" id="article-1">
3064                                <a href="https://lindungihutan.com/blog/bca-life-tanam-1999-mangrove/"
3065                                    target="_blank">
3066                                    <div class="card-article">
3067                                        <div class="card-header">
3068                                            <img alt="Gambar Artikel"
3069                                                data-src="https://lindungihutan.com/public/corporatree/assets/articles/article_bca_life.webp"
3070                                                class="lazy">
3071                                        </div>
3072                                        <div class="card-body">
3073                                            <div>
3074                                                <h3 class="card-title">
3075                                                    1.999 Mangrove dari BCA Life untuk Jaga Keluarga dan Lindungi Bumi
3076                                                </h3>
3077                                                <p class="card-subtitle-article">
3078                                                    BCA Life merupakan anak perusahaan dari Grup BCA yang berfokus pada
3079                                                    penyedia jasa asuransi. Kepedulian lingkungan perusahaan ini
3080                                                    direalisasikan dengan menjalin kerjasama CSR bersama LindungiHutan.
3081                                                    Pohon yang berhasil ditanam dalam kolaborasi ini adalah sebanyak
3082                                                    1.999 pohon jenis mangrove. Kegiatan penanaman dilaksanakan pada 3
3083                                                    Mei 2023 di Pesisir Trimulyo, Kota Semarang, Genuk, Jawa Tengah.
3084                                                </p>
3085                                                <div class="link-readmore">
3086                                                    Selengkapnya
3087                                                    <svg display="none" style="margin-bottom: 0; margin-left: 1rem;" width="24" height="24" viewBox="0 0 24 24" fill="none"
3088    xmlns="http://www.w3.org/2000/svg">
3089    <path d="M14.4297 5.93018L20.4997 12.0002L14.4297 18.0702" stroke="#43936C" stroke-width="1.5"
3090        stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" />
3091    <path d="M3.5 12H20.33" stroke="#43936C" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"
3092        stroke-linejoin="round" />
3093</svg>                                                </div>
3094                                            </div>
3095                                        </div>
3096                                    </div>
3097                                </a>
3098                            </div>
3099                            <div class="swiper-slide" id="article-2">
3100                                <a href="https://lindungihutan.com/blog/exacoat-hijaukan-pesisir-tambakrejo/"
3101                                    target="_blank">
3102                                    <div class="card-article">
3103                                        <div class="card-header">
3104                                            <img alt="Gambar Artikel" class="lazy"
3105                                                data-src="https://lindungihutan.com/public/corporatree/assets/articles/article_exacoat.webp">
3106                                        </div>
3107                                        <div class="card-body">
3108                                            <div>
3109                                                <h3 class="card-title">
3110                                                    One Skin, One Tree: 3.500 Mangrove kolaborasi Exacoat X
3111                                                    LindungiHutan.
3112                                                </h3>
3113                                                <p class="card-subtitle-article">
3114                                                    Exacoat adalah leading brand dari Indonesia yang bergerak di
3115                                                    industri skin gadget. Pada 25 September 2022, Exacoat bersama
3116                                                    LindungiHutan telah melaksanakan penanaman ribuan pohon di Pesisir
3117                                                    Tambakrejo, Semarang. Sebanyak 3.502 pohon berhasil terkumpul
3118                                                    melalui skema product bundling dengan kampanye alam bertajuk “One
3119                                                    Skin, One Three”. Konsumen yang membeli 1 skin Exacoat berarti telah
3120                                                    berpartisipasi dalam penanaman 1 pohon.
3121                                                </p>
3122                                                <div class="link-readmore">
3123                                                    Selengkapnya
3124                                                    <svg display="none" style="margin-bottom: 0; margin-left: 1rem;" width="24" height="24" viewBox="0 0 24 24" fill="none"
3125    xmlns="http://www.w3.org/2000/svg">
3126    <path d="M14.4297 5.93018L20.4997 12.0002L14.4297 18.0702" stroke="#43936C" stroke-width="1.5"
3127        stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" />
3128    <path d="M3.5 12H20.33" stroke="#43936C" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"
3129        stroke-linejoin="round" />
3130</svg>                                                </div>
3131                                            </div>
3132                                        </div>
3133                                    </div>
3134                                </a>
3135                            </div>
3136                            <div class="swiper-slide" id="article-3">
3137                                <a href="https://lindungihutan.com/blog/pigeon-indonesia-tanam-5000-mangrove/"
3138                                    target="_blank">
3139                                    <div class="card-article">
3140                                        <div class="card-header">
3141                                            <img alt="Gambar Artikel"
3142                                                data-src="https://lindungihutan.com/public/corporatree/assets/articles/article_pigeon.webp"
3143                                                class="lazy">
3144                                        </div>
3145                                        <div class="card-body">
3146                                            <div>
3147                                                <h3 class="card-title">
3148                                                    Cara PT. Pigeon Tekan Emisi dengan Tanam 5.000 Mangrove bersama
3149                                                    LindungiHutan
3150                                                </h3>
3151                                                <p class="card-subtitle-article">
3152                                                    PT Pigeon Indonesia Perusahaan FMCG dan sekaligus anak perusahaan
3153                                                    Pigeon Singapore PTE.LTD. CSR dengan penanaman pohon oleh perusahaan
3154                                                    ini merupakan aksi 
3154nyata Pigeon Group terhadap mitigasi perubahan
3155                                                    iklim dan menjaga kelestarian keanekaragaman hayati. Pigeon telah
3156                                                    dua kali menjalankan program CSR bersama LindungiHutan yaitu pada
3157                                                    tahun 2021 dan 2022. 3.000 pohon mangrove di pesisir Pantai Bahagia,
3158                                                    Bekasi, Jawa Barat dan 2.000 pohon muara sungai Cisadane, Tangerang,
3159                                                    Banten.
3160                                                </p>
3161                                                <div class="link-readmore">
3162                                                    Selengkapnya
3163                                                    <svg display="none" style="margin-bottom: 0; margin-left: 1rem;" width="24" height="24" viewBox="0 0 24 24" fill="none"
3164    xmlns="http://www.w3.org/2000/svg">
3165    <path d="M14.4297 5.93018L20.4997 12.0002L14.4297 18.0702" stroke="#43936C" stroke-width="1.5"
3166        stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" />
3167    <path d="M3.5 12H20.33" stroke="#43936C" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"
3168        stroke-linejoin="round" />
3169</svg>                                                </div>
3170                                            </div>
3171                                        </div>
3172                                    </div>
3173                                </a>
3174                            </div>
3175                            <div class="swiper-slide" id="article-4">
3176                                <a href="https://lindungihutan.com/blog/watsons-go-green-tanam-1000-pohon-di-bali/"
3177                                    target="_blank">
3178                                    <div class="card-article">
3179                                        <div class="card-header">
3180                                            <img alt="Gambar Artikel"
3181                                                data-src="https://lindungihutan.com/public/corporatree/assets/articles/article_watsons.webp"
3182                                                class="lazy">
3183                                        </div>
3184                                        <div class="card-body">
3185                                            <div>
3186                                                <h3 class="card-title">
3187                                                    Aksi Hijau Watsons dengan 1.000 Mangrove untuk Teluk Benoa, Bali
3188                                                </h3>
3189                                                <p class="card-subtitle-article">
3190                                                    Watsons adalah perusahaan ritel produk kesehatan dan kecantikan yang
3191                                                    sudah mengoperasikan 7.200 toko, 1.500 apoteker di 13 pasar Asia dan
3192                                                    Eropa, termasuk Indonesia. Watsons menggandeng LindungiHutan untuk
3193                                                    melaksanakan program CSR peduli lingkungan dan berhasil menanam
3194                                                    1.000 pohon mangrove di Teluk Benoa, Bali. Penanaman ini dilakukan
3195                                                    pada 28 Juli 2022 dengan kampanye alam yang bertajuk “Watsons Go
3196                                                    Green Tanam Pohon”.
3197                                                </p>
3198                                                <div class="link-readmore">
3199                                                    Selengkapnya
3200                                                    <svg display="none" style="margin-bottom: 0; margin-left: 1rem;" width="24" height="24" viewBox="0 0 24 24" fill="none"
3201    xmlns="http://www.w3.org/2000/svg">
3202    <path d="M14.4297 5.93018L20.4997 12.0002L14.4297 18.0702" stroke="#43936C" stroke-width="1.5"
3203        stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" />
3204    <path d="M3.5 12H20.33" stroke="#43936C" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"
3205        stroke-linejoin="round" />
3206</svg>                                                </div>
3207                                            </div>
3208                                        </div>
3209                                    </div>
3210                                </a>
3211                            </div>
3212                            <div class="swiper-slide">
3213                                <a href="https://lindungihutan.com/blog/bfi-finance-bfin-menanam-pohon/"
3214                                    target="_blank">
3215                                    <div class="card-article">
3216                                        <div class="card-header">
3217                                            <img alt="Gambar Artikel"
3218                                                data-src="https://lindungihutan.com/public/corporatree/assets/articles/article_bfi.webp"
3219                                                class="lazy">
3220                                        </div>
3221                                        <div class="card-body">
3222                                            <div>
3223                                                <h3 class="card-title">
3224                                                    BFI Finance x LindungiHutan: Tanaman 1.000 Mangrove di 4 Provinsi
3225                                                    Berbeda
3226                                                </h3>
3227                                                <p class="card-subtitle-article">
3228                                                    BFI Finance Indonesia Tbk adalah perusahaan kongsi antara
3229                                                    Manufacturers Hanover Leasing Corporation dari Amerika dan pemegang
3230                                                    saham lokal. Sebagai bentuk pertanggungjawaban terhadap lingkungan
3231                                                    dan sosial, BFI Finance menjalankan program peduli lingkungan dengan
3232                                                    penanaman pohon. Bersama LindungiHutan 1.000 pohon mangrove berhasil
3233                                                    ditanam secara serentak di 4 lokasi pada 5 Desember 2021. Yaitu
3234                                                    Pesisir Untia, Makassar, Pantai Mangunharjo, Semarang, Bontang
3235                                                    Mangrove Park, Kalimantan Timur, dan Caplok Barong, Cirebon.
3236                                                </p>
3237                                                <div class="link-readmore">
3238                                                    Selengkapnya
3239                                                    <svg display="none" style="margin-bottom: 0; margin-left: 1rem;" width="24" height="24" viewBox="0 0 24 24" fill="none"
3240    xmlns="http://www.w3.org/2000/svg">
3241    <path d="M14.4297 5.93018L20.4997 12.0002L14.4297 18.0702" stroke="#43936C" stroke-width="1.5"
3242        stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" />
3243    <path d="M3.5 12H20.33" stroke="#43936C" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"
3244        stroke-linejoin="round" />
3245</svg>                                                </div>
3246                                            </div>
3247                                        </div>
3248                                    </div>
3249                                </a>
3250                            </div>
3251                            <div class="swiper-slide">
3252                                <a href="https://lindungihutan.com/blog/pupuk-indonesia-tanam-5500-pohon/"
3253                                    target="_blank">
3254                                    <div class="card-article">
3255                                        <div class="card-header">
3256                                            <img alt="Gambar Artikel"
3257                                                data-src="https://lindungihutan.com/public/corporatree/assets/articles/article_pupuk_indonesia.webp"
3258                                                class="lazy">
3259                                        </div>
3260                                        <div class="card-body">
3261                                            <div>
3262                                                <h3 class="card-title">
3263                                                    5.500 Mangrove dari PT Pupuk Indonesia untuk Perangi Pemanasan
3264                                                    Global
3265                                                </h3>
3266                                                <p class="card-subtitle-article">
3267                                                    PT Pupuk Indonesia adalah Badan Usaha Milik Negara (BUMN) dalam
3268                                                    bidang pupuk. Selain menjalankan proses industri yang ramah
3269                                                    lingkungan, perusahaan Persero ini berkontribusi untuk bumi dengan
3270                                                    program CSR lingkungan bersama LindungiHutan. Aksi nyata ini
3271                                                    dilakukan melalui penanaman 500 pohon mangrove di PIK, Jakarta
3272                                                    Utara, dan 5.000 bibit mangrove di pesisir Pantai Bahagia, Bekasi.
3273                                                <div class="link-readmore">
3274                                                    Selengkapnya
3275                                                    <svg display="none" style="margin-bottom: 0; margin-left: 1rem;" width="24" height="24" viewBox="0 0 24 24" fill="none"
3276    xmlns="http://www.w3.org/2000/svg">
3277    <path d="M14.4297 5.93018L20.4997 12.0002L14.4297 18.0702" stroke="#43936C" stroke-width="1.5"
3278        stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" />
3279    <path d="M3.5 12H20.33" stroke="#43936C" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"
3280        stroke-linejoin="round" />
3281</svg>                                                </div>
3282                                            </div>
3283                                        </div>
3284                                    </div>
3285                                </a>
3286                            </div>
3287                        </div>
3288                    </div>
3289                </div>
3290            </div>
3291        </div>
3292    </div>
3293
3294    <div class="section section-faq">
3295        <div class="container-read">
3296            <div class="row">
3297                <div class="col-xs-12">
3298                    <h2 class="section-title text-center">
3299                        Pertanyaan yang Sering Diajukan
3300                    </h2>
3301                </div>
3302                <div class="col-xs-12">
3303                    <div>
3304                        <div class="accordion-wrapper">
3305                            <div class="accordion-header">
3306                                <h3 class="accordion-title">
3307                                    Apa yang harus saya lakukan untuk berkolaborasi bersama LindungiHutan?
3308                                </h3>
3309                                <div>
3310                                    <svg class="icon-arrow-down" width="24" height="15" viewBox="0 0 24 15" fill="none" xmlns="http://www.w3.org/2000/svg">
3311    <path
3312        d="M0.863938 1.26286C1.19211 0.93479 1.63715 0.750488 2.10119 0.750488C2.56522 0.750488 3.01026 0.93479 3.33843 1.26286L12.0009 9.92537L20.6634 1.26286C20.9935 0.944088 21.4355 0.767697 21.8944 0.771685C22.3532 0.775672 22.7921 0.959718 23.1166 1.28418C23.4411 1.60865 23.6251 2.04757 23.6291 2.50641C23.6331 2.96526 23.4567 3.40731 23.1379 3.73736L13.2382 13.6371C12.91 13.9652 12.465 14.1495 12.0009 14.1495C11.5369 14.1495 11.0918 13.9652 10.7637 13.6371L0.863938 3.73736C0.535864 3.40919 0.351562 2.96415 0.351562 2.50011C0.351562 2.03608 0.535864 1.59104 0.863938 1.26286Z"
3313        fill="#696969" />
3314</svg>
3315<svg style="display: none;" class="icon-arrow-up" width="24" height="15" viewBox="0 0 24 15" fill="none"
3316    xmlns="http://www.w3.org/2000/svg">
3317    <path
3318        d="M0.863938 13.7371C1.19211 14.0652 1.63715 14.2495 2.10119 14.2495C2.56522 14.2495 3.01026 14.0652 3.33843 13.7371L12.0009 5.07463L20.6634 13.7371C20.9935 14.0559 21.4355 14.2323 21.8944 14.2283C22.3532 14.2243 22.7921 14.0403 23.1166 13.7158C23.4411 13.3914 23.6251 12.9524 23.6291 12.4936C23.6331 12.0347 23.4567 11.5927 23.1379 11.2626L13.2382 1.36288C12.91 1.03481 12.465 0.850508 12.0009 0.850508C11.5369 0.850508 11.0918 1.03481 10.7637 1.36288L0.863938 11.2626C0.535864 11.5908 0.351562 12.0358 0.351562 12.4999C0.351562 12.9639 0.535864 13.409 0.863938 13.7371Z"
3319        fill="#696969" />
3320</svg>                                </div>
3321                            </div>
3322                            <div class="accordion-body">
3323                                <p class="accordion-content">Cukup isi formulir yang tersedia dan kami akan menghubungi
3324                                    Anda untuk koordinasi lebih lanjut.</p>
3325                            </div>
3326                        </div>
3327                    </div>
3328                    <div>
3329                        <div class="accordion-wrapper">
3330                            <div class="accordion-header">
3331                                <h3 class="accordion-title">
3332                                    Mengapa kami perlu mempercayakan program CSR melalui CorporaTree?
3333                                </h3>
3334                                <div>
3335                                    <svg class="icon-arrow-down" width="24" height="15" viewBox="0 0 24 15" fill="none" xmlns="http://www.w3.org/2000/svg">
3336    <path
3337        d="M0.863938 1.26286C1.19211 0.93479 1.63715 0.750488 2.10119 0.750488C2.56522 0.750488 3.01026 0.93479 3.33843 1.26286L12.0009 9.92537L20.6634 1.26286C20.9935 0.944088 21.4355 0.767697 21.8944 0.771685C22.3532 0.775672 22.7921 0.959718 23.1166 1.28418C23.4411 1.60865 23.6251 2.04757 23.6291 2.50641C23.6331 2.96526 23.4567 3.40731 23.1379 3.73736L13.2382 13.6371C12.91 13.9652 12.465 14.1495 12.0009 14.1495C11.5369 14.1495 11.0918 13.9652 10.7637 13.6371L0.863938 3.73736C0.535864 3.40919 0.351562 2.96415 0.351562 2.50011C0.351562 2.03608 0.535864 1.59104 0.863938 1.26286Z"
3338        fill="#696969" />
3339</svg>
3340<svg style="display: none;" class="icon-arrow-up" width="24" height="15" viewBox="0 0 24 15" fill="none"
3341    xmlns="http://www.w3.org/2000/svg">
3342    <path
3343        d="M0.863938 13.7371C1.19211 14.0652 1.63715 14.2495 2.10119 14.2495C2.56522 14.2495 3.01026 14.0652 3.33843 13.7371L12.0009 5.07463L20.6634 13.7371C20.9935 14.0559 21.4355 14.2323 21.8944 14.2283C22.3532 14.2243 22.7921 14.0403 23.1166 13.7158C23.4411 13.3914 23.6251 12.9524 23.6291 12.4936C23.6331 12.0347 23.4567 11.5927 23.1379 11.2626L13.2382 1.36288C12.91 1.03481 12.465 0.850508 12.0009 0.850508C11.5369 0.850508 11.0918 1.03481 10.7637 1.36288L0.863938 11.2626C0.535864 11.5908 0.351562 12.0358 0.351562 12.4999C0.351562 12.9639 0.535864 13.409 0.863938 13.7371Z"
3344        fill="#696969" />
3345</svg>                                </div>
3346                            </div>
3347                            <div class="accordion-body">
3348                                <p class="accordion-content">LindungiHutan telah dipercaya 500 brand dan perusahaan
3349                                    untuk
3350                                    melaksanakan kegiatan hijau yang berdampak positif bagi masyarakat. Prinsip
3351                                    kolaborasi
3352                                    yang kami tawarkan bersifat mudah dalam prosesnya, transparan pelaporannya dan
3353                                    berkelanjutan manfaatnya.</p>
3354                            </div>
3355                        </div>
3356                    </div>
3357                    <div>
3358                        <div class="accordion-wrapper">
3359                            <div class="accordion-header">
3360                                <h3 class="accordion-title">
3361                                    Siapa yang dapat berkolaborasi pada program CorporaTree?
3362                                </h3>
3363                                <div>
3364                                    <svg class="icon-arrow-down" width="24" height="15" viewBox="0 0 24 15" fill="none" xmlns="http://www.w3.org/2000/svg">
3365    <path
3366        d="M0.863938 1.26286C1.19211 0.93479 1.63715 0.750488 2.10119 0.750488C2.56522 0.750488 3.01026 0.93479 3.33843 1.26286L12.0009 9.92537L20.6634 1.26286C20.9935 0.944088 21.4355 0.767697 21.8944 0.771685C22.3532 0.775672 22.7921 0.959718 23.1166 1.28418C23.4411 1.60865 23.6251 2.04757 23.6291 2.50641C23.6331 2.96526 23.4567 3.40731 23.1379 3.73736L13.2382 13.6371C12.91 13.9652 12.465 14.1495 12.0009 14.1495C11.5369 14.1495 11.0918 13.9652 10.7637 13.6371L0.863938 3.73736C0.535864 3.40919 0.351562 2.96415 0.351562 2.50011C0.351562 2.03608 0.535864 1.59104 0.863938 1.26286Z"
3367        fill="#696969" />
3368</svg>
3369<svg style="display: none;" class="icon-arrow-up" width="24" height="15" viewBox="0 0 24 15" fill="none"
3370    xmlns="http://www.w3.org/2000/svg">
3371    <path
3372        d="M0.863938 13.7371C1.19211 14.0652 1.63715 14.2495 2.10119 14.2495C2.56522 14.2495 3.01026 14.0652 3.33843 13.7371L12.0009 5.07463L20.6634 13.7371C20.9935 14.0559 21.4355 14.2323 21.8944 14.2283C22.3532 14.2243 22.7921 14.0403 23.1166 13.7158C23.4411 13.3914 23.6251 12.9524 23.6291 12.4936C23.6331 12.0347 23.4567 11.5927 23.1379 11.2626L13.2382 1.36288C12.91 1.03481 12.465 0.850508 12.0009 0.850508C11.5369 0.850508 11.0918 1.03481 10.7637 1.36288L0.863938 11.2626C0.535864 11.5908 0.351
3372562 12.0358 0.351562 12.4999C0.351562 12.9639 0.535864 13.409 0.863938 13.7371Z"
3373        fill="#696969" />
3374</svg>                                </div>
3375                            </div>
3376                            <div class="accordion-body">
3377                                <p class="accordion-content">Startup, perusahaan dan korporasi multinasional yang ingin
3378                                    berperan aktif dalam langkah hijau tanpa ribet, jelas target dan sasaran penerima
3379                                    manfaat.</p>
3380                            </div>
3381                        </div>
3382                    </div>
3383                    <div>
3384                        <div class="accordion-wrapper">
3385                            <div class="accordion-header">
3386                                <h3 class="accordion-title">
3387                                    Bagaimana saya bisa mengetahui perkembangan kolaborasi yang dijalankan?
3388                                </h3>
3389                                <div>
3390                                    <svg class="icon-arrow-down" width="24" height="15" viewBox="0 0 24 15" fill="none" xmlns="http://www.w3.org/2000/svg">
3391    <path
3392        d="M0.863938 1.26286C1.19211 0.93479 1.63715 0.750488 2.10119 0.750488C2.56522 0.750488 3.01026 0.93479 3.33843 1.26286L12.0009 9.92537L20.6634 1.26286C20.9935 0.944088 21.4355 0.767697 21.8944 0.771685C22.3532 0.775672 22.7921 0.959718 23.1166 1.28418C23.4411 1.60865 23.6251 2.04757 23.6291 2.50641C23.6331 2.96526 23.4567 3.40731 23.1379 3.73736L13.2382 13.6371C12.91 13.9652 12.465 14.1495 12.0009 14.1495C11.5369 14.1495 11.0918 13.9652 10.7637 13.6371L0.863938 3.73736C0.535864 3.40919 0.351562 2.96415 0.351562 2.50011C0.351562 2.03608 0.535864 1.59104 0.863938 1.26286Z"
3393        fill="#696969" />
3394</svg>
3395<svg style="display: none;" class="icon-arrow-up" width="24" height="15" viewBox="0 0 24 15" fill="none"
3396    xmlns="http://www.w3.org/2000/svg">
3397    <path
3398        d="M0.863938 13.7371C1.19211 14.0652 1.63715 14.2495 2.10119 14.2495C2.56522 14.2495 3.01026 14.0652 3.33843 13.7371L12.0009 5.07463L20.6634 13.7371C20.9935 14.0559 21.4355 14.2323 21.8944 14.2283C22.3532 14.2243 22.7921 14.0403 23.1166 13.7158C23.4411 13.3914 23.6251 12.9524 23.6291 12.4936C23.6331 12.0347 23.4567 11.5927 23.1379 11.2626L13.2382 1.36288C12.91 1.03481 12.465 0.850508 12.0009 0.850508C11.5369 0.850508 11.0918 1.03481 10.7637 1.36288L0.863938 11.2626C0.535864 11.5908 0.351562 12.0358 0.351562 12.4999C0.351562 12.9639 0.535864 13.409 0.863938 13.7371Z"
3399        fill="#696969" />
3400</svg>                                </div>
3401                            </div>
3402                            <div class="accordion-body">
3403                                <p class="accordion-content">Anda dapat mengakses halaman kampanye alam khusus untuk
3404                                    melihat
3405                                    perkembangan pohon dan serapan emisi karbon yang dihasilkan secara bertahap.
3406                                    Konsumen
3407                                    dan rekanan bisnis Anda juga bisa melihat langkah hijau dari profil yang tersedia.
3408                                    Terlebih lagi, kami secara rutin memberikan laporan perkembangan ke email dan nomor
3409                                    telepon yang Anda daftarkan.</p>
3410                            </div>
3411                        </div>
3412                    </div>
3413                    <div>
3414                        <div class="accordion-wrapper">
3415                            <div class="accordion-header">
3416                                <h3 class="accordion-title">
3417                                    Apa saja manfaat menjalin kolaborasi LindungiHutan?
3418                                </h3>
3419                                <div>
3420                                    <svg class="icon-arrow-down" width="24" height="15" viewBox="0 0 24 15" fill="none" xmlns="http://www.w3.org/2000/svg">
3421    <path
3422        d="M0.863938 1.26286C1.19211 0.93479 1.63715 0.750488 2.10119 0.750488C2.56522 0.750488 3.01026 0.93479 3.33843 1.26286L12.0009 9.92537L20.6634 1.26286C20.9935 0.944088 21.4355 0.767697 21.8944 0.771685C22.3532 0.775672 22.7921 0.959718 23.1166 1.28418C23.4411 1.60865 23.6251 2.04757 23.6291 2.50641C23.6331 2.96526 23.4567 3.40731 23.1379 3.73736L13.2382 13.6371C12.91 13.9652 12.465 14.1495 12.0009 14.1495C11.5369 14.1495 11.0918 13.9652 10.7637 13.6371L0.863938 3.73736C0.535864 3.40919 0.351562 2.96415 0.351562 2.50011C0.351562 2.03608 0.535864 1.59104 0.863938 1.26286Z"
3423        fill="#696969" />
3424</svg>
3425<svg style="display: none;" class="icon-arrow-up" width="24" height="15" viewBox="0 0 24 15" fill="none"
3426    xmlns="http://www.w3.org/2000/svg">
3427    <path
3428        d="M0.863938 13.7371C1.19211 14.0652 1.63715 14.2495 2.10119 14.2495C2.56522 14.2495 3.01026 14.0652 3.33843 13.7371L12.0009 5.07463L20.6634 13.7371C20.9935 14.0559 21.4355 14.2323 21.8944 14.2283C22.3532 14.2243 22.7921 14.0403 23.1166 13.7158C23.4411 13.3914 23.6251 12.9524 23.6291 12.4936C23.6331 12.0347 23.4567 11.5927 23.1379 11.2626L13.2382 1.36288C12.91 1.03481 12.465 0.850508 12.0009 0.850508C11.5369 0.850508 11.0918 1.03481 10.7637 1.36288L0.863938 11.2626C0.535864 11.5908 0.351
3428562 12.0358 0.351562 12.4999C0.351562 12.9639 0.535864 13.409 0.863938 13.7371Z"
3429        fill="#696969" />
3430</svg>                                </div>
3431                            </div>
3432                            <div class="accordion-body">
3433                                <ul class="accordion-content list-content">
3434                                    <li>
3435                                        Mewujudkan komitmen perusahaan terhadap lingkungan dan masyarakat,
3436                                    </li>
3437                                    <li>
3438                                        Memperkuat citra perusahaan sebagai brand merek yang peduli lingkungan dan
3439                                        kesejahteraan masyarakat,
3440                                    </li>
3441                                    <li>
3442                                        Dapat memilih proyek kerja sama yang bisa disesuaikan dengan brand dan
3443                                        perusahaan
3444                                        Anda,
3445                                    </li>
3446                                    <li>
3447                                        Mendapatkan halaman landing page untuk transparansi proyek yang dijalankan,
3448                                    </li>
3449                                    <li>
3450                                        Memperoleh publikasi kerja sama di media sosial, blog, atau kanal resmi lainnya
3451                                        milik LindungiHutan,
3452                                    </li>
3453                                    <li>
3454                                        Mendapatkan sertifikat kerja sama sebagai bukti kontribusi brand dan perusahaan
3455                                        Anda
3456                                        terhadap lingkungan dan masyarakat,
3457                                    </li>
3458                                    <li>
3459                                        Berhak memperoleh keuntungan lain yang tidak dapat kami sebutkan di sini.
3460                                    </li>
3461                                </ul>
3462                            </div>
3463                        </div>
3464                    </div>
3465                </div>
3466            </div>
3467        </div>
3468    </div>
3469
3470    <div class="section section-cta" id="section-cta">
3471        <img data-src="https://lindungihutan.com/public/corporatree/assets/bg_mangrove_compress.webp" class="bg-img-cta lazy"
3472            alt="">
3473        <div class="wrapper-overlay">
3474            <div class="row equal">
3475                <div class="col-xs-12 col-lg-7">
3476                    <h2>
3477                        Menanam pohon sekarang, menuai manfaat selamanya
3478                    </h2>
3479                    <p>
3480                        Layanan CorporaTree adalah rekan terbaik dalam transformasi hijau berkelanjutan, dan merupakan
3481                        langkah
3482                        penting dalam agenda pengurangan emisi karbon perusahaanmu. Ayo mulai sekarang
3483                    </p>
3484                </div>
3485                <div class="col-xs-12 col-lg-5">
3486                    <div class="wrapper-button-cta">
3487                        <a href="https://lindungihutan.com/menubook/latest" target="_blank" class="btn btn-outline-white">Unduh
3488                            Deck</a>
3489                        <a href="#section-form" class="btn btn-white">Jalin Kerjasama</a>
3490                    </div>
3491                </div>
3492            </div>
3493        </div>
3494    </div>
3495
3496    <div id="modal-educatree" class="modal fade modal-contribution">
3497    <div class="modal-dialog modal-lg">
3498        <div class="modal-body">
3499            <div class="modal-header">
3500                <div class="wrapper-header">
3501                    <img data-src="https://lindungihutan.com/public/corporatree/assets/educatree.webp" class="lazy" alt="">
3502                    <button type="button" class="close button-close-modal" data-dismiss="modal">
3503                        <svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
3504                            <rect width="28" height="28" rx="14" fill="#F5F5F5" />
3505                            <path d="M9.33317 9.33317L18.6665 18.6665" stroke="#121212" stroke-width="1.5"
3506                                stroke-linecap="round" stroke-linejoin="round" />
3507                            <path d="M18.6666 9.33317L9.33325 18.6665" stroke="#121212" stroke-width="1.5"
3508                                stroke-linecap="round" stroke-linejoin="round" />
3509                        </svg>
3510                    </button>
3511                </div>
3512            </div>
3513            <div>
3514            </div>
3515        </div>
3516    </div>
3517</div>
3518
3519<div id="modal-impact-report" class="modal fade modal-contribution">
3520    <div class="modal-dialog modal-lg">
3521        <div class="modal-body">
3522            <div class="modal-header">
3523                <div class="wrapper-header">
3524                    <img data-src="https://lindungihutan.com/public/corporatree/assets/impact-report.webp" class="lazy" alt="">
3525                    <button type="button" class="close button-close-modal" data-dismiss="modal">
3526                        <svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
3527                            <rect width="28" height="28" rx="14" fill="#F5F5F5" />
3528                            <path d="M9.33317 9.33317L18.6665 18.6665" stroke="#121212" stroke-width="1.5"
3529                                stroke-linecap="round" stroke-linejoin="round" />
3530                            <path d="M18.6666 9.33317L9.33325 18.6665" stroke="#121212" stroke-width="1.5"
3531                                stroke-linecap="round" stroke-linejoin="round" />
3532                        </svg>
3533                    </button>
3534                </div>
3535            </div>
3536            <div>
3537            </div>
3538        </div>
3539    </div>
3540</div>
3541
3542<div id="modal-location-1" class="modal fade modal-location">
3543    <div class="modal-dialog modal-md">
3544        <div class="modal-content" style="border-radius: 12px;">
3545            <div class="modal-body">
3546                <div class="modal-header">
3547                    <div class="wrapper-header">
3548                        <h2 class="modal-title">
3549                            Ekowisata Mangrove Pantai Indah Kapuk
3550                        </h2>
3551                        <button type="button" class="close button-close-modal" data-dismiss="modal">
3552                            <svg width="28" height="28" viewBox="0 0 28 28" fill="none"
3553                                xmlns="http://www.w3.org/2000/svg">
3554                                <rect width="28" height="28" rx="14" fill="#F5F5F5" />
3555                                <path d="M9.33317 9.33317L18.6665 18.6665" stroke="#121212" stroke-width="1.5"
3556                                    stroke-linecap="round" stroke-linejoin="round" />
3557                                <path d="M18.6666 9.33317L9.33325 18.6665" stroke="#121212" stroke-width="1.5"
3558                                    stroke-linecap="round" stroke-linejoin="round" />
3559                            </svg>
3560                        </button>
3561                    </div>
3562                </div>
3563                <div>
3564                    <div class="wrapper-image">
3565                        <img data-src="https://lindungihutan.com/public/corporatree/assets/lokasi/compress/ekowisata_mangrove_PIK, kota_jakarta_utara.webp"
3566                            alt="" class="lazy">
3567                        <div class="location-price">
3568                            <img class="lazy icon-discount"
3569                                src="https://lindungihutan.com/public/corporatree/assets/icon-discount.svg" alt="">
3570                            Rp. 60,000
3571                        </div>
3572                    </div>
3573                    <div class="location-description">
3574                        <input type="checkbox" id="expanded-location-1">
3575                        <p class="location-info">
3576                            Pantai Indah Kapuk (PIK) yang terletak di Kota Jakarta Utara, DKI Jakarta telah menjadi
3577                            pusat
3578                            ekowisata dan konservasi mangrove. Kegiatan konservasi dilakukan karena PIK merupakan
3579                            wilayah
3580                            benteng abrasi bagi pantai Jakarta. Dengan adanya pusat konservasi ini diharapkan banjir rob
3581                            di
3582                            pesisir Jakarta dapat ditekan.
3583                            Melalui kampanye alam, LindungiHutan sejak tahun 2019 ikut andil dalam kegiatan penanaman di
3584                            Ekowisata Mangrove PIK. Pohon mangrove dipilih karena akarnya dapat mengendapkan lumpur
3585                            sehingga
3586                            mencegah intrusi air laut ke daratan. Selain itu, hasil olahan mangrove juga dapat
3587                            dimanfaatkan
3588                            warga untuk kegiatan usaha yang menunjang wisata.
3589                        </p>
3590                        <label for="expanded-location-1" role="button">Baca Selengkapnya</label>
3591                    </div>
3592                    <hr>
3593                    <div class="wrapper-location-info">
3594                        <div>
3595                            <p class="description">
3596                                Kabupaten / Kota
3597                            </p>
3598                            <p class="info">
3599                                Jakarta Utara
3600                            </p>
3601                        </div>
3602                        <div>
3603                            <p class="description">
3604                                Jenis Pohon
3605                            </p>
3606                            <p class="info">
3607                                Mangrove Rhizophora
3608                            </p>
3609                        </div>
3610                    </div>
3611                    <button class="btn btn-green goto-form">Jalin Kerjasama</button>
3612                </div>
3613            </div>
3614        </div>
3615    </div>
3616</div>
3617
3618<div id="modal-location-2" class="modal fade modal-location">
3619    <div class="modal-dialog modal-md">
3620        <div class="modal-content" style="border-radius: 12px;">
3621            <div class="modal-body">
3622                <div class="modal-header">
3623                    <div class="wrapper-header">
3624                        <h2 class="modal-title">
3625                            Pulau Pari
3626                        </h2>
3627                        <button type="button" class="close button-close-modal" data-dismiss="modal">
3628                            <svg width="28" height="28" viewBox="0 0 28 28" fill="none"
3629                                xmlns="http://www.w3.org/2000/svg">
3630                                <rect width="28" height="28" rx="14" fill="#F5F5F5" />
3631                                <path d="M9.33317 9.33317L18.6665 18.6665" stroke="#121212" stroke-width="1.5"
3632                                    stroke-linecap="round" stroke-linejoin="round" />
3633                                <path d="M18.6666 9.33317L9.33325 18.6665" stroke="#121212" stroke-width="1.5"
3634                                    stroke-linecap="round" stroke-linejoin="round" />
3635                            </svg>
3636                        </button>
3637                    </div>
3638                </div>
3639                <div>
3640                    <div class="wrapper-image">
3641                        <img data-src="https://lindungihutan.com/public/corporatree/assets/lokasi/compress/pulau_pari_kepulauan_seribu.webp"
3642                            alt="" class="lazy">
3643                        <div class="location-price">
3644                            <img class="lazy icon-discount"
3645                                src="https://lindungihutan.com/public/corporatree/assets/icon-discount.svg" alt="">
3646                            Rp. 30,000
3647                        </div>
3648                    </div>
3649                    <div class="location-description">
3650                        <input type="checkbox" id="expanded-location-2">
3651                        <p class="location-info">
3652                            Pulau Pari merupakan destinasi wisata yang terletak di Kabupaten Kepulauan Seribu, DKI
3653                            Jakarta. Sebanyak 80% penduduknya bermata pencaharian sebagai nelayan dan beralih profesi
3654                            menjadi tour guide saat akhir pekan. Namun, abrasi dan banjir rob yang semakin parah
3655                            dikhawatirkan dapat merusak keindahan dan mengancam pemukiman penduduk Pulau Pari.
3656                            Untuk itu, LindungiHutan melalui kampanye alam melakukan penanaman mangrove sejak tahun 2022
3657                            sebagai upaya untuk menahan abrasi. Akar mangrove berfungsi untuk mengendapkan lumpur
3658                            sehingga dapat mencegah terjadinya intrusi air laut ke daratan. Perbaikan ekosistem magrove
3659                            di Pulau Pari juga menunjang kegiatan wisata untuk meningkatkan perekonomian warga.
3660                        </p>
3661                        <label for="expanded-location-2" role="button">Baca Selengkapnya</label>
3662                    </div>
3663                    <hr>
3664                    <div class="wrapper-location-info">
3665                        <div>
3666                            <p class="description">
3667                                Kabupaten / Kota
3668                            </p>
3669                            <p class="info">
3670                                Kepulauan Seribu
3671                            </p>
3672                        </div>
3673                        <div>
3674                            <p class="description">
3675                                Jenis Pohon
3676                            </p>
3677                            <p class="info">
3678                                Mangrove Rhizophora
3679                            </p>
3680                        </div>
3681                    </div>
3682                    <button class="btn btn-green goto-form">Jalin Kerjasama</button>
3683                </div>
3684            </div>
3685        </div>
3686    </div>
3687</div>
3688
3689<div id="modal-location-3" class="modal fade modal-location">
3690    <div class="modal-dialog modal-md">
3691        <div class="modal-content" style="border-radius: 12px;">
3692            <div class="modal-body">
3693                <div class="modal-header">
3694                    <div class="wrapper-header">
3695                        <h2 class="modal-title">
3696                            Teluk Benoa, Kab. Badung, Bali
3697                        </h2>
3698                        <button type="button" class="close button-close-modal" data-dismiss="modal">
3699                            <svg width="28" height="28" viewBox="0 0 28 28" fill="none"
3700                                xmlns="http://www.w3.org/2000/svg">
3701                                <rect width="28" height="28" rx="14" fill="#F5F5F5" />
3702                                <path d="M9.33317 9.33317L18.6665 18.6665" stroke="#121212" stroke-width="1.5"
3703                                    stroke-linecap="round" stroke-linejoin="round" />
3704                                <path d="M18.6666 9.33317L9.33325 18.6665" stroke="#121212" stroke-width="1.5"
3705                                    stroke-linecap="round" stroke-linejoin="round" />
3706                            </svg>
3707                        </button>
3708                    </div>
3709                </div>
3710                <div>
3711                    <div class="wrapper-image">
3712                        <img data-src="https://lindungihutan.com/public/corporatree/assets/lokasi/compress/teluk_benoa_badung_bali.webp"
3713                            alt="" class="lazy">
3714                        <div class="location-price">
3715                            <img class="lazy icon-discount"
3716                                src="https://lindungihutan.com/public/corporatree/assets/icon-discount.svg" alt="">
3717                            Rp. 30,000
3718                        </div>
3719                    </div>
3720                    <div class="location-description">
3721                        <input type="checkbox" id="expanded-location-3">
3722                        <p class="location-info">
3723                            Teluk Benoa termasuk wilayah pariwisata yang terletak di Kecamatan Kuta Selatan, Kabupaten
3724                            Badung, Bali. Wilayah ini terdampak aktivitas reklamasi dan alih fungsi lahan yang
3725                            menyebabkan kerusakan lingkungan. Eksositem mangrove yang rusak mengancam mata pencaharian
3726                            nelayan sekitar.
3727                            Usaha konservasi kembali LindungiHutan galakkan di Teluk Benoa agar ekosistem mangrove pulih
3728                            kembali. LindungiHutan bekerja sama dengan warga sekitar sejak tahun 2022 untuk kegiatan
3729                            penanaman mangrove. Pohon mangrove ditanam untuk menahan abrasi serta memulihkan kondisi
3730                            biota sekitar.
3731                        </p>
3732                        <label for="expanded-location-3" role="button">Baca Selengkapnya</label>
3733                    </div>
3734                    <hr>
3735                    <div class="wrapper-location-info">
3736                        <div>
3737                            <p class="description">
3738                                Kabupaten / Kota
3739                            </p>
3740                            <p class="info">
3741                                Badung, Bali
3742                            </p>
3743                        </div>
3744                        <div>
3745                            <p class="description">
3746                                Jenis Pohon
3747                            </p>
3748                            <p class="info">
3749                                Mangrove Rhizophora
3750                            </p>
3751                        </div>
3752                    </div>
3753                    <button class="btn btn-green goto-form">Jalin Kerjasama</button>
3754                </div>
3755            </div>
3756        </div>
3757    </div>
3758</div>
3759
3760<div id="modal-location-4" class="modal fade modal-location">
3761    <div class="modal-dialog modal-md">
3762        <div class="modal-content" style="border-radius: 12px;">
3763            <div class="modal-body">
3764                <div class="modal-header">
3765                    <div class="wrapper-header">
3766                        <h2 class="modal-title">
3767                            Taman Nasional Way Kambas
3768                        </h2>
3769                        <button type="button" class="close button-close-modal" data-dismiss="modal">
3770                            <svg width="28" height="28" viewBox="0 0 28 28" fill="none"
3771                                xmlns="http://www.w3.org/2000/svg">
3772                                <rect width="28" height="28" rx="14" fill="#F5F5F5" />
3773                                <path d="M9.33317 9.33317L18.6665 18.6665" stroke="#121212" stroke-width="1.5"
3774                                    stroke-linecap="round" stroke-linejoin="round" />
3775                                <path d="M18.6666 9.33317L9.33325 18.6665" stroke="#121212" stroke-width="1.5"
3776                                    stroke-linecap="round" stroke-linejoin="round" />
3777                            </svg>
3778                        </button>
3779                    </div>
3780                </div>
3781                <div>
3782                    <div class="wrapper-image">
3783                        <img data-src="https://lindungihutan.com/public/corporatree/assets/lokasi/compress/waykambas.webp" alt=""
3784                            class="lazy">
3785                        <div class="location-price">
3786                            <img class="lazy icon-discount"
3787                                src="https://lindungihutan.com/public/corporatree/assets/icon-discount.svg" alt="">
3788                            Rp. 30,000
3789                        </div>
3790                    </div>
3791                    <div class="location-description">
3792                        <input type="checkbox" id="expanded-location-4">
3793                        <p class="location-info">
3794                            Taman Nasional Way Kambas berada di Kabupaten Lampung, dengan penanaman di daerah depan yang
3795                            mudah dijangkau masyarakat. Hal ini karena salah satu keinginan masyarakat untuk ikut serta
3796                            dalam pengelolaan kawasan taman nasional way kambas dengan ikut kemitraan konservasi
3797                            pemulihan ekosistem berbasis masyarakat metode arboretum. Wilayah ini menjadi kawasan dengan
3798                            konservasi tinggi, terdapat hewan-hewan langka yang dilindungi. Arborentum direncanakan
3799                            menjadi kawasan edukasi dengan banyaknya tanaman endemik, sehingaa dapat diketahui
3800                            keseluruhan tumbuhan yang berada di taman tersebut.
3801                            Pada tahun 2022, LindungiHutan membantu masyarakat untuk melakukan penanaman pohon endemik
3802                            way kambas di sana. Pohon tersebut bermanfaat menjaga daratan dari erosi, penghijauan, dan
3803                            meningkatkan ekosistem hutan. Selain itu, hasilnya juga dapat dimanfaatkan untuk konsumsi
3804                            serta edukasi untuk masyarakat sekitar.
3805                        </p>
3806                        <label for="expanded-location-4" role="button">Baca Selengkapnya</label>
3807                    </div>
3808                    <hr>
3809                    <div class="wrapper-location-info">
3810                        <div>
3811                            <p class="description">
3812                                Kabupaten / Kota
3813                            </p>
3814                            <p class="info">
3815                                Lampung Timur
3816                            </p>
3817                        </div>
3818                        <div>
3819                            <p class="description">
3820                                Jenis Pohon
3821                            </p>
3822                            <p class="info">
3823                                Endemik Way Kambas
3824                            </p>
3825                        </div>
3826                    </div>
3827                    <button class="btn btn-green goto-form">Jalin Kerjasama</button>
3828                </div>
3829            </div>
3830        </div>
3831    </div>
3832</div>
3833
3834<div id="modal-location-5" class="modal fade modal-location">
3835    <div class="modal-dialog modal-md">
3836        <div class="modal-content" style="border-radius: 12px;">
3837            <div class="modal-body">
3838                <div class="modal-header">
3839                    <div class="wrapper-header">
3840                        <h2 class="modal-title">
3841                            Ekowisata Mangrove Wonorejo
3842                        </h2>
3843                        <button type="button" class="close button-close-modal" data-dismiss="modal">
3844                            <svg width="28" height="28" viewBox="0 0 28 28" fill="none"
3845                                xmlns="http://www.w3.org/2000/svg">
3846                                <rect width="28" height="28" rx="14" fill="#F5F5F5" />
3847                                <path d="M9.33317 9.33317L18.6665 18.6665" stroke="#121212" stroke-width="1.5"
3848                                    stroke-linecap="round" stroke-linejoin="round" />
3849                                <path d="M18.6666 9.33317L9.33325 18.6665" stroke="#121212" stroke-width="1.5"
3850                                    stroke-linecap="round" stroke-linejoin="round" />
3851                            </svg>
3852                        </button>
3853                    </div>
3854                </div>
3855                <div>
3856                    <div class="wrapper-image">
3857                        <img data-src="https://lindungihutan.com/public/corporatree/assets/lokasi/compress/ekowisata_mangrove_wonorejo_surabaya.webp"
3858                            alt="" class="lazy">
3859                        <div class="location-price">
3860                            <img class="lazy icon-discount"
3861                                src="https://lindungihutan.com/public/corporatree/assets/icon-discount.svg" alt="">
3862                            Rp. 25,000
3863                        </div>
3864                    </div>
3865                    <div class="location-description">
3866                        <input type="checkbox" id="expanded-location-5">
3867                        <p class="location-info">
3868                            Ekosistem Mangrove Wonorejo terletak di Kota Surabaya, Jawa Timur. Pemerintah kota Surabaya
3869                            memanfaatkan keberadaan mangrove di sana sebagai wisata berbasis lingkungan. Ekosistem
3870                            Mangrove Wonorejo memfasiitasi pengunjung yang datang dengan wahana kapal ataupun jembatan
3871                            kayu. Namun, lokasi masih menjadi daerah utama di wilayah pantai timur Surabaya yang terkena
3872                            dampak abrasi.
3873                            Untuk menangani abrasi yang terjadi, pada tahun 2022 LindungiHutan turut andil dalam
3874                            memfasilitasi penanaman mangrove. Pohon mangrove berperan dalam mehanan ombak yang dapat
3875                            mengikis daratan. Penanaman mangrove berguna untuk melestarikan keberadaan kawasan mangrove
3876                            yng sudah dimanfaatkan menjadi tempat wisata. Masyarakat bisa melakukan pengembangan potensi
3877                            wisata menjadi wisata edukasi. Kawasan Mangrove Wonorejo memiliki keberagaman dan keunikan
3878                            ekosistem yang menarik untuk diamati dan dipelajari.
3879                        </p>
3880                        <label for="expanded-location-5" role="button">Baca Selengkapnya</label>
3881                    </div>
3882                    <hr>
3883                    <div class="wrapper-location-info">
3884                        <div>
3885                            <p class="description">
3886                                Kabupaten / Kota
3887                            </p>
3888                            <p class="info">
3889                                Surabaya
3890                            </p>
3891                        </div>
3892                        <div>
3893                            <p class="description">
3894                                Jenis Pohon
3895                            </p>
3896                            <p class="info">
3897                                Mangrove Rhizophora
3898                            </p>
3899                        </div>
3900                    </div>
3901                    <button class="btn btn-green goto-form">Jalin Kerjasama</button>
3902                </div>
3903            </div>
3904        </div>
3905    </div>
3906</div>
3907
3908<div id="modal-location-6" class="modal fade modal-location">
3909    <div class="modal-dialog modal-md">
3910        <div class="modal-content" style="border-radius: 12px;">
3911            <div class="modal-body">
3912                <div class="modal-header">
3913                    <div class="wrapper-header">
3914                        <h2 class="modal-title">
3915                            Pesisir Untia
3916                        </h2>
3917                        <button type="button" class="close button-close-modal" data-dismiss="modal">
3918                            <svg width="28" height="28" viewBox="0 0 28 28" fill="none"
3919                                xmlns="http://www.w3.org/2000/svg">
3920                                <rect width="28" height="28" rx="14" fill="#F5F5F5" />
3921                                <path d="M9.33317 9.33317L18.6665 18.6665" stroke="#121212" stroke-width="1.5"
3922                                    stroke-linecap="round" stroke-linejoin="round" />
3923                                <path d="M18.6666 9.33317L9.33325 18.6665" stroke="#121212" stroke-width="1.5"
3924                                    stroke-linecap="round" stroke-linejoin="round" />
3925                            </svg>
3926                        </button>
3927                    </div>
3928                </div>
3929                <div>
3930                    <div class="wrapper-image">
3931                        <img data-src="https://lindungihutan.com/public/corporatree/assets/lokasi/compress/pesisir_untia_makassar.webp"
3932                            alt="" class="lazy">
3933                        <div class="location-price">
3934                            <img class="lazy icon-discount"
3935                                src="https://lindungihutan.com/public/corporatree/assets/icon-discount.svg" alt="">
3936                            Rp. 30,000
3937                        </div>
3938                    </div>
3939                    <div class="location-description">
3940                        <input type="checkbox" id="expanded-location-6">
3941                        <p class="location-info">
3942                            Pesisir Untia yang terletak di Kecamatan Bringkanaya, Kota Makassar, Sulawesi Selatan sangat
3943                            rentan tereksploitasi menjadi tambak dan kayu bakar. Hal ini menyebabkan meluasnya abrasi
3944                            dengan prediksi sebesar 122 cm air laut naik di tahun 2100. Daya simpan air tanah juga
3945                            terancam akibat kondisi ini.
3946                            Penanaman di Pesisir Untia oleh LindungiHutan dilakukan sejak tahun 2021 untuk mengatasi
3947                            masalah ini. Mangrove adalah pohon yang paling tepat untuk menghijaukan daerah ini karena
3948                            akarnya dapat menahan ombak. Dengan demikian, mitigasi iklim dapat dilakukan untuk
3949                            mengurangi risiko bencana di daerah tersebut.
3950                        </p>
3951                        <label for="expanded-location-6" role="button">Baca Selengkapnya</label>
3952                    </div>
3953                    <hr>
3954                    <div class="wrapper-location-info">
3955                        <div>
3956                            <p class="description">
3957                                Kabupaten / Kota
3958                            </p>
3959                            <p class="info">
3960                                Makassar
3961                            </p>
3962                        </div>
3963                        <div>
3964                            <p class="description">
3965                                Jenis Pohon
3966                            </p>
3967                            <p class="info">
3968                                Mangrove Rhizophora
3969                            </p>
3970                        </div>
3971                    </div>
3972                    <button class="btn btn-green goto-form">Jalin Kerjasama</button>
3973                </div>
3974            </div>
3975        </div>
3976    </div>
3977</div>
3978
3979<div id="modal-location-7" class="modal fade modal-location">
3980    <div class="modal-dialog modal-md">
3981        <div class="modal-content" style="border-radius: 12px;">
3982            <div class="modal-body">
3983                <div class="modal-header">
3984                    <div class="wrapper-header">
3985                        <h2 class="modal-title">
3986                            Desa Koranji
3987                        </h2>
3988                        <button type="button" class="close button-close-modal" data-dismiss="modal">
3989                            <svg width="28" height="28" viewBox="0 0 28 28" fill="none"
3990                                xmlns="http://www.w3.org/2000/svg">
3991                                <rect width="28" height="28" rx="14" fill="#F5F5F5" />
3992                                <path d="M9.33317 9.33317L18.6665 18.6665" stroke="#121212" stroke-width="1.5"
3993                                    stroke-linecap="round" stroke-linejoin="round" />
3994                                <path d="M18.6666 9.33317L9.33325 18.6665" stroke="#121212" stroke-width="1.5"
3995                                    stroke-linecap="round" stroke-linejoin="round" />
3996                            </svg>
3997                        </button>
3998                    </div>
3999                </div>
4000                <div>
4001                    <div class="wrapper-image">
4002                        <img data-src="https://lindungihutan.com/public/corporatree/assets/lokasi/compress/koranji_subang.
4002webp"
4003                            alt="" class="lazy">
4004                        <div class="location-price">
4005                            <img class="lazy icon-discount"
4006                                src="https://lindungihutan.com/public/corporatree/assets/icon-discount.svg" alt="">
4007                            Rp. 130,000
4008                        </div>
4009                    </div>
4010                    <div class="location-description">
4011                        <input type="checkbox" id="expanded-location-7">
4012                        <p class="location-info">
4013                            Lokasi penanaman berada dalam kawasan Hutan Desa dan merupakan areal binaan kelompok tani
4014                            Bima tunas sejahtera
4015                        </p>
4016                        <label for="expanded-location-7" role="button">Baca Selengkapnya</label>
4017                    </div>
4018                    <hr>
4019                    <div class="wrapper-location-info">
4020                        <div>
4021                            <p class="description">
4022                                Kabupaten / Kota
4023                            </p>
4024                            <p class="info">
4025                                Subang
4026                            </p>
4027                        </div>
4028                        <div>
4029                            <p class="description">
4030                                Jenis Pohon
4031                            </p>
4032                            <p class="info">
4033                                Alpukat
4034                            </p>
4035                        </div>
4036                    </div>
4037                    <button class="btn btn-green goto-form">Jalin Kerjasama</button>
4038                </div>
4039            </div>
4040        </div>
4041    </div>
4042</div>
4043
4044<div id="modal-location-8" class="modal fade modal-location">
4045    <div class="modal-dialog modal-md">
4046        <div class="modal-content" style="border-radius: 12px;">
4047            <div class="modal-body">
4048                <div class="modal-header">
4049                    <div class="wrapper-header">
4050                        <h2 class="modal-title">
4051                            Desa Sukawali
4052                        </h2>
4053                        <button type="button" class="close button-close-modal" data-dismiss="modal">
4054                            <svg width="28" height="28" viewBox="0 0 28 28" fill="none"
4055                                xmlns="http://www.w3.org/2000/svg">
4056                                <rect width="28" height="28" rx="14" fill="#F5F5F5" />
4057                                <path d="M9.33317 9.33317L18.6665 18.6665" stroke="#121212" stroke-width="1.5"
4058                                    stroke-linecap="round" stroke-linejoin="round" />
4059                                <path d="M18.6666 9.33317L9.33325 18.6665" stroke="#121212" stroke-width="1.5"
4060                                    stroke-linecap="round" stroke-linejoin="round" />
4061                            </svg>
4062                        </button>
4063                    </div>
4064                </div>
4065                <div>
4066                    <div class="wrapper-image">
4067                        <img data-src="https://lindungihutan.com/public/corporatree/assets/lokasi/compress/sukawali.webp" alt=""
4068                            class="lazy">
4069                        <div class="location-price">
4070                            <img class="lazy icon-discount"
4071                                src="https://lindungihutan.com/public/corporatree/assets/icon-discount.svg" alt="">
4072                            Rp. 35,000
4073                        </div>
4074                    </div>
4075                    <div class="location-description">
4076                        <input type="checkbox" id="expanded-location-8">
4077                        <p class="location-info">
4078                            Desa Sukawali, Kecamatan Pakuhaji, Kabupaten Tangerang, Banten merupakan titik bermuaranya
4079                            sungai Cisadane ke Laut Jawa. Daerah ini merupakan daerah pesisir dan memiliki beberapa
4080                            pulau kecil hasil dari endapan sungai. Sejak dahulu Muara Cisadane ditumbuhi tanaman-tanaman
4081                            pesisir, termasuk mangrove. Namun, beberapa orang mengubah daerah tersebut menjadi
4082                            pertambakan. Hal ini menyebabkan rusaknya ekosistem mangrove dan menimbulkan abrasi. Selain
4083                            itu, masyarakat berharap adanya upaya pemanfaatan lahan yang tertimbun sampah menjadi lahan
4084                            yang produktif. Masyarakat terus melakukan upaya agar keberadaan mangrove ini terjaga.
4085                            Pada tahun 2022, LindungiHutan membantu masyarakat untuk melakukan penanaman pohon Mangrove
4086                            di sana. Pohon mangrove bermanfaat menjaga daratan dari abrasi dengan pembentukan sedimen
4087                            baru. Selain itu, hasil mangrove juga dapat dimanfaatkan untuk usaha olahan oleh masyarakat
4088                            sekitar.
4089                        </p>
4090                        <label for="expanded-location-8" role="button">Baca Selengkapnya</label>
4091                    </div>
4092                    <hr>
4093                    <div class="wrapper-location-info">
4094                        <div>
4095                            <p class="description">
4096                                Kabupaten / Kota
4097                            </p>
4098                            <p class="info">
4099                                Tangerang
4100                            </p>
4101                        </div>
4102                        <div>
4103                            <p class="description">
4104                                Jenis Pohon
4105                            </p>
4106                            <p class="info">
4107                                Mangrove Rhizophora
4108                            </p>
4109                        </div>
4110                    </div>
4111                    <button class="btn btn-green goto-form">Jalin Kerjasama</button>
4112                </div>
4113            </div>
4114        </div>
4115    </div>
4116</div>
4117    <div class="space-mobile"></div>
4118
4119    <style type="text/css">
4120    .position-fixed-bottom {
4121        position: fixed;
4122        bottom: 0;
4123        margin-bottom: -50px;
4124        z-index: 9999;
4125        width: 100%;
4126        height: auto;
4127        padding: 2% 2%;
4128        background-color: #d6d6d6;
4129    }
4130
4131    .img-footer {
4132        height: 50px;
4133        /* padding: 15px 15px; */
4134        font-size: 18px;
4135        line-height: 20px;
4136    }
4137
4138    .right-footer {
4139        position: relative;
4140        /* Set the container to relative position */
4141        top: 20px;
4142    }
4143
4144
4145    .right-footer div {
4146        >p {
4147            color: #121212;
4148            font-size: 15px;
4149            font-style: normal;
4150            font-weight: 600;
4151            line-height: 20px;
4152            /* 150% */
4153            letter-spacing: 0.3px;
4154
4155            margin: 0 0 12px;
4156
4157        }
4158
4159        >.link-footer>li {
4160            margin-top: 4px;
4161            margin-bottom: 4px;
4162        }
4163    }
4164
4165
4166    .border-medsos {
4167        width: 45px;
4168        /* Adjust the width and height as needed */
4169        height: 45px;
4170        border-radius: 50%;
4171        background: #D9D9D9;
4172        padding: 10px;
4173    }
4174
4175    .socmed_new {
4176        display: flex;
4177        gap: 16px;
4178    }
4179
4180    a:hover .border-medsos.tiktok-lh {
4181        background: #000000;
4182    }
4183
4184    a:hover .border-medsos.ig-lh {
4185        background: -webkit-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -webkit-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
4186        background: -moz-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -moz-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
4187        background: -ms-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -ms-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
4188        background: -o-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -o-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
4189        background: radial-gradient(circle farthest-corner at 32% 106%, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), linear-gradient(135deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
4190    }
4191
4192    a:hover .border-medsos.twitter-lh {
4193        background: #1D9BF0;
4194    }
4195
4196    a:hover .border-medsos.fb-lh {
4197        background: #1877F2;
4198    }
4199
4200    a:hover .border-medsos.youtube-lh {
4201        background: #FF0000;
4202    }
4203
4204    #footer {
4205        margin-top: 48px;
4206        border-top: 1px solid #E5E7EB;
4207        background: #FFF;
4208    }
4209
4210</style>
4211
4212<div class="back-to-top"><i class="fa fa-chevron-up"></i></div>
4213<div class="sticky-whatsapp">
4214    <a href="https://api.whatsapp.com/send/?phone=6282314340056&text&type=phone_number&app_absent=0" target="_blank"
4215        aria-label="Tombol Whatsapp">
4216        <svg width="40" height="40" viewBox="0 0 65 65" fill="none" xmlns="http://www.w3.org/2000/svg">
4217            <circle cx="32.5" cy="32.5" r="32.5" fill="#018D58" />
4218            <path fill-rule="evenodd" clip-rule="evenodd"
4219                d="M33.0628 47.7422H33.0566C30.5567 47.7414 28.1002 47.1171 25.9185 45.9328L18 48L20.1191 40.2967C18.8119 38.0422 18.1241 35.4849 18.1252 32.8648C18.1285 24.6684 24.8294 18 33.0627 18C37.0586 18.0017 40.809 19.5499 43.6291 22.3598C46.4493 25.1696 48.0016 28.9045 48 32.8766C47.9967 41.0711 41.2985 47.7389 33.0628 47.7422ZM26.2856 43.2421L26.739 43.5099C28.6452 44.6356 30.8302 45.2313 33.0581 45.2322H33.0631C39.906 45.2322 45.4755 39.6892 45.4782 32.8763C45.4795 29.5747 44.1893 26.4704 41.8453 24.1349C39.5013 21.7994 36.3841 20.5126 33.068 20.5114C26.2198 20.5114 20.6502 26.0538 20.6475 32.8663C20.6466 35.2009 21.3029 37.4746 22.5457 39.4419L22.8409 39.9093L21.5867 44.4688L26.2856 43.2421ZM40.078 36.077C40.3383 36.2022 40.5141 36.2867 40.5891 36.4114C40.6824 36.5663 40.6824 37.31 40.3715 38.1778C40.0604 39.0454 38.5693 39.8373 37.8522 39.9439C37.2092 40.0396 36.3955 40.0795 35.5014 39.7967C34.9593 39.6256 34.2641 39.397 33.3737 39.0143C29.8747 37.5107 27.5101 34.1357 27.0632 33.4978C27.0319 33.4531 27.01 33.4219 26.9978 33.4056L26.9948 33.4016C26.7973 33.1393 25.4738 31.382 25.4738 29.5632C25.4738 27.8522 26.3183 26.9554 26.707 26.5426C26.7336 26.5143 26.7581 26.4883 26.7801 26.4644C27.1222 26.0926 27.5266 25.9996 27.7754 25.9996C28.0241 25.9996 28.2732 26.0019 28.4907 26.0127C28.5175 26.0141 28.5454 26.0139 28.5743 26.0138C28.7918 26.0125 29.0629 26.0109 29.3304 26.6504C29.4333 26.8965 29.5839 27.2613 29.7427 27.6461C30.0639 28.4242 30.4187 29.284 30.48
421912 29.4084C30.5745 29.5943 30.6367 29.8112 30.5123 30.0592C30.4936 30.0964 30.4763 30.1315 30.4598 30.165C30.3664 30.3548 30.2977 30.4945 30.1391 30.6788C30.0767 30.7512 30.0123 30.8294 29.9478 30.9075C29.8194 31.0631 29.691 31.2187 29.5792 31.3296C29.3924 31.5148 29.1979 31.7157 29.4156 32.0876C29.6333 32.4595 30.3823 33.6758 31.4919 34.6608C32.6846 35.7195 33.7212 36.167 34.2467 36.3939C34.3493 36.4381 34.4324 36.474 34.4934 36.5044C34.8665 36.6904 35.0842 36.6593 35.3019 36.4114C35.5197 36.1635 36.2349 35.3268 36.4837 34.955C36.7325 34.5832 36.9814 34.6452 37.3234 34.7691C37.6656 34.8931 39.5006 35.7916 39.8738 35.9775C39.9467 36.0139 40.0148 36.0466 40.078 36.077Z"
4220                fill="#FDFDFD" />
4221        </svg>
4222    </a>
4223</div>
4224
4225<div class="row" id="footer">
4226    <div class="container-read" style="margin-top: 48px;">
4227        <div class="col-lg-4 hidden-xs" style="z-index: 3">
4228
4229            <div class="col-lg-12">
4230
4231                <div>
4232                    <a class="img-footer" href="https://lindungihutan.com" style="height: 35px;">
4233                        <img src="https://lindungihutan.com/public/img-redesign/logo_lindungihutan.png" id="brand-img"
4234                            alt="" style="display:inline;" loading="lazy" width="32" height="35">
4235                        <span style="display:inline; position:relative; bottom:10px;  color:#045f50; font-weight:bold">
4236                            LindungiHutan </span>
4237                    </a>
4238                </div>
4239                <div style="
4240                color:  #121212;
4241                font-size: 16px;
4242                font-style: normal;
4243                font-weight: 600;
4244                line-height: 24px; /* 150% */
4245                letter-spacing: 0.3px;">Website Penggalangan Dana Online untuk Konservasi Hutan dan Lingkungan.</div>
4246                <div style="color: #616161;
4247                font-size: 12px;
4248                font-style: normal;
4249                font-weight: 400;
4250                line-height: 18px; /* 150% */
4251                letter-spacing: 0.3px;
4252                margin-top: 12px;">Yayasan Lindungi Hutan resmi berbadan hukum dan memiliki Izin Pengumpulan Sumbangan
4253                    pada SK Kemensos No. 37/HUK–PS/2026.
4254                </div>
4255            </div>
4256
4257            <div class="col-xs-12" style="margin-top: 24px;">
4258                <ul id="socmed" class="socmed_new">
4259                    <li>
4260                        <a href="https://www.instagram.com/lindungihutan/" target="_blank" rel="noopener" aria-label="Akun Instagram">
4261                            <div class="border-medsos ig-lh">
4262                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 14 14"
4263                                    fill="none">
4264                                    <path fill-rule="evenodd" clip-rule="evenodd"
4265                                        d="M11.3271 13.5H2.6729C1.477 13.5 0.5 12.523 0.5 11.3271V2.6729C0.5 1.477 1.477 0.5 2.6729 0.5H11.3271C12.523 0.5 13.5 1.477 13.5 2.6729V11.3271C13.5 12.5283 12.5283 13.5 11.3271 13.5ZM7.00265 10.3395C6.11107 10.3395 5.27287 9.99245 4.64289 9.36247C4.01292 8.73249 3.66589 7.8943 3.66589 7.00271C3.66589 6.11113 4.01292 5.27294 4.64289 4.64296C5.27287 4.01298 6.11107 3.66596 7.00265 3.66596C7.89423 3.66596 8.73242 4.01298 9.3624 4.64296C9.99238 5.27294 10.3394 6.11113 10.3394 7.00271C10.3394 7.8943 9.99238 8.73249 9.3624 9.36247C8.72708 9.99245 7.89423 10.3395 7.00265 10.3395ZM7.00265 4.37602C5.55583 4.37602 4.37595 5.55056 4.37595 7.00271C4.37595 8.44953 5.55049 9.62941 7.00265 9.62941C8.44947 9.62941 9.62934 8.45487 9.62934 7.00271C9.624 5.5559 8.44947 4.37602 7.00265 4.37602ZM11.6308 2.91557C11.6308 3.2694 11.344 3.55624 10.9901 3.55624C10.6363 3.55624 10.3494 3.2694 10.3494 2.91557C10.3494 2.56174 10.6363 2.2749 10.9901 2.2749C11.344 2.2749 11.6308 2.56174 11.6308 2.91557Z"
4266                                        fill="white" />
4267                                </svg>
4268                            </div>
4269                        </a>
4270                    </li>
4271                    <li>
4272                        <a href="https://twitter.com/LindungiHutan" target="_blank" rel="noopener" aria-label="Akun Twitter">
4273                            <div class="border-medsos twitter-lh">
4274                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 14 12"
4275                                    fill="none">
4276                                    <path
4277                                        d="M0.124512 10.2801C1.6047 10.3634 2.89906 10.0173 4.16138 9.10103C2.88625 8.88317 2.00198 8.30006 1.5214 7.09541C1.89305 7.04415 2.21985 7.14026 2.60431 6.98648C1.34839 6.43541 0.534608 5.60881 0.50257 4.17989C0.899849 4.21193 1.20102 4.47464 1.67519 4.4362C0.521796 3.30844 0.169366 2.07815 0.89344 0.58515C2.09809 1.96922 3.5078 2.91116 5.23148 3.35329C5.3276 3.37892 5.4173 3.40455 5.51341 3.42378C5.95555 3.5263 6.48099 3.74416 6.75011 3.71212C7.21147 3.65445 6.75011 3.12261 6.86545 2.43058C7.23069 0.277579 9.60155 -0.702805 11.3573 0.559519C11.8699 0.931167 12.2736 0.92476 12.7798 0.700489C13.0425 0.58515 13.3116 0.469811 13.6256 0.335248C13.5551 0.950391 13.081 1.29 12.7029 1.74495C13.1322 1.84107 13.4782 1.71932 13.8755 1.59116C13.7409 2.0333 13.4077 2.2832 13.1066 2.52669C12.7926 2.77659 12.6709 3.03931 12.658 3.44941C12.4658 9.6585 5.4109 14.4579 0.585873 10.6389C0.118109 10.2672 0.573053 10.6389 0.124512 10.2801Z"
4278                                        fill="white" />
4279                                </svg>
4280                            </div>
4281                        </a>
4282                    </li>
4283
4284                    <li>
4285                        <a href="https://www.facebook.com/lindungihutandotcom/" target="_blank" rel="noopener" aria-label="Akun Facebook">
4286                            <div class="border-medsos fb-lh">
4287                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 10 16"
4288                                    fill="none">
4289                                    <path
4290                                        d="M6.07405 9.30178V16H2.99713V9.30178H0.440918V6.5858H2.99713V5.59763C2.99713 1.92899 4.52968 0 7.77228 0C8.76636 0 9.01488 0.159763 9.55926 0.289941V2.97633C8.94979 2.86982 8.7782 2.81065 8.14506 2.81065C7.39358 2.81065 6.99121 3.02367 6.62435 3.44379C6.25749 3.86391 6.07405 4.59172 6.07405 5.63314V6.59172H9.55926L8.62435 9.30769H6.07405V9.30178Z"
4291                                        fill="white" />
4292                                </svg>
4293                            </div>
4294                        </a>
4295                    </li>
4296
4297                    <li>
4298                        <a href="https://www.tiktok.com/@lindungihutan" target="_blank" rel="noopener"
4299                            aria-label="Akun Tiktok">
4300                            <div class="border-medsos tiktok-lh">
4301                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 14 14"
4302                                    fill="none">
4303                                    <path
4304                                        d="M9.86952 0.532571L9.53175 0H7.48771V4.79662L7.48075 9.48185C7.48423 9.51666 7.48771 9.55495 7.48771 9.58976C7.48771 10.7628 6.53359 11.72 5.35662 11.72C4.17964 11.72 3.22552 10.7663 3.22552 9.58976C3.22552 8.41671 4.17964 7.45947 5.35662 7.45947C5.60037 7.45947 5.83716 7.50472 6.05653 7.5813V5.24217C5.83019 5.20388 5.59689 5.18299 5.35662 5.18299C2.92954 5.18647 0.95166 7.1636 0.95166 9.59324C0.95166 12.0229 2.92954 14 5.3601 14C7.79066 14 9.76854 12.0229 9.76854 9.59324V4.02039C10.6495 4.90104 11.7882 5.76082 13.0487 6.0358V3.64446C11.6803 3.03879 10.3187 1.24963 9.86952 0.532571Z"
4305                                        fill="white" />
4306                                </svg>
4307                            </div>
4308                        </a>
4309                    </li>
4310
4311                    <li>
4312                        <a href="https://www.youtube.com/channel/UC5QbLWq-CDaVprd8RGONnpw" target="_blank" rel="noopener"
4313                            aria-label="Akun Youtube">
4314                            <div class="border-medsos youtube-lh">
4315                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 18 12"
4316                                    fill="none">
4317                                    <path fill-rule="evenodd" clip-rule="evenodd"
4318                                        d="M3.49966 11.5H14.5006C15.9725 11.5 17.1644 10.2047 17.1584 8.59704V3.40296C17.1584 1.80177 15.9725 0.5 14.5006 0.5H3.49966C2.03367 0.5 0.841797 1.79527 0.841797 3.40296V8.59704C0.841797 10.1982 2.02771 11.5 3.49966 11.5
4318ZM7.25869 3.25L11.8865 5.91864L7.25869 8.58728V3.25Z"
4319                                        fill="white" />
4320                                </svg>
4321                            </div>
4322                        </a>
4323                    </li>
4324
4325                </ul>
4326            </div>
4327
4328            <div class="col-xs-12" style="margin-top:30px;">
4329                LindungiHutan &copy; 2026 - made with <img class="img img-responsive lazy"
4330                    alt="love-lindungihutan" src="https://lindungihutan.com/public/img-redesign/like.svg" style="display:inline">
4331            </div>
4332
4333        </div>
4334        <div class="col-lg-8 right-footer">
4335            <div>
4336                <div class="col-lg-3">
4337                    <p>Informasi Perusahaan</p>
4338                    <ul class="link-footer">
4339                        <li><a href="https://lindungihutan.com/syaratketentuan">Syarat dan Ketentuan</a></li>
4340                        <li><a href="https://lindungihutan.com/kebijakan">Kebijakan Privasi</a></li>
4341                        <li><a href="https://lindungihutan.com/faq">FAQ</a></li>
4342                    </ul>
4343                </div>
4344                <div class="col-lg-3">
4345                    <p>Tentang Kami</p>
4346                    <ul class="link-footer">
4347                        <li><a href="https://lindungihutan.com/profil">Profil </a></li>
4348                        <li><a href="https://lindungihutan.com/team">Team </a></li>
4349                        <li><a href="https://lindungihutan.com/carakerja">Cara Kerja </a></li>
4350                        <li><a href="https://lindungihutan.com/katalog-pohon">Katalog Pohon</a></li>
4351                        <li><a href="https://lindungihutan.com/lokasi">Lokasi Penghijauan</a></li>
4352                        <li><a href="https://lindungihutan.com/blog">Blog</a></li>
4353                        <li><a href="https://lindungihutan.com/kontakkami">Kontak Kami</a></li>
4354                    </ul>
4355                </div>
4356                <div class="col-lg-3">
4357                    <p>Solusi Bisnis</p>
4358                    <ul class="link-footer">
4359                        <li>
4360                            <a href="https://lindungihutan.com/collaboratree" target="_blank">Collaboratree</a>
4361                        </li>
4362                        <li>
4363                            <a href="https://lindungihutan.com/corporatree" target="_blank">Corporatree</a>
4364                        </li>
4365                        <li>
4366                            <a href="https://lindungihutan.com/partner">Mitra Hijau</a>
4367                        </li>
4368                        <li>
4369                            <a href="https://lindungihutan.com/sustainabilitree">Sustainabilitree</a>
4370                        </li>
4371                        <li>
4372                            <a href="https://lindungihutan.com/csr">Impact CSR</a>
4373                        </li>
4374                    </ul>
4375                </div>
4376                <div class="col-lg-3">
4377                    <p>Solusi Bersama</p>
4378                    <ul class="link-footer">
4379                        <li><a href="https://lindungihutan.com/pendukung">Pendukung</a></li>
4380                        <li><a href="https://lindungihutan.com/penggerak">Penggerak</a></li>
4381                        <li><a href="https://lindungihutan.com/dampak" target="_blank"> Dampak Positif </a></li>
4382                    </ul>
4383                </div>
4384            </div>
4385        </div>
4386
4387    </div>
4388</div>
4389<!-- end of footer -->
4390
4391<!-- script -->
4392<script src="https://lindungihutan.com/public/plugins/jQuery/jQuery-2.1.4.min.js" type="bba5fa218eda8824aac6ff8d-text/javascript"></script>
vendor: 1 bytes, line 4392
4392
4393<script src="https://lindungihutan.com/public/bootstrap/js/bootstrap.min.js" async type="bba5fa218eda8824aac6ff8d-text/javascript"></script>
vendor: 1 bytes, line 4393
4393
4394<script src="https://lindungihutan.com/public/js/redesign/jquery.lazy.min.js" type="bba5fa218eda8824aac6ff8d-text/javascript"></script>
4394
4395
4396
4397<script type="bba5fa218eda8824aac6ff8d-text/javascript">
4398    // Dropdown submenu
4399    jQuery(document).ready(function($){
4400        $('li.dropdown-submenu a[data-toggle="dropdown"]').on('click', function(event) {
4401            event.preventDefault();
4402            event.stopPropagation();
4403            $('li.dropdown-submenu').not($(this).parent()).removeClass('open');
4404            $(this).parent().toggleClass('open');
4405        });
4406    });
4407</script>
4407
4408
4409<script type="bba5fa218eda8824aac6ff8d-text/javascript">
4410    $('#btn-home').click(function(){
4411        $('.wrap-loader').show();
4412    })
4413    $('#btn-kampanye').click(function(){
4414        $('.wrap-loader').show();
4415    })
4416    $('#btn-donasi').click(function(){
4417        $('.wrap-loader').show();
4418    })
4419    $('#btn-profil').click(function(){
4420        $('.wrap-loader').show();
4421    })
4422    $('#btn-pantau').click(function(){
4423        $('.wrap-loader').show();
4424    })
4425</script>
4425
4426
4427<script type="bba5fa218eda8824aac6ff8d-text/javascript">
4428    // recomended
4429    // $('#search_recomend').hide();
4430    $('#search_recomend').css("display", "none");
4431    // $('#search_recomend').css("display", "block");
4432        // recomended
4433
4434    $('#search-navbar-input').keyup(function() {
4435        $('#search_recomend').css("display", "block");
4436
4437        var name = $('#search-navbar-input').val();
4438        
4439        $.ajax({
4440            type: "GET",
4441            url: 'https://lindungihutan.com/ajax/campaign_search?name=' + name,
4442        })
4443        .done(function(msg) {
4444            $('#menu_navbar_search').html(msg);
4445        });
4446    });
4447
4448    $(window).bind("scroll", function() {
4449        if ($(window).scrollTop() > 40) 
4450        {
4451            $('#nav').delay(200).addClass("fix-top");
4452            $('#top-nav-wrapper').delay(200).addClass("fix-top");
4453            $('.top').css('margin-top','150px');
4454        } 
4455        else 
4456        {
4457            $('#nav').removeClass("fix-top");
4458            $('#top-nav-wrapper').removeClass("fix-top");
4459            $('.top').css('margin-top','0');
4460        }
4461    });
4462
4463    $(document).ready(function(){
4464        $('#nav-icon3').click(function(){
4465            $(this).toggleClass('open');
4466            $('#mobile-navbar').slideToggle();
4467        });
4468
4469        
4470    });
4471
4472    $('button[type=submit], input[type=submit], a[type=submit]').not('.btn_search').click(function(){
4473        $('.wrap-loader').show();
4474    });
4475</script>
4475
4476
4477<script type="bba5fa218eda8824aac6ff8d-text/javascript">
4478    jQuery(document).ready(function() {
4479        var offset = 220;
4480        var duration = 500;
4481        jQuery(window).scroll(function() {
4482            if (jQuery(this).scrollTop() > offset) {
4483                jQuery('.back-to-top').fadeIn(duration);
4484            } else {
4485                jQuery('.back-to-top').fadeOut(duration);
4486            }
4487
4488            if (jQuery(this).scrollTop() > offset && jQuery(this).scrollTop() < ($(document).height()-(1.5*$(window).height()))) {
4489                jQuery('.wrapper-follow-us').css('visibility', 'visible').css('opacity', '1');
4490            } else {
4491                jQuery('.wrapper-follow-us').css('visibility', 'hidden').css('opacity', '0');
4492            }
4493        });
4494
4495        jQuery('.back-to-top').click(function(event) {
4496            event.preventDefault();
4497            jQuery('html, body').animate({scrollTop: 0}, duration);
4498            return false;
4499        })
4500    });
4501</script>
4501
4502
4503<script type="bba5fa218eda8824aac6ff8d-text/javascript">
4504    function initLazy() {
4505        $('.lazy:not(.lazy-loaded)').Lazy({
4506            // Callback ketika gambar gagal dimuat
4507            onError: function(element) {
4508                var errorSrc = element.data('error') || "https://lindungihutan.com/public/images/broken-image.png";
4509                element.attr('src', errorSrc);
4510            },
4511            afterLoad: function(element) {
4512                element.addClass('lazy-loaded');
4513            }
4514        });
4515    }
4516
4517    $(function() {
4518        initLazy();
4519    });
4520</script>
4520
4521
4522<!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 64 bytes, lines 4522-4523
4522
4523<script async src="https://www.googletagmanager.com/gtag/js?id=
4523UA-116293979-1
vendor: 60 bytes, line 4523
4523" type="bba5fa218eda8824aac6ff8d-text/javascript"></script>
4524<script type="bba5fa218eda8824aac6ff8d-text/javascript">
4525    setTimeout(function(){
4526        
vendor: 152 bytes, lines 4526-4530
4526window.dataLayer = window.dataLayer || [];
4527        function gtag(){dataLayer.push(arguments);}
4528        gtag('js', new Date());
4529
4530        gtag('config', '
4530UA-116293979-1
vendor: 8 bytes, lines 4530-4531
4530');
4531    
4531},6000); 
4532</script>
4532
4533
4534<!-- Hotjar Tracking Code for www.lindungihutan.com -->
4535<script type="bba5fa218eda8824aac6ff8d-text/javascript">
4536    setTimeout(function(){
vendor: 137 bytes, lines 4536-4539
4536
4537        (function(h,o,t,j,a,r){
4538            h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
4539            h._hjSettings={hjid:
4539824585
vendor: 282 bytes, lines 4539-4545
4539,hjsv:6};
4540            a=o.getElementsByTagName('head')[0];
4541            r=o.createElement('script');r.async=1;
4542            r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
4543            a.appendChild(r);
4544        })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
4545    
4545},6500); 
4546</script>
4546
4547
4548
4549<!--google signin-->
4550<script src="https://apis.google.com/js/platform.js" async defer type="bba5fa218eda8824aac6ff8d-text/javascript"></script>
4550
4551
4552<!--end edited cacip-->
4553
4554
4555<!-- Facebook Pixel Code -->
4556
4557<script type="bba5fa218eda8824aac6ff8d-text/javascript">
4558    setTimeout(function(){
vendor: 471 bytes, lines 4558-4567
4558
4559        !function(f,b,e,v,n,t,s)
4560        {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
4561        n.callMethod.apply(n,arguments):n.queue.push(arguments)};
4562        if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
4563        n.queue=[];t=b.createElement(e);t.async=!0;
4564        t.src=v;s=b.getElementsByTagName(e)[0];
4565        s.parentNode.insertBefore(t,s)}(window, document,'script',
4566        'https://connect.facebook.net/en_US/fbevents.js');
4567        fbq('init', '
4567110782512926218
vendor: 42 bytes, lines 4567-4569
4567');
4568        fbq('track', 'PageView');
4569    
4569},7000); 
4570</script>
4570
4571<noscript><img height="1" width="1" alt="fb" style="display:none"
4572        src="https://www.facebook.com/tr?id=110782512926218&ev=PageView&noscript=1" /></noscript>
4573
4574<!-- End Facebook Pixel Code -->
4575
4576<!-- Google Tag Manager -->
4577<script type="bba5fa218eda8824aac6ff8d-text/javascript">
4578    setTimeout(function(){
vendor: 368 bytes, lines 4578-4583
4578
4579        (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
4580        new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
4581        j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
4582        'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
4583        })(window,document,'script','dataLayer','
4583GTM-MLLRNQM
vendor: 8 bytes, lines 4583-4584
4583');
4584    
4584},7500); 
4585</script>
4585
4586<!-- End Google Tag Manager -->
4587
4588
4589<!-- proof factor -->
4590<div style='position: relative;bottom: 0;left: 0;' id='juicier-container'
4591    data-account-id='SDr0TPokzvMCBCetz6FRpRoXtV02'><a style='font-size: 8px;color: #19191f36;text-decoration: none;'
4592        href='https://prooffactor.com' target='_blank'>Powered by ProofFactor - Social Proof Notifications</a></div>
4593<script type="bba5fa218eda8824aac6ff8d-text/javascript" src='https://cdn.one.store/javascript/dist/1.0/jcr-widget.js?account_id=SDr0TPokzvMCBCetz6FRpRoXtV02'></script>
4593
4594    
4595
4596    <!--google signin-->
4597    
4597<script src="https://apis.google.com/js/platform.js" async defer type="bba5fa218eda8824aac6ff8d-text/javascript"></script>
4597
4598    
4598<script src="https://lindungihutan.com/public/js/swiper8/swiper-bundle.min.js" type="bba5fa218eda8824aac6ff8d-text/javascript"></script>
4598
4599    
4599<script type="bba5fa218eda8824aac6ff8d-text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery.lazy/1.7.9/jquery.lazy.min.js"></script>
4599
4600    
4600<script type="bba5fa218eda8824aac6ff8d-text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery.lazy/1.7.9/jquery.lazy.plugins.min.js">
4601    </script>
4601
4602    
4602<script src="https://lindungihutan.com/public/build-intl-tel-input/js/intlTelInput.min.js" type="bba5fa218eda8824aac6ff8d-text/javascript"></script>
4602
4603    <!-- validate -->
4604    
4604<script src="https://lindungihutan.com/public/js/redesign/jquery.validate.min.js" type="bba5fa218eda8824aac6ff8d-text/javascript"></script>
4604
4605    
4605<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/js/select2.min.js" type="bba5fa218eda8824aac6ff8d-text/javascript"></script>
4605
4606
4607    
4607<script type="bba5fa218eda8824aac6ff8d-text/javascript">
4608        window.addEventListener("load", () => {
4609            const video = document.getElementById("myVideo");
4610            const poster = document.getElementById("poster-video");
4611            if (video) {
4612                poster.style.display = "none";
4613                video.style.display = "block";
4614                video.setAttribute("autoplay", true);
4615                video.play();
4616            }
4617        });
4618
4619        // CUSTOM DROPDOWN
4620        const optionMenu = document.querySelector(".select-menu"),
4621            selectBtn = optionMenu.querySelector(".select-btn"),
4622            options = optionMenu.querySelectorAll(".option"),
4623            sBtn_text = optionMenu.querySelector(".sBtn-text");
4624
4625        selectBtn.addEventListener("click", () =>
4626            optionMenu.classList.toggle("active")
4627        );
4628
4629        $("body").on('change', "input[name='channel[]']", function() {
4630            let defaultText = 'Pilih sumber informasi';
4631            let text = '';
4632            var count = $('input[name="channel[]"]').filter(':checked').length;
4633            if (count) {
4634                sBtn_text.innerText = count + ' terpilih';
4635            } else {
4636                sBtn_text.innerText = defaultText;
4637            }
4638
4639        });
4640    </script>
4640
4641
4642    
4642<script type="bba5fa218eda8824aac6ff8d-text/javascript">
4643        $(function() {
4644            $('.lazy').Lazy();
4645            $('body').on('hidden.bs.modal', '.modal', function() {
4646                $('.btn').blur();
4647            });
4648
4649            $(".goto-form").click(function() {
4650                $('.modal').modal('hide');
4651                $('html, body').animate({
4652                    scrollTop: $("#section-form").offset().top - 70
4653                }, 200);
4654            });
4655
4656            const ps = document.querySelectorAll('.location-info')
4657            const observer = new ResizeObserver(entries => {
4658                for (let entry of entries) {
4659                    entry.target.classList[entry.target.scrollHeight > entry.contentRect.height ? 'add' :
4660                        'remove']('truncated');
4661                }
4662            });
4663
4664            ps.forEach(p => {
4665                observer.observe(p);
4666            });
4667        });
4668        document.getElementById('myVideo').addEventListener('ended', myHandler, false);
4669
4670        function myHandler(e) {
4671            setTimeout(function() {
4672                document.getElementById('myVideo').play();
4673            }, 2000);
4674        }
4675
4676        const swiperSettingValue = {
4677            slidesPerView: 'auto',
4678            spaceBetween: 10,
4679            loop: true,
4680            breakpoints: {
4681                600: {
4682                    spaceBetween: 20,
4683                },
4684                1024: {
4685                    spaceBetween: 30,
4686                },
4687            },
4688            freeMode: {
4689                enabled: true,
4690            },
4691            centeredSlides: true,
4692            centeredSlidesBounds: true,
4693            grabCursor: true,
4694            autoplay: {
4695                delay: 1,
4696                disableOnInteraction: false,
4697            },
4698            speed: 5000,
4699            freeModeMomentum: false
4700        };
4701        let swiperValue = new Swiper('.swiper-value', swiperSettingValue);
4702
4703        const swiperSettingService = {
4704            slidesPerView: 1,
4705            spaceBetween: 20,
4706            loop: true,
4707            autoplay: {
4708                delay: 5000,
4709                disableOnInteraction: false,
4710            },
4711            pagination: {
4712                el: ".swiper-pagination-service",
4713                clickable: true,
4714            },
4715        };
4716        let swiperService = new Swiper('.swiper-service', swiperSettingService);
4717
4718        const swiperSettingEducatree = {
4719            slidesPerView: 1,
4720            // initialSlide: 1,
4721            spaceBetween: 10,
4722            loop: true,
4723            autoplay: {
4724                delay: 5000,
4725                disableOnInteraction: false,
4726            },
4727            pagination: {
4728                el: ".swiper-pagination-educatree",
4729                clickable: true,
4730            },
4731        };
4732        setTimeout(function() {
4733            let swiperEducatree = new Swiper('.swiper-educatree', swiperSettingEducatree);
4734        }, 500);
4735
4736        const swiperSettingImpactReport = {
4737            slidesPerView: 1,
4738            // initialSlide: 1,
4739            spaceBetween: 10,
4740            loop: true,
4741            autoplay: {
4742                delay: 5000,
4743                disableOnInteraction: false,
4744            },
4745            pagination: {
4746                el: ".swiper-pagination-impact-report",
4747                clickable: true,
4748            },
4749        };
4750        setTimeout(function() {
4751            let swiperImpactReport = new Swiper('.swiper-impact-report', swiperSettingImpactReport);
4752        }, 1500);
4753
4754        const swiperSettingTestimoni = {
4755            speed: 1000,
4756            slidesPerView: 1,
4757            spaceBetween: 20,
4758            slidesPerGroup: 1,
4759            autoplay: {
4760                delay: 5000,
4761            },
4762            pagination: {
4763                el: ".swiper-pagination-testimoni",
4764                clickable: true,
4765            },
4766        };
4767        let swiperTestimoni = new Swiper('.swiper-testimoni', swiperSettingTestimoni);
4768
4769        function initSwiperSortedPartner() {
4770            $('.swiper-sorted-partner').show();
4771            $('.swiper-pagination-sorted-partner').show();
4772            $('.swiper-button-next-sorted-partner').show();
4773            $('.swiper-button-prev-sorted-partner').show();
4774            $('#btn-show-all-sorted-partner').show();
4775            const swiperSettingSortedPartner = {
4776                slidesPerView: 3,
4777                slidesPerColumn: 2,
4778                slidesPerGroup: 3,
4779                spaceBetween: 10,
4780                grid: {
4781                    rows: 2,
4782                    fill: "row"
4783                },
4784                navigation: {
4785                    nextEl: ".swiper-button-next-sorted-partner",
4786                    prevEl: ".swiper-button-prev-sorted-partner",
4787                },
4788                pagination: {
4789                    el: '.swiper-pagination-sorted-partner',
4790                    clickable: true,
4791                    dynamicBullets: true,
4792                },
4793                breakpoints: {
4794                    600: {
4795                        slidesPerView: 3,
4796                        spaceBetween: 10,
4797                        slidesPerColumn: 2,
4798                        slidesPerGroup: 3,
4799                        spaceBetween: 10,
4800                    },
4801                    1024: {
4802                        slidesPerView: 7,
4803                        spaceBetween: 20,
4804                        slidesPerColumn: 2,
4805                        slidesPerGroup: 7,
4806                    },
4807                },
4808            }
4809            let swiperSortedPartner = new Swiper('.swiper-sorted-partner', swiperSettingSortedPartner);
4810        }
4811
4812        $(document).ready(function() {
4813            let urlGetSortedPartner = 'https://lindungihutan.com/home/sorted-partner';
4814            $.ajax({
4815                type: "GET",
4816                url: urlGetSortedPartner,
4817                dataType: "json",
4818                success: function(response) {
4819                    $('#wrapper-loader-partner').hide();
4820                    let partners = response.data;
4821                    let sliders = '';
4822                    partners.forEach(partner => {
4823                        sliders += `
4824                        <div class="swiper-slide">
4825                            <div>
4826                                <img data-src="${ partner.image_path }"
4827                                    alt="${ partner.nama }" class="lazy">
4828                            </div>
4829                        </div>
4830                        `;
4831                    });
4832                    $('.swiper-wrapper-sorted-partner').html(sliders);
4833                    // $('.swiper-wrapper-sorted-partner .lazy').Lazy({
4834                    //     effect: 'fadeIn',
4835                    //     onError: function(element) {
4836                    //         element.attr('src', 'https://placehold.co/300x300/EEE/31343C?font=open-sans&text=404');
4837                    //     }
4838                    // });
4839                    initSwiperSortedPartner();
4840                    initLazy();
4841                }
4842            });
4843        });
4844
4845        const swiperSettingArticleMitra = {
4846            // loop: true,
4847            speed: 1000,
4848            slidesPerView: 1.3,
4849            spaceBetween: 10,
4850            slidesPerGroup: 1,
4851            navigation: {
4852                nextEl: ".swiper-button-next-article-mitra",
4853                prevEl: ".swiper-button-prev-article-mitra",
4854            },
4855            breakpoints: {
4856                600: {
4857                    slidesPerView: 2,
4858                    spaceBetween: 10,
4859                    slidesPerGroup: 2,
4860                },
4861                1024: {
4862                    slidesPerView: 3,
4863                    spaceBetween: 20,
4864                    slidesPerGroup: 3,
4865                },
4866            },
4867        }
4868
4869        let swiperArticleMitra = new Swiper('.swiper-article-mitra', swiperSettingArticleMitra);
4870
4871        let accordion = document.getElementsByClassName("accordion-wrapper");
4872
4873        for (i = 0; i < accordion.length; i++) {
4874            accordion[i].addEventListener("click", function() {
4875                this.classList.toggle("active");
4876                let content = this.querySelector('.accordion-body');
4877                let iconDown = this.querySelector('.icon-arrow-down');
4878                let iconUp = this.querySelector('.icon-arrow-up');
4879                if (content.style.maxHeight) {
4880                    content.style.maxHeight = null;
4881                    iconDown.style.display = "block";
4882                    iconUp.style.display = "none";
4883                } else {
4884                    content.style.maxHeight = content.scrollHeight + "px";
4885                    iconDown.style.display = "none";
4886                    iconUp.style.display = "block";
4887                }
4888            });
4889        }
4890
4891        var input = document.querySelector("#number");
4892        let iti = window.intlTelInput(input, {
4893            preferredCountries: ['id'],
4894            separateDialCode: true,
4895            hiddenInput: "full",
4896            initialCountry: "id",
4897            utilsScript: "https://lindungihutan.com/public/build-intl-tel-input/js/utils.js",
4898        });
4899
4900        $('#number').change(function() {
4901            var full_number = iti.getNumber(intlTelInputUtils.numberFormat.E164);
4902            $('#formatedNumber').val(full_number);
4903        });
4904
4905        function cleanPaste(event) {
4906            setTimeout(() => {
4907                const input = event.target;
4908                input.value = input.value.replace(/[^0-9]/g, ''); // Bersihkan karakter non-angka
4909            }, 0); // Delay 0ms agar konten yang di-paste sudah masuk ke input
4910        }
4911
4912        isNumber = (evt) => {
4913            evt = (evt) ? evt : window.event;
4914            var charCode = (evt.which) ? evt.which : evt.keyCode;
4915            if (charCode > 31 && (charCode < 48 || charCode > 57)) {
4916                return false;
4917            }
4918            return true;
4919        }
4920
4921        $('#channel-lainnya').on('click', function() {
4922            if ($(this).is(':checked')) {
4923                $('.wrapper-lainnya').html('');
4924                $('#lainnya-error').remove();
4925                let inputLainnya =
4926                    `<input type="text" class="form-control" name="lainnya" id="lainnya" placeholder="Sumber Lainnya" required>`;
4927                $('.wrapper-lainnya').html(inputLainnya);
4928                $('#lainnya').focus();
4929            } else {
4930                $('.wrapper-lainnya').html('');
4931                $('#lainnya-error').remove();
4932            }
4933        });
4934
4935        $('textarea').keyup(function() {
4936            let characterCount = $(this).val().length,
4937                current = $('#current'),
4938                maximum = $('#maximum'),
4939                theCount = $('#the-count');
4940            current.text(characterCount);
4941            if (characterCount >= 150) {
4942                maximum.css('color', '#F43F5B');
4943                current.css('color', '#F43F5B');
4944                theCount.css('font-weight', 'bold');
4945            } else {
4946                maximum.css('color', '#575757');
4947                current.css('color', '#575757');
4948                theCount.css('font-weight', 'normal');
4949            }
4950        });
4951
4952        $(document).ready(function() {
4953            jQuery.extend(jQuery.validator.messages, {
4954                required: "Kolom ini tidak boleh kosong.",
4955                email: "Masukan email yang valid(sesuai format)",
4956                url: "Masukan format url website atau media sosial yang sesuai"
4957            });
4958
4959            let validator = $('#form-csr').validate({
4960                rules: {
4961                    email: {
4962                        required: true,
4963                        email: true,
4964                    },
4965                    name: {
4966                        required: true,
4967                    },
4968                    number: {
4969                        required: true,
4970                        maxlength: 13,
4971                    },
4972                    brand: {
4973                        required: true,
4974                    },
4975                    position: {
4976                        required: true,
4977                    },
4978                    division: {
4979                        required: true,
4980                    },
4981                    sector: {
4982                        required: true,
4983                    },
4984                    area: {
4985                        required: true,
4986                    },
4987                    target: {
4988                        required: true,
4989                    },
4990                    'channel[]': {
4991                        required: true,
4992                    },
4993                    'description': {
4994                        required: true,
4995                    },
4996                },
4997                messages: {
4998                    email: {
4999                        required: `<div style="display: flex; align-items: center; margin-top: 5px; gap: 10px;">
5000                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-exclamation-circle-fill" viewBox="0 0 16 16"> <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4zm.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"/> </svg>
5001                            Alamat email tidak boleh kosong!
5002                            </div>`,
5003                        email: `<div style="display: flex; align-items: center; margin-top: 5px; gap: 10px;">
5004                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-exclamation-circle-fill" viewBox="0 0 16 16"> <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4zm.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"/> </svg>
5005                            Alamat email tidak valid!
5006                            </div>`,
5007                    },
5008                    name: {
5009                        required: `<div style="display: flex; align-items: center; margin-top: 5px; gap: 10px;">
5010                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-exclamation-circle-fill" viewBox="0 0 16 16"> <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4zm.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"/> </svg>
5011                            Nama tidak boleh kosong!
5012                            </div>`,
5013                    },
5014                    number: {
5015                        required: `<div style="display: flex; align-items: center; margin-top: 5px; gap: 10px;">
5016                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-exclamation-circle-fill" viewBox="0 0 16 16"> <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4zm.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"/> </svg>
5017                            Telepon tidak boleh kosong!
5018                            </div>`,
5019                        maxlength: `<div style="display: flex; align-items: center; margin-top: 5px; gap: 10px;">
5020                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-exclamation-circle-fill" viewBox="0 0 16 16"> <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4zm.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"/> </svg>
5021                            Nomor telepon tidak boleh lebih dari 13 digit.
5022                            </div>`,
5023                    },
5024                    brand: {
5025                        required: `<div style="display: flex; align-items: center; margin-top: 5px; gap: 10px;">
5026                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-exclamation-circle-fill" viewBox="0 0 16 16"> <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4zm.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"/> </svg>
5027                            Nama instansi tidak boleh kosong
5028                            </div>`,
5029                    },
5030                    position: {
5031                        required: `<div style="display: flex; align-items: center; margin-top: 5px; gap: 10px;">
5032                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-exclamation-circle-fill" viewBox="0 0 16 16"> <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4zm.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"/> </svg>
5033                            Posisi tidak boleh kosong
5034                            </div>`,
5035                    },
5036                    division: {
5037                        required: `<div style="display: flex; align-items: center; margin-top: 5px; gap: 10px;">
5038                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-exclamation-circle-fill" viewBox="0 0 16 16"> <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4zm.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"/> </svg>
5039                            Divisi tidak boleh kosong
5040                            </div>`,
5041                    },
5042                    sector: {
5043                        required: `<div style="display: flex; align-items: center; margin-top: 5px; gap: 10px;">
5044                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-exclamation-circle-fill" viewBox="0 0 16 16"> <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4zm.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"/> </svg>
5045                            Sektor tidak boleh kosong
5046                            </div>`,
5047                    },
5048                    area: {
5049                        required: `<div style="display: flex; align-items: center; margin-top: 5px; gap: 10px;">
5050                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-exclamation-circle-fill" viewBox="0 0 16 16"> <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4zm.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"/> </svg>
5051                            Area tidak boleh kosong
5052                            </div>`,
5053                    },
5054                    target: {
5055                        required: `<div style="display: flex; align-items: center; margin-top: 5px; gap: 10px;">
5056                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-exclamation-circle-fill" viewBox="0 0 16 16"> <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4zm.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"/> </svg>
5057                            Target tidak boleh kosong
5058                            </div>`,
5059                    },
5060                    description: {
5061                        required: `<div style="display: flex; align-items: center; margin-top: 5px; gap: 10px;">
5062                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-exclamation-circle-fill" viewBox="0 0 16 16"> <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4zm.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"/> </svg>
5063                            Rencana kegiatan tidak boleh kosong
5064                            </div>`,
5065                    },
5066                    'channel[]': {
5067                        required: `<div style="display: flex; align-items: center; margin-top: 5px; gap: 10px;">
5068                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-exclamation-circle-fill" viewBox="0 0 16 16"> <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4zm.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"/> </svg>
5069                            Pilih minimal 1 opsi!
5070                            </div>`,
5071                    },
5072                    'lainnya': {
5073                        required: `<div style="display: flex; align-items: center; margin-top: 5px; gap: 10px;">
5074                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-exclamation-circle-fill" viewBox="0 0 16 16"> <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4zm.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"/> </svg>
5075                            Kolom ini tidak boleh kosong!
5076                            </div>`,
5077                    },
5078                },
5079                errorElement: 'span',
5080                errorPlacement: function(error, element) {
5081                    error.addClass('invalid-feedback');
5082                    element.closest('.form-group').append(error);
5083                },
5084                onfocusout: function(element) {
5085                    $(element).closest('.form-group').addClass('has-error');
5086                    validator.element(element);
5087                    checkForm();
5088                },
5089                onkeyup: function(element) {
5090                    $(element).closest('.form-group').addClass('has-error');
5091                    validator.element(element);
5092                    checkForm();
5093                },
5094                onclick: function(element) {
5095                    $(element).closest('.form-group').addClass('has-error');
5096                    validator.element(element);
5097                    checkForm();
5098                },
5099                unhighlight: function(element) {
5100                    $(element).closest('.form-group').removeClass('has-error');
5101                },
5102                submitHandler: function(form) {
5103                    // submit with redirect page
5104                    form.submit();
5105                }
5106            });
5107
5108            $('#sector').on('change', function() {
5109                $(this).valid();
5110            });
5111
5112            $('#area').on('change', function() {
5113                $(this).valid();
5114            });
5115
5116            function checkForm() {
5117                let channelLainnyaFlag = true;
5118                if ($('#channel-lainnya').is(':checked') && $('#lainnya').val() == "") {
5119                    channelLainnyaFlag = false;
5120                }
5121                if (
5122                    $('#name').val() != '' &&
5123                    $('#number').val() != '' &&
5124                    $('#email').val() != '' &&
5125                    $('#brand').val() != '' &&
5126                    $('#position').val() != '' &&
5127                    $('#sector').val() != '' &&
5128                    $('#division').val() != '' &&
5129                    $('#area').val() != '' &&
5130                    $('#target').val() != '' &&
5131                    $('input[name="channel[]"]:checked').length > 0 &&
5132                    channelLainnyaFlag
5133                ) {
5134                    $('#btn-submit-form').attr('disabled', false);
5135                } else {
5136                    $('#btn-submit-form').attr('disabled', true)
5137                }
5138            }
5139        });
5140        // End Form
5141    </script>
vendor: 143 bytes, lines 5141-5142
5141
5142<script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="bba5fa218eda8824aac6ff8d-|49" defer></script>
5142<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"6a225637db0943da97d525f92331a1bb","r":1,"spa":2}' crossorigin="anonymous"></script>
5142
5143</body>
5144
5145</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.