PageSourceSearch

https://mountbaturtrekking.com/contact

html mountbaturtrekking.com collected 2026-10-04 01:29:11 UTC 90,725 bytes, 2,946 lines download raw bytes

1
2<!DOCTYPE html>
3<html lang="en" class="
4			">
5			<head>
6
7				<!-- Basic -->
8				<meta charset="utf-8">
9				<meta http-equiv="X-UA-Compatible" content="IE=edge"> 
10				  
11
12				<link rel='icon' type='image/jpg' href='https://jwc.gotra-resources.my.id/web-upload/1783565559-09-07-2026-QZc0NrJeHRUwD2uid9kh1gAlsGzBSFpL.webp'><link rel='icon' type='image/jepg' href='https://jwc.gotra-resources.my.id/web-upload/1783565559-09-07-2026-QZc0NrJeHRUwD2uid9kh1gAlsGzBSFpL.webp'><link rel='icon' type='image/png' href='https://jwc.gotra-resources.my.id/web-upload/1783565559-09-07-2026-QZc0NrJeHRUwD2uid9kh1gAlsGzBSFpL.webp'><link rel='icon' type='image/webp' href='https://jwc.gotra-resources.my.id/web-upload/1783565559-09-07-2026-QZc0NrJeHRUwD2uid9kh1gAlsGzBSFpL.webp'>
13				<title>Contact - Mount Batur Trekking</title>
14
15				
16				<link rel='icon' type='image/jpg' href='https://jwc.gotra-resources.my.id/web-upload/1783565559-09-07-2026-QZc0NrJeHRUwD2uid9kh1gAlsGzBSFpL.webp'><link rel='icon' type='image/jepg' href='https://jwc.gotra-resources.my.id/web-upload/1783565559-09-07-2026-QZc0NrJeHRUwD2uid9kh1gAlsGzBSFpL.webp'><link rel='icon' type='image/png' href='https://jwc.gotra-resources.my.id/web-upload/1783565559-09-07-2026-QZc0NrJeHRUwD2uid9kh1gAlsGzBSFpL.webp'><link rel='icon' type='image/webp' href='https://jwc.gotra-resources.my.id/web-upload/1783565559-09-07-2026-QZc0NrJeHRUwD2uid9kh1gAlsGzBSFpL.webp'><meta name='robots' content='index, follow'/><meta name='description' content='Book Mount Batur sunrise trekking, 4WD jeep tours, Black Lava adventures, and Bali activities. Enjoy private tours, scenic views, and unforgettable experiences.'/><meta property='og:description' content='Book Mount Batur sunrise trekking, 4WD jeep tours, Black Lava adventures, and Bali activities. Enjoy private tours, scenic views, and unforgettable experiences.' /><meta name='author' content='Mount Batur Trekking'/><link rel='canonical' href='https://mountbaturtrekking.com/contact'/><meta content='index,follow' name='robots'/><meta content='2 days' name='revisit-after'/><meta content='2 days' name='revisit'/><meta content='never' name='expires'/><meta content='always' name='revisit'/><meta content='global' name='distribution'/><meta content='gotrasoft' name='generator'/><meta content='general' name='rating'/><meta content='true' name='MSSmartTagsPreventParsing'/><meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/><meta content='index, follow' name='googlebot'/><meta content='follow, all' name='Googlebot-Image'/><meta content='follow, all' name='msnbot'/><meta content='follow, all' name='Slurp'/><meta content='follow, all' name='ZyBorg'/><meta content='follow, all' name='Scooter'/><meta content='all' name='spiders'/><meta content='all' name='WEBCRAWLERS'/><meta content='aeiwi, alexa, alltheWeb, altavista, aol netfind, anzwers, canada, directhit, euroseek, excite, overture, go, google, hotbot, infomak, kanoodle, lycos, mastersite, national directory, northern light, searchit, simplesearch, Websmostlinked, webtop, what-u-seek, aol, yahoo, webcrawler, infoseek, excite, magellan, looksmart, bing, cnet, googlebot' name='search engines'/><meta property='og:url' content='https://mountbaturtrekking.com/contact' /><meta property='og:type' content='website' /><meta property='og:title' content='Contact - Mount Batur Trekking' /><meta property='og:site_name' content='Mount Batur Trekking' /><meta property='og:image' content='https://jwc.gotra-resources.my.id/web-upload/1783583723-09-07-2026-EymQ8hcbSKAvepP9iuk6s7Y3X4naroWN.webp' /><meta property='fb:app_id' content='597347393950604' /><meta property='fb:admins' content='' />
17				<!-- Mobile Metas -->
18				<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, shrink-to-fit=no">
19
20				<!-- Web Fonts  -->
21                <link rel="preconnect" href="https://fonts.googleapis.com">
22                <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
23
24				<!-- Vendor CSS -->
25				<link href="https://mountbaturtrekking.com/assets/front/vendor/bootstrap/css/bootstrap.min.css" type="text/css" rel="stylesheet">
26				<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" integrity="sha512-9usAa10IRO0HhonpyAIVpjrylPvoDwiPUiKdWk5t3PyolY1cOd4DSE0Ga+ri4AuTroPR5aQvXU9xC6qOPnzFeg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
27				<link href="https://mountbaturtrekking.com/assets/front/vendor/animate/animate.min.css" type="text/css" rel="stylesheet">
28                <!-- <link href="https://mountbaturtrekking.com/assets/front/vendor/owl.carousel/assets/owl.carousel.min.css" type="text/css" rel="stylesheet">
29                <link href="https://mountbaturtrekking.com/assets/front/vendor/owl.carousel/assets/owl.theme.default.min.css" type="text/css" rel="stylesheet"> -->
30
31				 <link rel='stylesheet' type='text/css' href='https://mountbaturtrekking.com/assets/front/vendor/magnific-popup/magnific-popup.min.css'>				<!-- Theme CSS -->
32				<link href="https://mountbaturtrekking.com/assets/front/css/theme.css" type="text/css" rel="stylesheet">
33				<link href="https://mountbaturtrekking.com/assets/front/font/hiatus.ttf" type="text/css" rel="stylesheet">
34				<link href="https://mountbaturtrekking.com/assets/front/css/theme-elements.css" type="text/css" rel="stylesheet">
35				<link href="https://mountbaturtrekking.com/assets/front/css/style-tour.css" type="text/css" rel="stylesheet">
36				<link href="https://mountbaturtrekking.com/assets/front/css/colors.css" type="text/css" rel="stylesheet">
37
38                 <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/[email protected]/slick/slick.css"/>
39
40				<!-- Current Page CSS -->
41				<link href="https://mountbaturtrekking.com/assets/front/vendor/rs-plugin/css/settings.css" type="text/css" rel="stylesheet">
42				<link href="https://mountbaturtrekking.com/assets/front/vendor/rs-plugin/css/navigation.css" type="text/css" rel="stylesheet">
43				
44<style>
45
46
47
48:root{
49	/*default*/	
50	--boxed: #5f758d;
51	--body: #e8f5e9;
52	--colors: #024f57;
53	--color2: #1a7179;
54    --color3: #024f57;
55    /*--color3: #5E17EB;*/
56    --primtext: 'Inter';
57    --subtext: 'Inter';
58    --spantext: 'Inter';
59}
60@font-face {
61    font-family: hiatus;
62    src: url(https://mountbaturtrekking.com/assets/front/font/hiatus.ttf);
63}
64i.fas.fa-chevron-down {
65    display: none;
66}
67
68html.sticky-header-enabled #header.header-transparent:not(.header-transparent-not-fixed) .header-body {
69    position: relative;
70}
71
72@media (min-width: 768px) {
73    #header .header-nav.header-nav-stripe nav>ul>li.open>a, #header .header-nav.header-nav-stripe nav>ul>li:hover>a {
74        border-radius: 5px !important;
75    }
76}
77
78.header-body {
79    background-color: #024f57 !important;
80    border: unset !important;
81    transition: all ease 500ms;
82}
83
84html:not(.sticky-header-active) .header-body { margin-top: 0px !important; transition: all ease 1000ms !important; }
85
86html:not(.sticky-header-active) #header.header-transparent .header-nav-main:not(.header-nav-main-dark) nav>ul>li>a {
87    color: #fff;
88}
89
90html:not(.sticky-header-active) #header.header-transparent .header-nav-main:not(.header-nav-main-dark) nav>ul>li>a.dropdown-toggle:after {
91    border-color: #000 transparent transparent transparent;
92}
93
94@media (max-width: 768px) {
95    html:not(.sticky-header-active) .header-body {
96        margin-top: 0px !important;
97    }
98}
99
100#header .header-nav.header-nav-stripe nav>ul>li>a {
101    color: #fff;
102    font-size: 13px;
103    font-weight: 400;
104    letter-spacing: 1px;
105    font-family: var(--subtext);
106    /* text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6); */
107    text-transform: uppercase;
108    padding: 0 10px;
109}
110
111html.sticky-header-active #header.header-transparent .header-body { transition: all ease 1000ms !important; }
112
113html.sticky-header-active #header.header-transparent .header-body:before {
114    opacity: 1;
115    background-color: var(--color2) !important;
116    border: unset !important;
117    transition: all ease 500ms !important;
118}
119
120    html.sticky-header-active #header .header-body {
121        background-color: var(--color2) !important;
122        position: relative !important;
123    }
124
125@media (min-width: 768px) {
126    #header .header-nav.header-nav-stripe nav>ul>li>a {
127        padding: 0 14px !important;
128        min-height: 15px;
129        height: 15px;
130    }
131
132	#header .header-nav.header-nav-stripe nav>ul>li.open>a, #header .header-nav.header-nav-stripe nav>ul>li:hover>a {
133	    background-color: var(--colors);
134	}
135}
136
137@media (min-width: 768px) {
138    #header .header-nav.header-nav-stripe nav>ul>li>a.dropdown-toggle:after {
139        border-color: #fff transparent transparent transparent !important;
140    }
141}
142
143@media (max-width: 768px) {
144	#menu-button {
145	    border-color: #111;
146	    color: #111;
147	    margin-left: 10px;
148      border: unset !important;
149	}
150  
151  .menu-tour a { font-family: var(--subtext); }
152
153    #menuWrapper.show-box {
154        opacity: 1;
155        visibility: visible;
156    }
157    #menuWrapper {
158        position: fixed;
159        top: 0;
160        right: 0;
161        bottom: 0;
162        left: 0;
163        background: #fff;
164        z-index: 99999;
165        opacity: 0;
166        visibility: hidden;
167        transition: all ease .5s;
168    }
169
170    #menuWrapper #close {
171        color: var(--color3);
172        position: absolute;
173        top: 15px;
174        right: 20px;
175        width: 42px;
176        height: 35px;
177        font-size: 20px;
178        background: 0 0;
179        z-index: 1;
180        border: none;
181    }
182
183    #menuWrapper .container {
184        height: 100%;
185    }
186
187    .menu-tour ul {
188        position: relative;
189        padding: 0;
190        top: 2%;
191        left: 0;
192        right: 0;
193        text-align: left;
194        list-style: none;
195    }
196
197    .menu-tour li {
198        padding: 10px;
199        border-bottom: 1px solid #eee;
200        margin: unset;
201    }
202
203    .menu-tour a {
204        color: var(--color3);
205        text-transform: uppercase;
206        font-size: 12px;
207        letter-spacing: 1px;
208    }
209
210}
211
212
213@media (max-width: 768px) {
214	.logo-menu {
215		align-items: flex-start !important;
216	}
217
218	.menu-andro {
219		justify-content: center !important;
220	}
221
222	.menu-andro {
223    	justify-content: flex-end !important;
224    	margin-right: 10px;
225    }
226
227    .header-logo {
228    	margin-left: 10px !important;
229    }
230
231    .header-logo img {
232        height: 50px !important;
233        margin-top: 5px;
234    }
235
236	#menuWrapper {
237		overflow: scroll;
238	}
239}
240
241
242/* Section All Page */
243
244.section-allpage {
245    position: relative;
246    height: 450px;
247    background-repeat: no-repeat;
248    background-size: cover;
249    background-position: center;
250    margin-top: -122px;
251    background-image: url(https://jwc.gotra-resources.my.id/web-upload/1784185650-16-07-2026-HVnb1Nqf5Ct7ePRJiE9Qw8Zr2gypadum.webp)!important;
252}
253
254.section-allpage:before {
255    position: absolute;
256    content: '';
257    top: 0;
258    left: 0;
259    right: 0;
260    height: 180px;
261    background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
262    opacity: .6;
263}
264
265.section-allpage:after {
266    position: absolute;
267    content: '';
268    bottom: 0;
269    left: 0;
270    right: 0;
271    height: 180px;
272    transform: rotate(180deg);
273    background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
274    opacity: .6;
275} 
276
277.section-allpage .text p {
278    color: #f1f1f1;
279    letter-spacing: 0.5px;
280    font-size: 17px;
281    padding-left: 70px; 
282    position: relative;
283}
284.section-allpage .text h1 {
285    text-transform: uppercase;
286    letter-spacing: 5px;
287    font-weight: 700;
288    color: white;
289    font-size: 45px;
290    line-height: 50px;
291    margin-bottom: 15px;
292}
293.section-allpage .text p:after {
294    position: absolute;
295    content: '';
296    top: 50%;
297    left: 0;
298    width: 50px;
299    height: 3px;
300    transform: translateY(-50%);
301    background: var(--color2);
302}
303.section-allpage .text {
304    position: absolute;
305    left: 0;
306    right: 0;
307    text-align: left;
308    top: 50%;
309    z-index: 1;
310    padding-left: 7%; 
311    padding-right: 7%; 
312    font-family: var(--subtext);
313}
314
315@media (max-width: 768px) {
316    .section-allpage .text h1 {
317        font-size: 28px;
318        line-height: 30px;
319    }
320
321    .title-product { padding:0px 10px; }
322
323    .section-allpage { height: 350px; }
324
325    .section-allpage .text {    
326        padding-left: 3%; 
327        padding-right: 3%; 
328    }
329    .section-allpage .text p {
330        font-size: 15px;
331    }
332}
333
334@media (min-width: 768px) {
335    .container-global { padding-left: 7%; padding-right: 7% }
336}
337
338@media ( max-width: 768px ) {
339   .container-global { padding-left: 3%; padding-right: 3% }
340}
341
342@media ( max-width: 768px ) {
343    .display-pc-share {
344        display: none;
345   }
346}
347
348span.text-wid {
349    font-family: var(--primtext);
350    color: #fff;
351    font-size: 14px;
352    font-weight: 400;
353    letter-spacing: 0px;
354}
355
356.social-icons:not(.social-icons-clean) li a {
357    color: var(--color2) !important;
358    background: white;
359    border: 1px solid;
360}
361
362.social-icons li a {
363    height: 35px;
364    line-height: 35px;
365    width: 35px;
366    font-size: 17px;
367}
368
369.social-icons li a:hover {
370    background: var(--colors) !important;
371    color: white !important;
372}
373
374.social-icons li { margin-right:5px; }
375
376.btn-book-atas {
377    font-family: var(--subtext);
378    background: var(--color2);
379    color: #fff;
380    margin-left: 15px;
381    padding: 10px 20px;
382    border: none;
383    text-transform: uppercase;
384    font-weight: 600;
385    font-size: 12px;
386    letter-spacing: 1px;
387    margin-top: 5px;
388    border-radius: 100px;
389}
390
391.btn-book-atas:hover {
392    background: #1a1a1a;
393    color: white;
394}
395
396a { text-decoration:unset !important; }
397
398
399
400.btn-contact1 {
401    background: var(--colors);
402    color: #fff;
403    font-family: var(--primtext);
404    font-size: 15px;
405    text-transform: uppercase;
406    font-weight: 600;
407    padding: 15px 40px;
408    transition: all ease 500ms;
409    letter-spacing: 1px;
410}
411
412.btn-contact1:hover {
413    background: var(--color2);
414    border-color: white;
415    color: #fff;
416    transition: all ease 500ms;
417}
418
419@media (min-width: 768px) {
420    .coni { max-width:1340px; }
421}
422
423.head-mencen {
424    height: 85px; 
425    padding: 20px 7%;
426}
427
428@media (max-width: 768px) {
429    .head-mencen {
430        height: 70px !important;
431        padding: 20px 3%;
432    }
433}
434
435/* Blog */
436
437.blog img {
438    height: 270px;
439    object-fit: cover;
440    position: relative;
441    z-index: 2;
442    margin-bottom: 20px;
443}
444
445.blog {
446    position: relative;
447    margin-bottom: 20px;
448}
449
450.blog2 {
451    position: relative;
452}
453
454.catcat{
455    position: absolute;
456    bottom: 13%;
457    z-index: 3;
458    left: -15px;
459    background: var(--colors);
460    font-family: var(--subtext);
461    color: white;
462    font-weight: 600;
463    border-radius: 0;
464    padding: 9px 20px;
465    font-size: 13px;
466    line-height: 13px;
467    width: max-content;
468    text-transform: uppercase;
469}
470.catcat:before {
471    content: "";
472    width: 16px;
473    height: 10px;
474    z-index: 1;
475    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
476    background: var(--color3);
477    position: absolute;
478    top: -9.5px;
479    left: 0;
480}
481.blog .catcat span {
482    font-size: 22px;
483    line-height: 22px;
484}
485
486.blog2 span {
487    text-transform: uppercase;
488    letter-spacing: 1px;
489    color: var(--color2);
490    font-family: var(--primtext);
491    font-weight: 600;
492    font-size: 11px;
493    display: block;
494    margin-bottom: 8px;
495}
496
497.blog2 h3 {
498    text-transform: unset;
499    font-family: var(--primtext);
500    font-weight: 600;
501    letter-spacing: 0px;
502    line-height: 30px;
503    color: #333;
504    font-size: 22px;
505    margin-bottom: 10px;
506}
507
508.blog2 p {
509    font-weight: 400;
510    font-size: 15px;
511    line-height: 30px;
512    font-family: var(--subtext);
513    color: #777;
514}
515
516.blog2 a {
517    border-radius: 0px;
518    font-family: var(--subtext);
519    color: var(--color2);
520    padding: 0;
521    font-size: 14px;
522    padding: .6rem 1.3rem;
523    border: 1px solid var(--color2);
524    font-weight: 600;
525    transition: all ease 500ms;
526}
527
528.blog2 a:hover {
529    color: #000;
530}
531
532@media (max-width: 768px) {
533    .blog2 span {
534        font-size: 10px;
535        margin-bottom: 5px;
536    }
537
538    .blog2 h3 {
539        line-height: 30px;
540        font-size: 20px;
541    }
542
543    .blog2 p {
544        font-size: 14px;
545        line-height: 27px;
546    }
547}
548/* Blog */
549
550/* ========== Cate ========= */
551.wrap-cate {
552    font-family: var(--primtext);
553    position: relative;
554    border-radius: 0px;
555    overflow: hidden;
556    margin-bottom: 3px;
557    transition: all ease 500ms;
558    background: black;
559    border-radius: 10px;
560}
561
562.wrap-cate img {
563    height: 350px;
564    width: 100%;
565    object-fit: cover;
566    transition: all ease 500ms !important;
567}
568.blog-destination .wrap-cate img {
569    height: 400px;
570}
571
572.wrap-cate:before {
573    position: absolute;
574    content: '';
575    left: 0;
576    transition: all ease 500ms;
577    right: 0;
578    bottom: 0;
579    z-index: 1;
580    height: 60%;
581    background: transparent linear-gradient(180deg, rgb(13 28 52 / 0) 0, var(--color3) 110%) 0 0 no-repeat padding-box;
582}
583
584.wrap-cate2 {
585    position: absolute;
586    z-index: 2;
587    left: 0;
588    right: 0;
589    bottom: 8%;
590    padding: 0px 30px;
591}
592
593.wrap-cate2 h3 {
594    color: white;
595    text-transform: unset;
596    font-weight: 600;
597    font-size: 20px;
598    line-height: 25px;
599    letter-spacing: 0px;
600    margin-bottom: 10px;
601}
602
603.wrap-cate2 p {
604    color: #f1f1f1;
605    font-size: 14px;
606    line-height: 25px;
607    font-weight: 300;
608    padding: 0px;
609    margin: 0;
610    margin-bottom: 15px;
611    font-family: var(--subtext) !important;
612}
613
614/* ========= cate btn ======= */
615.wrap-cate .btnprofile {
616    font-size: 12px;
617    padding: 5px 10px 5px 15px;
618}
619.wrap-cate .btnprofile .icon {
620    width: 1.5rem;
621    height: 1.5rem;
622}
623.wrap-cate .btnprofile .icon i {
624    font-size: 13px;
625    line-height: 1rem;
626}
627
628/* ========= cate btn ======= */
629.wrap-cate2 .btn-cate {
630    background: var(--colors);
631    color: black;
632    border: 1px solid;
633    text-transform: uppercase;
634    border-radius: 100px;
635    padding: 7px 25px;
636    font-size: 12px;
637    letter-spacing: 1px;
638    font-weight: 600;
639    transition: all ease 500ms;
640}
641
642.wrap-cate2 .btn-cate:hover {
643    transition: all ease 500ms;
644    background: #111;
645    color: #fff;
646    border-color: #111;
647}
648
649.wrap-cate:hover img {
650    transform: scale(1.1);
651}
652
653@media (max-width : 768px) {
654
655    .wrap-cate {
656        margin-bottom: 20px;
657        border: unset;
658        box-shadow: unset;
659    }
660
661    .wrap-cate2 {
662        bottom: 0%;
663        padding: 15px;
664        text-align: center;
665    }
666
667    .wrap-cate img {
668        height: 280px !important;
669    }
670
671    .wrap-cate2 h3 {
672        font-size: 20px;
673        line-height: 28px;
674        margin-bottom: 7px;
675    }
676
677    .catcat { margin-bottom:0px; }
678
679    .wrap-cate2 p {
680        display: none;
681        font-size: 13px;
682    }
683
684    .wrap-cate2 .price {
685        font-size: 18px;
686        margin-bottom: 11px;
687    }
688
689    .wrap-cate .btnprofile {
690        padding: 3px 3px 3px 1rem;
691        font-size: 11px;
692        margin: 0 auto;
693    }
694    .wrap-cate .btnprofile .icon {margin-left: 5px;}
695}
696
697/* ======== CATE ========== */
698
699    .title-blog { position:relative; font-family:var(--subtext); padding-right:35px; }
700
701    .title-blog span {
702        color: var(--color2);
703        font-family: var(--subtext);
704        font-size: 15px;
705        line-height: 25px;
706        font-weight: 300;
707        text-transform: uppercase;
708        letter-spacing: 2px;
709        margin-bottom: 10px;
710        display: block;
711    }
712
713    .title-blog h2 {
714        color: var(--color2);
715        font-family: var(--primtext);
716        font-size: 38px;
717        line-height: 50px;
718        font-weight: 500;
719        text-transform: unset;
720        letter-spacing: 0px;
721        margin-bottom: 25px;
722    }
723
724    .title-blog p {
725        color: #555;
726        font-family: var(--subtext);
727        font-size: 15px;
728        font-weight: 400;
729        line-height: 28px;
730        margin-bottom: 20px;
731        letter-spacing: 0.2px;
732    }
733
734    .btn-lpm {
735        border-radius: 0;
736        color: white;
737        background: var(--colors);
738        font-family: var(--subtext);
739        font-size: 15px;
740        font-weight: 300;
741        line-height: 25px;
742        margin-top: 10px;
743        padding: .6rem 2rem;
744        letter-spacing: .5px;
745        transition: ease-in-out .2s;
746    }
747
748    .btn-lpm:hover {
749        background: white;
750        color: var(--colors);
751    }
752
753@media (max-width: 768px) {
754    .title-blog {
755        text-align: center;
756        padding: unset;
757    }
758
759    .title-blog h2 {
760      margin-bottom: 15px;
761      font-size: 30px;
762      line-height: 45px;
763    }
764
765    .title-blog span {
766        font-size: 12px;
767        line-height: 25px;
768    }
769
770    .title-blog p {
771        font-size: 13px;
772        line-height: 23px;
773        letter-spacing: 0px;
774    }
775
776    .btn-lpm { margin-bottom:30px; }
777}
778
779
780/*=============== Product ===============*/
781
782.product {
783    font-family: var(--primtext);
784}
785.product h2 {
786    font-size: 2rem;
787    color: #222222;
788    font-weight: 500;
789    letter-spacing: 1px;
790}
791.product .text i {
792    font-size: 2rem;
793    color: var(--colors);
794    margin-bottom: 1.7rem;
795}
796.product .text p {
797    color: #556575;
798    font-weight: 300;
799    font-size: 1.08rem;
800    padding-left: 15%;
801    padding-right: 15%;
802    margin-bottom: 3rem;
803}
804.product a:hover {
805    text-decoration: none;
806}
807.product .slick-list {
808    padding: 2rem;
809}
810.product .card {
811    overflow: hidden;
812    height: 100%;
813    border-radius: 0;
814    box-shadow: 5px 5px 30px #00000010,
815                -5px -5px 30px #00000010;
816}
817.product .card img {
818    aspect-ratio: 5/3.3;
819    object-fit: cover;
820}
821.product .card-body {
822    position: relative;
823}
824.product .card .tag {
825    top: 0;
826    left: 50%;
827    color: #FFFFFF;
828    font-size: .8rem;
829    font-weight: 600;
830    position: absolute;
831    border-radius: 0;
832    padding: .5rem 1.5rem;
833    letter-spacing: .5px;
834    background-color: var(--color2);
835    transform: translateX(-50%) translateY(-50%);
836}
837.product .card-title {
838    letter-spacing: 2px;
839    color: #333333;
840}
841.product .times {
842    gap: .7rem;
843    font-size: 1rem;
844    font-weight: 500;
845    color: #556575;
846}
847.product .times i {
848    color: var(--colors);
849}
850.product .avilability {
851    gap: .7rem;
852    font-size: 1rem;
853    color: #556575;
854    font-weight: 500;
855    letter-spacing: .5px;
856}
857.product .avilability i {
858    color: var(--colors);
859}
860.product .rating {
861    gap: 5px;
862    color: #ffa127;
863    font-size: .97rem;
864}
865.product .disc {
866    color: #bababa;
867    position: relative;
868    margin-bottom: 5px;
869}
870.product .disc::after {
871    top: 49%;
872    left: -10%;
873    width: 120%;
874    content: "";
875    height: 1.5px;
876    position: absolute;
877    background-color: #bababa;
878}
879.product .review {
880    color: #556575;
881    font-size: .7rem;
882    font-weight: 300;
883}
884.product .price {
885    color: var(--colors);
886    font-weight: 600;
887    font-size: 20px;
888}
889.product .card .btn {
890  background-color: var(--color2);
891  color: #fff;
892  padding: 5px 20px;
893  border-radius: 20px;
894  text-decoration: none;
895  font-size: 14px;
896  font-family: var(--primtext);
897  transition: ease-in-out .3s;
898}
899.product .card .btn:hover {
900  background-color: var(--colors);
901
902}
903
904@media screen and (max-width: 576px) {
905
906    .product .text h1 {
907        font-size: 1.5rem;
908        font-weight: 600;
909        line-height: 34px;
910    }
911    .product .text p {
912        padding: 0;
913        font-size: 1rem;
914    }
915}
916/*=============== Product ===============*/
917
918span.label-name {
919    position: absolute;
920    top: 3%;
921    left: 0;
922    z-index: 3;
923    background: var(--colors);
924    color: white;
925    font-family: var(--primtext);
926    letter-spacing: .4px;
927    text-transform: uppercase;
928    padding: 6px 20px 6px 15px;
929    font-weight: 600;
930    font-size: 12px;
931    border-radius: 0px 100px 100px 0px;
932}
933
934.ss-arrow button {
935    margin: 0;
936    padding: 0;
937    background: white;
938    border: 1px solid var(--colors);
939    height: 30px;
940    width: 30px;
941    font-size: 12px;
942    transform: scale(1.1);
943    color: var(--colors);
944    border-radius: 100px;
945    outline: none;
946    -webkit-appearance: none;
947    -moz-appearance: none;
948    appearance: none;
949    transition: all ease 500ms;
950}
951
952.ss-arrow button:hover {
953    background-color: var(--colors);
954    color: white;
955}
956    
957.ss-arrow .slide-arrow{
958  position: absolute;
959  top: 44% !important;
960  margin-top: -15px;
961}
962.ss-arrow .prev-arrow{
963  left: -1%;
964  z-index: 1;
965}
966.ss-arrow .next-arrow{
967  right: -1%;
968  z-index: 1;
969}
970
971.pad6rem { padding:6rem 0px; }
972
973@media (max-width: 768px) {
974
975  .ss-arrow button { transform: scale(0.9); }
976
977  .ss-arrow .slide-arrow { top: 45%; }
978
979  .ss-arrow .prev-arrow{
980      left: -1%;
981      z-index: 1;
982    }
983
984    .ss-arrow .next-arrow{
985      right: -1%;
986      z-index: 1;
987    }
988
989    .pad6rem { padding: 3rem 0 !important; }
990}
991/* ========= btn general ========*/
992
993/* ========= patern ========*/
994
995.img-parx {width:100%;}
996.pat-parx {
997    position: relative;
998    top: -1px;
999    width: 100%;
1000    transform: rotate(180deg); 
1001    z-index: 4;
1002}
1003.pat-parxbtm {
1004    width: 110%;
1005    position: absolute;
1006    bottom: -1px;
1007    left: -2%;
1008    z-index: 6;
1009    object-fit: cover;
1010    object-position: top;
1011}
1012/* ========= patern ========*/
1013
1014.btnprofile {
1015    color: #fff;
1016    position: relative;
1017    background: var(--color2);
1018    font-family: var(--subtext);
1019    font-size: 15px;
1020    font-weight: 600;
1021    line-height: 25px;
1022    border: .5px solid #00000050;
1023    margin-top: 10px;
1024    padding: 5px 5px 5px 1.3rem;
1025    letter-spacing: .4px;
1026    width: max-content;
1027    border-radius: 50px;
1028    text-transform: uppercase;
1029    transition: ease-in-out .25s;
1030    display: flex;
1031    justify-content: center;
1032    align-items: center;
1033    overflow: hidden;
1034    margin-bottom: 15px;
1035}
1036
1037.btnprofile .tx {
1038  position: relative; 
1039  z-index: 2; 
1040  display: flex;
1041  justify-content: center;
1042  align-items: center;
1043}
1044
1045.btnprofile .icon {
1046    display: flex;
1047    justify-content: center;
1048    align-items: center;
1049    height: 2.5rem;
1050    width: 2.5rem;
1051    background: white;
1052    margin-left: 15px;
1053    border-radius: 50%;
1054    transition: all ease-in-out .3s;
1055    transform: rotate(45deg);
1056}
1057
1058.btnprofile i {
1059    height: fit-content;
1060    line-height: 1.1rem;
1061    font-size: 17px;
1062    color: var(--color3);
1063}
1064
1065.btnprofile:hover .icon {transform: rotate(90deg); background: var(--color2); color: white !important;}
1066
1067.btnprofile:hover i { color:white; }
1068
1069.btnprofile .shadow {
1070    position: absolute;
1071    right: 5px;
1072    top: 5px;
1073    width: 3rem;
1074    height: 3rem;
1075    transition-delay: .2s;
1076    border-radius: 50%;
1077    z-index: 1;
1078    background-color: var(--color3);
1079    /* filter: blur(20px); */
1080    transform: scale(.0) translateX(-202%);
1081    transition: all ease-in-out .6s;
1082}
1083.btnprofile:hover .shadow {
1084    transform: scale(15) ;
1085
1086}
1087.btnprofile:hover {
1088    background: var(--color2);
1089    border-color: var(--color3);
1090    color: #fff;
1091}
1092@media screen and (max-width: 576px) {
1093    .btnprofile .icon {
1094        margin-left: 15px;
1095        height: 2rem;
1096        width: 2rem;
1097    }
1098}
1099/* ========= btn general ========*/
1100/* Title Global */
1101
1102/* ========= title general ========*/
1103.title-general .tag-ats {
1104    font-size: 12px;
1105    font-weight: 600;
1106    text-transform: uppercase;
1107    line-height: 24px;
1108    color: #fff;
1109    background: var(--color2);
1110    letter-spacing: 1px;
1111    border-radius: 50px;
1112    padding: 2px 20px ;
1113    font-family: var(--subtext);
1114    display: block;
1115    width: max-content;
1116    margin: auto;
1117    margin-bottom: 5px;
1118}
1119
1120.title-general h2 span {
1121    color: var(--color2);
1122    font-weight: 700;
1123    font-size: unset;
1124    text-transform: unset;
1125    display: unset;
1126    letter-spacing: unset;
1127}
1128
1129.title-general h2 {
1130    font-size: 40px;
1131    line-height: 60px;
1132    color: #000;
1133    font-weight: 400;
1134    margin-top: 10px;
1135    margin-bottom: 10px;
1136    letter-spacing: .3px;
1137    text-transform: unset;
1138    font-family: var(--primtext);
1139}
1140
1141.title-general p {
1142    font-family: var(--primtext);
1143    color: #555;
1144    font-size: 16px;
1145}
1146.title-general hr {
1147    background: var(--color2);
1148    width: 150px;
1149    height: 2px;
1150    margin: 20px auto 40px auto;
1151}
1152
1153.title-general .mtmb {
1154    margin-top: -25px;
1155}
1156
1157@media screen and (max-width: 576px) {
1158    .title-general h2 {
1159        font-size: 25px;
1160        line-height: 40px;
1161        margin-bottom: 20px;
1162        text-align: center;
1163    }
1164
1165    .title-general p { margin-bottom: 25px; text-align: center;}
1166
1167    .title-general .tag-ats {
1168        font-size: 11px;
1169        text-align: center;
1170        margin: auto;
1171        margin-bottom: 10px;
1172    }
1173    .title-general .btnprofile {
1174        margin-left: auto;
1175        margin-right: auto;
1176    }
1177}
1178
1179/* FAQ */
1180
1181/* Profile */
1182
1183   .wrap-profil-2 p {
1184        font-family: var(--subtext);
1185        font-size: 16px;
1186        line-height: 30px;
1187        font-weight: 400;
1188        color: #333;
1189        margin-bottom: 30px;
1190        padding-right: 30px;
1191        text-align: left !important;
1192    }
1193
1194    .wrap-profil-2 strong, .wrap-profil-2 b { font-weight: 600 !important; color: var(--colors) }
1195
1196    .wrap-profil-2 span {
1197        color: var(--colors);
1198        font-family: var(--spantext);
1199        font-size: 14px;
1200        line-height: 20px;
1201        font-weight: 500;
1202        text-transform: uppercase;
1203        letter-spacing: 1px;
1204        margin-bottom: 15px;
1205        display: block;
1206    }
1207
1208    .wrap-profil-2 h2 {
1209        font-size: 35px;
1210        line-height: 45px;
1211        color: #000;
1212        font-weight: 800;
1213        margin-bottom: 25px;
1214        letter-spacing: 0px;
1215        text-transform: uppercase;
1216        font-family: var(--primtext);
1217    }
1218
1219
1220    .wrap-profil-2 img {
1221        height: 600px;
1222        width: 100%;
1223        object-fit: contain;
1224        border-radius: 0px;
1225    }
1226
1227    .btn-profile {
1228        font-family: var(--primtext);
1229        color: white;
1230        background: var(--colors);
1231        padding: 10px 25px;
1232        font-size: 16px;
1233        letter-spacing: 0.5px;
1234        text-transform: capitalize;
1235        border-radius: 0px;
1236        margin-top: 15px;
1237        transition: all ease 500ms;
1238    }
1239
1240    .btn-profile:hover {
1241        background-color: #035A6E;
1242        color: white;
1243    }
1244
1245    .quot-b {
1246        width: 380px;
1247        background: #1a1a1a;
1248        position: absolute;
1249        z-index: 1;
1250        bottom: 10%;
1251        right: 0;
1252        padding: 40px;
1253    }
1254
1255    .quot-b span {
1256        color: white;
1257        font-size: 21px;
1258        line-height: 38px;
1259        font-style: italic;
1260    }
1261
1262@media (max-width: 768px) {
1263    .wrap-profil-2 p {
1264        font-size: 14px;
1265        line-height: 30px;
1266        padding: unset;
1267        text-align: center !important;
1268    }
1269
1270    .quot-b { display: none; }
1271
1272    .wrap-profil-2 h2 {
1273        font-size: 24px;
1274        line-height: 35px;
1275    }
1276
1277    .wrap-profil-2 h2 {
1278        text-align: center;
1279        margin-bottom: 10px;
1280        font-size: 33px;
1281        line-height: 35px;
1282    }
1283
1284    .wrap-profil-2 .sp-atas {
1285        text-align: center;
1286        font-size: 13px;
1287        line-height: 25px;
1288        margin-bottom: 10px;
1289    }
1290
1291    .wrap-profil-2 img { display:none; }
1292}
1293
1294html .toggle-primary .toggle label {
1295    border-radius: 0;
1296    font-family: var(--subtext);
1297    font-weight: 600;
1298    text-transform: unset;
1299    padding: 15px;
1300    line-height: 30px;
1301    letter-spacing: 0.1px;
1302    margin-bottom: 0px;
1303    background: unset;
1304    color: black;
1305    font-size: 17px;
1306    border-left: unset;
1307    border-bottom: 1px solid #eee;
1308}
1309
1310html .toggle-primary .toggle.active>label {
1311    background-color: unset;
1312    border-color: #eeee;
1313    color: black;
1314}
1315
1316.toggle-content {
1317    padding: 25px 20px;
1318    border: unset;
1319    margin-bottom: 25px;
1320    font-family: var(--subtext);
1321
1322}
1323
1324.toggle-content p {
1325    padding: 0 !important;
1326    margin-bottom: 15px !important;
1327    font-size: 16px;
1328    line-height: 30px;
1329    color: #333;
1330}
1331
1332.padle { padding-left:20px; }
1333
1334@media (max-width: 768px) {
1335    html .toggle-primary .toggle label {
1336        padding: 18px;
1337        font-size: 15px;
1338        padding-right: 50px;
1339        padding-left: 25px;
1340        text-align: left;
1341    }
1342
1343    .toggle-content p {
1344        font-size: 14px;
1345        text-align: left;
1346    }
1347
1348   .padle {
1349        padding: 0px 20px;
1350    }
1351
1352}
1353
1354/* FAQ */
1355
1356/* Review */
1357
1358.rev-card .card {
1359    position: relative;
1360    border: none;
1361    background-color: #ffffff;
1362    border-radius: 10px;
1363    min-height: 260px;
1364    margin: 10px;
1365}
1366
1367.rev-card h3 {
1368    font-family: var(--subtext);
1369    color: black;
1370    font-size: 15px;
1371    line-height: 15px;
1372    font-weight: 600;
1373    letter-spacing: 1px;
1374    text-transform: capitalize;
1375}
1376
1377.rev-card .from {
1378    font-family: var(--subtext);
1379    color: #444;
1380    font-size: 13px;
1381    line-height: 25px;
1382    font-weight: 400;
1383    letter-spacing: 0.5px;
1384}
1385
1386.rev-card p {
1387    font-family: var(--subtext);
1388    color: #333;
1389    font-size: 14px;
1390    line-height: 25px;
1391    font-weight: 400;
1392    letter-spacing: 0.1px;
1393    margin-bottom: 0;
1394}
1395
1396.rev-card img {
1397    height: 60px;
1398    width: 60px;
1399    border-radius: 50%;
1400    object-fit: cover;
1401    border: .4px solid #ffffff50;
1402    margin-right: 25px;
1403}
1404
1405@media (max-width: 768px) {
1406
1407  .wrap-review p {
1408    color: #555;
1409    font-size: 13px;
1410    line-height: 27px;
1411    font-weight: 400;
1412    letter-spacing: 0.1px;
1413  }
1414
1415      .btn-full {
1416        padding: 10px 13px;
1417        font-size: 13px;
1418    }
1419
1420  .pad-cus { background-size:contain !important; }
1421
1422  .wrap-review { padding:2rem; }
1423
1424  .tirev h2 {
1425    font-size: 28px;
1426    line-height: 40px;
1427}
1428
1429}
1430
1431.read-more, .read-less {
1432    color: #9f9e9e;
1433    border-bottom: 1px solid;
1434}
1435
1436
1437@media (min-width: 768px) {
1438    .start-menu {
1439        width: 15%;
1440    }
1441
1442    .mid-menu {
1443        width: 70%;
1444        align-self: center !important;
1445        height: 45px;
1446    }
1447
1448    .end-menu {
1449        width: 15%;
1450        align-items: flex-end;
1451        align-self: center !important;
1452    }
1453
1454    .menu-andro {
1455        align-self: center !important;
1456        border: none;
1457        border-radius: 100px;
1458        padding: 15px;
1459
1460        backdrop-filter: blur(10px);
1461    }
1462}
1463
1464@media (max-width: 768px) {
1465
1466    .end-menu {
1467        display: none !important;
1468    }
1469
1470    .nav-tabs .nav-item {
1471        margin-bottom: -1px;
1472        display: contents;
1473    }
1474}
1475
1476
1477
1478</style>
1479
1480<!-- Head Libs -->
1481<!-- 
1481<script src="https://mountbaturtrekking.com/assets/front/vendor/modernizr/modernizr.min.js" defer></script>
1481 -->
1482<meta name="google-site-verification" content="LSMUK1A1l2A0UIOjTxRr7gUh1ygkGkSdhaY4CMRHaC0" />
1483<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 1483-1484
1483
1484<script async src="https://www.googletagmanager.com/gtag/js?id=
1484G-4YD0KNEKLW
vendor: 12 bytes, line 1484
1484"></script>
1485<script>
1486  
vendor: 134 bytes, lines 1486-1490
1486window.dataLayer = window.dataLayer || [];
1487  function gtag(){dataLayer.push(arguments);}
1488  gtag('js', new Date());
1489
1490  gtag('config', '
1490G-4YD0KNEKLW
vendor: 4 bytes, line 1490
1490');
1491</script>
1491<script data-host="https://sitewatch.gotrasoft.com" data-dnt="false" src="https://sitewatch.gotrasoft.com/js/script.js" id="ZwSg9rf6GA" async defer></script>
1491
1492<!-- Google Tag Manager -->
1493<script>
vendor: 327 bytes, lines 1493-1497
1493(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
1494new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
1495j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
1496'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
1497})(window,document,'script','dataLayer','
1497GTM-TNR9G37G
vendor: 3 bytes, line 1497
1497');
1497</script>
1497
1498<!-- End Google Tag Manager -->
1499<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 1499-1500
1499
1500<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
1500GTM-TNR9G37G
vendor: 83 bytes, lines 1500-1501
1500"
1501height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
1502<!-- End Google Tag Manager (noscript) --><!-- Facebook Pixel Code -->
1503<script>
vendor: 417 bytes, lines 1503-1512
1503
1504  !function(f,b,e,v,n,t,s)
1505  {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
1506  n.callMethod.apply(n,arguments):n.queue.push(arguments)};
1507  if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
1508  n.queue=[];t=b.createElement(e);t.async=!0;
1509  t.src=v;s=b.getElementsByTagName(e)[0];
1510  s.parentNode.insertBefore(t,s)}(window, document,'script',
1511  'https://connect.facebook.net/en_US/fbevents.js');
1512  fbq('init', '
1512551165378414357
vendor: 32 bytes, lines 1512-1513
1512');
1513  fbq('track', 'PageView');
1514</script>
1514
1515<noscript><img height='1' width='1' style='display:none'
1516  src='https://www.facebook.com/tr?id=551165378414357&ev=PageView&noscript=1'
1517/></noscript>
1518<!-- End Facebook Pixel Code --><link href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap" rel="stylesheet">
1519</head>
1520<body>
1521	<!-- <div id="fb-root"></div>
1522<script>(function(d, s, id) {
1523  var js, fjs = d.getElementsByTagName(s)[0];
1524  if (d.getElementById(id)) return;
1525  js = d.createElement(s); js.id = id;
1526  js.src = 'https://connect.facebook.net/id_ID/sdk.js#xfbml=1&version=v2.12&appId=597347393950604&autoLogAppEvents=1';
1527  fjs.parentNode.insertBefore(js, fjs);
1528}(document, 'script', 'facebook-jssdk'));</script>
1528 -->
1529	
1530	<div class="body">
1531        <header id="header" class="header-no-min-height " data-plugin-options="{'stickyEnabled': true, 'stickyEnableOnBoxed': true, 'stickyEnableOnMobile': true, 'stickyStartAt': 600, 'stickySetTop': '0'}">
1532                <div class="header-body wow fadeIn" data-wow-duration="2s">
1533
1534                    <!-- <div class="header-container container-fluid hilang-head d-none d-md-flex" style="padding: 0px 30px; height: 50px; border-bottom: 1px solid #e1e1e1; background-color: var(--colors);">
1535                        <div class="header-row container" style="padding: 0;">
1536
1537                            <div class="header-column justify-content-start display-pc" style="align-self: center;">
1538                <ul class="header-social-icons social-icons display-pc" style="margin-left: 0;">
1539                                                                                    <li class="social-icons-instagram"><a href="https://www.instagram.com/mtbaturtrekking?igsh=OG1peng2MXB5OXN1&utm_source=qr"  title="Instagram"><i class="fab fa-instagram"></i></a></li>
1540                                                                            </ul>
1541                            </div>
1542
1543                            <div class="header-column justify-content-end sosmed-i" style="display: inline-block; align-self: center;">
1544                                <span class="text-wid" style="padding-left: 10px;"><i class="fas fa-phone phone"></i>+6287860377327</span>
1545                                <span class="text-wid"><i class="far fa-envelope mail"></i>[email protected]</span>
1546                            </div>
1547
1548                        </div>
1549                    </div> -->
1550
1551                    <div class="header-container container-global head-sty">
1552                        <div class="header-row">
1553
1554                            <div class="header-column justify-content-start logo-menu start-menu" style="align-self: center; align-items: baseline;">
1555                                <div class="header-logo">
1556                                    <a href="https://mountbaturtrekking.com/">
1557                                        <img style="object-fit: contain; height: 60px;" class="img-fluid" alt="logo 1" src="https://jwc.gotra-resources.my.id/web-upload/1783583737-09-07-2026-7PChWTfJU2jIVmStxoF5gRXe8MZ3w649.webp">
1558                                    </a>
1559                                </div>
1560                            </div>
1561                            
1562                            <div class="header-column justify-content-start mid-menu">
1563                <div class="header-row menu-andro">
1564                  <div class="header-nav header-nav-stripe">
1565                    <div class="header-nav-main header-nav-main-square header-nav-main-effect-2 header-nav-main-sub-effect-1">
1566                      <nav class="collapse">
1567                        <ul class="nav nav-pills" id="mainNav">
1568                          <li class="nav-item"><a title="Home" class="nav-link" href="https://mountbaturtrekking.com/">Home </a></li>
1569                                                                                                                                                <li><a class="nav-link" href="https://mountbaturtrekking.com/about-us" title="About Us">About Us</a></li>
1570                                                                
1571                                
1572                                                                                                                                                <li class="dropdown">
1573                                <a class="dropdown-item dropdown-toggle" href="javascript:void(0);" title="Our Packages">Our Packages</a>
1574
1575                                <ul class="dropdown-menu">
1576                                                                                                                                                                                      <li><a class="dropdown-item" href="https://mountbaturtrekking.com/category/sunrise-trekking-tour" title="Sunrise Trekking Tour">Sunrise Trekking Tour</a></li>
1577                                                                                                                                                                                                                              <li><a class="dropdown-item" href="https://mountbaturtrekking.com/category/jeep-sunrise-tour" title="Jeep Sunrise Tour">Jeep Sunrise Tour</a></li>
1578                                                                                                                                                                                                                              <li><a class="dropdown-item" href="https://mountbaturtrekking.com/category/bali-adventure-experiences" title="Bali Adventure & Experiences">Bali Adventure & Experiences</a></li>
1579                                                                                                                                                                                                                              <li><a class="dropdown-item" href="https://mountbaturtrekking.com/category/mount-batur-day-tour-trekking-jeep-tours" title="Mount Batur Day Tour: Trekking & Jeep Tours">Mount Batur Day Tour: Trekking & Jeep Tours</a></li>
1580                                                                                                                                      
1581                                  </ul>
1582
1583                                </li>
1584                                                                
1585                                
1586                                                                                                                                                    <li><a class="nav-link" href="https://mountbaturtrekking.com/gallery/gallery" title="Gallery">Gallery</a></li>
1587                                                                
1588                                
1589                                                                                                                                                    <li><a class="nav-link" href="https://mountbaturtrekking.com/article-category/blog-article" title="Blog">Blog</a></li>
1590                                                                
1591                                
1592                                                                                                                                                    <li><a class="nav-link" href="https://mountbaturtrekking.com/contact" title="Contact Us">Contact Us</a></li>
1593                                                                
1594                                
1595                               
1596
1597                            </ul>
1598                          </nav>
1599                        </div>
1600
1601                        <style type="text/css">                  
1602                            .b-p-bg-color .bar1, .b-p-bg-color .bar2, .b-p-bg-color .bar3 {
1603                              width: 30px;
1604                              height: 3px;
1605                              margin: 6px 0;
1606                              transition: 0.4s;
1607                            }
1608
1609                            .b-p-bg-color .bar1 { background-color:#fff }
1610                            .b-p-bg-color .bar2 { background-color:#fff }
1611                            .b-p-bg-color .bar3 { background-color:#fff }
1612
1613                            html.sticky-header-active .b-p-bg-color .bar1 { background-color:#000 }
1614                            html.sticky-header-active .b-p-bg-color .bar2 { background-color:#000 }
1615                            html.sticky-header-active .b-p-bg-color .bar3 { background-color:#000 }
1616
1617                                                            .b-p-bg-color .bar1, .b-p-bg-color .bar2, .b-p-bg-color .bar3 { background-color:#fff !important; }
1618                             */
1619
1620                            .b-p-bg-color .bar2 { width: 20px; margin:0 0 0 auto; }
1621
1622                        </style>
1623
1624                        <button class="menu b-p-bg-color d-block d-md-none" id="menu-button">
1625                           <div class="bar1"></div>
1626                           <div class="bar2"></div>
1627                           <div class="bar3"></div>                                    
1628                        </button>
1629                        <div class="menu-box" id="menuWrapper">
1630                            <button id="close" class="p-color"><i style="font-size:24px" class="fa">&#xf00d;</i></button>
1631                            <div class="container menu-tour">
1632                                <ul>
1633
1634                                    <a href="https://mountbaturtrekking.com/">
1635                                        <img style="height: 60px;" alt="logo 2" class="img-fluid mb-2" loading="lazy" src="https://jwc.gotra-resources.my.id/web-upload/1783583737-09-07-2026-7PChWTfJU2jIVmStxoF5gRXe8MZ3w649.webp" alt="Mount Batur Trekking">
1636                                    </a>
1637
1638                                    <li>
1639                                        <a href="https://mountbaturtrekking.com/">Home</a>
1640                                    </li>
1641
1642                                                                                                                                                <li><a href="https://mountbaturtrekking.com/about-us">About Us</a></li>
1643                                                                                                                                                                                <li class="position-relative">
1644
1645                                        <a href="https://mountbaturtrekking.com/our-tour">Our Packages</a>
1646                                        <i class="fa fa-chevron-down child-icon child-toggle"></i>
1647                                        <ul class="ul-child child-menus">
1648                                                                                    <li>
1649                                                <a href="https://mountbaturtrekking.com/category/sunrise-trekking-tour">Sunrise Trekking Tour</a>  
1650                                            </li>
1651                                                                                    <li>
1652                                                <a href="https://mountbaturtrekking.com/category/jeep-sunrise-tour">Jeep Sunrise Tour</a>  
1653                                            </li>
1654                                                                                    <li>
1655                                                <a href="https://mountbaturtrekking.com/category/bali-adventure-experiences">Bali Adventure & Experiences</a>  
1656                                            </li>
1657                                                                                    <li>
1658                                                <a href="https://mountbaturtrekking.com/category/mount-batur-day-tour-trekking-jeep-tours">Mount Batur Day Tour: Trekking & Jeep Tours</a>  
1659                                            </li>
1660                                                                                </ul>
1661
1662                                    </li>
1663                                                                                                                                                                                    <li><a href="https://mountbaturtrekking.com/gallery/gallery">Gallery</a></li>
1664                                                                                                                                                                                    <li><a href="https://mountbaturtrekking.com/article-category/blog-article">Blog</a></li>
1665                                                                                                                                                                                    <li><a href="https://mountbaturtrekking.com/contact">Contact Us</a></li>
1666                                                                    
1667                                <li style="border-bottom: unset;">
1667<a class="btn btn-book-atas" href="https://api.whatsapp.com/send/?phone=6287860377327&text=Hello%2C%20I%20would%20like%20to%20get%20more%20information%20about%20your%20Mount%20Batur%20tour%20packages.%20Please%20help%20me%20with%20availability%20and%20booking%20details.%20Thank%20you.&type=phone_number&app_absent=0"><i class="fa-regular fa-calendar mr-2"></i>Book Now</a></li>
1668
1669                                </ul>
1670                            </div>
1671                        </div> <!-- /.search-box -->
1672
1673
1674                      </div>
1675                    </div>
1676                  </div>
1677
1678                  <div class="header-column end-menu">
1679                        <a class="btn btn-book-atas d-none d-md-block" href="https://api.whatsapp.com/send/?phone=6287860377327&text=Hello%2C%20I%20would%20like%20to%20get%20more%20information%20about%20your%20Mount%20Batur%20tour%20packages.%20Please%20help%20me%20with%20availability%20and%20booking%20details.%20Thank%20you.&type=phone_number&app_absent=0"><i class="fa-regular fa-calendar mr-2"></i>Book Now!</a>
1680                    </div>
1681
1682                  
1683                  <!-- <ul class="header-social-icons social-icons display-pc">
1684                                                                                    <li class="social-icons-instagram"><a href="https://www.instagram.com/mtbaturtrekking?igsh=OG1peng2MXB5OXN1&utm_source=qr"  title="Instagram"><i class="fab fa-instagram"></i></a></li>
1685                                                                            </ul> -->
1686
1687                                    
1688                                    
1689                                </div>
1690                            </div>
1691                        </div>
1692
1693
1694                    </header>
1695                <style>
1696                </style>
1697
1698                <div role="main" class="main" style="">
1699<style>
1700	.title-coninfo {
1701	    color: #282828;
1702	    font-family: var(--primtext);
1703	    font-weight: 500;
1704	    text-transform: capitalize;
1705	    font-size: 30px;
1706	    margin-bottom: 20px;
1707	    line-height: 30px;
1708	    letter-spacing: 0.5px;
1709	}
1710
1711	.p-coninfo {
1712		font-family: lato;
1713	    font-size: 17px;
1714	    color: #616265;
1715	    text-align: justify;
1716	    letter-spacing: 0px;
1717	}
1718
1719	.wrap-coninfo {
1720		padding: 35px 20px;
1721	    text-align: center;
1722	    border: 1px solid #ececec;
1723	    border-radius: 3px;
1724	}
1725
1726	.wrap-coninfo .icon-coninfo {
1727		font-size: 40px;
1728	    color: var(--colors);
1729	    margin-bottom: 20px;
1730	}
1731
1732	.wrap-coninfo h3 {
1733	    margin-bottom: 9px;
1734	    text-transform: capitalize;
1735	    font-family: var(--primtext);
1736	    letter-spacing: 0.5px;
1737	    font-weight: 500;
1738	    font-size: 20px;
1739	    color: #282828;
1740	}
1741
1742	.wrap-coninfo p {
1743	    font-family: var(--subtext);
1744	    color: #8f8f8f;
1745	    font-size: 14px;
1746	    margin-bottom: 2px;
1747	}
1748
1749	@media (max-width: 768px) {
1750		.title-coninfo {
1751			font-size: 32px !important;
1752			line-height: 35px !important;
1753		}
1754	}
1755
1756	html .toggle-primary .toggle label {
1757		font-family: var(--primtext); 
1758	}
1759
1760	.toggle-content p {
1761		font-family: var(--primtext);
1762	    line-height: 26px;
1763	    font-size: 14px;
1764	    color: #2a2929;
1765	}
1766
1767	.image-profile { 
1768		padding: 0;
1769		margin-bottom: 20px; 
1770	}
1771
1772@media (min-width: 768px) {
1773    #header.header-no-min-height .header-body { margin-top:-3px; }
1774}
1775
1776</style>
1777
1778<section class="section-allpage lazyload" data-bgset="https://jwc.gotra-resources.my.id/web-upload/1747460524-17-05-2025-mNvC51YKEziIOwDFLpHqRA89SdG6anW2.webp">
1779    <div class="text wow fadeIn" data-wow-duration="2s">
1780        <h1>Kontak Kami</h1>
1781        <p>Beranda - Kontak Kami</p>
1782    </div>
1783</section>
1784
1785<section class="pad6rem">
1786<div class="container-global">
1787	<div class="row">
1788
1789		<div class="col-md-4">
1790			<div class="wrap-coninfo h-100">
1791				<i class="fas fa-map-marker-alt icon-coninfo"></i>
1792                <h3>Alamat Kami</h3>
1793                <p>Jl. Suweta, Ubud, Kecamatan Ubud, Kabupaten Gianyar, Bali 80571</p>
1794			</div>
1795		</div>
1796
1797		<div class="col-md-4">
1798			<div class="wrap-coninfo h-100">
1799				<i class="fas fa-mobile-alt icon-coninfo"></i>
1800                <h3>Telepon & Email</h3>
1801                <p>+6287860377327</p>
1802                <p>[email protected]</p>
1803			</div>
1804		</div>
1805
1806		<div class="col-md-4">
1807			<div class="wrap-coninfo h-100">
1808				<i class="fas fa-share-alt icon-coninfo"></i>
1809                <h3>Tetap Terhubung</h3>
1810                <p>Ikuti kami di Media Sosial</p>
1811                 <ul class="social-icons mt-3">
1812                    <li class="social-icons-instagram"><a style="font-size: 17px;" href="https://www.instagram.com/mtbaturtrekking?igsh=OG1peng2MXB5OXN1&utm_source=qr" target="_blank" title="Instagram"><i class="fab fa-instagram"></i></a></li>
1813                    <li class="social-icons-instagram"><a style="font-size: 17px;
1813" href="https://api.whatsapp.com/send/?phone=6287860377327&text=Hello%2C%20I%20would%20like%20to%20get%20more%20information%20about%20your%20Mount%20Batur%20tour%20packages.%20Please%20help%20me%20with%20availability%20and%20booking%20details.%20Thank%20you.&type=phone_number&app_absent=0" target="_blank" title="Whatsapp"><i class="fab fa-whatsapp"></i></a></li>
1814               </ul>
1815			</div>
1816		</div>
1817
1818	</div>
1819
1820	<div class="row justify-content-center my-5">
1821		<div class="col-lg-12">
1822			<h3 class="title-coninfo">Peta Lokasi</h3>
1823			<iframe class="mb-2" src="" width="100%" height="400" frameborder="0" style="border:0" allowfullscreen></iframe>
1824		</div>
1825	</div>
1826
1827</div>
1828
1829</section>
1830
1831<style type="text/css">
1832    .experience .crd-exp {
1833        position: relative;
1834        border: none;
1835        overflow: hidden;
1836        border-radius: 0px;
1837    }
1838    .experience .crd-exp .crd-img {
1839        height: 100%;
1840        filter: brightness(.6);
1841        object-fit: cover;
1842        
1843    }
1844    .experience .crd-exp h2 {
1845        color: #fff;
1846        font-size: 30px;
1847        font-family: var(--primtext);
1848        font-weight: 700;
1849        text-transform: capitalize;
1850        margin-bottom: 15px;
1851        letter-spacing: .5px;
1852    }
1853    .experience .card-img-overlay .box-corner {
1854        position: absolute;
1855        left: -.5px;
1856        bottom: -.5px;
1857        background-color: #fff;
1858        padding: .8rem 1.6rem;
1859        border-radius: 0;
1860        
1861        font-size: 17px;
1862        font-family: var(--primtext);
1863        font-weight: 500;
1864        letter-spacing: .5px;
1865        color: var(--color2);
1866        text-transform: capitalize;
1867    }
1868    .experience .card-img-overlay .box-corner .corner-shape{
1869        position: absolute;
1870        width: 15px;
1871        height: 15px;
1872        content: "";
1873    }
1874    .experience .card-img-overlay .box-corner .corner-shape.top {
1875        left: 0;
1876        top: .5px;
1877        transform: translateY(-99%);
1878    }
1879    .experience .card-img-overlay .box-corner .corner-shape.right {
1880        right: 0;
1881        bottom: -.5px;
1882        transform: translateX(99%);
1883    }
1884
1885    .experience .item-crd .card {
1886        border-radius: 0px;
1887        background: #f7f7f7;
1888        border: none;
1889        overflow: hidden;
1890        position: relative;
1891    }
1892    .experience .item-crd .card:after {
1893        width: 50%;
1894        height: 55%;
1895        content: "";
1896        position: absolute;
1897        right: 0;
1898        top: 0;
1899        background-image: linear-gradient(-135deg, var(--color2), transparent);
1900        filter: blur(15px);
1901    }
1902    .experience .item-crd .card-body {
1903        padding: 20px;
1904    }
1905    .experience .item-crd .icon {
1906        width: 3rem;
1907        height: 3rem;
1908        border-radius: 0px;
1909        background: var(--color3);
1910        display: flex;
1911        justify-content: center;
1912        align-items: center;
1913        margin-bottom: 15px;
1914        color: var(--body);
1915        font-size: 1.1rem;
1916        transition: all ease 500ms;
1917    }
1918    .experience .card .card-body h3 {
1919        font-size: 22px;
1920        font-family: var(--primtext);
1921        font-weight: 600;
1922        text-transform: capitalize;
1923        margin-bottom: 15px;
1924        letter-spacing: .5px;
1925    }
1926    .experience .card .card-body p {
1927        font-size: 16px;
1928        font-family: var(--subtext);
1929        font-weight: 400;
1930        text-transform: capitalize;
1931        margin-bottom: 0;
1932    }
1933    .experience .item-crd .card:hover .icon {
1934        background: var(--color2);
1935        color: #fff;
1936        transform: rotateY(180deg);
1937    }
1938    @media screen and (max-width: 576px) {
1939        .experience .crd-exp {
1940            border-radius: 0px;
1941        }
1942        .experience .crd-exp h2 {
1943            font-weight: 700;
1944            font-size: 20px;
1945            line-height: 30px;
1946        }
1947        .experience .card .card-body h3 {
1948            font-size: 18px;
1949            margin-bottom: 10px;
1950        }
1951        .experience .card .card-body p {
1952            font-size: 14px;
1953        }
1954    }
1955
1956</style>
1957
1958<div class="experience pad6rem">
1959    <div class="container">
1960        <div class="title-general text-center px-2">
1961            <span class="tag-ats">Your Adventure Partner</span>
1962            <h2 class="title">Trusted Mount <span>Batur Tours</span></h2>
1963            <hr>
1964        </div>
1965        <div class="row">
1966            <div class="col-md-6 d-flex align-item-center order-md-2">
1967                <div class="card crd-exp mb-md-0 mb-4">
1968                    <img src="https://jwc.gotra-resources.my.id/web-upload/1784187666-16-07-2026-sbfe4zmTL8736xMDZyJ2OGwagtrC1puQ.webp" alt="experience" class="crd-img">
1969                    <div class="card-img-overlay d-flex align-items-center">
1970                        <h2>Let’s Make Your <br>Bali Trip Unforgettable</h2>
1971                        <div class="box-corner">
1972                            Mount Batur Trekking Agency
1973                            <!--<img src="https://jwc.gotra-resources.my.id/web-upload/1746589137-07-05-2025-b4DB2VnRKG5UlpJmjy80CizIOM7tv6Fo.webp" alt="corner" class="corner-shape top">
1974                            <img src="https://jwc.gotra-resources.my.id/web-upload/1746589137-07-05-2025-b4DB2VnRKG5UlpJmjy80CizIOM7tv6Fo.webp" alt="corner" class="corner-shape right">-->
1975                        </div>
1976                    </div>
1977                </div>
1978            </div>
1979            <div class="col-md-6 px-md-0 d-flex align-item-center order-md-1">
1980                <div class="row mx-0 px-0 item-crd">
1981
1982                    <div class="col-6 pb-3 px-md-2 px-1">
1983                        <div class="card h-100">
1984                            <div class="card-body d-flex align-items-end">
1985                                <div>
1986                                    <div class="icon"><i class="fa-solid fa-globe"></i></div>
1987                                    <h3>Local Expert Guides</h3>
1988                                    <p>Trusted guides for Mount Batur tours.</p>
1989                                </div>
1990                            </div>
1991                        </div>
1992                    </div>
1993
1994                    <div class="col-6 pb-3 px-md-2 px-1">
1995                        <div class="card h-100">
1996                            <div class="card-body d-flex align-items-end">
1997                                <div>
1998                                    <div class="icon"><i class="fa-solid fa-check"></i></div>
1999                                    <h3>Safe Sunrise Tours</h3>
2000                                    <p>Comfortable trekking and jeep experiences.</p>
2001                                </div>
2002                            </div>
2003                        </div>
2004                    </div>
2005
2006                    <div class="col-6 px-md-2 px-1">
2007                        <div class="card h-100">
2008                            <div class="card-body d-flex align-items-end">
2009                                <div>
2010                                    <div class="icon"><i class="fa-solid fa-user-tie"></i></div>
2011                                    <h3>Flexible Bali Packages</h3>
2012                                    <p>Choose tours that suit your <br> trip.</p>
2013                                </div>
2014                            </div>
2015                        </div>
2016                    </div>
2017
2018                    <div class="col-6 px-md-2 px-1">
2019                        <div class="card h-100">
2020                            <div class="card-body d-flex align-items-end">
2021                                <div>
2022                                    <div class="icon"><i class="fa-solid fa-route"></i></div>
2023                                    <h3>Best Mount Batur Views</h3>
2024                                    <p>Enjoy sunrise, Black Lava, and nature.</p>
2025                                </div>
2026                            </div>
2027                        </div>
2028                    </div>
2029
2030                </div>
2031            </div>
2032        </div>
2033    </div>
2034</div>
2035<style type="text/css">
2036    
2037html .toggle-primary .toggle label {
2038    border-radius: 0;
2039    font-family: var(--primtext);
2040    font-weight: 600;
2041    text-transform: unset;
2042    padding: 15px;
2043    line-height: 30px;
2044    font-size: 15px;
2045    letter-spacing: 0.1px;
2046    margin-bottom: 0px;
2047}
2048
2049html .toggle-primary .toggle.active>label {
2050    background-color: var(--colors);
2051    border-color: var(--colors);
2052    color: #fff;
2053}
2054
2055.toggle-content {
2056    padding: 25px 30px;
2057    border: 1px solid #ccc;
2058    margin-bottom: 25px;
2059    font-family: var(--primtext);
2060}
2061
2062.toggle-content p {
2063    padding: 0 !important;
2064    margin-bottom: 15px !important;
2065    font-size: 15px;
2066    line-height: 30px;
2067}
2068
2069.travel-tips {
2070    position: relative;
2071    font-family: var(--primtext);
2072}
2073
2074.travel-tips p {
2075    font-size: 16px;
2076    padding: 0px 200px;
2077    margin-bottom: 40px;
2078    line-height: 30px;
2079}
2080.travel-tips h2 {
2081    font-weight: 800;
2082    font-size: 40px;
2083    letter-spacing: 0px;
2084    margin-bottom: 20px;
2085}
2086
2087
2088
2089@media (max-width: 768px) {
2090    html .toggle-primary .toggle label {
2091        padding: 18px;
2092        font-size: 15px;
2093    }
2094
2095    .travel-tips p {
2096        padding: 0px 10px;
2097    }
2098}
2099
2100</style>
2101
2102<section class="py-5 wow fadeIn" style="background: #f9f9f9;">
2103    <div class="container travel-trips" style="max-width: 1280px;">
2104
2105        <div class="text-center title-product title-general mb-5">
2106            <span class="tag-ats">Frequently Asked Questions</span>
2107            <h2 style="letter-spacing: var(--letter-spacing); font-weight: var(--font-weight);">Questions About <span>Your Bali Trip?</span></h2>
2108        </div>
2109    
2110    <div class="row">
2111        <div class="col-md-6">
2112            
2113            <div class="toggle toggle-primary" data-plugin-toggle>
2114
2115                <section class="toggle active">
2116                    <label>What time does Mount Batur sunrise trekking start?</label>
2117                    <div class="toggle-content">
2118                        <p>Mount Batur sunrise trekking usually starts around 04:00 AM from the trekking point. Hotel pickup times generally range from 01:00 AM to 03:00 AM, depending on your location.</p>
2119                    </div>
2120                </section>
2121
2122                <section class="toggle">
2123                    <label>Is Mount Batur sunrise trekking suitable for beginners?</label>
2124                    <div class="toggle-content">
2125                        <p>Yes. Mount Batur trekking is suitable for beginners with a reasonable fitness level. The route includes uphill walking and uneven volcanic trails, so comfortable trekking shoes are recommended.</p>
2126                    </div>
2127                </section>
2128
2129                <section class="toggle">
2130                    <label>Can I join a Mount Batur sunrise jeep tour without trekking?</label>
2131                    <div class="toggle-content">
2132                        <p>Yes. A Mount Batur sunrise jeep tour is ideal for travelers who want to enjoy sunrise views and Black Lava exploration without hiking to the summit.</p>
2133                    </div>
2134                </section>
2135
2136                <section class="toggle">
2137                    <label>What should I bring for a Mount Batur tour?</label>
2138                    <div class="toggle-content">
2139                        <p>Bring a jacket, comfortable shoes, sunscreen, sunglasses, camera or phone, and cash for personal expenses. For trekking, proper shoes with good grip are strongly recommended.</p>
2140                    </div>
2141                </section>
2142
2143            </div>
2144
2145        </div>
2146
2147        <div class="col-md-6">
2148            
2149            <div class="toggle toggle-primary" data-plugin-toggle>
2150
2151                <section class="toggle active d-none d-md-block">
2152                    <label>Is breakfast included in Mount Batur sunrise tours?</label>
2153                    <div class="toggle-content">
2154                        <p>Yes, breakfast is included in selected Mount Batur sunrise trekking and jeep tour packages. Please check the package details before booking.</p>
2155                    </div>
2156                </section>
2157
2158                <section class="toggle">
2159                    <label>What happens if the weather is cloudy or rainy?</label>
2160                    <div class="toggle-content">
2161                        <p>Mount Batur tours operate based on weather and route conditions. Sunrise visibility cannot be guaranteed, and the itinerary may be adjusted or changed for guest safety.</p>
2162                    </div>
2163                </section>
2164
2165                <section class="toggle">
2166                    <label>Can I combine Mount Batur with other Bali activities?</label>
2167                    <div class="toggle-content">
2168                        <p>Yes. You can combine your Mount Batur sunrise tour with activities such as natural hot springs, ATV riding, Ayung River rafting, Jungle Swing, Tegalalang Rice Terrace, waterfalls, or temple visits.</p>
2169                    </div>
2170                </section>
2171
2172                <section class="toggle">
2173                    <label>Do you provide hotel pickup and return transfer?</label>
2174                    <div class="toggle-content">
2175                        <p>Hotel pickup and return transfer availability depends on the selected package and hotel location. Pickup from popular areas can be arranged, while other locations may require an additional charge.</p>
2176                    </div>
2177                </section>
2178
2179            </div>
2180
2181        </div>
2182    </div>
2183
2184
2185    </div>
2186</section>
2187<!-- <style>
2188.why-style h3 {
2189    font-family: var(--primtext);
2190    text-transform: capitalize;
2191    font-weight: 700;
2192    letter-spacing: 0.1px;
2193    margin-bottom: 9px;
2194    font-size: 20px;
2195    color: var(--color3);
2196}
2197
2198.why-style p {
2199    font-family: var(--subtext);
2200    font-weight: 400;
2201    font-size: 14px;
2202    margin-bottom: 0px;
2203    color: #eee;
2204}
2205
2206.why-style .col-md-3 {
2207    align-self: center;
2208    text-align: center;
2209    padding-right: 0px;
2210}
2211
2212.why-style .col-md-3 img {
2213    object-fit: contain;
2214    object-position: center;
2215}
2216
2217.why-style {
2218    margin-bottom: 15px;
2219}
2220
2221.style-why {
2222    background-color: navajowhite;
2223    margin-bottom: -41px;
2224}
2225
2226.contact-baru {
2227    background: var(--color2);
2228    position: relative;
2229    padding: 35px 40px 20px 40px;
2230    box-shadow: 0px 11px 53px 0px rgb(89 59 36 / 14%);
2231    border-radius: 10px;
2232    position: relative;
2233    z-index: 11;
2234}
2235
2236@media (max-width: 768px) {
2237    .contact-baru {
2238        background-color: #2a2a2a;
2239        margin-top: 0px;
2240        position: relative;
2241        width: 100%;
2242        border-radius: unset;
2243        padding: 35px 30px 35px !important;
2244        box-shadow: 0px 11px 53px 0px rgb(89 59 36 / 14%);
2245    }
2246
2247    .contact-baru img {
2248        height: 60px;
2249        margin-bottom: 19px;
2250    }
2251
2252    .why-style h3 {
2253        text-transform: capitalize;
2254        font-weight: 700;
2255        letter-spacing: 0.1px;
2256        margin-bottom: 10px;
2257        font-size: 20px;
2258    }
2259
2260    .why-style .col-md-3 {
2261        padding-right: 0px;
2262    }
2263
2264    .why-style p {
2265        font-weight: 400;
2266        font-size: 13px;
2267        margin-bottom: 30px;
2268    }
2269}
2270
2271@media (max-width: 768px) {
2272  .contact-baru {
2273    display: none;
2274  }
2275}
2276</style>
2277<section class="container-global d-md-block d-none" style="position: relative; margin-top: -80px;">
2278    <div class="contact-baru">
2279        <div class="row why-style">
2280            <div class="col-md-4">
2281                <div class="row align-items-center">
2282                    <div class="col-md-3 col-3">
2283                        <img
2284                            alt="Local Cycling Guides Bali"
2285                            class="img-fluid"
2286                            src="https://jwc.gotra-resources.my.id/web-upload/1754136541-02-08-2025-naeZMSdWDTYCO94gVwy3horstvbFRIuX.webp"
2287                        />
2288                    </div>
2289
2290                    <div class="col-md-9 col-9">
2291                        <h3>Local Guides</h3>
2292                        <p>
2293                            Ride with friendly Balinese locals who know every hidden path.
2294                        </p>
2295                    </div>
2296                </div>
2297            </div>
2298
2299            <div class="col-md-4">
2300                <div class="row">
2301                    <div class="col-md-3 col-3">
2302                        <img
2303                            alt="Scenic Safe Cycling Ubud"
2304                            class="img-fluid"
2305                            src="https://jwc.gotra-resources.my.id/web-upload/1754136542-02-08-2025-DBt3mfyPMrQOW0GwYJZ4he9HnaSN2TKj.webp"
2306                        />
2307                    </div>
2308
2309                    <div class="col-md-9 col-9">
2310                        <h3>Scenic & Safe</h3>
2311                        <p>
2312                            Enjoy beautiful, beginner-friendly routes through Ubud & Kintamani.
2313                        </p>
2314                    </div>
2315                </div>
2316            </div>
2317
2318            <div class="col-md-4">
2319                <div class="row">
2320                    <div class="col-md-3 col-3">
2321                        <img
2322                            alt="Eco Family Friendly Tour Bali"
2323                            class="img-fluid"
2324                            src="https://jwc.gotra-resources.my.id/web-upload/1754136541-02-08-2025-FVehr8CbSZ3nAGwXlON6gs42qfJk1Wud.webp"
2325                        />
2326                    </div>
2327
2328                    <div class="col-md-9 col-9">
2329                        <h3>Eco & Family Friendly</h3>
2330                        <p>
2331                            Sustainable tours for all ages — solo, couple, or group.
2332                        </p>
2333                    </div>
2334                </div>
2335            </div>
2336        </div>
2337    </div>
2338</section> -->
2339
2340</div>
2341
2342<style>
2343
2344#chatbtn{
2345    background: #089dff;
2346    color: #fff;
2347    width: 50px;
2348    height: 50px;
2349    font-size: 20px;
2350    outline: none;
2351    border-radius: 50%;
2352    float: right;
2353    cursor: pointer;
2354    border: none;
2355    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
2356    z-index: 9999;
2357}
2358.sosmed .facebook i{background-color: #4267b2;}
2359.sosmed .instagram i{background-color: #d10869;}
2360.sosmed .whatsapp i{background-color: #25d366;}
2361.sosmed .messenger i {background-color: #0084ff;}
2362.sosmed .telegram i {background-color: #51bae7;}
2363.sosmed .youtube i {background-color: red;}
2364.sosmed .email i{background-color: #f17721}
2365.fixed-bottom #sosmed a i{
2366    margin:5px auto;
2367    display: block;
2368    color: #FFF;
2369    padding: 12px;
2370    opacity: 0.8;
2371    text-align: center;
2372}
2373
2374.icon-custom {
2375    font-size: 25px !important;
2376    width: 50px;
2377    height: 50px;
2378    border-radius: 50%;
2379}
2380
2381/* ==================== Footer =================== */
2382
2383
2384      footer {
2385        padding-top: 10vh;
2386        font-family: var(--primtext);
2387        background-color: var(--color3);
2388        border-top: 3px solid var(--color2)
2389      }
2390      footer a {
2391        text-decoration: none !important;
2392        color: #eee;
2393      }
2394      footer .logo {
2395        width: 60%;
2396      }
2397
2398      footer h3 {
2399        color: #fff;
2400        font-size: 19px;
2401        font-family: var(--primtext);
2402        font-weight: 700;
2403        letter-spacing: 0.5px;
2404        text-transform: none;
2405        margin-bottom: 1.5rem;
2406      }
2407      footer p {
2408        font-size: 15px;
2409        color: #eee;
2410      }
2411      footer ul {
2412        padding: 0;
2413        list-style: none;
2414      }
2415      footer ul i {
2416        color: #fff;
2417        margin-right: 10px;
2418        font-size: 11px;
2419      }
2420      footer .link-info i {
2421        background-color: var(--color2);
2422        width: 2.5rem;
2423        height: 2.5rem;
2424        display: flex;
2425        justify-content: center;
2426        align-items: center;
2427        flex-wrap: wrap;
2428        font-size: 1.3rem;
2429        border-radius: 50%;
2430        color: #fff;
2431        margin-right: 10px;
2432      }
2433      footer .link-info a {
2434        font-size: 14px;
2435      }
2436      footer .sosmed a {
2437        width: 2.3rem;
2438        height: 2.3rem;
2439        display: flex;
2440        justify-content: center;
2441        align-items: center;
2442        flex-wrap: wrap;
2443        margin-right: 10px;
2444        border-radius: 50%;
2445        background-color: #1e0d6617;
2446      }
2447      footer hr {
2448        margin-top: 3rem;
2449        margin-bottom: 3rem;
2450        border-width: 0.5px;
2451        opacity: .8;
2452        background: var(--color2);
2453      }
2454      footer .payment img {
2455        filter: brightness(8000);
2456      }
2457      footer .foot {
2458        padding-bottom: 1rem;
2459      }
2460      footer .foot p {
2461        font-family: var(--primtext);
2462        font-size: 14px;
2463      }
2464
2465html .scroll-to-top { display:none; }
2466
2467/* ==================== Footer =================== */
2468
2469</style>
2470
2471
2472
2473
2474<div class="smooth-slide" id="contact"></div>
2475
2476<footer>
2477      <div class="container" style="max-width: 1340px;">
2478        <div class="row">
2479          <div class="col-sm-4 mb-3 mb-md-0 d-flex justify-content-center align-items-center">
2480            <img src="https://jwc.gotra-resources.my.id/web-upload/1783583737-09-07-2026-7PChWTfJU2jIVmStxoF5gRXe8MZ3w649.webp" alt="logo Mount Batur Trekking" class="logo" />
2481            
2482          </div>
2483          <div class="col-sm-4 mb-3 mb-md-0">
2484            <h3>About Mount Batur Trekking Agency</h3>
2485            <p>
2486              Mount Batur Trekking Agency offers unforgettable sunrise trekking, 4WD jeep tours, Black Lava adventures, and Bali activity packages with experienced local guides.
2487            </p>
2488            <div class="link-info d-flex align-items-center">
2489              <div class="icon">
2490                <i class="fa-solid fa-location-dot"></i>
2491              </div>
2492              <a href="">Jl. Suweta, Ubud, Kecamatan Ubud, Kabupaten Gianyar, Bali 80571</a>
2493            </div>
2494          </div>
2495          <div class="col-sm-4 mb-3 mb-md-0">
2496            <h3>Our TripAdvisor</h3>
2497            <div id="TA_selfserveprop590" class="TA_selfserveprop"><ul id="TwLyvvr" class="TA_links oOIAbkLQY0"><li id="e0YlHmo" class="R2MjpF"><a target="_blank" href="https://www.tripadvisor.com/Attraction_Review-g469404-d17657287-Reviews-Mount_Batur_Trekking_Agency-Seminyak_Kuta_District_Bali.html"><img src="https://www.tripadvisor.com/img/cdsi/img2/branding/v2/Tripadvisor_lockup_horizontal_secondary_registered-11900-2.svg" alt="TripAdvisor"/></a></li></ul></div>
2497<script async src="https://www.jscache.com/wejs?wtype=selfserveprop&amp;uniq=590&amp;locationId=17657287&amp;lang=en_US&amp;rating=true&amp;nreviews=0&amp;writereviewlink=true&amp;popIdx=true&amp;iswide=false&amp;border=true&amp;display_version=2" data-loadtrk onload="this.loadtrk=true"></script>
2497
2498
2499
2500
2501            
2502          </div>
2503          
2504        </div>
2505        <hr />
2506
2507        <!-- ====== Bottom Section ==== -->
2508        <div class="row">
2509          <div class="col-sm-3 mb-3 mb-md-0">
2510            <h3>Book Your Dream Vacation</h3>
2511            <div class="link-info d-flex align-items-center">
2512              <div class="icon">
2513                <i class="fa-regular fa-envelope"></i>
2514              </div>
2515              <a href="tel:+6287860377327">+6287860377327</a>
2516            </div>
2517          </div>
2518          <div class="col-sm-3 mb-3 mb-md-0">
2519            <h3>Email</h3>
2520            <div class="link-info d-flex align-items-center">
2521              <div class="icon">
2522                <i class="fa-regular fa-envelope"></i>
2523              </div>
2524              <a href="mailto:[email protected]">[email protected]</a>
2525            </div>
2526          </div>
2527
2528          <div class="col-sm-3 mb-3 mb-md-0">
2529            <h3>Whatsapp</h3>
2530            <div class="link-info d-flex align-items-center">
2531              <div class="icon">
2532                <i class="fab fa-whatsapp"></i>
2533              </div>
2534              <a href="https://api.whatsapp.com/send/?phone=6287860377327&text=Hello%2C%20I%20would%20like%20to%20get%20more%20information%20about%20your%20Mount%20Batur%20tour%20packages.%20Please%20help%20me%20with%20availability%20and%20booking%20details.%20Thank%20you.&type=phone_number&app_absent=0">+6287860377327</a>
2535            </div>
2536          </div>
2537
2538          <div class="col-sm-3 mb-3 mb-md-0">
2539            <h3>Social Media</h3>
2540            <div class="sosmed d-flex align-items-center">
2541                                                                  <div class="box">
2542                    <a href="https://www.instagram.com/mtbaturtrekking?igsh=OG1peng2MXB5OXN1&utm_source=qr">
2543                      <i class="fab fa-instagram"></i>
2544                    </a>
2545                  </div>
2546                                            </div>
2547          </div>
2548        
2549
2550        </div>
2551        <!-- ====== Bottom Section ==== -->
2552        <hr />
2553        <div class="foot">
2554          <p class="text-center">
2555            &copy; Copyright 2026 <b>Mount Batur Trekking</b>. All Rights Reserved. Powered By <a href="https://jasawebcreator.com/"><b>Jasa Web Creator</b></a>
2556          </p>
2557        </div>
2558      </div>
2559    </footer>
2560
2561
2562
2563</div>
2564
2565<div class="fixed-bottom fixwa" style="left: auto; right: 20px; bottom: 20px">
2566    <div class="share-icons" style="width: 50px">
2567        <div id="sosmed" class="sosmed">
2568            <a title="Whatsapp" class="whatsapp" href="https://api.whatsapp.com/send/?phone=6287860377327&text=Hello%2C%20I%20would%20like%20to%20get%20more%20information%20about%20your%20Mount%20Batur%20tour%20packages.%20Please%20help%20me%20with%20availability%20and%20booking%20details.%20Thank%20you.&type=phone_number&app_absent=0" class="text-decoration-none"><i class="fab fa-whatsapp icon-custom"></i></a>
2569        </div>
2570    </div>
2571</div>
2572
2573
2574<!-- Vendor -->
2575<script type='text/javascript' src='https://mountbaturtrekking.com/assets/front/vendor/popper/umd/popper.min.js'></script>
2575<script src="https://mountbaturtrekking.com/assets/front/vendor/jquery/jquery.min.js"></script>
vendor: 1 bytes, line 2575
2575
2576<script src="https://mountbaturtrekking.com/assets/front/vendor/jquery.appear/jquery.appear.min.js"></script>
vendor: 1 bytes, line 2576
2576
2577<script src="https://mountbaturtrekking.com/assets/front/vendor/bootstrap/js/bootstrap.min.js"></script>
vendor: 1 bytes, line 2577
2577
2578<script type='text/javascript' src='https://mountbaturtrekking.com/assets/front/vendor/magnific-popup/jquery.magnific-popup.min.js'></script>
2578<!-- 
2578<script src="https://mountbaturtrekking.com/assets/front/vendor/owl.carousel/owl.carousel.min.js"></script>
2578 -->
2579
2580<!-- Theme Base, Components and Settings -->
2581<script src="https://mountbaturtrekking.com/assets/front/js/theme.min.js"></script>
2581
2582
2583<!-- Theme Custom -->
2584<script src="https://mountbaturtrekking.com/assets/front/js/wow.min.js"></script>
2584
2585
2586<script src="https://mountbaturtrekking.com/assets/front/js/jquery.appear/jquery.appear.min.js"></script>
vendor: 1 bytes, line 2586
2586
2587<script src="https://mountbaturtrekking.com/assets/front/js/common/common.min.js"></script>
vendor: 1 bytes, line 2587
2587
2588<script src="https://mountbaturtrekking.com/assets/front/js/bootstrap.min.js"></script>
vendor: 1 bytes, line 2588
2588
2589<script src="https://mountbaturtrekking.com/assets/front/js/theme.js"></script>
vendor: 1 bytes, line 2589
2589
2590<script src="https://mountbaturtrekking.com/assets/front/js/theme.init.js"></script>
2590
2591
2592<script type="text/javascript" src="//cdn.jsdelivr.net/npm/[email protected]/slick/slick.min.js"></script>
2592
2593
2594<script src="https://mountbaturtrekking.com/assets/front/js/ls.bgset.min.js"></script>
vendor: 1 bytes, line 2594
2594
2595<script src="https://mountbaturtrekking.com/assets/front/js/lazysizes.min.js"></script>
2595
2596<!-- 
2596<script src="https://mountbaturtrekking.com/assets/front/js/examples/examples.gallery.js"></script>
2596 -->
2597
2598<script>
2599    new WOW().init();
2600</script>
2600
2601
2602<!-- 
2602<script>
vendor: 327 bytes, lines 2602-2606
2602(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
2603new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
2604j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
2605'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
2606})(window,document,'script','dataLayer','
2606GTM-WC9WTSF
vendor: 3 bytes, line 2606
2606');
2606</script>
2606 -->
2607
2608<div id="fb-root"></div>
2609<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v13.0" nonce="fwhFN9Lu"></script>
2609
2610
2611<script>
2612$(window).on("scroll",function(){$(window).scrollTop()>=600?$(".hilang-head").addClass("hilang-sticky"):$(".hilang-head").removeClass("hilang-sticky")}),$(document).ready(function(){var n=$("#menu-button"),i=$("#menuWrapper"),l=$("#close");n.on("click",function(){i.addClass("show-box")}),l.on("click",function(){i.removeClass("show-box")})});var i,linkCollapse=document.getElementsByClassName("child-toggle");for(i=0;i<linkCollapse.length;i++)linkCollapse[i].addEventListener("click",function(){this.nextElementSibling.classList.toggle("show-child-menus")});$(document).on("click",".menu-prosing",function(){$(this).addClass("active").siblings().removeClass("active")});
2613
2614function toggleMessage(id, expand) {
2615    const messageElement = document.getElementById(id);
2616    const readMoreButton = messageElement.nextElementSibling;
2617    const readLessButton = readMoreButton.nextElementSibling;
2618
2619    if (expand) {
2620        // Expand to full message
2621        messageElement.textContent = messageElement.getAttribute('data-full-message');
2622        readMoreButton.classList.add('d-none');
2623        readLessButton.classList.remove('d-none');
2624    } else {
2625        // Collapse to short message
2626        messageElement.textContent = messageElement.getAttribute('data-short-message');
2627        readMoreButton.classList.remove('d-none');
2628        readLessButton.classList.add('d-none');
2629    }
2630}
2631
2632</script>
2632
2633
2634<script>
2635   
2636$(document).ready(function(){
2637  $('.slider').slick({
2638    autoplay: true,
2639    draggable: true,
2640    arrows: false,
2641    dots: false,
2642    fade: true,
2643    autoplaySpeed: 5000,
2644    speed: 1000,
2645    infinite: true,
2646  });
2647});
2648
2649$(document).ready(function(){
2650  $('.rowdes2').slick({
2651    autoplay: false,
2652    draggable: true,
2653    prevArrow: '<button class="slide-arrow prev-arrow"><i class="fa-solid fa-chevron-left"></i></button>',
2654    nextArrow: '<button class="slide-arrow next-arrow"><i class="fa-solid fa-chevron-right"></i></button>',
2655    dots: false,
2656    autoplaySpeed: 3000,
2657    speed: 1000,
2658    infinite: true,
2659    slidesToShow: 2,
2660    slidesToScroll: 1,
2661    responsive: [
2662    {
2663      breakpoint: 1024,
2664      settings: {
2665        slidesToShow: 1,
2666        slidesToScroll: 1,
2667        infinite: true,
2668        dots: false
2669      }
2670    },
2671    {
2672      breakpoint: 600,
2673      settings: {
2674        slidesToShow: 1,
2675        slidesToScroll: 1
2676      }
2677    },
2678    {
2679      breakpoint: 480,
2680      settings: {
2681        slidesToShow: 1,
2682        slidesToScroll: 1
2683      }
2684    }
2685  ]
2686  });
2687});
2688
2689$(document).ready(function(){
2690  $('.product-slick').slick({
2691    autoplay: false,
2692    draggable: true,
2693    prevArrow: '<button class="slide-arrow prev-arrow"><i class="fa-solid fa-chevron-left"></i></button>',
2694    nextArrow: '<button class="slide-arrow next-arrow"><i class="fa-solid fa-chevron-right"></i></button>',
2695    dots: false,
2696    autoplaySpeed: 2000,
2697    speed: 1000,
2698    infinite: true,
2699    slidesToShow: 4,
2700    slidesToScroll: 1,
2701    responsive: [
2702    {
2703      breakpoint: 1024,
2704      settings: {
2705        slidesToShow: 2,
2706        slidesToScroll: 2,
2707        infinite: true,
2708        autoplay: true,
2709        dots: true
2710      }
2711    },
2712    {
2713      breakpoint: 600,
2714      settings: {
2715        slidesToShow: 1,
2716        autoplay: true,
2717        slidesToScroll: 1
2718      }
2719    },
2720    {
2721      breakpoint: 480,
2722      settings: {
2723        autoplay: true,
2724        slidesToShow: 1,
2725        slidesToScroll: 1
2726      }
2727    }
2728  ]
2729  });
2730});
2731
2732$(document).ready(function(){
2733  $('.review-slide').slick({
2734    autoplay: false,
2735    draggable: true,
2736    prevArrow: '<button class="slide-arrow prev-arrow"><i class="fa-solid fa-chevron-left"></i></button>',
2737    nextArrow: '<button class="slide-arrow next-arrow"><i class="fa-solid fa-chevron-right"></i></button>',
2738    dots: false,
2739    autoplaySpeed: 3000,
2740    speed: 1000,
2741    infinite: true,
2742    slidesToShow: 3,
2743    slidesToScroll: 3,
2744    responsive: [
2745    {
2746      breakpoint: 1024,
2747      settings: {
2748        slidesToShow: 2,
2749        slidesToScroll: 2,
2750        infinite: true,
2751        dots: true
2752      }
2753    },
2754    {
2755      breakpoint: 600,
2756      settings: {
2757        slidesToShow: 2,
2758        slidesToScroll: 2
2759      }
2760    },
2761    {
2762      breakpoint: 480,
2763      settings: {
2764        slidesToShow: 1,
2765        slidesToScroll: 1
2766      }
2767    }
2768  ]
2769  });
2770
2771});
2772
2773
2774$(document).ready(function(){
2775  $('.slick-center').slick({
2776  centerMode: true,
2777  centerPadding: '0px',
2778  prevArrow: '<button class="slide-arrow prev-arrow"><i class="fa-solid fa-chevron-left"></i></button>',
2779  nextArrow: '<button class="slide-arrow next-arrow"><i class="fa-solid fa-chevron-right"></i></button>',
2780  slidesToShow: 1,
2781  focusOnSelect: true,
2782  arrows: true,
2783  dots: false,
2784  autoplay: true,
2785  autoplaySpeed: 4000,
2786  speed: 1000,
2787  infinite: true,
2788  responsive: [
2789    {
2790      breakpoint: 768,
2791      settings: {
2792        arrows: true,
2793        centerMode: true,
2794        centerPadding: '40px',
2795        slidesToShow: 1
2796      }
2797    },
2798    {
2799      breakpoint: 480,
2800      settings: {
2801        arrows: true,
2802        centerMode: true,
2803        centerPadding: '40px',
2804        slidesToShow: 1
2805      }
2806    }
2807  ]
2808});
2809});
2810
2811
2812$(document).ready(function(){
2813  $('.carousel-wall').slick({
2814    autoplay: true,           // Aktifkan autoplay
2815    autoplaySpeed: 0,         // Tidak ada jeda antara slide
2816    speed: 10000,              // Kecepatan transisi slide
2817    cssEase: 'linear',        // Efek transisi linear seperti marquee
2818    slidesToShow: 3,          // Jumlah slide yang ditampilkan sekaligus
2819    slidesToScroll: 1,        // Jumlah slide yang bergeser setiap kali
2820    infinite: true,           // Looping tanpa batas
2821    arrows: false,            // Sembunyikan navigasi panah
2822    dots: false,              // Sembunyikan navigasi dots
2823    pauseOnHover: false,      // Autoplay tidak berhenti saat hover
2824
2825   responsive: [
2826    {
2827      breakpoint: 1024,
2828      settings: {
2829        slidesToShow: 2,
2830        slidesToScroll: 1,
2831        infinite: true,
2832        dots: true
2833      }
2834    },
2835    {
2836      breakpoint: 600,
2837      settings: {
2838        slidesToShow: 2,
2839        slidesToScroll: 1
2840      }
2841    },
2842    {
2843      breakpoint: 480,
2844      settings: {
2845        slidesToShow: 2,
2846        slidesToScroll: 1
2847      }
2848    }
2849  ]
2850
2851  });
2852});
2853
2854$(document).ready(function(){
2855  $('.slick-cent22').slick({
2856  centerMode: true,
2857  centerPadding: '0px',
2858  prevArrow: '<button class="slide-arrow prev-arrow"><i class="fa-solid fa-chevron-left"></i></button>',
2859  nextArrow: '<button class="slide-arrow next-arrow"><i class="fa-solid fa-chevron-right"></i></button>',
2860  slidesToShow: 1,
2861  focusOnSelect: true,
2862  arrows: false,
2863  dots: false,
2864  autoplay: true,
2865  autoplaySpeed: 4000,
2866  speed: 1000,
2867  infinite: true,
2868  responsive: [
2869    {
2870      breakpoint: 768,
2871      settings: {
2872        arrows: false,
2873        centerMode: true,
2874        centerPadding: '40px',
2875        slidesToShow: 1
2876      }
2877    },
2878    {
2879      breakpoint: 480,
2880      settings: {
2881        arrows: false,
2882        centerMode: true,
2883        centerPadding: '40px',
2884        slidesToShow: 1
2885      }
2886    }
2887  ]
2888});
2889});
2890 
2891
2892$(document).ready(function(){
2893  $('.rowdesi2').slick({
2894    autoplay: false,
2895    draggable: true,
2896    prevArrow: '<button class="slide-arrow prev-arrow"><i class="fa-solid fa-chevron-left"></i></button>',
2897    nextArrow: '<button class="slide-arrow next-arrow"><i class="fa-solid fa-chevron-right"></i></button>',
2898    dots: false,
2899    autoplaySpeed: 4000,
2900    speed: 1000,
2901    infinite: true,
2902    slidesToShow: 2,
2903    slidesToScroll: 1,
2904    responsive: [
2905    {
2906      breakpoint: 1024,
2907      settings: {
2908        slidesToShow: 3,
2909        slidesToScroll: 3,
2910        infinite: true,
2911        dots: true
2912      }
2913    },
2914    {
2915      breakpoint: 991,
2916      settings: {
2917        slidesToShow: 1,
2918        slidesToScroll: 2
2919      }
2920    },
2921    {
2922      breakpoint: 600,
2923      settings: {
2924        slidesToShow: 1,
2925        slidesToScroll: 2
2926      }
2927    },
2928    {
2929      breakpoint: 480,
2930      settings: {
2931        slidesToShow: 1,
2932        slidesToScroll: 1
2933      }
2934    }
2935  ]
2936  });
2937});
2938</script>
2938
2939
2940 
2940<script type="text/javascript"> function googleTranslateElementInit2() {new google.translate.TranslateElement({pageLanguage: "id", autoDisplay: false }, "google_translate_element2"); } </script>
2940 
2940<script type="text/javascript" src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit2"></script>
2940 
2940<script type="text/javascript"> eval(function(e,t,n,r,a,c){if(a=function(e){return(e<43?"":a(parseInt(e/43)))+((e%=43)>35?String.fromCharCode(e+29):e.toString(36))},!"".replace(/^/,String)){for(;n--;)c[a(n)]=r[n]||a(n);r=[function(e){return c[e]}],a=function(){return"\\w+"},n=1}for(;n--;)r[n]&&(e=e.replace(new RegExp("\\b"+a(n)+"\\b","g"),r[n]));return e}("6 7(a,b){n{4(2.9){3 c=2.9(\"o\");c.p(b,f,f);a.q(c)}g{3 c=2.r();a.s('t'+b,c)}}u(e){}}6 h(a){4(a.8)a=a.8;4(a=='')v;3 b=a.w('|')[1];3 c;3 d=2.x('y');z(3 i=0;i<d.5;i++)4(d[i].A=='B-C-D')c=d[i];4(2.j('k')==E||2.j('k').l.5==0||c.5==0||c.l.5==0){F(6(){h(a)},G)}g{c.8=b;7(c,'m');7(c,'m')}}",0,43,"||document|var|if|length|function|GTranslateFireEvent|value|createEvent||||||true|else|doGTranslate||getElementById|google_translate_element2|innerHTML|change|try|HTMLEvents|initEvent|dispatchEvent|createEventObject|fireEvent|on|catch|return|split|getElementsByTagName|select|for|className|goog|te|combo|null|setTimeout|500".split("|"),0,{})) </script>
2940
2941
2942
2943    
2944</body>
2945
2946</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.