PageSourceSearch

https://isladebalitours.com/article-category/popular-activities

html isladebalitours.com collected 2026-09-29 01:31:16 UTC 105,831 bytes, 3,376 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/1765278061-09-12-2025-GH8dUDoblyzY1KVn46XWq9vh53rwRjBM.webp'><link rel='icon' type='image/jepg' href='https://jwc.gotra-resources.my.id/web-upload/1765278061-09-12-2025-GH8dUDoblyzY1KVn46XWq9vh53rwRjBM.webp'><link rel='icon' type='image/png' href='https://jwc.gotra-resources.my.id/web-upload/1765278061-09-12-2025-GH8dUDoblyzY1KVn46XWq9vh53rwRjBM.webp'><link rel='icon' type='image/webp' href='https://jwc.gotra-resources.my.id/web-upload/1765278061-09-12-2025-GH8dUDoblyzY1KVn46XWq9vh53rwRjBM.webp'>
13				<title>Popular Activities - Article Category - Isla De Bali Tours</title>
14
15				
16				<link rel='icon' type='image/jpg' href='https://jwc.gotra-resources.my.id/web-upload/1765278061-09-12-2025-GH8dUDoblyzY1KVn46XWq9vh53rwRjBM.webp'><link rel='icon' type='image/jepg' href='https://jwc.gotra-resources.my.id/web-upload/1765278061-09-12-2025-GH8dUDoblyzY1KVn46XWq9vh53rwRjBM.webp'><link rel='icon' type='image/png' href='https://jwc.gotra-resources.my.id/web-upload/1765278061-09-12-2025-GH8dUDoblyzY1KVn46XWq9vh53rwRjBM.webp'><link rel='icon' type='image/webp' href='https://jwc.gotra-resources.my.id/web-upload/1765278061-09-12-2025-GH8dUDoblyzY1KVn46XWq9vh53rwRjBM.webp'><meta name='robots' content='index, follow'/><meta name='description' content='Explore Bali with private day tours, cultural trips, adventure packages, and combination tours. Ubud, North Bali, East Bali, waterfalls, temples, and activities.'/><meta property='og:description' content='Explore Bali with private day tours, cultural trips, adventure packages, and combination tours. Ubud, North Bali, East Bali, waterfalls, temples, and activities.' /><meta name='author' content='Isla De Bali Tours'/><link rel='canonical' href='https://isladebalitours.com/article-category/popular-activities'/><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://isladebalitours.com/article-category/popular-activities' /><meta property='og:type' content='website' /><meta property='og:title' content='Popular Activities - Article Category - Isla De Bali Tours' /><meta property='og:site_name' content='Isla De Bali Tours' /><meta property='og:image' content='https://jwc.gotra-resources.my.id/web-upload/1765278060-09-12-2025-LlfZCnzo7I3a5sTy1mj04hWS8i9beBMY.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://isladebalitours.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://isladebalitours.com/assets/front/vendor/animate/animate.min.css" type="text/css" rel="stylesheet">
28                <!-- <link href="https://isladebalitours.com/assets/front/vendor/owl.carousel/assets/owl.carousel.min.css" type="text/css" rel="stylesheet">
29                <link href="https://isladebalitours.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://isladebalitours.com/assets/front/vendor/magnific-popup/magnific-popup.min.css'>				<!-- Theme CSS -->
32				<link href="https://isladebalitours.com/assets/front/css/theme.css" type="text/css" rel="stylesheet">
33				<link href="https://isladebalitours.com/assets/front/font/hiatus.ttf" type="text/css" rel="stylesheet">
34				<link href="https://isladebalitours.com/assets/front/css/theme-elements.css" type="text/css" rel="stylesheet">
35				<link href="https://isladebalitours.com/assets/front/css/style-tour.css" type="text/css" rel="stylesheet">
36				<link href="https://isladebalitours.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://isladebalitours.com/assets/front/vendor/rs-plugin/css/settings.css" type="text/css" rel="stylesheet">
42				<link href="https://isladebalitours.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: #F46A06;
53	--color2: #32C2C2;
54    --color3: #043140;
55    /*--color3: #5E17EB;*/
56    --primtext: 'Inter';
57    --subtext: 'Inter';
58    --spantext: 'Inter';
59}
60@font-face {
61    font-family: hiatus;
62    src: url(https://isladebalitours.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: #fff !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: #000;
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: #000;
102    font-size: 12px;
103    font-weight: 400;
104    letter-spacing: .3px;
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: #000 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: #000;
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: #000;
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: 40px !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/1764736915-03-12-2025-wi9knOVAGZp43hCILxbFXTcdBfPJqWY8.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
436/* ======= Blog ======== */
437
438.blog img {
439    height: 270px;
440    object-fit: cover;
441    position: relative;
442    z-index: 2;
443    border-radius: 10px;
444    margin-bottom: 20px;
445}
446
447.blog {
448    position: relative;
449    margin-bottom: 20px;
450}
451
452.blog2 {
453    position: relative;
454    padding-left: 3px;
455    padding-right: 3px;
456}
457
458.catcat{
459    position: absolute;
460    bottom: 13%;
461    z-index: 3;
462    left: -15px;
463    background: var(--colors);
464    font-family: var(--subtext);
465    color: white;
466    font-weight: 600;
467    border-radius: 0;
468    padding: 9px 20px;
469    font-size: 13px;
470    line-height: 13px;
471    width: max-content;
472    text-transform: uppercase;
473}
474.catcat:before {
475    content: "";
476    width: 16px;
477    height: 10px;
478    z-index: 1;
479    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
480    background: var(--color2);
481    position: absolute;
482    top: -9.5px;
483    left: 0;
484}
485.blog .catcat span {
486    font-size: 22px;
487    line-height: 22px;
488}
489
490.blog2 span {
491    text-transform: uppercase;
492    letter-spacing: 1px;
493    color: var(--color2);
494    font-family: var(--primtext);
495    font-weight: 600;
496    font-size: 11px;
497    display: block;
498    margin-bottom: 8px;
499}
500
501.blog2 hr {
502    background: var(--colors);
503}
504.blog2 h3 {
505    text-transform: unset;
506    font-family: var(--primtext);
507    font-weight: 600;
508    letter-spacing: 0px;
509    line-height: 34px;
510    color: #333;
511    font-size: 21px;
512    margin-bottom: 20px;
513
514}
515
516.blog2 p {
517    margin-bottom: 10px;
518    font-weight: 400;
519    font-size: 15px;
520    line-height: 30px;
521    font-family: var(--subtext);
522    color: var(--colors);
523
524}
525.blog2 p i {
526    font-size: 6px;
527}
528
529.blog2 a {
530    border-radius: 50px;
531    font-family: var(--subtext);
532    padding: 0;
533    font-size: 14px;
534    padding: .6rem 1.3rem;
535    border: .5px solid var(--colors);
536    font-weight: 500;
537    letter-spacing: .5px;
538    transition: all ease 300ms;
539    color: #000;
540}
541.blog2 a i {
542    color: var(--colors);
543    transform: rotate(-45deg);
544}
545
546.blog2 a:hover {
547    color: var(--colors);
548}
549
550@media (max-width: 768px) {
551    .blog2 span {
552        font-size: 10px;
553        margin-bottom: 5px;
554    }
555
556    .blog2 h3 {
557        line-height: 30px;
558        font-size: 20px;
559    }
560
561    .blog2 p {
562        font-size: 14px;
563        line-height: 27px;
564    }
565}
566/* ======= Blog ======= */
567
568/* ========== Cate ========= */
569.wrap-cate {
570    font-family: var(--primtext);
571    position: relative;
572    border-radius: 0px;
573    overflow: hidden;
574    margin-bottom: 3px;
575    transition: all ease 500ms;
576    background: black;
577    border-radius: 0px;
578}
579
580.wrap-cate img {
581    height: 430px;
582    width: 100%;
583    object-fit: cover;
584    filter: brightness(.7);
585    transition: all ease 500ms !important;
586}
587.blog-destination .wrap-cate img {
588    height: 400px;
589}
590
591.wrap-cate:before {
592    position: absolute;
593    content: '';
594    left: 0;
595    transition: all ease 500ms;
596    right: 0;
597    bottom: 0;
598    z-index: 1;
599    height: 60%;
600    background: transparent linear-gradient(180deg, rgb(13 28 52 / 0) 0, var(--color3) 110%) 0 0 no-repeat padding-box;
601}
602
603.wrap-cate2 {
604    position: absolute;
605    z-index: 2;
606    left: 0;
607    right: 0;
608    bottom: 8%;
609    padding: 0px 25px;
610}
611
612.wrap-cate2 h3 {
613    color: white;
614    text-transform: unset;
615    font-weight: 600;
616    font-size: 20px;
617    line-height: 30px;
618    letter-spacing: -.2px;
619    margin-bottom: 10px;
620}
621
622.wrap-cate2 p {
623    color: #f1f1f1;
624    font-size: 14px;
625    line-height: 25px;
626    font-weight: 300;
627    padding: 0px;
628    margin: 0;
629    margin-bottom: 5px;
630    font-family: var(--subtext) !important;
631}
632
633/* ========= cate btn ======= */
634.wrap-cate .btnprofile {
635    font-size: 12px;
636    padding: 5px 10px 5px 15px;
637}
638.wrap-cate .btnprofile .icon {
639    width: 1.5rem;
640    height: 1.5rem;
641}
642.wrap-cate .btnprofile .icon i {
643    font-size: 13px;
644    line-height: 1rem;
645}
646
647/* ========= cate btn ======= */
648.wrap-cate2 .btn-cate {
649    background: var(--colors);
650    color: black;
651    border: 1px solid;
652    text-transform: uppercase;
653    border-radius: 100px;
654    padding: 7px 25px;
655    font-size: 12px;
656    letter-spacing: 1px;
657    font-weight: 600;
658    transition: all ease 500ms;
659}
660
661.wrap-cate2 .btn-cate:hover {
662    transition: all ease 500ms;
663    background: #111;
664    color: #fff;
665    border-color: #111;
666}
667
668.wrap-cate:hover img {
669    transform: scale(1.1);
670}
671
672@media (max-width : 768px) {
673
674    .wrap-cate {
675        margin-bottom: 20px;
676        border: unset;
677        box-shadow: unset;
678    }
679
680    .wrap-cate2 {
681        bottom: 0%;
682        padding: 15px;
683        text-align: center;
684    }
685
686    .wrap-cate img {
687        height: 280px !important;
688    }
689
690    .wrap-cate2 h3 {
691        font-size: 20px;
692        line-height: 28px;
693        margin-bottom: 7px;
694    }
695
696    .catcat { margin-bottom:0px; }
697
698    .wrap-cate2 p {
699        display: none;
700        font-size: 13px;
701    }
702
703    .wrap-cate2 .price {
704        font-size: 18px;
705        margin-bottom: 11px;
706    }
707
708    .wrap-cate .btnprofile {
709        padding: 3px 3px 3px 1rem;
710        font-size: 11px;
711        margin: 0 auto;
712    }
713    .wrap-cate .btnprofile .icon {margin-left: 5px;}
714}
715
716/* ======== CATE ========== */
717
718    .title-blog { position:relative; font-family:var(--subtext); padding-right:35px; }
719
720    .title-blog span {
721        color: var(--color2);
722        font-family: var(--subtext);
723        font-size: 15px;
724        line-height: 25px;
725        font-weight: 300;
726        text-transform: uppercase;
727        letter-spacing: 2px;
728        margin-bottom: 10px;
729        display: block;
730    }
731
732    .title-blog h2 {
733        color: var(--color2);
734        font-family: var(--primtext);
735        font-size: 38px;
736        line-height: 50px;
737        font-weight: 500;
738        text-transform: unset;
739        letter-spacing: 0px;
740        margin-bottom: 25px;
741    }
742
743    .title-blog p {
744        color: #555;
745        font-family: var(--subtext);
746        font-size: 15px;
747        font-weight: 400;
748        line-height: 28px;
749        margin-bottom: 20px;
750        letter-spacing: 0.2px;
751    }
752
753    .btn-lpm {
754        border-radius: 0;
755        color: white;
756        background: var(--colors);
757        font-family: var(--subtext);
758        font-size: 15px;
759        font-weight: 300;
760        line-height: 25px;
761        margin-top: 10px;
762        padding: .6rem 2rem;
763        letter-spacing: .5px;
764        transition: ease-in-out .2s;
765    }
766
767    .btn-lpm:hover {
768        background: white;
769        color: var(--colors);
770    }
771
772@media (max-width: 768px) {
773    .title-blog {
774        text-align: center;
775        padding: unset;
776    }
777
778    .title-blog h2 {
779      margin-bottom: 15px;
780      font-size: 30px;
781      line-height: 45px;
782    }
783
784    .title-blog span {
785        font-size: 12px;
786        line-height: 25px;
787    }
788
789    .title-blog p {
790        font-size: 13px;
791        line-height: 23px;
792        letter-spacing: 0px;
793    }
794
795    .btn-lpm { margin-bottom:30px; }
796}
797
798
799/*=============== Product ===============*/
800.product .card {
801        background: white;
802        border-radius: 20px;
803        overflow: hidden;
804        /* box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1); */
805        width: 100%;
806        transition: transform 0.3s ease, box-shadow 0.3s ease;
807        position: relative;
808    }
809
810    .product .card:hover {
811        transform: translateY(-10px);
812        box-shadow: 0 30px 60px rgba(0, 0, 0, 0.15);
813    }
814
815    .product .card-image {
816        height: 280px;
817        background-size: cover;
818        background-position: center;
819        position: relative;
820        display: flex;
821        align-items: flex-end;
822        padding: 20px;
823    }
824
825    .product .location-badge {
826       background: rgba(255, 255, 255, 0.5);
827       backdrop-filter: blur(10px);
828       padding: 8px 16px;
829       border-radius: 20px;
830       display: flex;
831       align-items: center;
832       gap: 8px;
833       font-size: 13px;
834       font-family: var(--subtext);
835       font-weight: 500;
836       color: #333;
837       box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
838        }
839
840    .product .location-icon {
841        width: 16px;
842        height: 16px;
843        background: var(--colors);
844        border-radius: 50%;
845        position: relative;
846    }
847
848    .product .location-icon::after {
849        content: '';
850        position: absolute;
851        top: 50%;
852        left: 50%;
853        transform: translate(-50%, -50%);
854        width: 6px;
855        height: 6px;
856        background: white;
857        border-radius: 50%;
858    }
859
860    .product .card-content {
861        padding: 30px;
862    }
863
864    .product .card-title {
865       font-weight: 700;
866       color: var(--colors);
867       margin-bottom: 15px;
868       line-height: 25px;
869       letter-spacing: 0px;
870       font-family: var(--primtext);
871       font-size: 15px;
872        }       
873
874    .product .rating {
875        display: flex;
876        gap: 4px;
877        margin-bottom: 20px;
878    }
879
880    .product .star {
881        width: 20px;
882        height: 20px;
883        background: linear-gradient(45deg, #FFD700, #FFA500);
884        clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
885        animation: sparkle 2s ease-in-out infinite;
886    }
887
888    .product .star:nth-child(2) {
889        animation-delay: 0.2s;
890    }
891
892    .product .star:nth-child(3) {
893        animation-delay: 0.4s;
894    }
895
896    .product .star:nth-child(4) {
897        animation-delay: 0.6s;
898    }
899
900    .product .star:nth-child(5) {
901        animation-delay: 0.8s;
902    }
903
904    @keyframes sparkle {
905
906        0%, 100% {
907            transform: scale(1);
908        }
909        50% {
910            transform: scale(1.1);
911        }
912    }
913
914    .product .description {
915        color: #718096;
916        font-size: 14px;
917        line-height: 1.6;
918        margin-bottom: 25px;
919        font-family: var(--subtext);
920    }
921
922    .product .card-footer {
923        display: flex;
924        justify-content: space-between;
925        align-items: center;
926        padding-top: 20px;
927        border-top: 1px solid #E2E8F0;
928    }
929
930    .product .price-section {
931        display: flex;
932        flex-direction: column;
933    }
934
935    .product .price-label {
936        font-size: 13px;
937        color: #718096;
938        margin-bottom: 5px;
939        font-family: var(--subtext);
940    }       
941
942    .product .price {
943        font-size: 18px;
944        font-family: var(--subtext);
945        font-weight: 700;
946        background: var(--colors);
947        -webkit-text-fill-color: transparent;
948        background-clip: text;
949    }
950
951    .product .duration-section {
952        display: flex;
953        align-items: center;
954        gap: 8px;
955        background: #F7FAFC;
956        padding: 12px 16px;
957        border-radius: 12px;
958    }
959
960    .product .clock-icon {
961        width: 20px;
962        height: 20px;
963        border: 2px solid var(--colors);
964        border-radius: 50%;
965        position: relative;
966    }
967
968    .product .clock-icon::before {
969        content: '';
970        position: absolute;
971        top: 3px;
972        left: 50%;
973        transform: translateX(-50%);
974        width: 1px;
975        height: 6px;
976        background: var(--colors);
977    }
978
979    .product .clock-icon::after {
980        content: '';
981        position: absolute;
982        top: 50%;
983        left: 50%;
984        transform: translate(-50%, -50%) rotate(90deg);
985        width: 4px;
986        height: 1px;
987        background: var(--colors);
988    }
989
990    .product .duration-text {
991       font-size: 13px;
992       font-weight: 500;
993       color: #4A5568;
994       font-family: var(--subtext);
995        }   
996
997    .product .floating-elements {
998        position: absolute;
999        top: 20px;
1000        right: 20px;
1001        display: flex;
1002        gap: 10px;
1003    }
1004
1005    .product .floating-circle {
1006        width: 40px;
1007        height: 40px;
1008        background: rgba(255, 255, 255, 0.1);
1009        border-radius: 50%;
1010        backdrop-filter: blur(10px);
1011        animation: float 3s ease-in-out infinite;
1012    }
1013
1014    .product .floating-circle:nth-child(2) {
1015        animation-delay: 1s;
1016        width: 30px;
1017        height: 30px;
1018    }
1019
1020    @keyframes float {
1021
1022        0%,
1023        100% {
1024       transform: translateY(0px);
1025        }
1026
1027        50% {
1028       transform: translateY(-10px);
1029        }
1030    }
1031
1032    .product .book-btn {
1033        position: absolute;
1034        bottom: -25px;
1035        right: 30px;
1036        background: linear-gradient(45deg, #FF6B6B, #FF8E8E);
1037        color: white;
1038        border: none;
1039        padding: 15px 25px;
1040        border-radius: 25px;
1041        font-weight: 600;
1042        cursor: pointer;
1043        box-shadow: 0 8px 20px rgba(255, 107, 107, 0.3);
1044        transition: all 0.3s ease;
1045    }
1046
1047    .product .book-btn:hover {
1048        transform: translateY(-2px);
1049        box-shadow: 0 12px 25px rgba(255, 107, 107, 0.4);
1050    }
1051
1052    .product .product-wrapper {
1053        gap: 1rem;
1054        display: grid;
1055        grid-template-columns: 1fr;
1056    }
1057
1058    @media (max-width:768px) {
1059        .product .price { font-size:15px; }
1060    }
1061
1062    
1063
1064/*=============== Product ===============*/
1065
1066span.label-name {
1067    position: absolute;
1068    top: 3%;
1069    left: 0;
1070    z-index: 3;
1071    background: var(--colors);
1072    color: white;
1073    font-family: var(--primtext);
1074    letter-spacing: .4px;
1075    text-transform: uppercase;
1076    padding: 6px 20px 6px 15px;
1077    font-weight: 600;
1078    font-size: 12px;
1079    border-radius: 0px 100px 100px 0px;
1080}
1081
1082.ss-arrow button {
1083    margin: 0;
1084    padding: 0;
1085    background: white;
1086    border: 1px solid var(--colors);
1087    height: 30px;
1088    width: 30px;
1089    font-size: 12px;
1090    transform: scale(1.1);
1091    color: var(--colors);
1092    border-radius: 100px;
1093    outline: none;
1094    -webkit-appearance: none;
1095    -moz-appearance: none;
1096    appearance: none;
1097    transition: all ease 500ms;
1098}
1099
1100.ss-arrow button:hover {
1101    background-color: var(--colors);
1102    color: white;
1103}
1104    
1105.ss-arrow .slide-arrow{
1106  position: absolute;
1107  top: 44% !important;
1108  margin-top: -15px;
1109}
1110.ss-arrow .prev-arrow{
1111  left: -1%;
1112  z-index: 1;
1113}
1114.ss-arrow .next-arrow{
1115  right: -1%;
1116  z-index: 1;
1117}
1118
1119.pad6rem { padding:6rem 0px; }
1120
1121@media (max-width: 768px) {
1122
1123  .ss-arrow button { transform: scale(0.9); }
1124
1125  .ss-arrow .slide-arrow { top: 45%; }
1126
1127  .ss-arrow .prev-arrow{
1128      left: -1%;
1129      z-index: 1;
1130    }
1131
1132    .ss-arrow .next-arrow{
1133      right: -1%;
1134      z-index: 1;
1135    }
1136
1137    .pad6rem { padding: 3rem 0 !important; }
1138}
1139/* ========= btn general ========*/
1140
1141/* ========= patern ========*/
1142
1143.img-parx {width:100%;}
1144.pat-parx {
1145    position: relative;
1146    top: -1px;
1147    width: 100%;
1148    transform: rotate(180deg); 
1149    z-index: 4;
1150}
1151.pat-parxbtm {
1152    width: 110%;
1153    position: absolute;
1154    bottom: -1px;
1155    left: -2%;
1156    z-index: 6;
1157    object-fit: cover;
1158    object-position: top;
1159}
1160/* ========= patern ========*/
1161
1162.btnprofile {
1163    color: #fff;
1164    position: relative;
1165    background: var(--color2);
1166    font-family: var(--subtext);
1167    font-size: 15px;
1168    font-weight: 600;
1169    line-height: 25px;
1170    border: .5px solid #00000050;
1171    margin-top: 10px;
1172    padding: 5px 5px 5px 1.3rem;
1173    letter-spacing: .4px;
1174    width: max-content;
1175    border-radius: 50px;
1176    text-transform: uppercase;
1177    transition: ease-in-out .25s;
1178    display: flex;
1179    justify-content: center;
1180    align-items: center;
1181    overflow: hidden;
1182    margin-bottom: 15px;
1183}
1184
1185.btnprofile .tx {
1186  position: relative; 
1187  z-index: 2; 
1188  display: flex;
1189  justify-content: center;
1190  align-items: center;
1191}
1192
1193.btnprofile .icon {
1194    display: flex;
1195    justify-content: center;
1196    align-items: center;
1197    height: 2.5rem;
1198    width: 2.5rem;
1199    background: white;
1200    margin-left: 15px;
1201    border-radius: 50%;
1202    transition: all ease-in-out .3s;
1203    transform: rotate(45deg);
1204}
1205
1206.btnprofile i {
1207    height: fit-content;
1208    line-height: 1.1rem;
1209    font-size: 17px;
1210    color: var(--color3);
1211}
1212
1213.btnprofile:hover .icon {transform: rotate(90deg); background: var(--color2); color: white !important;}
1214
1215.btnprofile:hover i { color:white; }
1216
1217.btnprofile .shadow {
1218    position: absolute;
1219    right: 5px;
1220    top: 5px;
1221    width: 3rem;
1222    height: 3rem;
1223    transition-delay: .2s;
1224    border-radius: 50%;
1225    z-index: 1;
1226    background-color: var(--color3);
1227    /* filter: blur(20px); */
1228    transform: scale(.0) translateX(-202%);
1229    transition: all ease-in-out .6s;
1230}
1231.btnprofile:hover .shadow {
1232    transform: scale(15) ;
1233
1234}
1235.btnprofile:hover {
1236    background: var(--color2);
1237    border-color: var(--color3);
1238    color: #fff;
1239}
1240@media screen and (max-width: 576px) {
1241    .btnprofile .icon {
1242        margin-left: 15px;
1243        height: 2rem;
1244        width: 2rem;
1245    }
1246}
1247/* ========= btn general ========*/
1248/* Title Global */
1249
1250/* ========= title general ========*/
1251.title-general .tag-ats {
1252    font-size: 12px;
1253    font-weight: 600;
1254    text-transform: uppercase;
1255    line-height: 24px;
1256    color: #fff;
1257    background: var(--colors);
1258    letter-spacing: 1px;
1259    border-radius: 50px;
1260    padding: 2px 20px ;
1261    font-family: var(--subtext);
1262    display: block;
1263    width: max-content;
1264    margin: auto;
1265    margin-bottom: 5px;
1266}
1267
1268.title-general h2 span {
1269    color: var(--color3);
1270    font-weight: 700;
1271    font-size: unset;
1272    text-transform: unset;
1273    display: unset;
1274    letter-spacing: unset;
1275}
1276
1277.title-general h2 {
1278    font-size: 40px;
1279    line-height: 60px;
1280    color: #000;
1281    font-weight: 400;
1282    margin-top: 10px;
1283    margin-bottom: 10px;
1284    letter-spacing: 1px;
1285    text-transform: unset;
1286    font-family: var(--primtext);
1287}
1288
1289.title-general p {
1290    font-family: var(--primtext);
1291    color: #555;
1292    font-size: 16px;
1293}
1294.title-general hr {
1295    background: var(--color2);
1296    width: 150px;
1297    height: 2px;
1298    margin: 20px auto 40px auto;
1299}
1300
1301.title-general .mtmb {
1302    margin-top: -25px;
1303}
1304
1305@media screen and (max-width: 576px) {
1306    .title-general h2 {
1307        font-size: 25px;
1308        line-height: 40px;
1309        margin-bottom: 20px;
1310        text-align: center;
1311    }
1312
1313    .title-general p { margin-bottom: 25px; text-align: center;}
1314
1315    .title-general .tag-ats {
1316        font-size: 11px;
1317        text-align: center;
1318        margin: auto;
1319        margin-bottom: 10px;
1320    }
1321    .title-general .btnprofile {
1322        margin-left: auto;
1323        margin-right: auto;
1324    }
1325}
1326
1327/* FAQ */
1328
1329/* Profile */
1330
1331   .wrap-profil-2 p {
1332        font-family: var(--subtext);
1333        font-size: 16px;
1334        line-height: 30px;
1335        font-weight: 400;
1336        color: #333;
1337        margin-bottom: 30px;
1338        padding-right: 30px;
1339        text-align: left !important;
1340    }
1341
1342    .wrap-profil-2 strong, .wrap-profil-2 b { font-weight: 600 !important; color: var(--colors) }
1343
1344    .wrap-profil-2 span {
1345        color: var(--colors);
1346        font-family: var(--spantext);
1347        font-size: 14px;
1348        line-height: 20px;
1349        font-weight: 500;
1350        text-transform: uppercase;
1351        letter-spacing: 1px;
1352        margin-bottom: 15px;
1353        display: block;
1354    }
1355
1356    .wrap-profil-2 h2 {
1357        font-size: 35px;
1358        line-height: 45px;
1359        color: #000;
1360        font-weight: 800;
1361        margin-bottom: 25px;
1362        letter-spacing: 0px;
1363        text-transform: uppercase;
1364        font-family: var(--primtext);
1365    }
1366
1367
1368    .wrap-profil-2 img {
1369        height: 600px;
1370        width: 100%;
1371        object-fit: contain;
1372        border-radius: 0px;
1373    }
1374
1375    .btn-profile {
1376        font-family: var(--primtext);
1377        color: white;
1378        background: var(--colors);
1379        padding: 10px 25px;
1380        font-size: 16px;
1381        letter-spacing: 0.5px;
1382        text-transform: capitalize;
1383        border-radius: 0px;
1384        margin-top: 15px;
1385        transition: all ease 500ms;
1386    }
1387
1388    .btn-profile:hover {
1389        background-color: #035A6E;
1390        color: white;
1391    }
1392
1393    .quot-b {
1394        width: 380px;
1395        background: #1a1a1a;
1396        position: absolute;
1397        z-index: 1;
1398        bottom: 10%;
1399        right: 0;
1400        padding: 40px;
1401    }
1402
1403    .quot-b span {
1404        color: white;
1405        font-size: 21px;
1406        line-height: 38px;
1407        font-style: italic;
1408    }
1409
1410@media (max-width: 768px) {
1411    .wrap-profil-2 p {
1412        font-size: 14px;
1413        line-height: 30px;
1414        padding: unset;
1415        text-align: center !important;
1416    }
1417
1418    .quot-b { display: none; }
1419
1420    .wrap-profil-2 h2 {
1421        font-size: 24px;
1422        line-height: 35px;
1423    }
1424
1425    .wrap-profil-2 h2 {
1426        text-align: center;
1427        margin-bottom: 10px;
1428        font-size: 33px;
1429        line-height: 35px;
1430    }
1431
1432    .wrap-profil-2 .sp-atas {
1433        text-align: center;
1434        font-size: 13px;
1435        line-height: 25px;
1436        margin-bottom: 10px;
1437    }
1438
1439    .wrap-profil-2 img { display:none; }
1440}
1441
1442html .toggle-primary .toggle label {
1443    border-radius: 0;
1444    font-family: var(--subtext);
1445    font-weight: 600;
1446    text-transform: unset;
1447    padding: 15px;
1448    line-height: 30px;
1449    letter-spacing: 0.1px;
1450    margin-bottom: 0px;
1451    background: unset;
1452    color: black;
1453    font-size: 17px;
1454    border-left: unset;
1455    border-bottom: 1px solid #eee;
1456}
1457
1458html .toggle-primary .toggle.active>label {
1459    background-color: unset;
1460    border-color: #eeee;
1461    color: black;
1462}
1463
1464.toggle-content {
1465    padding: 25px 20px;
1466    border: unset;
1467    margin-bottom: 25px;
1468    font-family: var(--subtext);
1469
1470}
1471
1472.toggle-content p {
1473    padding: 0 !important;
1474    margin-bottom: 15px !important;
1475    font-size: 16px;
1476    line-height: 30px;
1477    color: #333;
1478}
1479
1480.padle { padding-left:20px; }
1481
1482@media (max-width: 768px) {
1483    html .toggle-primary .toggle label {
1484        padding: 18px;
1485        font-size: 15px;
1486        padding-right: 50px;
1487        padding-left: 25px;
1488        text-align: left;
1489    }
1490
1491    .toggle-content p {
1492        font-size: 14px;
1493        text-align: left;
1494    }
1495
1496   .padle {
1497        padding: 0px 20px;
1498    }
1499
1500}
1501
1502/* FAQ */
1503
1504/* Review */
1505
1506.rev-card .card {
1507    position: relative;
1508    border: none;
1509    background-color: #ffffff;
1510    border-radius: 10px;
1511    min-height: 260px;
1512    margin: 10px;
1513}
1514
1515.rev-card h3 {
1516    font-family: var(--subtext);
1517    color: black;
1518    font-size: 15px;
1519    line-height: 15px;
1520    font-weight: 600;
1521    letter-spacing: 1px;
1522    text-transform: capitalize;
1523}
1524
1525.rev-card .from {
1526    font-family: var(--subtext);
1527    color: #444;
1528    font-size: 13px;
1529    line-height: 25px;
1530    font-weight: 400;
1531    letter-spacing: 0.5px;
1532}
1533
1534.rev-card p {
1535    font-family: var(--subtext);
1536    color: #333;
1537    font-size: 14px;
1538    line-height: 25px;
1539    font-weight: 400;
1540    letter-spacing: 0.1px;
1541    margin-bottom: 0;
1542}
1543
1544.rev-card img {
1545    height: 60px;
1546    width: 60px;
1547    border-radius: 50%;
1548    object-fit: cover;
1549    border: .4px solid #ffffff50;
1550    margin-right: 25px;
1551}
1552
1553@media (max-width: 768px) {
1554
1555  .wrap-review p {
1556    color: #555;
1557    font-size: 13px;
1558    line-height: 27px;
1559    font-weight: 400;
1560    letter-spacing: 0.1px;
1561  }
1562
1563      .btn-full {
1564        padding: 10px 13px;
1565        font-size: 13px;
1566    }
1567
1568  .pad-cus { background-size:contain !important; }
1569
1570  .wrap-review { padding:2rem; }
1571
1572  .tirev h2 {
1573    font-size: 28px;
1574    line-height: 40px;
1575}
1576
1577}
1578
1579.read-more, .read-less {
1580    color: #9f9e9e;
1581    border-bottom: 1px solid;
1582}
1583
1584
1585@media (min-width: 768px) {
1586    .start-menu {
1587        width: 18%;
1588    }
1589
1590    .mid-menu {
1591        width: 62%;
1592        align-self: center !important;
1593        height: 45px;
1594    }
1595
1596    .end-menu {
1597        width: 15%;
1598        align-items: flex-end;
1599        align-self: center !important;
1600    }
1601
1602    .menu-andro {
1603        align-self: center !important;
1604        border: none;
1605        border-radius: 100px;
1606        padding: 15px;
1607
1608        backdrop-filter: blur(10px);
1609    }
1610}
1611
1612@media (max-width: 768px) {
1613
1614    .end-menu {
1615        display: none !important;
1616    }
1617
1618    .nav-tabs .nav-item {
1619        margin-bottom: -1px;
1620        display: contents;
1621    }
1622}
1623
1624
1625
1626</style>
1627
1628<!-- Head Libs -->
1629<!-- 
1629<script src="https://isladebalitours.com/assets/front/vendor/modernizr/modernizr.min.js" defer></script>
1629 -->
1630<meta name="google-site-verification" content="a5aot6W2GRitmGQWPBtPqM2d9GsbCACRIQpCemOTQkA" />
1630<script data-host="https://sitewatch.gotrasoft.com" data-dnt="false" src="https://sitewatch.gotrasoft.com/js/script.js" id="ZwSg9rf6GA" async defer></script>
1630
1631
1632<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 1632-1633
1632
1633<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
1633GTM-W2M77NC8
vendor: 83 bytes, lines 1633-1634
1633"
1634height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
1635<!-- End Google Tag Manager (noscript) -->
1636
1637<!-- Google Tag Manager -->
1638<script>
vendor: 327 bytes, lines 1638-1642
1638(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
1639new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
1640j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
1641'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
1642})(window,document,'script','dataLayer','
1642GTM-W2M77NC8
vendor: 3 bytes, line 1642
1642');
1642</script>
1642
1643<!-- End Google Tag Manager -->
1644
1645<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 1645-1646
1645
1646<script async src="https://www.googletagmanager.com/gtag/js?id=
1646AW-17808099959
vendor: 13 bytes, lines 1646-1647
1646">
1647</script>
1648<script>
1649  
vendor: 134 bytes, lines 1649-1653
1649window.dataLayer = window.dataLayer || [];
1650  function gtag(){dataLayer.push(arguments);}
1651  gtag('js', new Date());
1652
1653  gtag('config', '
1653AW-17808099959
vendor: 4 bytes, line 1653
1653');
1654</script>
1654<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">
1655</head>
1656<body>
1657	<!-- <div id="fb-root"></div>
1658<script>(function(d, s, id) {
1659  var js, fjs = d.getElementsByTagName(s)[0];
1660  if (d.getElementById(id)) return;
1661  js = d.createElement(s); js.id = id;
1662  js.src = 'https://connect.facebook.net/id_ID/sdk.js#xfbml=1&version=v2.12&appId=597347393950604&autoLogAppEvents=1';
1663  fjs.parentNode.insertBefore(js, fjs);
1664}(document, 'script', 'facebook-jssdk'));</script>
1664 -->
1665	
1666	<div class="body">
1667        <header id="header" class="header-no-min-height " data-plugin-options="{'stickyEnabled': true, 'stickyEnableOnBoxed': true, 'stickyEnableOnMobile': true, 'stickyStartAt': 600, 'stickySetTop': '0'}">
1668                <div class="header-body wow fadeIn" data-wow-duration="2s">
1669
1670                    <!-- <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);">
1671                        <div class="header-row container" style="padding: 0;">
1672
1673                            <div class="header-column justify-content-start display-pc" style="align-self: center;">
1674                <ul class="header-social-icons social-icons display-pc" style="margin-left: 0;">
1675                                            <li class="social-icons-facebook"><a href="https://www.facebook.com/profile.php?id=61583977964370"  title="Facebook"><i class="fab fa-facebook-f"></i></a></li>
1676                                                                                    <li class="social-icons-instagram"><a href="https://www.instagram.com/isladebalitours/"  title="Instagram"><i class="fab fa-instagram"></i></a></li>
1677                                                                            </ul>
1678                            </div>
1679
1680                            <div class="header-column justify-content-end sosmed-i" style="display: inline-block; align-self: center;">
1681                                <span class="text-wid" style="padding-left: 10px;"><i class="fas fa-phone phone"></i>+6281316135491</span>
1682                                <span class="text-wid"><i class="far fa-envelope mail"></i>[email protected]</span>
1683                            </div>
1684
1685                        </div>
1686                    </div> -->
1687
1688                    <div class="header-container container-global head-sty">
1689                        <div class="header-row">
1690
1691                            <div class="header-column justify-content-start logo-menu start-menu" style="align-self: center; align-items: baseline;">
1692                                <div class="header-logo">
1693                                    <a href="https://isladebalitours.com/">
1694                                        <img style="object-fit: contain; height: 50px;" class="img-fluid" alt="logo 1" src="https://jwc.gotra-resources.my.id/web-upload/1765278061-09-12-2025-8K1GL4Uhc5QMOapqRWbg9nrj2XSIs3Ee.webp">
1695                                    </a>
1696                                </div>
1697                            </div>
1698                            
1699                            <div class="header-column justify-content-start mid-menu">
1700                <div class="header-row menu-andro">
1701                  <div class="header-nav header-nav-stripe">
1702                    <div class="header-nav-main header-nav-main-square header-nav-main-effect-2 header-nav-main-sub-effect-1">
1703                      <nav class="collapse">
1704                        <ul class="nav nav-pills" id="mainNav">
1705                          <li class="nav-item"><a title="Home" class="nav-link" href="https://isladebalitours.com/">Home </a></li>
1706                                                                                                                                                <li><a class="nav-link" href="https://isladebalitours.com/about-us" title="About">About</a></li>
1707                                                                
1708                                
1709                                                                                                                                                    <li><a class="nav-link" href="https://isladebalitours.com/view/kintamani-tour-with-cruise" title="Special Tour">Special Tour</a></li>
1710                                                                
1711                                
1712                                                                                                                                                <li class="dropdown">
1713                                <a class="dropdown-item dropdown-toggle" href="javascript:void(0);" title="Tour Packages">Tour Packages</a>
1714
1715                                <ul class="dropdown-menu">
1716                                                                                                                                                                                      <li><a class="dropdown-item" href="https://isladebalitours.com/category/day-tour" title="Day Tour">Day Tour</a></li>
1717                                                                                                                                                                                                                              <li><a class="dropdown-item" href="https://isladebalitours.com/category/activity-combo-packages" title="Activity Combo Packages">Activity Combo Packages</a></li>
1718                                                                                                                                                                                                                              <li><a class="dropdown-item" href="https://isladebalitours.com/category/nusa-penida-tour" title="Nusa Penida Tour">
1718Nusa Penida Tour</a></li>
1719                                                                                                                                      
1720                                  </ul>
1721
1722                                </li>
1723                                                                
1724                                
1725                                                                                                                                                <li class="dropdown">
1726                                <a class="dropdown-item dropdown-toggle" href="javascript:void(0);" title="Transport Service">Transport Service</a>
1727
1728                                <ul class="dropdown-menu">
1729                                                                                                                                                                                      <li><a class="dropdown-item" href="https://isladebalitours.com/category/airport-transfer-service" title="Airport Transfer Service">Airport Transfer Service</a></li>
1730                                                                                                                                                                                                                              <li><a class="dropdown-item" href="https://isladebalitours.com/category/fastboat-ticket" title="Fastboat Ticket">Fastboat Ticket</a></li>
1731                                                                                                                                      
1732                                  </ul>
1733
1734                                </li>
1735                                                                
1736                                
1737                                                                                                                                                <li class="dropdown">
1738                                <a class="dropdown-item dropdown-toggle" href="javascript:void(0);" title="Article">Article</a>
1739
1740                                <ul class="dropdown-menu">
1741                                                                                                                                                                                      <li><a class="dropdown-item" href="https://isladebalitours.com/article-category/blog-article" title="Blog">Blog</a></li>
1742                                                                                                                                                                                                                              <li><a class="dropdown-item" href="https://isladebalitours.com/article-category/popular-activities" title="Popular Activities">Popular Activities</a></li>
1743                                                                                                                                                                                                                              <li><a class="dropdown-item" href="https://isladebalitours.com/article-category/top-destinations" title="Top Destinations">Top Destinations</a></li>
1744                                                                                                                                      
1745                                  </ul>
1746
1747                                </li>
1748                                                                
1749                                
1750                                                                                                                                                    <li><a class="nav-link" href="gallery/all" title="Gallery">Gallery</a></li>
1751                                                                
1752                                
1753                               
1754
1755                            </ul>
1756                          </nav>
1757                        </div>
1758
1759                        <style type="text/css">                  
1760                            .b-p-bg-color .bar1, .b-p-bg-color .bar2, .b-p-bg-color .bar3 {
1761                              width: 30px;
1762                              height: 3px;
1763                              margin: 6px 0;
1764                              transition: 0.4s;
1765                            }
1766
1767                            .b-p-bg-color .bar1 { background-color:#000 }
1768                            .b-p-bg-color .bar2 { background-color:#000 }
1769                            .b-p-bg-color .bar3 { background-color:#000 }
1770
1771                            html.sticky-header-active .b-p-bg-color .bar1 { background-color:#000 }
1772                            html.sticky-header-active .b-p-bg-color .bar2 { background-color:#000 }
1773                            html.sticky-header-active .b-p-bg-color .bar3 { background-color:#000 }
1774
1775                                                            .b-p-bg-color .bar1, .b-p-bg-color .bar2, .b-p-bg-color .bar3 { background-color:#000 !important; }
1776                             */
1777
1778                            .b-p-bg-color .bar2 { width: 20px; margin:0 0 0 auto; }
1779
1780                        </style>
1781
1782                        <button class="menu b-p-bg-color d-block d-md-none" id="menu-button">
1783                           <div class="bar1"></div>
1784                           <div class="bar2"></div>
1785                           <div class="bar3"></div>                                    
1786                        </button>
1787                        <div class="menu-box" id="menuWrapper">
1788                            <button id="close" class="p-color"><i style="font-size:24px" class="fa">&#xf00d;</i></button>
1789                            <div class="container menu-tour">
1790                                <ul>
1791
1792                                    <a href="https://isladebalitours.com/">
1793                                        <img style="height: 60px;" alt="logo 2" class="img-fluid mb-2" loading="lazy" src="https://jwc.gotra-resources.my.id/web-upload/1765278061-09-12-2025-8K1GL4Uhc5QMOapqRWbg9nrj2XSIs3Ee.webp" alt="Isla De Bali Tours">
1794                                    </a>
1795
1796                                    <li>
1797                                        <a href="https://isladebalitours.com/">Home</a>
1798                                    </li>
1799
1800                                                                                                                                                <li><a href="https://isladebalitours.com/about-us">About</a></li>
1801                                                                                                                                                                                    <li><a href="https://isladebalitours.com/view/kintamani-tour-with-cruise">Special Tour</a></li>
1802                                                                                                                                                                                <li class="position-relative">
1803
1804                                        <a href="">Tour Packages</a>
1805                                        <i class="fa fa-chevron-down child-icon child-toggle"></i>
1806                                        <ul class="ul-child child-menus">
1807                                                                                    <li>
1808                                                <a href="https://isladebalitours.com/category/day-tour">Day Tour</a>  
1809                                            </li>
1810                                                                                    <li>
1811                                                <a href="https://isladebalitours.com/category/activity-combo-packages">Activity Combo Packages</a>  
1812                                            </li>
1813                                                                                    <li>
1814                                                <a href="https://isladebalitours.com/category/nusa-penida-tour">Nusa Penida Tour</a>  
1815                                            </li>
1816                                                                                </ul>
1817
1818                                    </li>
1819                                                                                                                                                                                <li class="position-relative">
1820
1821                                        <a href="">Transport Service</a>
1822                                        <i class="fa fa-chevron-down child-icon child-toggle"></i>
1823                                        <ul class="ul-child child-menus">
1824                                                                                    <li>
1825                                                <a href="https://isladebalitours.com/category/airport-transfer-service">Airport Transfer Service</a>  
1826                                            </li>
1827                                                                                    <li>
1828                                                <a href="https://isladebalitours.com/category/fastboat-ticket">Fastboat Ticket</a>  
1829                                            </li>
1830                                                                                </ul>
1831
1832                                    </li>
1833                                                                                                                                                                                <li class="position-relative">
1834
1835                                        <a href="">Article</a>
1836                                        <i class="fa fa-chevron-down child-icon child-toggle"></i>
1837                                        <ul class="ul-child child-menus">
1838                                                                                    <li>
1839                                                <a href="https://isladebalitours.com/article-category/blog-article">Blog</a>  
1840                                            </li>
1841                                                                                    <li>
1842                                                <a href="https://isladebalitours.com/article-category/popular-activities">Popular Activities</a>  
1843                                            </li>
1844                                                                                    <li>
1845                                                <a href="https://isladebalitours.com/article-category/top-destinations">Top Destinations</a>  
1846                                            </li>
1847                                                                                </ul>
1848
1849                                    </li>
1850                                                                                                                                                                                    <li><a href="gallery/all">Gallery</a></li>
1851                                                                    
1852                                <li style="border-bottom: unset;"><a class="btn btn-book-atas" href="https://wa.me/6281316135491"><i class="fa-regular fa-calendar mr-2"></i>Booking Now</a></li>
1853
1854                                </ul>
1855                            </div>
1856                        </div> <!-- /.search-box -->
1857
1858
1859                      </div>
1860                    </div>
1861                  </div>
1862
1863                  <div class="header-column end-menu">
1864                        <a class="btn btn-book-atas d-none d-md-block" href="https://wa.me/6281316135491"><i class="fa-regular fa-calendar mr-2"></i>Booking Now!</a>
1865                    </div>
1866
1867                  
1868                  <!-- <ul class="header-social-icons social-icons display-pc">
1869                                            <li class="social-icons-facebook"><a href="https://www.facebook.com/profile.php?id=61583977964370"  title="Facebook"><i class="fab fa-facebook-f"></i></a></li>
1870                                                                                    <li class="social-icons-instagram"><a href="https://www.instagram.com/isladebalitours/"  title="Instagram"><i class="fab fa-instagram"></i></a></li>
1871                                                                            </ul> -->
1872
1873                                    <style>
1874                            .dropdown {
1875                                position: relative;
1876                                display: inline-block;
1877                                font-family: var(--primtext);
1878                            }
1879
1880                            
1881
1882                            .dropbtn {
1883                                width: 100px;
1884                                height: 40px;
1885                                padding: 0 1rem;
1886                                line-height: 40px;
1887                                color: #000;
1888                                display: flex;
1889                                align-items: center;
1890                                cursor: pointer;
1891                                border: 0;
1892                                background-color: transparent;
1893                                transition: 0.3s;
1894                            }
1895
1896
1897
1898                            .dropdown-content {
1899                                min-width: 100px;
1900                                padding: 0.5rem;
1901                                position: absolute;
1902                                background-color: #fff;
1903                                box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
1904                                top: 100%;
1905                                left: 50%;
1906                                border-radius: 0.5rem;
1907                                transform: translateX(-50%);
1908                                z-index: 1;
1909                                display: none;
1910                            }
1911
1912                            .dropdown:hover .dropdown-content {
1913                                display: block;
1914                            }
1915
1916                            .dropbtn img {
1917                                width: 29px;
1918                                height: 29px;
1919                                margin-right: 0.5rem;
1920                            }
1921
1922                            .dropdown-content .dropbtn {
1923                                width: 100%;
1924                                margin: 0;
1925                                color: #000;
1926                            }
1927
1928                            .dropdown-content .dropbtn:hover {
1929                                background-color: #cbd5e1;
1930                            }
1931
1932                            .dropbtn:hover {
1933                                color: #000;
1934                                background-color: #fff;
1935                                border-radius: 0.5rem;
1936                            }
1937
1938                            @media (max-width: 768px) {
1939                                .dropdown {
1940                                    position: absolute;
1941                                    display: inline-block;
1942                                    right: 10%;
1943                                    top: 20%;
1944                                }
1945
1946                                .dropbtn {
1947                                    color: #111;
1948                                }
1949
1950                                html:not(.sticky-header-active) .dropbtn {
1951                                    color: #111;
1952                                }
1953                            }
1954                        </style>
1955
1956                        <div id="glt-translate-trigger">
1957                            <div class="dropdown mx-4">
1958                                <div class="dropbtn">
1959                                    <img class="dropbtn-flag" src="https://jwc.gotra-resources.my.id/web-upload/1711464638-26-03-2024-cjAPkKJplLZFfbVXW3SwdG8xrO7uCt0g.webp" alt="TRANSLATE" />
1960                                    <div class="dropbtn-text" translate="no">EN</div>
1961                                </div>
1962
1963                                <div class="dropdown-content">
1964
1965                                    <button class="dropbtn" onclick="changeLanguage('ES', 'jwc.gotra-resources.my.id/web-upload/1765607284-13-12-2025-QfRvplYVHJUTrDdXnsti2PjEm45eFS13.webp'); doGTranslate('en|es');return false;">
1966
1967                                        <img src="https://jwc.gotra-resources.my.id/web-upload/1765607284-13-12-2025-QfRvplYVHJUTrDdXnsti2PjEm45eFS13.webp" alt="TRANSLATE" />
1968                                        <div class="dropbtn-text" translate="no">ES</div>
1969                                    </button>
1970
1971
1972                                    <button class="dropbtn" onclick="changeLanguage('EN', 'jwc.gotra-resources.my.id/web-upload/1711464638-26-03-2024-cjAPkKJplLZFfbVXW3SwdG8xrO7uCt0g.webp'); doGTranslate('en|en');return false;">
1973
1974                                        <img src="https://jwc.gotra-resources.my.id/web-upload/1711464638-26-03-2024-cjAPkKJplLZFfbVXW3SwdG8xrO7uCt0g.webp" alt="TRANSLATE" />
1975                                        <div class="dropbtn-text" translate="no">EN</div>
1976                                    </button>
1977                                </div>
1978                            </div>
1979                        </div>
1980
1981                        <div class="d-none" id="google_translate_element2"></div>
1982                        <!-- ========== Dropdown ======== -->
1983                                    
1984                                </div>
1985                            </div>
1986                        </div>
1987
1988                    
1988<script>
1989                        function changeLanguage(language, img) {
1990                            var dropbtn = document.querySelector(".dropbtn-text");
1991                            var flag = document.querySelector(".dropbtn-flag");
1992                            dropbtn.textContent = language;
1993                            flag.src = "https://" + img;
1994                        }
1995                    </script>
1995
1996
1997
1998                    </header>
1999                <style>
2000                </style>
2001
2002                <div role="main" class="main" style="">
2003<style type="text/css">
2004
2005@media (min-width: 768px) {
2006    #header.header-no-min-height .header-body { margin-top:-3px; }
2007}
2008
2009</style>
2010
2011<section class="section-allpage lazyload" data-bgset="">
2012    <div class="text wow fadeIn" data-wow-duration="2s">
2013        <h1>Popular Activities</h1>
2014        <p>Home - Popular Activities</p>
2015    </div>
2016</section>
2017
2018
2019<section class="pad6rem">
2020    <div class="container-global">
2021
2022        <div class="row mt-5">
2023
2024            
2025            <div class="col-md-4 ">
2026                <div class="blog">
2027
2028                    <div style="position: relative;">
2029                        <img class="img-fluid w-100" src="https://jwc.gotra-resources.my.id/web-upload/1764736605-product_image-03-12-2025-W6U2sYSroKCiRkB0.webp" alt="ATV Adventure">
2030
2031                        <!--<div class="catcat text-center">
2032                            <span>
2033                                03                            </span> <br>
2034                            Dec                        </div>-->
2035                    </div>
2036
2037                    <div class="blog2">
2038                        <p>
2039                                                                                                                                                            Popular Activities                                                                                                                                                    <i class="fa-solid fa-circle mx-3"></i>
2040                            03 Dec 2025                        </p>
2041                        <h3>ATV Adventure</h3>
2042                        <hr>
2043                        <a class="btn" href="https://isladebalitours.com/article/atv-adventure">Read More<i class="fas fa-arrow-right ml-3"></i></a>
2044                    </div>
2045
2046                </div>
2047            </div>
2048
2049            
2050            <div class="col-md-4 ">
2051                <div class="blog">
2052
2053                    <div style="position: relative;">
2054                        <img class="img-fluid w-100" src="https://jwc.gotra-resources.my.id/web-upload/1764738220-03-12-2025-RZVfvJ76TmxpwMarjY9sHloh1Ltn5c23.webp" alt="River Rafting and Tubing">
2055
2056                        <!--<div class="catcat text-center">
2057                            <span>
2058                                03                            </span> <br>
2059                            Dec                        </div>-->
2060                    </div>
2061
2062                    <div class="blog2">
2063                        <p>
2064                                                                                                                                                            Popular Activities                                                                                                                                                    <i class="fa-solid fa-circle mx-3"></i>
2065                            03 Dec 2025                        </p>
2066                        <h3>River Rafting and Tubing</h3>
2067                        <hr>
2068                        <a class="btn" href="https://isladebalitours.com/article/river-rafting-and-tubing">Read More<i class="fas fa-arrow-right ml-3"></i></a>
2069                    </div>
2070
2071                </div>
2072            </div>
2073
2074            
2075            <div class="col-md-4 ">
2076                <div class="blog">
2077
2078                    <div style="position: relative;">
2079                        <img class="img-fluid w-100" src="https://jwc.gotra-resources.my.id/web-upload/1764738148-03-12-2025-OHkDy1TNGmhBQrf6I0gbEujtildVFnwA.webp" alt="Bali Swing">
2080
2081                        <!--<div class="catcat text-center">
2082                            <span>
2083                                03                            </span> <br>
2084                            Dec                        </div>-->
2085                    </div>
2086
2087                    <div class="blog2">
2088                        <p>
2089                                                                                                                                                            Popular Activities                                                                                                                                                    <i class="fa-solid fa-circle mx-3"></i>
2090                            03 Dec 2025                        </p>
2091                        <h3>Bali Swing</h3>
2092                        <hr>
2093                        <a class="btn" href="https://isladebalitours.com/article/bali-swing">Read More<i class="fas fa-arrow-right ml-3"></i></a>
2094                    </div>
2095
2096                </div>
2097            </div>
2098
2099            
2100            <div class="col-md-4 ">
2101                <div class="blog">
2102
2103                    <div style="position: relative;">
2104                        <img class="img-fluid w-100" src="https://jwc.gotra-resources.my.id/web-upload/1764738108-03-12-2025-gKDTC5ezGdb6vowRIqlm89VPQc1xt4Ei.webp" alt="Coffee Plantation">
2105
2106                        <!--<div class="catcat text-center">
2107                            <span>
2108                                03                            </span> <br>
2109                            Dec                        </div>-->
2110                    </div>
2111
2112                    <div class="blog2">
2113                        <p>
2114                                                                                                                                                            Popular Activities                                                                                                                                                    <i class="fa-solid fa-circle mx-3"></i>
2115                            03 Dec 2025                        </p>
2116                        <h3>Coffee Plantation</h3>
2117                        <hr>
2118                        <a class="btn" href="https://isladebalitours.com/article/coffee-plantation">Read More<i class="fas fa-arrow-right ml-3"></i></a>
2119                    </div>
2120
2121                </div>
2122            </div>
2123
2124            
2125        </div>
2126
2127    </div>
2128</section>
2129
2130<style>
2131    .whyy {
2132        position: relative;
2133    }
2134    .whyy .background {
2135        position: absolute;
2136        width: 100%;
2137        height: 100%;
2138        left: 0;
2139        opacity: .45;
2140        z-index: 2;
2141        filter: brightness(.6) blur(0px);
2142        top: 0;
2143        object-fit: cover;
2144    }
2145    .why-section {
2146        position: relative;
2147        font-family: var(--primtext);
2148    }
2149    .why-section {
2150        position: relative;
2151        transition: all ease 500ms;
2152    }
2153    .why-section:hover i {
2154        background: var(--color2) !important;
2155        color: #fff !important;
2156    }
2157    .why-section i {
2158        background: transparent;
2159        font-size: 40px;
2160        border: 1px solid #00000008;
2161        width: 80px;
2162        box-shadow: 4px 4px 8px #00000010;
2163        height: 80px;
2164        text-align: center;
2165        line-height: 80px;
2166        border-radius: 10px;
2167        margin-bottom: 30px;
2168        color: var(--color2);
2169        transition: all ease 500ms;
2170    }
2171    .why-section h3 {
2172        font-family: var(--primtext);
2173        font-weight: 600;
2174        text-transform: capitalize;
2175        font-size: 22px;
2176        color: #000;
2177        letter-spacing: 0px;
2178        margin-bottom: 15px;
2179    }
2180    .why-section p {
2181        color: #555;
2182        font-weight: 300;
2183        font-size: 14px;
2184        font-family: var(--primtext);
2185    }
2186@media (max-width: 768px) {
2187    .why-section { text-align: center;}
2188
2189    .container { padding: 0px 20px; }
2190
2191    .why-section i {
2192        font-size: 40px;
2193    }
2194
2195    .why-section h3 {
2196        font-size: 18px;
2197        margin-bottom: 6px;
2198    }
2199
2200    .why-section p {
2201        font-size: 13px;
2202    }
2203
2204    .col3636 { padding: 0 5px; }
2205}
2206
2207</style>
2208
2209<section class="pad6rem whyy wow fadeIn" data-wow-duration="2s" style="background: #cbcbcb17;">
2210    <img class="background d-none" src="https://jwc.gotra-resources.my.id/web-upload/1759388815-02-10-2025-OcLtGdY3lARxu04wzHT697DoiKaC8ZWS.webp" alt="why">
2211    <div class="container-global">
2212
2213        <div class="title-general text-center px-1" style="position: relative; z-index: 4;">
2214            <span class="tag-ats">Isla De Bali Tours</span>
2215            <h2 class="title text-ligh">
2216                What Makes Us the <span>Right Choice</span>
2217            </h2>
2218
2219            <hr>
2220        </div>
2221
2222        <div class="row" style="position: relative; z-index: 4;">
2223
2224            <!-- Point 1 -->
2225            <div class="col-md-3 col-6 col3636">
2226                <div class="why-section text-center">
2227                    <i class="fa-solid fa-user-check"></i>
2228                    <h3>Trusted Local Guides</h3>
2229                    <p>Explore Bali with experienced, English-speaking guides.</p>
2230                </div>
2231            </div>
2232
2233            <!-- Point 2 -->
2234            <div class="col-md-3 col-6 col3636">
2235                <div class="why-section text-center">
2236                    <i class="fa-solid fa-route"></i>
2237                    <h3>Private & Flexible Tours</h3>
2238                    <p>Customize your itinerary with private day trips and activity packages.</p>
2239                </div>
2240            </div>
2241
2242            <!-- Point 3 -->
2243            <div class="col-md-3 col-6 col3636">
2244                <div class="why-section text-center">
2245                    <i class="fa-solid fa-car-side"></i>
2246                    <h3>Comfortable Transport</h3>
2247                    <p>Travel in air-conditioned vehicles with professional drivers.</p>
2248                </div>
2249            </div>
2250
2251            <!-- Point 4 -->
2252            <div class="col-md-3 col-6 col3636">
2253                <div class="why-section text-center">
2254                    <i class="fa-solid fa-check-circle"></i>
2255                    <h3>Hassle-Free Booking</h3>
2256                    <p>Easy online booking with transparent prices for all tours.</p>
2257                </div>
2258            </div>
2259
2260        </div>
2261
2262
2263    </div>
2264</section><style type="text/css">
2265
2266
2267
2268html .faq .toggle-primary .toggle label {
2269    border-radius: 0px;
2270    font-family: var(--subtext);
2271    font-weight: 600;
2272    text-transform: unset;
2273    padding: 15px ;
2274    line-height: 30px;
2275    font-size: 20px;
2276    color: var(--colors);
2277    letter-spacing: .5px;
2278    margin-bottom: 0px;
2279    border: none;
2280    background: transparent;
2281    border-bottom: 1px solid #00000050;
2282}
2283html .faq .toggle-primary .toggle.active>label {
2284    background-color: transparent;
2285    border-color: var(--colors);
2286    color: #000;
2287}
2288
2289.toggle>label:before {
2290    clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);
2291    border: none;
2292    background: var(--colors);
2293    width: 10px;
2294    height: 10px;
2295}
2296
2297.faq .toggle.active>label:before {
2298    transform: rotate(0deg) translate3d(0,-50%,0);
2299    top: calc(50% + 1px);
2300}
2301
2302.faq .toggle>label:before { 
2303    transform: rotate(135deg);
2304    top: calc(50% - 8px);
2305}
2306
2307.faq .toggle-content {
2308    padding: 25px 10px;
2309    border: none;
2310    margin-bottom: 25px;
2311    font-family: var(--subtext);
2312    background: transparent;
2313}
2314
2315.faq .toggle-content p {
2316    padding: 0 !important;
2317    margin-bottom: 15px !important;
2318    color: var(--color3);
2319}
2320
2321.faq .toggle>label { background:white; }
2322
2323.faq .toggle label h3 {
2324    margin-bottom: 0;
2325    text-transform: unset;
2326    font-size: 16px;
2327    line-height: 30px;
2328    font-weight: 600;
2329    padding-right: 2rem;
2330    letter-spacing: 1px;
2331    font-family: var(--primtext);
2332}
2333
2334html .faq .toggle-primary .toggle.active>label h3 { color: #000; }
2335
2336@media (max-width: 768px) {
2337    .faq .toggle label h3 {
2338        padding: 5px;
2339        font-size: 14px;
2340        line-height: 23px;
2341        letter-spacing: .3px;
2342        padding-right: 50px;
2343    }
2344    html .faq .toggle-primary .toggle label {
2345        padding: 5px 0 ;
2346    }
2347    .faq .toggle { margin-bottom:0; }
2348}
2349</style>
2350
2351<section class="pad6rem faq" style="">
2352
2353
2354
2355
2356    <div class="container-global">
2357        <div class="mar10">
2358            <div class="title-general text-center px-1">
2359                <span class="tag-ats">Before You Book</span>
2360                <h2 class="title">Browse Our Most <span>Asked Questions</span></h2>
2361                <hr>
2362            </div>
2363       
2364        <div class="row" >
2365
2366            <div class="col-md-6" >
2367                <div class="toggle toggle-primary" data-plugin-toggle>
2368                                        <section class="toggle">
2369                        <label><h3>What types of Bali tours do you offer?</h3></label>
2370                        <div class="toggle-content">
2371                            <p>We provide private day tours, activity combo packages, Nusa Penida trips, fastboat tickets, airport transfers, and custom itineraries, designed for flexibility, comfort, and memorable experiences.</p>
2372                        </div>
2373                    </section>
2374                                        <section class="toggle">
2375                        <label><h3>Can I customize my tour itinerary?</h3></label>
2376                        <div class="toggle-content">
2377                            <p>Yes! All our tours are fully customizable. You can select destinations, activities, starting time, and pace. Our team helps you create a personalized itinerary based on your interests and schedule.</p>
2378                        </div>
2379                    </section>
2380                                        <section class="toggle">
2381                        <label><h3>Are your tours suitable for families and kids?</h3></label>
2382                        <div class="toggle-content">
2383                            <p>Absolutely. Our tours are family-friendly and safe for children. We offer private tours, kid-friendly activities, and flexible schedules to ensure everyone enjoys Bali comfortably.</p>
2384                        </div>
2385                    </section>
2386                                        <section class="toggle">
2387                        <label><h3>How do I book a tour with Isla De Bali Tours?</h3></label>
2388                        <div class="toggle-content">
2389                            <p>Booking is simple. You can reserve your tour through our website, WhatsApp, or email. Once booked, we provide confirmations, itineraries, and all the details for a smooth experience.</p>
2390                        </div>
2391                    </section>
2392                                        <section class="toggle">
2393                        <label><h3>Do you provide airport transfer services?</h3></label>
2394                        <div class="toggle-content">
2395                            <p>Yes, we offer private airport transfers to and from Ngurah Rai International Airport. Our professional drivers will pick you up on time with air-conditioned vehicles for a safe and comfortable journey.</p>
2396                        </div>
2397                    </section>
2398                                    </div>
2399            </div>
2400            <div class="col-md-6" >
2401                <div class="toggle toggle-primary" data-plugin-toggle>
2402                                        <section class="toggle">
2403                        <label><h3>Are the tours guided by local experts?</h3></label>
2404                        <div class="toggle-content">
2405                            <p>All our tours are led by experienced, English-speaking local guides who are knowledgeable about Bali’s culture, history, and hidden gems, ensuring a safe and fun experience.</p>
2406                        </div>
2407                    </section>
2408                                        <section class="toggle">
2409                        <label><h3>
2409What should I bring on my Bali tour?</h3></label>
2410                        <div class="toggle-content">
2411                            <p>We recommend comfortable clothing, sunscreen, sunglasses, a hat, swimwear for water activities, water bottles, and a camera. For adventure tours, comfortable shoes and light snacks are also suggested.</p>
2412                        </div>
2413                    </section>
2414                                        <section class="toggle">
2415                        <label><h3>Are meals included in the tours?</h3></label>
2416                        <div class="toggle-content">
2417                            <p>Meal inclusion depends on the tour package. Some activity combos and full-day tours include lunch or refreshments. Each tour page specifies what is included for your convenience.</p>
2418                        </div>
2419                    </section>
2420                                        <section class="toggle">
2421                        <label><h3>Do you offer fastboat tickets to Nusa Penida and Gili Islands?</h3></label>
2422                        <div class="toggle-content">
2423                            <p>Yes. We provide fastboat tickets with flexible schedules to Nusa Penida, Nusa Lembongan, and the Gili Islands. Tickets are reliable, safe, and often combined with guided tours for convenience.</p>
2424                        </div>
2425                    </section>
2426                                        <section class="toggle">
2427                        <label><h3>What makes Isla De Bali Tours different from other tour companies?</h3></label>
2428                        <div class="toggle-content">
2429                            <p>We specialize in private, flexible tours with professional local guides, comfortable vehicles, competitive pricing, and hassle-free booking. Our focus is on creating unforgettable experiences tailored to each traveler.</p>
2430                        </div>
2431                    </section>
2432                                    </div>
2433            </div>
2434
2435        </div>
2436
2437
2438       
2439       </div>
2440    </div>
2441</section>
2442
2443
2444
2445<!-- <style>
2446.why-style h3 {
2447    font-family: var(--primtext);
2448    text-transform: capitalize;
2449    font-weight: 700;
2450    letter-spacing: 0.1px;
2451    margin-bottom: 9px;
2452    font-size: 20px;
2453    color: var(--color3);
2454}
2455
2456.why-style p {
2457    font-family: var(--subtext);
2458    font-weight: 400;
2459    font-size: 14px;
2460    margin-bottom: 0px;
2461    color: #eee;
2462}
2463
2464.why-style .col-md-3 {
2465    align-self: center;
2466    text-align: center;
2467    padding-right: 0px;
2468}
2469
2470.why-style .col-md-3 img {
2471    object-fit: contain;
2472    object-position: center;
2473}
2474
2475.why-style {
2476    margin-bottom: 15px;
2477}
2478
2479.style-why {
2480    background-color: navajowhite;
2481    margin-bottom: -41px;
2482}
2483
2484.contact-baru {
2485    background: var(--color2);
2486    position: relative;
2487    padding: 35px 40px 20px 40px;
2488    box-shadow: 0px 11px 53px 0px rgb(89 59 36 / 14%);
2489    border-radius: 10px;
2490    position: relative;
2491    z-index: 11;
2492}
2493
2494@media (max-width: 768px) {
2495    .contact-baru {
2496        background-color: #2a2a2a;
2497        margin-top: 0px;
2498        position: relative;
2499        width: 100%;
2500        border-radius: unset;
2501        padding: 35px 30px 35px !important;
2502        box-shadow: 0px 11px 53px 0px rgb(89 59 36 / 14%);
2503    }
2504
2505    .contact-baru img {
2506        height: 60px;
2507        margin-bottom: 19px;
2508    }
2509
2510    .why-style h3 {
2511        text-transform: capitalize;
2512        font-weight: 700;
2513        letter-spacing: 0.1px;
2514        margin-bottom: 10px;
2515        font-size: 20px;
2516    }
2517
2518    .why-style .col-md-3 {
2519        padding-right: 0px;
2520    }
2521
2522    .why-style p {
2523        font-weight: 400;
2524        font-size: 13px;
2525        margin-bottom: 30px;
2526    }
2527}
2528
2529@media (max-width: 768px) {
2530  .contact-baru {
2531    display: none;
2532  }
2533}
2534</style>
2535<section class="container-global d-md-block d-none" style="position: relative; margin-top: -80px;">
2536    <div class="contact-baru">
2537        <div class="row why-style">
2538            <div class="col-md-4">
2539                <div class="row align-items-center">
2540                    <div class="col-md-3 col-3">
2541                        <img
2542                            alt="Local Cycling Guides Bali"
2543                            class="img-fluid"
2544                            src="https://jwc.gotra-resources.my.id/web-upload/1754136541-02-08-2025-naeZMSdWDTYCO94gVwy3horstvbFRIuX.webp"
2545                        />
2546                    </div>
2547
2548                    <div class="col-md-9 col-9">
2549                        <h3>Local Guides</h3>
2550                        <p>
2551                            Ride with friendly Balinese locals who know every hidden path.
2552                        </p>
2553                    </div>
2554                </div>
2555            </div>
2556
2557            <div class="col-md-4">
2558                <div class="row">
2559                    <div class="col-md-3 col-3">
2560                        <img
2561                            alt="Scenic Safe Cycling Ubud"
2562                            class="img-fluid"
2563                            src="https://jwc.gotra-resources.my.id/web-upload/1754136542-02-08-2025-DBt3mfyPMrQOW0GwYJZ4he9HnaSN2TKj.webp"
2564                        />
2565                    </div>
2566
2567                    <div class="col-md-9 col-9">
2568                        <h3>Scenic & Safe</h3>
2569                        <p>
2570                            Enjoy beautiful, beginner-friendly routes through Ubud & Kintamani.
2571                        </p>
2572                    </div>
2573                </div>
2574            </div>
2575
2576            <div class="col-md-4">
2577                <div class="row">
2578                    <div class="col-md-3 col-3">
2579                        <img
2580                            alt="Eco Family Friendly Tour Bali"
2581                            class="img-fluid"
2582                            src="https://jwc.gotra-resources.my.id/web-upload/1754136541-02-08-2025-FVehr8CbSZ3nAGwXlON6gs42qfJk1Wud.webp"
2583                        />
2584                    </div>
2585
2586                    <div class="col-md-9 col-9">
2587                        <h3>Eco & Family Friendly</h3>
2588                        <p>
2589                            Sustainable tours for all ages — solo, couple, or group.
2590                        </p>
2591                    </div>
2592                </div>
2593            </div>
2594        </div>
2595    </div>
2596</section> -->
2597
2598</div>
2599
2600
2601
2602
2603<style>
2604
2605  #chatbtn {
2606    background: #089dff;
2607    color: #fff;
2608    width: 50px;
2609    height: 50px;
2610    font-size: 20px;
2611    outline: none;
2612    border-radius: 50%;
2613    float: right;
2614    cursor: pointer;
2615    border: none;
2616    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);
2617    z-index: 9999;
2618  }
2619
2620  .sosmed .facebook i {
2621    background-color: #4267b2;
2622  }
2623
2624  .sosmed .instagram i {
2625    background-color: #d10869;
2626  }
2627
2628  .sosmed .whatsapp i {
2629    background-color: #25d366;
2630  }
2631
2632  .sosmed .messenger i {
2633    background-color: #0084ff;
2634  }
2635
2636  .sosmed .telegram i {
2637    background-color: #51bae7;
2638  }
2639
2640  .sosmed .youtube i {
2641    background-color: red;
2642  }
2643
2644  .sosmed .email i {
2645    background-color: #f17721
2646  }
2647
2648  .fixed-bottom #sosmed a i {
2649    margin: 5px auto;
2650    display: block;
2651    color: #FFF;
2652    padding: 12px;
2653    opacity: 0.8;
2654    text-align: center;
2655  }
2656
2657  html .scroll-to-top {
2658    bottom: 25px;
2659    border-radius: 5px;
2660    right: 80px;
2661  }
2662
2663  .icon-custom {
2664    font-size: 25px !important;
2665    width: 50px;
2666    height: 50px;
2667    border-radius: 50%;
2668  }
2669
2670  .title-foot-default {
2671    font-family: var(--primtext);
2672    text-transform: capitalize;
2673    letter-spacing: 0px;
2674    font-size: 21px !important;
2675    font-weight: 700 !important;
2676    margin-bottom: 30px;
2677    color: var(--colors) !important;
2678  }
2679
2680  .text-footer {
2681    margin-bottom: 0;
2682    font-family: var(--subtext);
2683    color: #000;
2684    letter-spacing: 0.5px;
2685    font-size: 14px;
2686    text-align: left;
2687  }
2688
2689  .text-foot b {
2690    font-weight: 500;
2691  }
2692
2693  .text-foot {
2694    font-family: var(--subtext);
2695    color: #000;
2696    margin-bottom: 3px;
2697    font-size: 15px;
2698    letter-spacing: 0px;
2699    line-height: 28px;
2700  }
2701
2702  .text-foot i {
2703    color: var(--colors);
2704  }
2705
2706  .text-foot a {
2707    color: #000 !important;
2708  }
2709
2710  a.scroll-to-top.hidden-mobile.visible {
2711    display: none;
2712  }
2713
2714  .img-avail {
2715    height: 53px;
2716    margin-bottom: 5px;
2717  }
2718
2719
2720  .logfot {
2721    position: relative;
2722    margin-bottom: 4rem;
2723  }
2724
2725  .logfot p {
2726    font-size: 16px;
2727    width: 510px;
2728    margin: auto;
2729    margin-top: 10px;
2730    line-height: 30px;
2731  }
2732
2733  .txt-add {
2734    width: 320px;
2735  }
2736
2737  @media (min-width: 768px) {
2738    .logo-footer {
2739      height: 55px;
2740      margin-bottom: 10px;
2741      object-fit: cover;
2742      margin-top: 1rem;
2743    }
2744  }
2745
2746  @media (max-width: 768px) {
2747
2748    .whatsapp-text {
2749      display: none;
2750    }
2751
2752    .text-sm-center {
2753      text-align: center;
2754    }
2755
2756    .logo-footer {
2757      height: 70px;
2758      margin-bottom: 10px;
2759    }
2760
2761    #footer.short {
2762      padding-top: 3rem;
2763    }
2764
2765    .text-footer {
2766      text-align: center;
2767    }
2768
2769    .logfot p {
2770      width: auto;
2771      font-size: 14px;
2772    }
2773  }
2774
2775
2776  .social-icons:not(.social-icons-clean) li a {
2777    background: transparent;
2778  }
2779
2780  #footer .social-icons:not(.social-icons-clean) li a {
2781    color: #000 !important;
2782  }
2783
2784  .social-icons li a {
2785    color: #111827 !important;
2786  }
2787
2788  .social-icons li a i {
2789    line-height: 28px;
2790  }
2791
2792  .social-icons li {
2793    margin-right: 5px;
2794  }
2795
2796  ul.header-social-icons.social-icons {
2797    /* text-align: right; */
2798    margin-top: 20px;
2799  }
2800
2801  .social-icons li {
2802    border: .3px solid var(--colors);
2803    border-radius: 0;
2804  }
2805
2806  #footer .social-icons li {
2807    border: .3px solid #ffffff80;
2808    border-radius: 0;
2809  }
2810
2811  .social-icons:not(.social-icons-clean) li {
2812    -webkit-box-shadow: none;
2813    box-shadow: none;
2814  }
2815
2816  .social-icons li a {
2817    border-radius: 0;
2818    height: 32px;
2819    line-height: 32px;
2820    width: 32px;
2821  }
2822
2823  .social-icons:not(.social-icons-clean) li:hover a {
2824    color: #fff !important;
2825  }
2826
2827  html .scroll-to-top {
2828    display: none;
2829  }
2830
2831  #footer.short {
2832    padding: 0;
2833    padding-top: 5rem;
2834  }
2835
2836  .foot-style {
2837    background-color: #fff !important;
2838    border-top: 4px solid var(--color2) !important;
2839    position: relative;
2840
2841  }
2842
2843  .foot-style-2 {
2844    border-top: 1px solid #00000030;
2845    position: relative;
2846    background: transparent;
2847  }
2848
2849  .fixwa {
2850    left: auto;
2851    right: 20px;
2852    bottom: 20px
2853  }
2854
2855  .share-icons {
2856    width: 50px
2857  }
2858
2859  img.img-sosmed {
2860    height: 30px;
2861    margin-right: 10px;
2862  }
2863
2864  .list-link p a i {
2865    color: var(--colors);
2866  }
2867
2868  .list-link p {
2869    font-family: var(--primtext);
2870    color: #acacac;
2871    margin-bottom: 10px;
2872    font-size: 15px;
2873  }
2874
2875  .list-link p a {
2876    color: #000 !important;
2877  }
2878
2879  .list-link p a:hover {
2880    color: var(--color2) !important;
2881  }
2882
2883  .background {
2884    position: absolute;
2885    width: 100%;
2886    height: 100%;
2887    left: 0;
2888    top: 0;
2889    background-size: cover;
2890    background-position: center;
2891  }
2892/* ==================== Footer =================== */
2893
2894</style>
2895
2896
2897
2898
2899<div class="smooth-slide" id="contact"></div>
2900
2901<footer id="footer" class="foot-style short mt-0">
2902  <div class="background"></div>
2903
2904  <div class="container-global pb-4 wow fadeInUp" style="position: relative; z-index: 3;">
2905
2906
2907    <div class="row justify-content-center wow fadeIn" data-wow-duration="2s">
2908
2909      <div class="col-md-4 mb-4 mb-md-0">
2910        <img loading="lazy" class="img-fluid logo-footer" src="https://jwc.gotra-resources.my.id/web-upload/1765278061-09-12-2025-8K1GL4Uhc5QMOapqRWbg9nrj2XSIs3Ee.webp" alt="Logo Isla De Bali Tours">
2911
2912        <p class="text-foot mt-3 ">Banjar Tebuana, Desa Taro, Kecamatan Tegallalang, Kabupaten Gianyar, Bali 80561</p>
2913
2914        <!--<p class="text-foot mt-3 "><i class="fa-solid fa-phone mr-3"></i><a href="tel:+6281316135491">+6281316135491</a></p>-->
2915
2916
2917                <p class="text-foot"><i class="fab fa-whatsapp mr-3"></i><a href="https://wa.me/6281316135491?text=Hello%2C+I+got+this+number+from+website+Isla+De+Bali+Tours.+I%27d+like+to+ask+about+your+services%2C+could+you+assist+me%3F">+6281316135491</a></p>
2918
2919        <p class="text-foot mb-4"><i class="fa-solid fa-envelope mr-3"></i><a href="mailto:[email protected]">[email protected]</a></p>
2920
2921        <ul class="header-social-icons social-icons">
2922          <li class="social-icons-facebook"><a href="https://www.facebook.com/profile.php?id=61583977964370" target="_blank" rel="noopener" rel="noreferrer" title="Facebook"><i class="fab fa-facebook-f"></i></a></li>
2923          <li class="social-icons-instagram"><a href="https://www.instagram.com/isladebalitours/" target="_blank" rel="noopener" rel="noreferrer" title="Instagram"><i class="fab fa-instagram"></i></a></li>
2924        </ul>
2925
2926      </div>
2927
2928      <div class="col-md-4 mb-4 mb-md-0">
2929        <h3 class="title-foot-default">Our Pages</h3>
2930        <div class="list-link">
2931
2932            <p><a href="https://isladebalitours.com/about-us"><i class="fa-solid fa-arrow-right mr-2"></i> About Us</a></p>
2933
2934            <p><a href="https://isladebalitours.com/view/kintamani-tour-with-cruise"><i class="fa-solid fa-arrow-right mr-2"></i> Special Tour</a></p>
2935
2936            <p><a href="https://isladebalitours.com/category/day-tour"><i class="fa-solid fa-arrow-right mr-2"></i> Day Tour</a></p>
2937
2938            <p><a href="https://isladebalitours.com/category/activity-combo-packages"><i class="fa-solid fa-arrow-right mr-2"></i> Activity Combo Packages</a></p>
2939
2940            <p><a href="https://isladebalitours.com/category/airport-transfer-service"><i class="fa-solid fa-arrow-right mr-2"></i> Airport Transfer Service</a></p>
2941            
2942        </div>
2943      </div>
2944
2945      <div class="col-md-4 mb-4 mb-md-0">
2946        <h3 class="title-foot-default">Our Tripadvisor</h3>
2947
2948        <div id="TA_selfserveprop126" class="TA_selfserveprop"><ul id="gRq7aTjqrO" class="TA_links rroX5u"><li id="0gFKvJ4ow45e" class="Z16kIQFIWd"><a target="_blank" href="https://www.tripadvisor.com/Attraction_Review-g297695-d34066593-Reviews-Isla_De_Bali_Tours-Gianyar_Gianyar_Regency_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>
2948<script async src="https://www.jscache.com/wejs?wtype=selfserveprop&amp;uniq=126&amp;locationId=34066593&amp;lang=en_US&amp;rating=true&amp;nreviews=5&amp;writereviewlink=true&amp;popIdx=true&amp;iswide=false&amp;border=true&amp;display_version=2" data-loadtrk onload="this.loadtrk=true"></script>
2948
2949        
2950      </div>
2951
2952    </div>
2953  </div>
2954
2955  <div class="py-4 py-md-4 mt-4 text-sm-center foot-style-2">
2956
2957    <div class="row justify-content-center text-center">
2958      <div class="col-md-12 mb-md-0 mb-3">
2959        <p class="text-footer text-center">© Copyright 2026 Isla De Bali Tours. All Rights Reserved.</p>
2960      </div>
2961
2962    </div>
2963
2964  </div>
2965
2966</footer>
2967
2968</div>
2969
2970<div class="fixed-bottom fixwa" style="left: auto; right: 20px; bottom: 20px">
2971    <div class="share-icons" style="width: 50px">
2972        <div id="sosmed" class="sosmed">
2973            <a title="Whatsapp" class="whatsapp" href="https://wa.me/6281316135491" class="text-decoration-none"><i class="fab fa-whatsapp icon-custom"></i></a>
2974        </div>
2975    </div>
2976</div>
2977
2978
2979<!-- Vendor -->
2980<script type='text/javascript' src='https://isladebalitours.com/assets/front/vendor/popper/umd/popper.min.js'></script>
2980<script src="https://isladebalitours.com/assets/front/vendor/jquery/jquery.min.js"></script>
vendor: 1 bytes, line 2980
2980
2981<script src="https://isladebalitours.com/assets/front/vendor/jquery.appear/jquery.appear.min.js"></script>
vendor: 1 bytes, line 2981
2981
2982<script src="https://isladebalitours.com/assets/front/vendor/bootstrap/js/bootstrap.min.js"></script>
vendor: 1 bytes, line 2982
2982
2983<script type='text/javascript' src='https://isladebalitours.com/assets/front/vendor/magnific-popup/jquery.magnific-popup.min.js'></script>
2983<!-- 
2983<script src="https://isladebalitours.com/assets/front/vendor/owl.carousel/owl.carousel.min.js"></script>
2983 -->
2984
2985<!-- Theme Base, Components and Settings -->
2986<script src="https://isladebalitours.com/assets/front/js/theme.min.js"></script>
2986
2987
2988<!-- Theme Custom -->
2989<script src="https://isladebalitours.com/assets/front/js/wow.min.js"></script>
2989
2990
2991<script src="https://isladebalitours.com/assets/front/js/jquery.appear/jquery.appear.min.js"></script>
vendor: 1 bytes, line 2991
2991
2992<script src="https://isladebalitours.com/assets/front/js/common/common.min.js"></script>
vendor: 1 bytes, line 2992
2992
2993<script src="https://isladebalitours.com/assets/front/js/bootstrap.min.js"></script>
vendor: 1 bytes, line 2993
2993
2994<script src="https://isladebalitours.com/assets/front/js/theme.js"></script>
vendor: 1 bytes, line 2994
2994
2995<script src="https://isladebalitours.com/assets/front/js/theme.init.js"></script>
2995
2996
2997<script type="text/javascript" src="//cdn.jsdelivr.net/npm/[email protected]/slick/slick.min.js"></script>
2997
2998
2999<script src="https://isladebalitours.com/assets/front/js/ls.bgset.min.js"></script>
vendor: 1 bytes, line 2999
2999
3000<script src="https://isladebalitours.com/assets/front/js/lazysizes.min.js"></script>
3000
3001<!-- 
3001<script src="https://isladebalitours.com/assets/front/js/examples/examples.gallery.js"></script>
3001 -->
3002
3003<script>
3004    new WOW().init();
3005</script>
3005
3006
3007<!-- 
3007<script>
vendor: 327 bytes, lines 3007-3011
3007(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
3008new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
3009j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
3010'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
3011})(window,document,'script','dataLayer','
3011GTM-WC9WTSF
vendor: 3 bytes, line 3011
3011');
3011</script>
3011 -->
3012
3013<div id="fb-root"></div>
3014<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v13.0" nonce="fwhFN9Lu"></script>
3014
3015
3016<script>
3017$(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")});
3018
3019function toggleMessage(id, expand) {
3020    const messageElement = document.getElementById(id);
3021    const readMoreButton = messageElement.nextElementSibling;
3022    const readLessButton = readMoreButton.nextElementSibling;
3023
3024    if (expand) {
3025        // Expand to full message
3026        messageElement.textContent = messageElement.getAttribute('data-full-message');
3027        readMoreButton.classList.add('d-none');
3028        readLessButton.classList.remove('d-none');
3029    } else {
3030        // Collapse to short message
3031        messageElement.textContent = messageElement.getAttribute('data-short-message');
3032        readMoreButton.classList.remove('d-none');
3033        readLessButton.classList.add('d-none');
3034    }
3035}
3036
3037</script>
3037
3038
3039<script>
3040   
3041$(document).ready(function(){
3042  $('.slider').slick({
3043    autoplay: true,
3044    draggable: true,
3045    arrows: false,
3046    dots: false,
3047    fade: true,
3048    autoplaySpeed: 5000,
3049    speed: 1000,
3050    infinite: true,
3051  });
3052});
3053
3054$(document).ready(function(){
3055  $('.rowdes2').slick({
3056    autoplay: false,
3057    draggable: true,
3058    prevArrow: '<button class="slide-arrow prev-arrow"><i class="fa-solid fa-chevron-left"></i></button>',
3059    nextArrow: '<button class="slide-arrow next-arrow"><i class="fa-solid fa-chevron-right"></i></button>',
3060    dots: false,
3061    autoplaySpeed: 3000,
3062    speed: 1000,
3063    infinite: true,
3064    slidesToShow: 2,
3065    slidesToScroll: 1,
3066    responsive: [
3067    {
3068      breakpoint: 1024,
3069      settings: {
3070        slidesToShow: 1,
3071        slidesToScroll: 1,
3072        infinite: true,
3073        dots: false
3074      }
3075    },
3076    {
3077      breakpoint: 600,
3078      settings: {
3079        slidesToShow: 1,
3080        slidesToScroll: 1
3081      }
3082    },
3083    {
3084      breakpoint: 480,
3085      settings: {
3086        slidesToShow: 1,
3087        slidesToScroll: 1
3088      }
3089    }
3090  ]
3091  });
3092});
3093
3094$(document).ready(function(){
3095  $('.product-slick').slick({
3096    autoplay: false,
3097    draggable: true,
3098    prevArrow: '<button class="slide-arrow prev-arrow"><i class="fa-solid fa-chevron-left"></i></button>',
3099    nextArrow: '<button class="slide-arrow next-arrow"><i class="fa-solid fa-chevron-right"></i></button>',
3100    dots: false,
3101    autoplaySpeed: 2000,
3102    speed: 1000,
3103    infinite: true,
3104    slidesToShow: 4,
3105    slidesToScroll: 1,
3106    responsive: [
3107    {
3108      breakpoint: 1024,
3109      settings: {
3110        slidesToShow: 2,
3111        slidesToScroll: 2,
3112        infinite: true,
3113        autoplay: true,
3114        dots: true
3115      }
3116    },
3117    {
3118      breakpoint: 600,
3119      settings: {
3120        slidesToShow: 1,
3121        autoplay: true,
3122        slidesToScroll: 1
3123      }
3124    },
3125    {
3126      breakpoint: 480,
3127      settings: {
3128        autoplay: true,
3129        slidesToShow: 1,
3130        slidesToScroll: 1
3131      }
3132    }
3133  ]
3134  });
3135});
3136
3137$(document).ready(function(){
3138  $('.review-slide').slick({
3139    autoplay: false,
3140    draggable: true,
3141    prevArrow: '<button class="slide-arrow prev-arrow"><i class="fa-solid fa-chevron-left"></i></button>',
3142    nextArrow: '<button class="slide-arrow next-arrow"><i class="fa-solid fa-chevron-right"></i></button>',
3143    dots: false,
3144    autoplaySpeed: 3000,
3145    speed: 1000,
3146    infinite: true,
3147    slidesToShow: 3,
3148    slidesToScroll: 3,
3149    responsive: [
3150    {
3151      breakpoint: 1024,
3152      settings: {
3153        slidesToShow: 2,
3154        slidesToScroll: 2,
3155        infinite: true,
3156        dots: true
3157      }
3158    },
3159    {
3160      breakpoint: 600,
3161      settings: {
3162        slidesToShow: 2,
3163        slidesToScroll: 2
3164      }
3165    },
3166    {
3167      breakpoint: 480,
3168      settings: {
3169        slidesToShow: 1,
3170        slidesToScroll: 1
3171      }
3172    }
3173  ]
3174  });
3175
3176});
3177
3178
3179$(document).ready(function(){
3180  $('.slick-center').slick({
3181  centerMode: true,
3182  centerPadding: '0px',
3183  prevArrow: '<button class="slide-arrow prev-arrow"><i class="fa-solid fa-chevron-left"></i></button>',
3184  nextArrow: '<button class="slide-arrow next-arrow"><i class="fa-solid fa-chevron-right"></i></button>',
3185  slidesToShow: 1,
3186  focusOnSelect: true,
3187  arrows: true,
3188  dots: false,
3189  autoplay: true,
3190  autoplaySpeed: 4000,
3191  speed: 1000,
3192  infinite: true,
3193  responsive: [
3194    {
3195      breakpoint: 768,
3196      settings: {
3197        arrows: true,
3198        centerMode: true,
3199        centerPadding: '40px',
3200        slidesToShow: 1
3201      }
3202    },
3203    {
3204      breakpoint: 480,
3205      settings: {
3206        arrows: true,
3207        centerMode: true,
3208        centerPadding: '40px',
3209        slidesToShow: 1
3210      }
3211    }
3212  ]
3213});
3214});
3215
3216
3217$(document).ready(function(){
3218  $('.carousel-wall').slick({
3219    autoplay: true,           // Aktifkan autoplay
3220    autoplaySpeed: 0,         // Tidak ada jeda antara slide
3221    speed: 10000,              // Kecepatan transisi slide
3222    cssEase: 'linear',        // Efek transisi linear seperti marquee
3223    slidesToShow: 3,          // Jumlah slide yang ditampilkan sekaligus
3224    slidesToScroll: 1,        // Jumlah slide yang bergeser setiap kali
3225    infinite: true,           // Looping tanpa batas
3226    arrows: false,            // Sembunyikan navigasi panah
3227    dots: false,              // Sembunyikan navigasi dots
3228    pauseOnHover: false,      // Autoplay tidak berhenti saat hover
3229
3230   responsive: [
3231    {
3232      breakpoint: 1024,
3233      settings: {
3234        slidesToShow: 2,
3235        slidesToScroll: 1,
3236        infinite: true,
3237        dots: true
3238      }
3239    },
3240    {
3241      breakpoint: 600,
3242      settings: {
3243        slidesToShow: 2,
3244        slidesToScroll: 1
3245      }
3246    },
3247    {
3248      breakpoint: 480,
3249      settings: {
3250        slidesToShow: 2,
3251        slidesToScroll: 1
3252      }
3253    }
3254  ]
3255
3256  });
3257});
3258
3259$(document).ready(function(){
3260  $('.slick-cent22').slick({
3261  centerMode: true,
3262  centerPadding: '0px',
3263  prevArrow: '<button class="slide-arrow prev-arrow"><i class="fa-solid fa-chevron-left"></i></button>',
3264  nextArrow: '<button class="slide-arrow next-arrow"><i class="fa-solid fa-chevron-right"></i></button>',
3265  slidesToShow: 1,
3266  focusOnSelect: true,
3267  arrows: false,
3268  dots: false,
3269  autoplay: true,
3270  autoplaySpeed: 4000,
3271  speed: 1000,
3272  infinite: true,
3273  responsive: [
3274    {
3275      breakpoint: 768,
3276      settings: {
3277        arrows: false,
3278        centerMode: true,
3279        centerPadding: '40px',
3280        slidesToShow: 1
3281      }
3282    },
3283    {
3284      breakpoint: 480,
3285      settings: {
3286        arrows: false,
3287        centerMode: true,
3288        centerPadding: '40px',
3289        slidesToShow: 1
3290      }
3291    }
3292  ]
3293});
3294});
3295 
3296
3297$(document).ready(function(){
3298  $('.rowdesi2').slick({
3299    autoplay: false,
3300    draggable: true,
3301    prevArrow: '<button class="slide-arrow prev-arrow"><i class="fa-solid fa-chevron-left"></i></button>',
3302    nextArrow: '<button class="slide-arrow next-arrow"><i class="fa-solid fa-chevron-right"></i></button>',
3303    dots: false,
3304    autoplaySpeed: 4000,
3305    speed: 1000,
3306    infinite: true,
3307    slidesToShow: 2,
3308    slidesToScroll: 1,
3309    responsive: [
3310    {
3311      breakpoint: 1024,
3312      settings: {
3313        slidesToShow: 3,
3314        slidesToScroll: 3,
3315        infinite: true,
3316        dots: true
3317      }
3318    },
3319    {
3320      breakpoint: 991,
3321      settings: {
3322        slidesToShow: 1,
3323        slidesToScroll: 2
3324      }
3325    },
3326    {
3327      breakpoint: 600,
3328      settings: {
3329        slidesToShow: 1,
3330        slidesToScroll: 2
3331      }
3332    },
3333    {
3334      breakpoint: 480,
3335      settings: {
3336        slidesToShow: 1,
3337        slidesToScroll: 1
3338      }
3339    }
3340  ]
3341  });
3342});
3343</script>
3343
3344
3345<script type="text/javascript">
3346  function googleTranslateElementInit2() {
3347    new google.translate.TranslateElement({
3348      pageLanguage: "en",
3349      includedLanguages: 'en,es',  
3350      autoDisplay: false
3351    }, "google_translate_element2");
3352  }
3353</script>
vendor: 1 bytes, line 3353
3353
3354<script type="text/javascript" src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit2"></script>
vendor: 1 bytes, line 3354
3354
3355<script type="text/javascript">
3356  eval(function(e, t, n, r, a, c) {
3357    if (a = function(e) {
3358        return (e < 43 ? "" : a(parseInt(e / 43))) + ((e %= 43) > 35 ? String.fromCharCode(e + 29) : e.toString(36))
3359      }, !"".replace(/^/, String)) {
3360      for (; n--;) c[a(n)] = r[n] || a(n);
3361      r = [function(e) {
3362        return c[e]
3363      }], a = function() {
3364        return "\\w+"
3365      }, n = 1
3366    }
3367    for (; n--;) r[n] && (e = e.replace(new RegExp("\\b" + a(n) + "\\b", "g"), r[n]));
3368    return e
3369  }("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, {}))
3370</script>
3370
3371
3372
3373    
3374</body>
3375
3376</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.