PageSourceSearch

https://www.vagamon.com/

html vagamon.com collected 2026-09-26 16:49:14 UTC 202,458 bytes, 4,821 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3   	<head>
4    		<meta charset="utf-8">
5    		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
6    		<!-- Google tag (gtag.js) -->
7            <!--
vendor: 63 bytes, line 7
7<script async src="https://www.googletagmanager.com/gtag/js?id=
7G-RCTBHGQ45X
vendor: 11 bytes, line 7
7"></script>
7-->
8            <!--
8<script>-->
9            <!--  window.dataLayer = window.dataLayer || [];-->
10            <!--  function gtag(){dataLayer.push(arguments);}-->
11            <!--  gtag('js', new Date());-->
12            
13            <!--  gtag('config', 'G-RCTBHGQ45X');-->
14            <!--</script>
14-->
15            <!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 15-16
15
16<script async src="https://www.googletagmanager.com/gtag/js?id=
16G-WL1YQX7NCT
vendor: 12 bytes, line 16
16"></script>
17<script>
18  
vendor: 134 bytes, lines 18-22
18window.dataLayer = window.dataLayer || [];
19  function gtag(){dataLayer.push(arguments);}
20  gtag('js', new Date());
21
22  gtag('config', '
22G-WL1YQX7NCT
vendor: 4 bytes, line 22
22');
23</script>
23
24                            <meta name="robots" content="index,follow">
25                                        		    <title>Vagamon.com | 28 Years of Local Expertise in the vagamon hills</title>
26		    <meta name="description" content="Plan your trip to the Vagamon Hills with guidance. Book resorts, tree houses, and homestays in the best cool climate zones. 28+ years of local expertise">
27		    <link rel="canonical" href="https://www.vagamon.com">
28		    
29                            
29<script type="application/ld+json">
30                    {
31    "@context": "https://schema.org",
32    "@graph": [
33        {
34            "@type": "WebPage",
35            "@id": "https://www.vagamon.com/#webpage",
36            "url": "https://www.vagamon.com/",
37            "name": "Vagamon.com | 28 Years of Local Expertise in the vagamon hills",
38            "isPartOf": {
39                "@id": "https://www.vagamon.com/#website"
40            },
41            "about": {
42                "@id": "https://www.vagamon.com/#organization"
43            },
44            "description": "Plan your trip to the Vagamon Hills with guidance. Book resorts, tree houses, and homestays in the best cool climate zones. 28+ years of local expertise",
45            "inLanguage": "en-US",
46            "potentialAction": [
47                {
48                    "@type": "ReadAction",
49                    "target": [
50                        "https://www.vagamon.com/"
51                    ]
52                }
53            ]
54        },
55        {
56            "@type": "ImageObject",
57            "inLanguage": "en-US",
58            "@id": "https://www.vagamon.com/#primaryimage",
59            "url": "https://www.vagamon.com/uploads/site_photos/921168b3b0c47176ee4b426c0b06ad55.png",
60            "contentUrl": "https://www.vagamon.com/uploads/site_photos/921168b3b0c47176ee4b426c0b06ad55.png"
61        },
62        {
63            "@type": "BreadcrumbList",
64            "@id": "https://www.vagamon.com/#breadcrumb",
65            "itemListElement": [
66                {
67                    "@type": "ListItem",
68                    "position": 1,
69                    "name": "Home",
70                    "item": "https://www.vagamon.com/"
71                }
72            ]
73        },
74        {
75            "@type": "FAQPage",
76            "mainEntity": [
77                {
78                    "@type": "Question",
79                    "name": "What is the best time to visit Vagamon?",
80                    "acceptedAnswer": {
81                        "@type": "Answer",
82                        "text": "<p>September to May is the best time to visit Vagamon. Winters (October to February) offer pleasant cool weather, perfect for sightseeing, trekking, and outdoor activities.</p>"
83                    }
84                },
85                {
86                    "@type": "Question",
87                    "name": "Which are the must-visit tourist places in Vagamon?",
88                    "acceptedAnswer": {
89                        "@type": "Answer",
90                        "text": "<p>Top tourist attractions in Vagamon include the Vagamon Pine Forest, Kurisumala Ashram, Vagamon Meadows (Green Meadows), Marmala Waterfall, Suicide Point, and Thangal Para.</p>"
91                    }
92                },
93                {
94                    "@type": "Question",
95                    "name": "How many days are required for a Vagamon trip?",
96                    "acceptedAnswer": {
97                        "@type": "Answer",
98                        "text": "<p>A 2-day, 1-night trip is ideal to explore all major sightseeing spots, enjoy nature walks, and relax at local resorts in Vagamon.</p>"
99                    }
100                },
101                {
102                    "@type": "Question",
103                    "name": "What types of accommodation are available in Vagamon?",
104                    "acceptedAnswer": {
105                        "@type": "Answer",
106                        "text": "<p>Vagamon offers diverse stay options, including luxury hill resorts, private eco-cottages, tea plantation bungalows, budget homestays, and adventure campsites.</p>"
107                    }
108                },
109                {
110                    "@type": "Question",
111                    "name": "How to reach Vagamon from Cochin or Kottayam?",
112                    "acceptedAnswer": {
113                        "@type": "Answer",
114                        "text": "<p>Vagamon is easily accessible by road. It is approximately 100 km from Cochin International Airport (COK) and 64 km from Kottayam Railway Station, with taxis and KSRTC buses readily available.</p>"
115                    }
116                }
117            ]
118        },
119        {
120            "@type": "WebSite",
121            "@id": "https://www.vagamon.com/#website",
122            "url": "https://www.vagamon.com/",
123            "name": "Vagamon.com | 28 Years of Local Expertise in the vagamon hills",
124            "description": "Plan your trip to the Vagamon Hills with guid
124ance. Book resorts, tree houses, and homestays in the best cool climate zones. 28+ years of local expertise",
125            "publisher": {
126                "@id": "https://www.vagamon.com/#organization"
127            },
128            "potentialAction": [
129                {
130                    "@type": "SearchAction",
131                    "target": {
132                        "@type": "EntryPoint",
133                        "urlTemplate": "https://www.vagamon.com/?s={search_term_string}"
134                    },
135                    "query-input": {
136                        "@type": "PropertyValueSpecification",
137                        "valueRequired": true,
138                        "valueName": "search_term_string"
139                    }
140                }
141            ],
142            "inLanguage": "en-US"
143        },
144        {
145            "@type": "Organization",
146            "@id": "https://www.vagamon.com/#organization",
147            "name": "Vagamon.com | 28 Years of Local Expertise in the vagamon hills",
148            "url": "https://www.vagamon.com/",
149            "logo": {
150                "@type": "ImageObject",
151                "inLanguage": "en-US",
152                "@id": "https://www.vagamon.com/#/schema/logo/image/",
153                "url": "https://www.vagamon.com/uploads/site_photos/921168b3b0c47176ee4b426c0b06ad55.png",
154                "contentUrl": "https://www.vagamon.com/uploads/site_photos/921168b3b0c47176ee4b426c0b06ad55.png",
155                "caption": "Vagamon.com | 28 Years of Local Expertise in the vagamon hills"
156            },
157            "image": {
158                "@id": "https://www.vagamon.com/#/schema/logo/image/"
159            }
160        }
161    ]
162}
163                </script>
163
164                                                            
165        
166        
167                
168        
169        
170        
171                
172                
173                
174        
175        
176        
177                                                                                                                                                                                                                                                                                		<link rel="icon" type="image/png" href="https://www.vagamon.com/uploads/site_photos/910e6431285b5ab7be3715f5a38ac85f.jpg">
178		<!-- All CSS -->
179
180<!-- Homepage only -->
181    <!-- Only load what homepage actually needs -->
182    <!-- All CSS -->
183    
184    <style>
185        .search-section {
186            top:45px!important;
187        }
188        .search-section1{
189            padding-top: 47px!important;
190        }
191    </style>
192<link rel="stylesheet" href="https://www.vagamon.com/frontend/css/bootstrap.min.css">
193<link rel="stylesheet" href="https://www.vagamon.com/frontend/css/animate.min.css">
194<link rel="stylesheet" href="https://www.vagamon.com/frontend/fontawesome-free/css/all.min.css">
195<link rel="stylesheet" href="https://www.vagamon.com/frontend/css/style.css">
196<link rel="stylesheet" href="https://www.vagamon.com/frontend/css/stylesA.css">
197
198<link rel="stylesheet" href="https://www.vagamon.com/frontend/css/index.css">
199<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
200
201
202<!-- Global stuff that EVERY page needs -->
203<link rel="stylesheet" href="https://www.vagamon.com/frontend/css/ckeditor_styles.css">
204<link rel="stylesheet" href="https://www.vagamon.com/frontend/css/common.css">
205<link href="https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400..700;1,400..700&family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Geist:[email protected]&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
206		<link href="https://fonts.googleapis.com/css2?family=Jost:wght@400;500;600;700;800&display=swap" rel="stylesheet">
207        		<!-- Owl Carousel CSS -->
208                
208<script>
209        // Remove only #Details fragment
210        document.addEventListener('DOMContentLoaded', function() {
211            if (window.location.hash === '#Details') {
212                history.replaceState(null, null, window.location.pathname + window.location.search);
213            }
214        });
215        </script>
215
216        
217		
217<script src="https://www.vagamon.com/frontend/js/bootstrap.min.js"></script>
vendor: 2 bytes, line 217
217
218<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
vendor: 2 bytes, line 218
218
219<script src="https://www.vagamon.com/frontend/js/url-fragment-cleaner.js?v=1783358260"></script>
vendor: 2 bytes, line 219
219
220<script src="https://www.vagamon.com/frontend/js/index.js?v=1783358260"></script>
220
221
222
223
224<script src="https://www.vagamon.com/frontend/js/common.js"></script>
224		                <!---->
225        <style>
226            .sticky-social-footer {
227    position: fixed;
228    bottom: 0;
229    left: 0;
230    width: 100%;
231    background-color: #000b36;
232    color: #ffffff;
233    border-top: #c8c7c7 2px solid;
234    padding: 10px 20px;
235    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2);
236    z-index: 1000;
237}
238
239.social-container {
240    display: flex;
241    justify-content: center;
242    align-items: center;
243    gap: 15px;
244    font-family: sans-serif;
245    font-size: 14px;
246}
247
248.social-icon {
249    display: inline-flex;
250    justify-content: center;
251    align-items: center;
252    width: 32px;
253    height: 32px;
254    background-color: rgba(255, 255, 255, 0.1);
255    color: #ffffff;
256    border-radius: 50%;
257    text-decoration: none;
258    transition: background-color 0.2s ease, color 0.2s ease;
259}
260
261.social-icon:hover {
262    background-color: #ffffff;
263    color: #1a1a1a;
264}        
265        
266            .mobile-nav.mean-container .mean-nav ul li a.active,
267            .main-nav nav .navbar-nav .nav-item a:hover,
268            .main-nav nav .navbar-nav .nav-item a:focus,
269            .main-nav nav .navbar-nav .nav-item a.active,
270            .main-nav nav .navbar-nav .nav-item:hover a,
271            .main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover,
272            .main-nav nav .navbar-nav .nav-item .dropdown-menu li a:focus,
273            .main-nav nav .navbar-nav .nav-item .dropdown-menu li a.active,
274            .main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover,
275            .main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus,
276            .main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active,
277            .main-nav nav .navbar-nav .nav-item .dropdown-menu li:hover a,
278            .main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover,
279            .hotel .hotel-item .text .location,
280            .hotel .hotel-item .text h3 a:hover,
281            .footer-item h2,
282            .footer-item ul li a:hover,
283            .hotel-filter .lf-heading,
284            .hotel .hotel-item .text .location a,
285            .hotel-single-banner .hotel-items a,
286            .hotel-page h2 i,
287            .hotel-page .amenities li i,
288            .hotel-page .contact a,
289            .hotel-page .review-overall .total,
290            .hotel-sidebar .ls-widget .agent-contact li,
291            .hotel-sidebar .ls-widget .agent-contact li a,
292            .hotel-sidebar .ls-widget .category ul li a,
293            .faq h4.panel-title a,
294            .sidebar .widget .type-1 ul li:before,
295            .sidebar .widget .type-1 ul li a:hover,
296            .contact-icon i,
297            .reg-login-form .new-user a,
298            .reg-login-form .link,
299            .hotel-page .room-all .item .price {
300                color: #2F4A37;
301            }
302
303            .main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover,
304            .mean-container a.meanmenu-reveal,
305            .footer-social-link ul li a:hover {
306                color: #2F4A37!important;
307            }
308
309            .search-section .input-group-append button,
310            .hotel .hotel-item .photo .category a,
311            .popular-city-carousel .owl-nav .owl-prev,
312            .popular-city-carousel .owl-nav .owl-next,
313            .footer-social-link ul li a,
314            .scroll-top,
315            .page-banner,
316            .filter-button,
317            .hotel-sidebar .ls-widget .agent-social ul li a,
318            .hotel-sidebar .ls-widget a.agent-view-profile,
319            .pricing .btn,
320            .contact-form .btn,
321            .reg-login-form button,
322            .hotel .owl-nav .owl-prev, 
323            .hotel .owl-nav .owl-next,
324            .hotel-single-banner .social a:hover,
325            .top,
326            .agent-banner .social a:hover,
327            .mean-container a.meanmenu-reveal span,
328            .comment button {
329                background: #2F4A37;
330                
331               /* background: linear-gradient(to right, #F8FC00 0%, #FD1D1D 50%, #FCB045 100%); */
332
333            }
334
335            .footer-social-link ul li a,
336            .contact-form .btn {
337                border-color: #2F4A37;
338            }
339
340            .hotel-filter .lf-heading {
341                border-bottom-color: #2F4A37;
342            }
343
344        </style>
345        <style>
346    .text-two-columns {
347    column-count: 2;
348    column-gap: 30px;
349}
350
351/* Fall back to a single column on smaller screens/mobile */
352@media (max-width: 768px) {
353    .text-two-columns {
354        column-count: 1;
355    }
356}
357</style>
358<style>
359.gr-star-widget {
360    display: inline-flex;
361    flex-wrap: wrap; /* Allows elements to drop to the next line */
362    align-items: center;
363    gap: 1px;
364    background: #f8f9fa;
365    border: 1px solid #e9ecef00;
366    border-radius: 8px;
367    padding: 10px 32px;
368    margin-top: 10px;
369    max-width: fit-content;
370}
371
372.gr-widget-top-row {
373    display: flex;
374    align-items: center;
375    gap: 6px;
376}
377
378.decimal-stars {
379    position: relative;
380    display: inline-flex;
381    line-height: 1;
382    user-select: none;
383}
384
385.stars-background {
386    display: flex;
387    gap: 2px;
388    color: #E0E0E0;
389}
390
391.stars-foreground {
392    position: absolute;
393    top: 0;
394    left: 0;
395    display: flex;
396    gap: 2px;
397    overflow: hidden;
398    color: #F9AB00;
399    width: 0%; /* Adjusted by JavaScript */
400}
401
402.stars-background svg,
403.stars-foreground svg {
404    display: block;
405    flex-shrink: 0;
406}
407
408.gr-widget-bottom-row {
409    flex-basis: 100%; /* Forces this container to a new line */
410    margin-top: 2px;
411}
412</style>
413
414<style>
415.gr-star-widget {
416    display: inline-flex;
417    flex-wrap: wrap; /* Allows elements to drop to the next line */
418    align-items: center;
419    gap: 1px;
420    background: #f8f9fa;
421    border: 1px solid #e9ecef00;
422    border-radius: 8px;
423    padding: 10px 32px;
424    margin-top: 10px;
425    max-width: fit-content;
426}
427
428.gr-widget-top-row {
429    display: flex;
430    align-items: center;
431    gap: 6px;
432}
433
434.decimal-stars {
435    position: relative;
436    display: inline-flex;
437    line-height: 1;
438    user-select: none;
439}
440
441.stars-background {
442    display: flex;
443    gap: 2px;
444    color: #E0E0E0;
445}
446
447.stars-foreground {
448    position: absolute;
449    top: 0;
450    left: 0;
451    display: flex;
452    gap: 2px;
453    overflow: hidden;
454    color: #F9AB00;
455    width: 0%; /* Adjusted by JavaScript */
456}
457
458.stars-background svg,
459.stars-foreground svg {
460    display: block;
461    flex-shrink: 0;
462}
463
464.gr-widget-bottom-row {
465    flex-basis: 100%; /* Forces this container to a new line */
466    margin-top: 2px;
467}
468</style>
469
470<style>
471.gr-star-widget {
472    display: inline-flex;
473    flex-wrap: wrap; /* Allows elements to drop to the next line */
474    align-items: center;
475    gap: 1px;
476    background: #f8f9fa;
477    border: 1px solid #e9ecef00;
478    border-radius: 8px;
479    padding: 10px 32px;
480    margin-top: 10px;
481    max-width: fit-content;
482}
483
484.gr-widget-top-row {
485    display: flex;
486    align-items: center;
487    gap: 6px;
488}
489
490.decimal-stars {
491    position: relative;
492    display: inline-flex;
493    line-height: 1;
494    user-select: none;
495}
496
497.stars-background {
498    display: flex;
499    gap: 2px;
500    color: #E0E0E0;
501}
502
503.stars-foreground {
504    position: absolute;
505    top: 0;
506    left: 0;
507    display: flex;
508    gap: 2px;
509    overflow: hidden;
510    color: #F9AB00;
511    width: 0%; /* Adjusted by JavaScript */
512}
513
514.stars-background svg,
515.stars-foreground svg {
516    display: block;
517    flex-shrink: 0;
518}
519
520.gr-widget-bottom-row {
521    flex-basis: 100%; /* Forces this container to a new line */
522    margin-top: 2px;
523}
524</style>
525
526<style>
527.gr-star-widget {
528    display: inline-flex;
529    flex-wrap: wrap; /* Allows elements to drop to the next line */
530    align-items: center;
531    gap: 1px;
532    background: #f8f9fa;
533    border: 1px solid #e9ecef00;
534    border-radius: 8px;
535    padding: 10px 32px;
536    margin-top: 10px;
537    max-width: fit-content;
538}
539
540.gr-widget-top-row {
541    display: flex;
542    align-items: center;
543    gap: 6px;
544}
545
546.decimal-stars {
547    position: relative;
548    display: inline-flex;
549    line-height: 1;
550    user-select: none;
551}
552
553.stars-background {
554    display: flex;
555    gap: 2px;
556    color: #E0E0E0;
557}
558
559.stars-foreground {
560    position: absolute;
561    top: 0;
562    left: 0;
563    display: flex;
564    gap: 2px;
565    overflow: hidden;
566    color: #F9AB00;
567    width: 0%; /* Adjusted by JavaScript */
568}
569
570.stars-background svg,
571.stars-foreground svg {
572    display: block;
573    flex-shrink: 0;
574}
575
576.gr-widget-bottom-row {
577    flex-basis: 100%; /* Forces this container to a new line */
578    margin-top: 2px;
579}
580</style>
581
582<style>
583.gr-star-widget {
584    display: inline-flex;
585    flex-wrap: wrap; /* Allows elements to drop to the next line */
586    align-items: center;
587    gap: 1px;
588    background: #f8f9fa;
589    border: 1px solid #e9ecef00;
590    border-radius: 8px;
591    padding: 10px 32px;
592    margin-top: 10px;
593    max-width: fit-content;
594}
595
596.gr-widget-top-row {
597    display: flex;
598    align-items: center;
599    gap: 6px;
600}
601
602.decimal-stars {
603    position: relative;
604    display: inline-flex;
605    line-height: 1;
606    user-select: none;
607}
608
609.stars-background {
610    display: flex;
611    gap: 2px;
612    color: #E0E0E0;
613}
614
615.stars-foreground {
616    position: absolute;
617    top: 0;
618    left: 0;
619    display: flex;
620    gap: 2px;
621    overflow: hidden;
622    color: #F9AB00;
623    width: 0%; /* Adjusted by JavaScript */
624}
625
626.stars-background svg,
627.stars-foreground svg {
628    display: block;
629    flex-shrink: 0;
630}
631
632.gr-widget-bottom-row {
633    flex-basis: 100%; /* Forces this container to a new line */
634    margin-top: 2px;
635}
636</style>
637
638<style>
639.gr-star-widget {
640    display: inline-flex;
641    flex-wrap: wrap; /* Allows elements to drop to the next line */
642    align-items: center;
643    gap: 1px;
644    background: #f8f9fa;
645    border: 1px solid #e9ecef00;
646    border-radius: 8px;
647    padding: 10px 32px;
648    margin-top: 10px;
649    max-width: fit-content;
650}
651
652.gr-widget-top-row {
653    display: flex;
654    align-items: center;
655    gap: 6px;
656}
657
658.decimal-stars {
659    position: relative;
660    display: inline-flex;
661    line-height: 1;
662    user-select: none;
663}
664
665.stars-background {
666    display: flex;
667    gap: 2px;
668    color: #E0E0E0;
669}
670
671.stars-foreground {
672    position: absolute;
673    top: 0;
674    left: 0;
675    display: flex;
676    gap: 2px;
677    overflow: hidden;
678    color: #F9AB00;
679    width: 0%; /* Adjusted by JavaScript */
680}
681
682.stars-background svg,
683.stars-foreground svg {
684    display: block;
685    flex-shrink: 0;
686}
687
688.gr-widget-bottom-row {
689    flex-basis: 100%; /* Forces this container to a new line */
690    margin-top: 2px;
691}
692</style>
693
694<style>
695.gr-star-widget {
696    display: inline-flex;
697    flex-wrap: wrap; /* Allows elements to drop to the next line */
698    align-items: center;
699    gap: 1px;
700    background: #f8f9fa;
701    border: 1px solid #e9ecef00;
702    border-radius: 8px;
703    padding: 10px 32px;
704    margin-top: 10px;
705    max-width: fit-content;
706}
707
708.gr-widget-top-row {
709    display: flex;
710    align-items: center;
711    gap: 6px;
712}
713
714.decimal-stars {
715    position: relative;
716    display: inline-flex;
717    line-height: 1;
718    user-select: none;
719}
720
721.stars-background {
722    display: flex;
723    gap: 2px;
724    color: #E0E0E0;
725}
726
727.stars-foreground {
728    position: absolute;
729    top: 0;
730    left: 0;
731    display: flex;
732    gap: 2px;
733    overflow: hidden;
734    color: #F9AB00;
735    width: 0%; /* Adjusted by JavaScript */
736}
737
738.stars-background svg,
739.stars-foreground svg {
740    display: block;
741    flex-shrink: 0;
742}
743
744.gr-widget-bottom-row {
745    flex-basis: 100%; /* Forces this container to a new line */
746    margin-top: 2px;
747}
748</style>
749
750<style>
751.gr-star-widget {
752    display: inline-flex;
753    flex-wrap: wrap; /* Allows elements to drop to the next line */
754    align-items: center;
755    gap: 1px;
756    background: #f8f9fa;
757    border: 1px solid #e9ecef00;
758    border-radius: 8px;
759    padding: 10px 32px;
760    margin-top: 10px;
761    max-width: fit-content;
762}
763
764.gr-widget-top-row {
765    display: flex;
766    align-items: center;
767    gap: 6px;
768}
769
770.decimal-stars {
771    position: relative;
772    display: inline-flex;
773    line-height: 1;
774    user-select: none;
775}
776
777.stars-background {
778    display: flex;
779    gap: 2px;
780    color: #E0E0E0;
781}
782
783.stars-foreground {
784    position: absolute;
785    top: 0;
786    left: 0;
787    display: flex;
788    gap: 2px;
789    overflow: hidden;
790    color: #F9AB00;
791    width: 0%; /* Adjusted by JavaScript */
792}
793
794.stars-background svg,
795.stars-foreground svg {
796    display: block;
797    flex-shrink: 0;
798}
799
800.gr-widget-bottom-row {
801    flex-basis: 100%; /* Forces this container to a new line */
802    margin-top: 2px;
803}
804</style>
805
806<style>
807.gr-star-widget {
808    display: inline-flex;
809    flex-wrap: wrap; /* Allows elements to drop to the next line */
810    align-items: center;
811    gap: 1px;
812    background: #f8f9fa;
813    border: 1px solid #e9ecef00;
814    border-radius: 8px;
815    padding: 10px 32px;
816    margin-top: 10px;
817    max-width: fit-content;
818}
819
820.gr-widget-top-row {
821    display: flex;
822    align-items: center;
823    gap: 6px;
824}
825
826.decimal-stars {
827    position: relative;
828    display: inline-flex;
829    line-height: 1;
830    user-select: none;
831}
832
833.stars-background {
834    display: flex;
835    gap: 2px;
836    color: #E0E0E0;
837}
838
839.stars-foreground {
840    position: absolute;
841    top: 0;
842    left: 0;
843    display: flex;
844    gap: 2px;
845    overflow: hidden;
846    color: #F9AB00;
847    width: 0%; /* Adjusted by JavaScript */
848}
849
850.stars-background svg,
851.stars-foreground svg {
852    display: block;
853    flex-shrink: 0;
854}
855
856.gr-widget-bottom-row {
857    flex-basis: 100%; /* Forces this container to a new line */
858    margin-top: 2px;
859}
860</style>
861
862<style>
863.gr-star-widget {
864    display: inline-flex;
865    flex-wrap: wrap; /* Allows elements to drop to the next line */
866    align-items: center;
867    gap: 1px;
868    background: #f8f9fa;
869    border: 1px solid #e9ecef00;
870    border-radius: 8px;
871    padding: 10px 32px;
872    margin-top: 10px;
873    max-width: fit-content;
874}
875
876.gr-widget-top-row {
877    display: flex;
878    align-items: center;
879    gap: 6px;
880}
881
882.decimal-stars {
883    position: relative;
884    display: inline-flex;
885    line-height: 1;
886    user-select: none;
887}
888
889.stars-background {
890    display: flex;
891    gap: 2px;
892    color: #E0E0E0;
893}
894
895.stars-foreground {
896    position: absolute;
897    top: 0;
898    left: 0;
899    display: flex;
900    gap: 2px;
901    overflow: hidden;
902    color: #F9AB00;
903    width: 0%; /* Adjusted by JavaScript */
904}
905
906.stars-background svg,
907.stars-foreground svg {
908    display: block;
909    flex-shrink: 0;
910}
911
912.gr-widget-bottom-row {
913    flex-basis: 100%; /* Forces this container to a new line */
914    margin-top: 2px;
915}
916</style>
917
918<style>
919.gr-star-widget {
920    display: inline-flex;
921    flex-wrap: wrap; /* Allows elements to drop to the next line */
922    align-items: center;
923    gap: 1px;
924    background: #f8f9fa;
925    border: 1px solid #e9ecef00;
926    border-radius: 8px;
927    padding: 10px 32px;
928    margin-top: 10px;
929    max-width: fit-content;
930}
931
932.gr-widget-top-row {
933    display: flex;
934    align-items: center;
935    gap: 6px;
936}
937
938.decimal-stars {
939    position: relative;
940    display: inline-flex;
941    line-height: 1;
942    user-select: none;
943}
944
945.stars-background {
946    display: flex;
947    gap: 2px;
948    color: #E0E0E0;
949}
950
951.stars-foreground {
952    position: absolute;
953    top: 0;
954    left: 0;
955    display: flex;
956    gap: 2px;
957    overflow: hidden;
958    color: #F9AB00;
959    width: 0%; /* Adjusted by JavaScript */
960}
961
962.stars-background svg,
963.stars-foreground svg {
964    display: block;
965    flex-shrink: 0;
966}
967
968.gr-widget-bottom-row {
969    flex-basis: 100%; /* Forces this container to a new line */
970    margin-top: 2px;
971}
972</style>
973
974<style>
975.gr-star-widget {
976    display: inline-flex;
977    flex-wrap: wrap; /* Allows elements to drop to the next line */
978    align-items: center;
979    gap: 1px;
980    background: #f8f9fa;
981    border: 1px solid #e9ecef00;
982    border-radius: 8px;
983    padding: 10px 32px;
984    margin-top: 10px;
985    max-width: fit-content;
986}
987
988.gr-widget-top-row {
989    display: flex;
990    align-items: center;
991    gap: 6px;
992}
993
994.decimal-stars {
995    position: relative;
996    display: inline-flex;
997    line-height: 1;
998    user-select: none;
999}
1000
1001.stars-background {
1002    display: flex;
1003    gap: 2px;
1004    color: #E0E0E0;
1005}
1006
1007.stars-foreground {
1008    position: absolute;
1009    top: 0;
1010    left: 0;
1011    display: flex;
1012    gap: 2px;
1013    overflow: hidden;
1014    color: #F9AB00;
1015    width: 0%; /* Adjusted by JavaScript */
1016}
1017
1018.stars-background svg,
1019.stars-foreground svg {
1020    display: block;
1021    flex-shrink: 0;
1022}
1023
1024.gr-widget-bottom-row {
1025    flex-basis: 100%; /* Forces this container to a new line */
1026    mar
1026gin-top: 2px;
1027}
1028</style>
1029
1030<style>
1031.gr-star-widget {
1032    display: inline-flex;
1033    flex-wrap: wrap; /* Allows elements to drop to the next line */
1034    align-items: center;
1035    gap: 1px;
1036    background: #f8f9fa;
1037    border: 1px solid #e9ecef00;
1038    border-radius: 8px;
1039    padding: 10px 32px;
1040    margin-top: 10px;
1041    max-width: fit-content;
1042}
1043
1044.gr-widget-top-row {
1045    display: flex;
1046    align-items: center;
1047    gap: 6px;
1048}
1049
1050.decimal-stars {
1051    position: relative;
1052    display: inline-flex;
1053    line-height: 1;
1054    user-select: none;
1055}
1056
1057.stars-background {
1058    display: flex;
1059    gap: 2px;
1060    color: #E0E0E0;
1061}
1062
1063.stars-foreground {
1064    position: absolute;
1065    top: 0;
1066    left: 0;
1067    display: flex;
1068    gap: 2px;
1069    overflow: hidden;
1070    color: #F9AB00;
1071    width: 0%; /* Adjusted by JavaScript */
1072}
1073
1074.stars-background svg,
1075.stars-foreground svg {
1076    display: block;
1077    flex-shrink: 0;
1078}
1079
1080.gr-widget-bottom-row {
1081    flex-basis: 100%; /* Forces this container to a new line */
1082    margin-top: 2px;
1083}
1084</style>
1085
1086<style>
1087.gr-star-widget {
1088    display: inline-flex;
1089    flex-wrap: wrap; /* Allows elements to drop to the next line */
1090    align-items: center;
1091    gap: 1px;
1092    background: #f8f9fa;
1093    border: 1px solid #e9ecef00;
1094    border-radius: 8px;
1095    padding: 10px 32px;
1096    margin-top: 10px;
1097    max-width: fit-content;
1098}
1099
1100.gr-widget-top-row {
1101    display: flex;
1102    align-items: center;
1103    gap: 6px;
1104}
1105
1106.decimal-stars {
1107    position: relative;
1108    display: inline-flex;
1109    line-height: 1;
1110    user-select: none;
1111}
1112
1113.stars-background {
1114    display: flex;
1115    gap: 2px;
1116    color: #E0E0E0;
1117}
1118
1119.stars-foreground {
1120    position: absolute;
1121    top: 0;
1122    left: 0;
1123    display: flex;
1124    gap: 2px;
1125    overflow: hidden;
1126    color: #F9AB00;
1127    width: 0%; /* Adjusted by JavaScript */
1128}
1129
1130.stars-background svg,
1131.stars-foreground svg {
1132    display: block;
1133    flex-shrink: 0;
1134}
1135
1136.gr-widget-bottom-row {
1137    flex-basis: 100%; /* Forces this container to a new line */
1138    margin-top: 2px;
1139}
1140</style>
1141
1142<style>
1143.gr-star-widget {
1144    display: inline-flex;
1145    flex-wrap: wrap; /* Allows elements to drop to the next line */
1146    align-items: center;
1147    gap: 1px;
1148    background: #f8f9fa;
1149    border: 1px solid #e9ecef00;
1150    border-radius: 8px;
1151    padding: 10px 32px;
1152    margin-top: 10px;
1153    max-width: fit-content;
1154}
1155
1156.gr-widget-top-row {
1157    display: flex;
1158    align-items: center;
1159    gap: 6px;
1160}
1161
1162.decimal-stars {
1163    position: relative;
1164    display: inline-flex;
1165    line-height: 1;
1166    user-select: none;
1167}
1168
1169.stars-background {
1170    display: flex;
1171    gap: 2px;
1172    color: #E0E0E0;
1173}
1174
1175.stars-foreground {
1176    position: absolute;
1177    top: 0;
1178    left: 0;
1179    display: flex;
1180    gap: 2px;
1181    overflow: hidden;
1182    color: #F9AB00;
1183    width: 0%; /* Adjusted by JavaScript */
1184}
1185
1186.stars-background svg,
1187.stars-foreground svg {
1188    display: block;
1189    flex-shrink: 0;
1190}
1191
1192.gr-widget-bottom-row {
1193    flex-basis: 100%; /* Forces this container to a new line */
1194    margin-top: 2px;
1195}
1196</style>
1197
1198<style>
1199.gr-star-widget {
1200    display: inline-flex;
1201    flex-wrap: wrap; /* Allows elements to drop to the next line */
1202    align-items: center;
1203    gap: 1px;
1204    background: #f8f9fa;
1205    border: 1px solid #e9ecef00;
1206    border-radius: 8px;
1207    padding: 10px 32px;
1208    margin-top: 10px;
1209    max-width: fit-content;
1210}
1211
1212.gr-widget-top-row {
1213    display: flex;
1214    align-items: center;
1215    gap: 6px;
1216}
1217
1218.decimal-stars {
1219    position: relative;
1220    display: inline-flex;
1221    line-height: 1;
1222    user-select: none;
1223}
1224
1225.stars-background {
1226    display: flex;
1227    gap: 2px;
1228    color: #E0E0E0;
1229}
1230
1231.stars-foreground {
1232    position: absolute;
1233    top: 0;
1234    left: 0;
1235    display: flex;
1236    gap: 2px;
1237    overflow: hidden;
1238    color: #F9AB00;
1239    width: 0%; /* Adjusted by JavaScript */
1240}
1241
1242.stars-background svg,
1243.stars-foreground svg {
1244    display: block;
1245    flex-shrink: 0;
1246}
1247
1248.gr-widget-bottom-row {
1249    flex-basis: 100%; /* Forces this container to a new line */
1250    margin-top: 2px;
1251}
1252</style>
1253
1254   	</head>
1255   	<body>
1256  <!-- 	<div id="mySidepanel" class="sidepanel">-->
1257		<!--	<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>-->
1258		<!--	<a href="#">About</a>-->
1259		<!--	<a href="#">Services</a>-->
1260		<!--	<a href="#">Clients</a>-->
1261		<!--	<a href="#">Contact</a>-->
1261
1262		<!--</div>-->
1263        <!--<div class="top">-->
1264        <!--    <div class="container">-->
1265        <!--        <div class="row">-->
1266        <!--            <div class="col-lg-6 col-md-5 col-sm-12">-->
1267        <!--                <ul class="top-left">                            -->
1268        <!--                    -->
1269        <!--                    <li><i class="fas fa-phone-alt"></i> +91 9846043403 ,  +91 9388640364</li>-->
1270        <!--                    -->
1271        <!--                    -->
1272        <!--                    <li><i class="fas fa-envelope"></i> [email protected]</li>-->
1273        <!--                    -->
1274        <!--                </ul>-->
1275        <!--            </div>-->
1276        <!--            <div class="col-lg-6 col-md-7 col-sm-12">-->
1277        <!--                -->
1278        <!--                    -->
1279        <!--                    -->
1280        <!--                -->
1281        <!--            </div>-->
1282        <!--        </div>-->
1283        <!--    </div>-->
1284        <!--</div>-->
1285
1286		<!-- Start Navbar Area -->
1287<nav class="navbar-area" id="stickymenu">
1288    <div class="nav-topbar" style="background: #2F4A37">
1289        <div class="container">
1290            
1291                            <p class="text-white text-center mb-1 d-block d-md-none">Kerala Tourism (Govt. of Kerala) Accredited T O</p>
1292                    
1293            <div class="d-flex flex-column flex-md-row justify-content-between align-items-center">
1294                
1295                <ul class="top-left mb-0 text-center text-md-left">
1296                                            <li class="d-inline-block mr-2">
1297                            <i class="fas fa-phone-alt"></i>
1298                                            
1299                                                                                            <a href="tel:+91 9846043403" class="text-warning">+91 9846043403</a>
1300                                 ,                                                                                             <a href="tel:+91 9388640364" class="text-warning">+91 9388640364</a>
1301                                                                                    </li>
1302                                    
1303                                            <li class="d-inline-block">
1304                            <a href="mailto:[email protected]" class="text-white">
1305                                <i class="fas fa-envelope"></i> [email protected]
1306                            </a>
1307                        </li>
1308                                    </ul>
1309        
1310                
1311                                    <p class="text-white mb-0 d-none d-md-block">Kerala Tourism (Govt. of Kerala) Accredited T O</p>
1312                            </div>
1313        </div>
1314    </div>
1315
1316    <div class="container nav-container">
1317        <!-- Logo -->
1318        <a href="https://www.vagamon.com" class="nav-logo">
1319            <img src="https://www.vagamon.com/uploads/site_photos/921168b3b0c47176ee4b426c0b06ad55.png" 
1320                 Tourism Accredited Travel Expert Since 1997"
1321                 title="Kovalam.com – Your Trusted Kerala Travel Guide"
1322                 fetchpriority="high" loading="eager" alt="Official brand logo for Vagamon.com featuring a red paraglider flying over mountain peaks">
1323        </a>
1324
1325        <!-- Search Bar -->
1326        <div class="nav-search">
1327            <button type="button" id="searchToggle" class="premium-search-trigger">
1328                <div class="search-trigger-inner">
1329                    <div class="search-text-group">
1330                        <span class="main-label">Search</span>
1331                        <span class="sub-label">Hotels, Resorts...</span>
1332                    </div>
1333                    <div class="search-icon-circle">
1334                        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
1335                    </div>
1336                </div>
1337            </button>
1338        
1339            <div id="globalSearchContainer" class="global-search-dropdown">
1340                <form class="search-inner-form" onsubmit="return false;">
1341                    <input type="text" name="q" placeholder="Search Glamps, Domes, Resorts..." autocomplete="off">
1342                    <button type="button" id="closeSearch">
1342&times;</button>
1343                </form>
1344            </div>
1345            
1346            <style>
1347    /* Trigger Button Styling */
1348    .search-btn {
1349        background: none; border: none; color: white; cursor: pointer; padding: 5px;
1350    }
1351
1352    /* The Dropdown Container */
1353    .global-search-dropdown {
1354        position: fixed; top: -100px; left: 0; width: 100%;
1355        background: #ffffff; padding: 20px;
1356        box-shadow: 0 10px 30px rgba(0,0,0,0.1);
1357        z-index: 99999999;
1358        transition: top 0.3s ease-in-out;
1359        display: flex; justify-content: center;
1360    }
1361    .global-search-dropdown.active { top: 0; }
1362
1363    /* The Form within the dropdown */
1364    .search-inner-form {
1365        width: 100%; max-width: 800px; display: flex; align-items: center; gap: 15px;
1366    }
1367    .search-inner-form input {
1368        width: 100%; padding: 15px 20px; font-size: 18px;
1369        border: 2px solid #007bff; border-radius: 50px; outline: none;
1370    }
1371    #closeSearch {
1372        background: none; border: none; font-size: 30px; cursor: pointer; color: #999;
1373    }
1374
1375    /* Suggestions Box Adjustment */
1376    #globalSearchSuggestions {
1377        position: fixed !important;
1378        background: white; border-radius: 12px;
1379        box-shadow: 0 15px 40px rgba(0,0,0,0.2);
1380        display: none; z-index: 100000000;
1381        width: 100%; max-width: 800px;
1382        max-height: 70vh; overflow-y: auto;
1383    }
1384    .highlight-blue { color: #007bff; font-weight: bold; }
1385    
1386    /* Fixed alignment styling using Bootstrap 4 friendly flex layout */
1387    .suggestion-item { 
1388        padding: 12px 20px; 
1389        cursor: pointer; 
1390        display: flex; 
1391        align-items: center; 
1392        border-bottom: 1px solid #eee; 
1393    }
1394    .suggestion-item:hover { background: #f0f7ff; }
1395</style>
1396
1397<script>
1398document.addEventListener('DOMContentLoaded', function () {
1399    const searchInput = document.querySelector('.search-inner-form input');
1400    const suggestionsBox = document.getElementById('globalSearchSuggestions');
1401
1402    if (searchInput) {
1403        searchInput.addEventListener('keydown', function (event) {
1404            if (event.key === 'Enter') {
1405                event.preventDefault(); 
1406
1407                const query = this.value.trim();
1408                const isSuggestionsHidden = !suggestionsBox || suggestionsBox.style.display === 'none';
1409
1410                if (query === '' || isSuggestionsHidden) {
1411                    window.location.href = '/resorts';
1412                } else {
1413                    this.closest('form').submit();
1414                }
1415            }
1416        });
1417    }
1418});
1419</script>
1419
1420
1421<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
vendor: 2 bytes, line 1421
1421
1422<script>
1423$(document).ready(function() {
1424    const $input =$('.search-inner-form input'); 
1425    const $container =$('#globalSearchContainer');
1426    const $box =$('<div id="globalSearchSuggestions" class="shadow-sm"></div>').appendTo('body');
1427
1428    // 1. Toggle Search Dropdown
1429    $('#searchToggle').on('click', function() {
1430        $container.addClass('active');
1431        setTimeout(() => $input.focus(), 300); 
1432    });
1433
1434    $('#closeSearch').on('click', function() {
1435        $container.removeClass('active');$box.hide();
1436    });
1437
1438    // 2. Position Suggestions Box
1439    function positionDropdown() {
1440        if ($input.length === 0) return;
1441        const rect = $input[0].getBoundingClientRect();
1442        
1443        const windowWidth = $(window).width();
1444        let boxWidth = rect.width;
1445        let boxLeft = rect.left;
1446
1447        if (windowWidth < 768) {
1448            boxWidth = windowWidth - 30; 
1449            boxLeft = 15;
1450        }
1451
1452        $box.css({
1453            width: boxWidth + 'px',
1454            left: boxLeft + 'px',
1455            top: (rect.bottom + 10) + 'px'
1456        });
1457    }
1458
1459    // 3. Dropdown Suggestion Logic (Keyup)
1460    $input.on('keyup input', function() {
1461        const query = $(this).val().trim();
1462        if (query.length < 2) { $box.hide(); return; }
1463
1464        $.ajax({
1465            url: "https://www.vagamon.com/global-search-suggestions",
1466            method: "GET",
1467            data: { q: query },
1468            success: function(data) {
1469                if (data.length > 0) {
1470                    let html = '';
1471                    data.forEach(item => {
1472                        const regex = new RegExp('(' + query + ')', 'gi');
1473                        const matchesTitleDirectly = regex.test(item.title);
1474                        let highlighted = item.title.replace(regex, '<span class="highlight-blue">$1</span>');
1475                        
1476                        if (!matchesTitleDirectly && Array.isArray(item.keywords)) {
1477                            const matchedKeyword = item.keywords.find(kw => 
1478                                kw.toLowerCase().includes(query.toLowerCase())
1479                            );
1480                            if (matchedKeyword) {
1481                                highlighted += ` <span class="text-primary font-italic small ml-1">— ${matchedKeyword}</span>`;
1482                            }
1483                        }
1484                    
1485                        html += `
1486                            <div class="suggestion-item" data-url="${item.url}">
1487                                <div class="flex-shrink-0 bg-light rounded overflow-hidden d-flex align-items-center justify-content-center mr-3" style="width: 45px; height: 45px;">
1488                                    ${item.photo 
1489                                        ? `<img src="https://www.vagamon.com/uploads/hotel_featured_photos/${item.photo}" class="w-100 h-100" style="object-fit: cover;" alt="">`
1490                                        : `<i class="fa fa-search text-secondary"></i>`
1491                                    }
1492                                </div>
1493                                <div class="flex-grow-1 text-truncate mr-2">
1494                                    <span class="text-dark">${highlighted}</span>
1495                                </div>
1496                                ${item.type ? `<div class="flex-shrink-0 ml-auto"><span class="badge badge-light text-muted border px-2 py-1">${item.type}</span></div>` : ''}
1497                            </div>
1498                        `;
1499                    });
1500                    $box.html(html).show();
1501                    positionDropdown();
1502                } else { $box.hide(); }
1503            }
1504        });
1505    });
1506
1507    // 4. Full Search Results on "Enter" (For Category Page)
1508    $input.on('keypress', function(e) {
1509        if (e.which === 13) { 
1510            e.preventDefault();
1511            
1512            const query = $(this).val().trim();
1513            if (query.length < 2) return false;
1514    
1515            $box.hide();$.ajax({
1516                url: "/global-search-fetch",
1517                type: "GET",
1518                data: { q: query },
1519                success: function(res) {
1520                    const $area =$('#search-results-area');
1521                    const $grid =$('#search-results-grid');
1522                    const $title =$('#search-query-title');
1523    
1524                    if (res.success && res.data.length > 0) {
1525                        $title.html(`Found ${res.data.length} results for "${query}"`);
1526                        $grid.empty();
1527                        
1528                        res.data.forEach(hotel => {
1529                            $grid.append(`
1530                                <div class="col-md-4 col-sm-6 mb-4">
1531                                    <div class="hotel-item-card shadow-sm border-0" style="border-radius: 12px; overflow: hidden; background: #fff; height: 100%;">
1532                                        <div style="height: 200px; overflow: hidden;">
1533                                            <img src="https://www.vagamon.com/uploads/hotel_featured_photos/${hotel.hotel_featured_photo}" class="w-100 h-100" style="object-fit: cover;" alt="">
1534                                        </div>
1535                                        <div class="p-3">
1536                                            <span class="badge badge-danger mb-2">${hotel.r_hotel_category ? hotel.r_hotel_category.hotel_category_name : 'Resort'}</span>
1537                                            <h4 class="font-weight-bold mb-1" style="font-size: 18px;">${hotel.hotel_name}</h4>
1538                                            <p class="text-muted small mb-2"><i class="fa fa-map-marker"></i> ${hotel.hotel_address}</p>
1539                                            <a href="/${hotel.hotel_slug}" class="btn btn-sm btn-dark btn-block mt-2">View Details</a>
1540                                        </div>
1541                                    </div>
1542                                </div>
1543                            `);
1544                        });
1545    
1546                        $area.show();
1547                        $container.removeClass('active');$('html, body').animate({
1548                            scrollTop: $area.offset().top - 100
1549                        }, 500);
1550                    } else {
1551                        alert('No properties found for "' + query + '"');
1552                    }
1553                }
1554            });
1555            return false; 
1556        }
1557    });
1558
1559    $(document).on('click', '.suggestion-item', function() {
1560        window.location.href = $(this).data('url');
1561    });
1562
1563    // Close on escape key
1564    $(document).keyup(function(e) {
1565        if (e.key === "Escape") {
1566            $container.removeClass('active');$box.hide();
1567        }
1568    });
1569
1570    // Re-position dropdown on window resize
1571    $(window).on('resize', positionDropdown);
1572});
1573</script>
1573        </div>
1574
1575        <!-- Hamburger button (mobile only) -->
1576        <button class="nav-toggle" id="navToggle" aria-label="Open menu">
1577            <span></span>
1578            <span></span>
1579            <span></span>
1580        </button>
1581
1582        <!-- Desktop menu -->
1583        <ul class="nav-menu ml-auto" id="navMenu">
1584                                                <li class="nav-item has-dropdown">
1585                        <a href="#" class="nav-link">
1586                            Where to Stay
1587                            <svg width="10" height="6" viewBox="0 0 10 6"><path d="M1 1l4 4 4-4" stroke="currentColor" stroke-width="1.5" fill="none" stroke-linecap="round"/></svg>
1588                        </a>
1589                        <ul class="dropdown">
1590                                                                                                <li>
1591                                        <a href="https://www.vagamon.com/resorts">Resorts</a>
1592                                    </li>
1593                                                                                                                                <li>
1594                                        <a href="https://www.vagamon.com/hotels">Hotels</a>
1595                                    </li>
1596                                                                                                                                <li>
1597                                        <a href="https://www.vagamon.com/homestays">Homestays</a>
1598                                    </li>
1599                                                                                                                                <li>
1600                                        <a href="https://www.vagamon.com/glamps">Glamping and Domes</a>
1601                                    </li>
1602                                                                                                                                <li>
1603                                        <a href="https://www.vagamon.com/farm-stays">Farm Stays</a>
1604                                    </li>
1605                                                                                                                                <li>
1606                                        <a href="https://www.vagamon.com/restaurants">Restaurants</a>
1607                                    </li>
1608                                                                                    </ul>
1609                    </li>
1610                                                                <li class="nav-item has-dropdown">
1611                        <a href="https://www.vagamon.com/#" class="nav-link">
1612                            For the Tourist
1613                            <svg width="10" height="6" viewBox="0 0 10 6"><path d="M1 1l4 4 4-4" stroke="currentColor" stroke-width="1.5" fill="none" stroke-linecap="round"/></svg>
1614                        </a>
1615                        <ul class="dropdown">
1616                                                                                                <li>
1617                                        <a href="https://www.vagamon.com/places-to-visit">Places to visit</a>
1618                                    </li>
1619                                                                                                                                <li>
1620                                        <a href="https://www.vagamon.com/at-a-glance">At A Glance</a>
1621                                    </li>
1622                                                                                                                                <li>
1623                                        <a href="https://www.vagamon.com/dcsmat-group-of-institutions">DCSMAT Group of Institutions</a>
1624                                    </li>
1625                                                                                                                                <li>
1626                                        <a href="https://www.vagamon.com/kurisumala-ashram">Kurisumala Ashram</a>
1627                                    </li>
1628                                                                                                                                <li>
1629                                        <a href="https://www.vagamon.com/explore-kerala">Explore Kerala</a>
1630                                    </li>
1631                                                                                                                                <li>
1632                                        <a href="https://www.vagamon.com/paragliding">Paragliding</a>
1633                                    </li>
1634                                                                                    </ul>
1635                    </li>
1636                                                                <li class="nav-item has-dropdown">
1637                        <a href="https://www.vagamon.com/" class="nav-link">
1638                            Kerala Tour Packages
1639                            <svg width="10" height="6" viewBox="0 0 10 6"><path d="M1 1l4 4 4-4" stroke="currentColor" stroke-width="1.5" fill="none" stroke-linecap="round"/></svg>
1640                        </a>
1641                        <ul class="dropdown">
1642                                                                                                <li>
1643                                        <a href="https://www.vagamon.com/tour-packages">Kerala Tour Packages</a>
1644                                    </li>
1645                                                                                                                                <li>
1646                                        <a href="https://www.vagamon.com/tour-package/vagamon-holiday-packages">Vagamon Holiday Package</a>
1647                                    </li>
1648                                                                                    </ul>
1649                    </li>
1650                                                                <li class="nav-item">
1651                        <a href="https://www.vagamon.com/news" class="nav-link">News</a>
1652                    </li>
1653                                                                <li class="nav-item">
1654                        <a href="https://www.vagamon.com/contact" class="nav-link">Contact</a>
1655                    </li>
1656                                    </ul>
1657
1658        <!-- Mobile drawer overlay -->
1659        <div class="nav-overlay" id="navOverlay"></div>
1660
1661        <!-- Mobile drawer -->
1662        <div class="nav-drawer" id="navDrawer">
1663            <div class="drawer-header">
1664                <a href="https://www.vagamon.com">
1665                    <img src="https://www.vagamon.com/uploads/site_photos/921168b3b0c47176ee4b426c0b06ad55.png" 
1666                          style="height:40px" alt="Official brand logo for Vagamon.com featuring a red paraglider flying over mountain peaks">
1667                </a>
1668                <button class="drawer-close" id="navClose" aria-label="Close menu">&times;</button>
1669            </div>
1670            <ul class="drawer-menu">
1671                                                            <li class="drawer-item has-sub">
1672                            <a href="#" class="drawer-link">
1673                                Where to Stay
1674                                <svg width="10" height="6" viewBox="0 0 10 6"><path d="M1 1l4 4 4-4" stroke="currentColor" stroke-width="1.5" fill="none" stroke-linecap="round"/></svg>
1675                            </a>
1676                            <ul class="drawer-sub">
1677                                                                                                            <li><a href="https://www.vagamon.com/resorts">Resorts</a></li>
1678                                                                                                                                                <li><a href="https://www.vagamon.com/hotels">Hotels</a></li>
1679                                                                                                                                                <li><a href="https://www.vagamon.com/homestays">Homestays</a></li>
1680                                                                                                                                                <li><a href="https://www.vagamon.com/glamps">Glamping and Domes</a></li>
1681                                                                                                                                                <li><a href="https://www.vagamon.com/farm-stays">Farm Stays</a></li>
1682                                                                                                                                                <li><a href="https://www.vagamon.com/restaurants">Restaurants</a></li>
1683                                                                                                </ul>
1684                        </li>
1685                                                                                <li class="drawer-item has-sub">
1686                            <a href="https://www.vagamon.com/#" class="drawer-link">
1687                                For the Tourist
1688                                <svg width="10" height="6" viewBox="0 0 10 6"><path d="M1 1l4 4 4-4" stroke="currentColor" stroke-width="1.5" fill="none" stroke-linecap="round"/></svg>
1689                            </a>
1690                            <ul class="drawer-sub">
1691                                                                                                            <li><a href="https://www.vagamon.com/places-to-visit">Places to visit</a></li>
1692                                                                                                                                                <li><a href="https://www.vagamon.com/at-a-glance">At A Glance</a></li>
1693                                                                                                                                                <li><a href="https://www.vagamon.com/dcsmat-group-of-institutions">DCSMAT Group of Institutions</a></li>
1694                                                                                                                                                <li><a href="https://www.vagamon.com/kurisumala-ashram">Kurisumala Ashram</a></li>
1695                                                                                                                                                <li><a href="https://www.vagamon.com/explore-kerala">Explore Kerala</a></li>
1696                                                                                                                                                <li><a href="https://www.vagamon.com/paragliding">Paragliding</a></li>
1697                                                                                                </ul>
1698                        </li>
1699                                                                                <li class="drawer
1699-item has-sub">
1700                            <a href="https://www.vagamon.com/" class="drawer-link">
1701                                Kerala Tour Packages
1702                                <svg width="10" height="6" viewBox="0 0 10 6"><path d="M1 1l4 4 4-4" stroke="currentColor" stroke-width="1.5" fill="none" stroke-linecap="round"/></svg>
1703                            </a>
1704                            <ul class="drawer-sub">
1705                                                                                                            <li><a href="https://www.vagamon.com/tour-packages">Kerala Tour Packages</a></li>
1706                                                                                                                                                <li><a href="https://www.vagamon.com/tour-package/vagamon-holiday-packages">Vagamon Holiday Package</a></li>
1707                                                                                                </ul>
1708                        </li>
1709                                                                                <li class="drawer-item">
1710                            <a href="https://www.vagamon.com/news" class="drawer-link">News</a>
1711                        </li>
1712                                                                                <li class="drawer-item">
1713                            <a href="https://www.vagamon.com/contact" class="drawer-link">Contact</a>
1714                        </li>
1715                                                </ul>
1716        </div>
1717    </div>
1718</nav>
1719<!-- End Navbar Area -->
1720
1721<style>
1722/* Navbar Base */
1723.navbar-area {
1724    position: fixed; 
1725    top: 0; 
1726    left: 0; 
1727    right: 0; 
1728    z-index: 999;
1729    background: #fff;
1730    box-shadow: 0 2px 10px rgba(0,0,0,0.08);
1731    transition: box-shadow 0.3s;
1732}
1733.navbar-area.sticky {
1734    box-shadow: 0 4px 20px rgba(0,0,0,0.12);
1735}
1736.nav-container {
1737    display: flex; 
1738    align-items: center;
1739    height: 70px; 
1740    gap: 1rem;
1741}
1742.nav-logo img { 
1743    height: 50px; 
1744    width: auto; 
1745    display: block; 
1746}
1747.ml-auto { margin-left: auto; }
1748.mr-auto { margin-right: auto; }
1749
1750/* Topbar */
1751.nav-topbar {
1752    width: 100%;
1753    padding: 6px 0;
1754}
1755.nav-topbar .top-left {
1756    list-style: none;
1757    margin: 0; 
1758    padding: 0;
1759    display: flex; 
1760    gap: 1.5rem;
1761}
1762.nav-topbar .top-left li {
1763    color: #fff;
1764    font-size: 13px;
1765    display: flex; 
1766    align-items: center; 
1767    gap: 6px;
1768}
1769.nav-topbar .top-left li i {
1770    font-size: 12px;
1771}
1772
1773/* Desktop menu */
1774.nav-menu {
1775    display: flex; 
1776    align-items: center;
1777    list-style: none; 
1778    margin: 0; 
1779    padding: 0; 
1780    gap: 0.25rem;
1781}
1782.nav-item { position: relative; }
1783.nav-link {
1784    display: flex; 
1785    align-items: center; 
1786    gap: 4px;
1787    padding: 0.5rem 0.85rem;
1788    color: #333; 
1789    font-weight: 500; 
1790    font-size: 15px;
1791    text-decoration: none; 
1792    white-space: nowrap;
1793    transition: color 0.2s;
1794}
1795.nav-link:hover { color: var(--primary-color, #e84141); }
1796
1797/* Dropdown */
1798.dropdown {
1799    display: none; 
1800    position: absolute;
1801    top: 100%; 
1802    left: 0;
1803    background: #fff; 
1804    min-width: 200px;
1805    border-radius: 8px; 
1806    padding: 0.5rem 0;
1807    box-shadow: 0 8px 24px rgba(0,0,0,0.12);
1808    list-style: none; 
1809    margin: 0;
1810    z-index: 100;
1811}
1812.has-dropdown:hover .dropdown { display: block; }
1813.dropdown li a {
1814    display: block; 
1815    padding: 0.6rem 1.2rem;
1816    color: #444; 
1817    font-size: 14px; 
1818    text-decoration: none;
1819    transition: background 0.15s, color 0.15s;
1820}
1821.dropdown li a:hover { background: #f5f5f5; color: var(--primary-color, #e84141); }
1822
1823/* Search Container & Trigger */
1824.nav-search {
1825    flex: 1;
1826    max-width: 400px;
1827    margin: 0 20px;
1828    position: relative;
1829}
1830.premium-search-trigger {
1831    background: #ffffff;
1832    border: 1px solid #ddd;
1833    border-radius: 40px;
1834    padding: 5px 6px 5px 20px;
1835    cursor: pointer;
1836    transition: all 0.3s ease;
1837    display: flex;
1838    align-items: center;
1839    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
1840    min-width: 280px;
1841    outline: none;
1842    width: 100%;
1843}
1844.premium-search-trigger:hover {
1845    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
1846    border-color: #007bff;
1847}
1848.search-trigger-inner {
1849    display: flex;
1850    align-items: center;
1851    justify-content: space-between;
1852    width: 100%;
1853}
1854.search-text-group {
1855    display: flex;
1856    flex-direction: column;
1857    text-align: left;
1858}
1859.main-label {
1860    font-size: 13px;
1861    font-weight: 700;
1862    color: #333;
1863    line-height: 1.2;
1864}
1865.sub-label {
1866    font-size: 10px;
1867    color: #888;
1868    font-weight: 400;
1869}
1870.search-icon-circle {
1871    background: #f75757;
1872    width: 30px;
1873    height: 30px;
1874    border-radius: 50%;
1875    display: flex;
1876    align-items: center;
1877    justify-content: center;
1878    margin-left: 10px;
1879    flex-shrink: 0;
1880}
1881
1882/* Hamburger */
1883.nav-toggle {
1884    display: none; 
1885    flex-direction: column;
1886    gap: 5px; 
1887    padding: 8px;
1888    background: none; 
1889    border: none; 
1890    cursor: pointer;
1891    margin-left: auto;
1892}
1893.nav-toggle span {
1894    display: block; 
1895    width: 24px; 
1896    height: 2px;
1897    background: #333; 
1898    border-radius: 2px;
1899    transition: transform 0.3s, opacity 0.3s;
1900}
1901.nav-toggle.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
1902.nav-toggle.open span:nth-child(2) { opacity: 0; }
1903.nav-toggle.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
1904
1905/* Overlay & Drawer */
1906.nav-overlay {
1907    display: none; 
1908    position: fixed;
1909    inset: 0; 
1910    background: rgba(0,0,0,0.4);
1911    z-index: 1000;
1912}
1913.nav-overlay.active { display: block; }
1914
1915.nav-drawer {
1916    position: fixed; 
1917    top: 0; 
1918    left: -300px;
1919    width: 280px; 
1920    height: 100vh;
1921    background: #fff; 
1922    z-index: 1001;
1923    overflow-y: auto;
1924    transition: left 0.3s ease;
1925    box-shadow: 4px 0 20px rgba(0,0,0,0.15);
1926}
1927.nav-drawer.open { left: 0; }
1928.drawer-header {
1929    display: flex; 
1930    align-items: center;
1931    justify-content: space-between;
1932    padding: 1rem 1.2rem;
1933    border-bottom: 1px solid #eee;
1934}
1935.drawer-close {
1936    background: none; 
1937    border: none;
1938    font-size: 28px; 
1939    cursor: pointer; 
1940    color: #555;
1941    line-height: 1;
1942}
1943.drawer-menu { list-style: none; margin: 0; padding: 0.5rem 0; }
1944.drawer-link {
1945    display: flex; 
1946    align-items: center;
1947    justify-content: space-between;
1948    padding: 0.85rem 1.2rem;
1949    color: #333; 
1950    font-size: 15px; 
1951    font-weight: 500;
1952    text-decoration: none;
1953    border-bottom: 1px solid #f0f0f0;
1954}
1955.drawer-link:hover { color: var(--primary-color, #e84141); }
1956.drawer-sub {
1957    display: none; 
1958    list-style: none;
1959    margin: 0; 
1960    padding: 0;
1961    background: #f9f9f9;
1962}
1963.drawer-sub.open { display: block; }
1964.drawer-sub li a {
1965    display: block; 
1966    padding: 0.7rem 1.8rem;
1967    color: #555; 
1968    font-size: 14px; 
1969    text-decoration: none;
1970    border-bottom: 1px solid #eee;
1971}
1972.drawer-sub li a:hover { color: var(--primary-color, #e84141); }
1973
1974/* Responsive Media Queries */
1975@media (max-width: 991px) {
1976    .nav-topbar .top-left {
1977        gap: 1rem;
1978    }
1979    .nav-topbar .top-left li {
1980        font-size: 14px;
1981    }
1982}
1983
1984@media (max-width: 767px) {
1985    .nav-menu { display: none; }
1986    .nav-toggle { display: flex; }
1987
1988    .nav-topbar { padding: 5px 0; }
1989    .nav-topbar .top-left {
1990        flex-direction: row;
1991        justify-content: center;
1992        gap: 1rem;
1993        flex-wrap: wrap;
1994    }
1995    .nav-topbar .top-left li {
1996        font-size: 13px;
1997    }
1998
1999    .nav-search {
2000        margin: 0 10px;
2001        max-width: none;
2002    }
2003
2004    .premium-search-trigger {
2005        min-width: 100px !important;
2006        width: auto !important;
2007        padding: 4px 6px 4px 12px !important;
2008        border-radius: 30px !important;
2009    }
2010    
2011    .sub-label {
2012        display: none !important;
2013    }
2014
2015    .main-label {
2016        font-size: 12px !important;
2017    }
2018
2019    .search-icon-circle {
2020        width: 26px !important;
2021        height: 26px !important;
2022        margin-left: 5px !important;
2023    }
2024}
2025
2026@media (max-width: 400px) {
2027    .premium-search-trigger {
2028        min-width: 80px !important;
2029    }
2030    .nav-search {
2031        margin: 0 5px;
2032    }
2033}
2034</style>
2035
2036<script>
2037(function() {
2038    const toggle   = document.getElementById('navToggle');
2039    const drawer   = document.getElementById('navDrawer');
2040    const overlay  = document.getElementById('navOverlay');
2041    const close    = document.getElementById('navClose');
2042    const navbar   = document.getElementById('stickymenu');
2043
2044    function openDrawer() {
2045        if(drawer) drawer.classList.add('open');
2046        if(overlay) overlay.classList.add('active');
2047        if(toggle) toggle.classList.add('open');
2048        document.body.style.overflow = 'hidden';
2049    }
2050    function closeDrawer() {
2051        if(drawer) drawer.classList.remove('open');
2052        if(overlay) overlay.classList.remove('active');
2053        if(toggle) toggle.classList.remove('open');
2054        document.body.style.overflow = '';
2055    }
2056
2057    if(toggle) toggle.addEventListener('click', openDrawer);
2058    if(close) close.addEventListener('click', closeDrawer);
2059    if(overlay) overlay.addEventListener('click', closeDrawer);
2060
2061    // Submenu toggle in drawer
2062    document.querySelectorAll('.drawer-item.has-sub .drawer-link').forEach(function(link) {
2063        link.addEventListener('click', function(e) {
2064            e.preventDefault();
2065            var sub = this.nextElementSibling;
2066            if(sub) sub.classList.toggle('open');
2067        });
2068    });
2069
2070    // Sticky on scroll
2071    window.addEventListener('scroll', function() {
2072        if(navbar) {
2073            navbar.classList.toggle('sticky', window.scrollY > 120);
2074        }
2075    });
2076})();
2077</script>
2077        <main>  
2078		    
2079<!--<div class="search-section">-->
2080<!--        <div class="search-section" style="background-image:url('https://www.vagamon.com/uploads/site_photos/d7ab4cb4834e3ad0f25a8a9405c9586f.jpg');">-->
2081            
2082<!--			<div class="search-section1">-->
2083<!--				<h2>Vagamon: Your Definitive Travel Guide</h2>-->
2084<!--				<p>Discover the Best Resorts, Hotels, Homestays, Farm Stays, Tree Houses and Private Pool Villas in Vagamon</p>-->
2085				
2086<!--			</div>-->
2087<!--		</div>                -->
2088
2089    
2090<!--    </div>-->
2091<!--</div>  -->
2092
2093
2094<!--<div class="col-md-12">-->
2095<!--	<div class="container">-->
2096	    
2097<!--		<div class="search-section">-->
2098<!--				<style>
2099    /* Reuse the high-end styles from the global search */
2100    #sectionSearchSuggestions {
2101        position: absolute !important;
2102        z-index: 999999 !important;
2103        background: #ffffff !important;
2104        border: 1px solid #e0e0e0 !important;
2105        border-radius: 8px !important;
2106        box-shadow: 0 15px 35px rgba(0,0,0,0.15) !important;
2107        display: none;
2108        max-height: 400px;
2109        overflow-y: auto;
2110    }
2111    .suggestion-item {
2112        padding: 12px 20px !important;
2113        cursor: pointer !important;
2114        border-bottom: 1px solid #f5f5f5 !important;
2115        display: flex !important;
2116        justify-content: space-between !important;
2117        align-items: center !important;
2118        background: #fff !important;
2119    }
2120    .suggestion-item:hover { background: #f0f7ff !important; }
2121    .s-title { font-size: 15px !important; color: #1a1a1a !important; font-weight: 500 !important; }
2122    .highlight-blue { color: #007bff !important; font-weight: 700 !important; }
2123    .s-type { 
2124        font-size: 10px !important; 
2125        background: #007bff !important; 
2126        color: white !important; 
2127        padding: 2px 8px !important; 
2128        border-radius: 10px !important; 
2129        text-transform: uppercase !important; 
2130    }
2131</style>
2132
2133<div class="container"> 
2134    <div class="row">
2135        <div class="col-md-12">
2136            <div class="box" style="position: relative;"> 
2137                <form id="hotelSearchForm" action="https://www.vagamon.com/resorts" method="GET">
2138                    <div class="input-group input-box mb-3">
2139                        <input type="text" class="form-control" placeholder="Find anything ..." name="q" autocomplete="off">
2140                        <div class="input-group-append">
2141                            <button type="submit"><i class="fa fa-search"></i> Search</button>
2142                        </div>
2143                    </div>
2144                </form>
2145            </div>
2146        </div>
2147    </div>
2148</div>
2149
2150<script>
2151document.addEventListener('DOMContentLoaded', function () {
2152    const searchForm = document.getElementById('hotelSearchForm');
2153    const suggestionsBox = document.getElementById('sectionSearchSuggestions');
2154
2155    if (searchForm) {
2156        const searchInput = searchForm.querySelector('input[name="q"]');
2157
2158        if (searchInput) {
2159            searchInput.addEventListener('keydown', function (event) {
2160                if (event.key === 'Enter') {
2161                    const query = this.value.trim();
2162
2163                    // 1. If empty, stop form submission and redirect to clean /resorts
2164                    if (query === '') {
2165                        event.preventDefault();
2166                        window.location.href = "https://www.vagamon.com/resorts";
2167                        return;
2168                    }
2169
2170                    // 2. Check if the typed text matches a visible dropdown suggestion
2171                    let exactMatchFound = false;
2172                    if (suggestionsBox && suggestionsBox.style.display !== 'none') {
2173                        const items = suggestionsBox.querySelectorAll('.suggestion-item');
2174                        items.forEach(item => {
2175                            const titleEl = item.querySelector('.s-title');
2176                            const itemText = titleEl ? titleEl.textContent : item.textContent;
2177                            
2178                            if (itemText.trim().toLowerCase() === query.toLowerCase()) {
2179                                exactMatchFound = true;
2180                            }
2181                        });
2182                    }
2183
2184                    // 3. If they typed text but it's not a valid choice, redirect to clean /resorts without the 'q'
2185                    if (!exactMatchFound) {
2186                        event.preventDefault();
2187                        window.location.href = "https://www.vagamon.com/resorts";
2188                    }
2189                    
2190                    // Otherwise, if it matches, the form will submit normally with ?q=your-match
2191                }
2192            });
2193        }
2194
2195        // Catch manual clicks on the search button when the input is empty or invalid
2196        searchForm.addEventListener('submit', function (event) {
2197            const query = searchInput ? searchInput.value.trim() : '';
2198            
2199            let exactMatchFound = false;
2200            if (suggestionsBox && suggestionsBox.style.display !== 'none') {
2201                const items = suggestionsBox.querySelectorAll('.suggestion-item');
2202                items.forEach(item => {
2203                    const titleEl = item.querySelector('.s-title');
2204                    const itemText = titleEl ? titleEl.textContent : item.textContent;
2205                    if (itemText.trim().toLowerCase() === query.toLowerCase()) {
2206                        exactMatchFound = true;
2207                    }
2208                });
2209            }
2210
2211            if (query === '' || !exactMatchFound) {
2212                event.preventDefault();
2213                window.location.href = "https://www.vagamon.com/resorts";
2214            }
2215        });
2216    }
2217});
2218</script>
2218
2219
2220<script>
2221$(document).ready(function() {
2222    const $input = $('#hotelSearchForm input[name="q"]');
2223    const $form = $('#hotelSearchForm');
2224    
2225    // Create box specifically for this section
2226    const $box = $('<div id="sectionSearchSuggestions"></div>').appendTo('body');
2227
2228    function positionSectionBox() {
2229        const rect = $input[0].getBoundingClientRect();
2230        $box.css({
2231            width: rect.width + 'px',
2232            left: rect.left + window.scrollX + 'px',
2233            top: (rect.bottom + window.scrollY + 5) + 'px'
2234        });
2235    }
2236
2237    $input.on('keyup input', function() {
2238        const query = $(this).val().trim();
2239        
2240        if (query.length < 2) {
2241            $box.hide();
2242            return;
2243        }
2244
2245        $.ajax({
2246            url: "https://www.vagamon.com/global-search-suggestions", // Using the global route for multi-model search
2247            method: "GET",
2248            data: { q: query },
2249            success: function(data) {
2250                if (data.length > 0) {
2251                    let html = '';
2252                    data.forEach(function(item) {
2253                        const regex = new RegExp('(' + query + ')', 'gi');
2254                        const highlighted = item.title.replace(regex, '<span class="highlight-blue">$1</span>');
2255                        
2256                        html += `
2257                            <div class="suggestion-item" data-url="${item.url}">
2258                                <div>
2259                                    <i class="fa fa-map-marker-alt" style="margin-right:10px; color:#ccc;"></i>
2260                                    <span class="s-title">${highlighted}</span>
2261                                </div>
2262                                <span class="s-type">${item.type}</span>
2263                            </div>`;
2264                    });
2265                    
2266                    $box.html(html).show();
2267                    positionSectionBox();
2268                } else {
2269                    $box.hide();
2270                }
2271            }
2272        });
2273    });
2274
2275    // Handle selection
2276    $(document).on('click', '.suggestion-item', function() {
2277        window.location.href = $(this).data('url');
2278    });
2279
2280    // Hide on click away
2281    $(document).on('mousedown', function(e) {
2282        if (!$input.is(e.target) && !$box.is(e.target) && $box.has(e.target).length === 0) {
2283            $box.hide();
2284        }
2285    });
2286
2287    // Reposition on window changes
2288    $(window).on('resize scroll', function() {
2289        if ($box.is(':visible')) positionSectionBox();
2290    });
2291});
2292</script>
2292-->
2293<!--		</div>	-->
2294<!--	</div>	-->
2295<!--</div>-->
2296
2297
2298<!---->
2299
2300<div class="hotel pt-5 mt-5 mt-md-5 pt-md-3">
2301    <div class="container">
2302        <div class="row">
2303            <div class="col-md-12">
2304                <div class="heading newh1 pt-5 mt-md-5 pt-md-3">
2305                    <h1>Best Accommodation in Vagamon | Top Stays &amp; Resorts</h1>
2306                    <h3>Explore the curated collection of popular Resorts, Hotels, Homestays, Farmstays, Tree Houses and Private Pool Villas.</h3>
2307                </div>
2308            </div>
2309        </div>
2310
2311                                    <div class="c-category-section">
2312                    <div class="row">
2313                        <div class="col-lg-6 col-md-6 col-sm-12">
2314                            <h4 style="color:black">Resorts</h4>
2315                        </div>
2316                        <div class="col-lg-6 col-md-6 col-sm-12">
2317                            <a href="https://www.vagamon.com/resorts" class="viewMore">
2318                                View More
2319                            </a>
2320                        </div>
2321                    </div>
2322
2323                    <div class="row">
2324                                                    
2325                            <div class="col-lg-3 col-md-6 col-sm-12">
2326                                <div class="hotel-item effect-item">
2327
2328                                    <div class="photo image-effect">
2329                                        <img fetchpriority="high"
2330                                            loading="lazy"
2331                                            decoding="async"
2332                                        src="https://www.vagamon.com/uploads/hotel_listing_photos/675272a2a9373e1e1b90cb29a2754b6d.webp"
2333                                             
2334                                             width="600"
2335                                             height="400" alt="Exterior view of modern resort building architecture and paved courtyard at Winter Vale Green Stay in Vagamon">
2336                                                                                    <div class="type-textr">Deluxe Resorts</div>
2337                                                                            </div>
2338
2339                                    <div class="text">
2340                                                                                    <div class="type-price">
2341                                                <div class="d-flex justify-content-between align-items-center flex-nowrap gap-3">
2342                                                    <p class="mb-0" style="color:#02403d;">
2343                                                        <i class="fas fa-map-marker-alt"></i>
2344                                                        3.05 Km from Vagamon
2345                                                    </p>
2346                                                                                                    </div>
2347                                            </div>
2348                                        
2349                                        <h3>WINTER VALE GREEN STAY</h3>
2350
2351                                        <div class="location">
2352                                            <i class="fas fa-map-marker-alt"></i>
2353                                            Vagamon
2354                                        </div>
2355                                        
2356
2357                                       
2358
2359
2360
2361<div class="gr-star-widget">
2362    <!-- Top Row: Logo, Rating Number, and Star Graphics -->
2363    <div class="gr-widget-top-row">
2364        <!-- Google Logo Graphic -->
2365        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="16" height="16" style="flex-shrink: 0;">
2366            <path fill="#EA4335" d="M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"/>
2367            <path fill="#4285F4" d="M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"/>
2368            <path fill="#FBBC05" d="M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"/>
2369            <path fill="#34A853" d="M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.18 1.48-4.97 2.31-8.16 2.31-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"/>
2370        </svg>
2371        
2372        <!-- Rating Value Target Display -->
2373        <span style="color: #000000; font-size: 14px; font-weight: 700;">
2374            4.6
2375        </span>
2376        
2377        <!-- JS Dynamic Star Container -->
2378        <div class="decimal-stars" data-rating="4.6" data-size="14"></div>
2379    </div>
2380    
2381    <!-- Bottom Row: Review Total Count -->
2382    <div class="gr-widget-bottom-row">
2383        <span style="color: #6c757d; font-size: 12px; font-weight: 500; display: inline-block;">
2384            4,753 Google reviews
2385        </span>
2386    </div>
2387</div>
2388
2389
2390                                    </div>
2391
2392                                </div>
2393
2394                                
2395                                <a href="https://www.vagamon.com/winter-vale-green-stay"
2396                                   class="card-link"
2397                                   style="position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;opacity:0;"
2398                                   aria-label="WINTER VALE GREEN STAY"></a>
2399                            </div>
2400                                                    
2401                            <div class="col-lg-3 col-md-6 col-sm-12">
2402                                <div class="hotel-item effect-item">
2403
2404                                    <div class="photo image-effect">
2405                                        <img fetchpriority="high"
2406                                            loading="lazy"
2407                                            decoding="async"
2408                                        src="https://www.vagamon.com/uploads/hotel_listing_photos/5624f244cdecba029593653fe10fb4ba.webp"
2409                                             
2410                                             width="600"
2411                                             height="400" alt="Spacious cottage guest room interior with double bed, wooden furniture, and dining table at Orion County Vagamon">
2412                                                                                    <div class="type-textr">Deluxe Resorts</div>
2413                                                                            </div>
2414
2415                                    <div class="text">
2416                                                                                    <div class="type-price">
2417                                                <div class="d-flex justify-content-between align-items-center flex-nowrap gap-3">
2418                                                    <p class="mb-0" style="color:#02403d;">
2419                                                        <i class="fas fa-map-marker-alt"></i>
2420                                                        4.81 Km from Vagamon
2421                                                    </p>
2422                                                                                                    </div>
2423                                            </div>
2424                                        
2425                                        <h3>Orion County Vagamon</h3>
2426
2427                                        <div class="location">
2428                                            <i class="fas fa-map-marker-alt"></i>
2429                                            Vagamon
2430                                        </div>
2431                                        
2432
2433                                       
2434
2435
2436
2437<div class="gr-star-widget">
2438    <!-- Top Row: Logo, Rating Number, and Star Graphics -->
2439    <div class="gr-widget-top-row">
2440        <!-- Google Logo Graphic -->
2441        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="16" height="16" style="flex-shrink: 0;">
2442            <path fill="#EA4335" d="M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"/>
2443            <path fill="#4285F4" d="M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"/>
2444            <path fill="#FBBC05" d="M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"/>
2445            <path fill="#34A853" d="M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.18 1.48-4.97 2.31-8.16 2.31-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"/>
2446        </svg>
2447        
2448        <!-- Rating Value Target Display -->
2449        <span style="color: #000000; font-size: 14px; font-weight: 700;">
2450            4.2
2451        </span>
2452        
2453        <!-- JS Dynamic Star Container -->
2454        <div class="decimal-stars" data-rating="4.2" data-size="14"></div>
2455    </div>
2456    
2457    <!-- Bottom Row: Review Total Count -->
2458    <div class="gr-widget-bottom-row">
2459        <span style="color: #6c757d; font-size: 12px; font-weight: 500; display: inline-block;">
2460            896 Google reviews
2461        </span>
2462    </div>
2463</div>
2464
2465
2466                                    </div>
2467
2468                                </div>
2469
2470                                
2471                                <a href="https://www.vagamon.com/orion-county-vagamon"
2472                                   class="card-link"
2473                                   style="position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;opacity:0;"
2474                                   aria-label="Orion County Vagamon"></a>
2475                            </div>
2476                                                    
2477                            <div class="col-lg-3 col-md-6 col-sm-12">
2478                                <div class="hotel-item effect-item">
2479
2480                                    <div class="photo image-effect">
2481                                        <img fetchpriority="high"
2482                                            loading="lazy"
2483                                            decoding="async"
2484                                        src="https://www.vagamon.com/uploads/hotel_listing_photos/b214c9e8b2638c4c828658a7db6a323a.webp"
2485                                             
2486                                             width="600"
2487                                             height="400" alt="Aerial view of The Grasmere Resort Vagamon villas">
2488                                                                                    <div class="type-textr">Deluxe Resorts</div>
2489                                                                            </div>
2490
2491                                    <div class="text">
2492                                                                                    <div class="type-price">
2493                                                <div class="d-flex justify-content-between align-items-center flex-nowrap gap-3">
2494                                                    <p class="mb-0" style="color:#02403d;">
2495                                                        <i class="fas fa-map-marker-alt"></i>
2496                                                        11.82 Km from Vagamon
2497                                                    </p>
2498                                                                                                    </div>
2499                                            </div>
2500                                        
2501                                        <h3>THE GRASMERE RESORT</h3>
2502
2503                                        <div class="location">
2504                                            <i class="fas fa-map-marker-alt"></i>
2505                                            Vagamon
2506                                        </div>
2507                                        
2508
2509                                       
2510
2511
2512
2513<div class="gr-star-widget">
2514    <!-- Top Row: Logo, Rating Number, and Star Graphics -->
2515    <div class="gr-widget-top-row">
2516        <!-- Google Logo Graphic -->
2517        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="16" height="16" style="flex-shrink: 0;">
2518            <path fill="#EA4335" d="M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"/>
2519            <path fill="#4285F4" d="M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"/>
2520            <path fill="#FBBC05" d="M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"/>
2521            <path fill="#34A853" d="M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.18 1.48-4.97 2.31-8.16 2.31-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"/>
2522        </svg>
2523        
2524        <!-- Rating Value Target Display -->
2525        <span style="color: #000000; font-size: 14px; font-weight: 700;">
2526            4.1
2527        </span>
2528        
2529        <!-- JS Dynamic Star Container -->
2530        <div class="decimal-stars" data-rating="4.1" data-size="14"></div>
2531    </div>
2532    
2533    <!-- Bottom Row: Review Total Count -->
2534    <div class="gr-widget-bottom-row">
2535        <span style="color: #6c757d; font-size: 12px; font-weight: 500; display: inline-block;">
2536            1,413 Google reviews
2537        </span>
2538    </div>
2539</div>
2540
2541
2542                                    </div>
2543
2544                                </div>
2545
2546                                
2547                                <a href="https://www.vagamon.com/the-grasmere-resort"
2548                                   class="card-link"
2549                                   style="position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;opacity:0;"
2550                                   aria-label="THE GRASMERE RESORT"></a>
2551                            </div>
2552                                                    
2553                            <div class="col-lg-3 col-md-6 col-sm-12">
2554                                <div class="hotel-item effect-item">
2555
2556                                    <div class="photo image-effect">
2557                                        <img fetchpriority="high"
2558                                            loading="lazy"
2559                                            decoding="async"
2560                                        src="https://www.vagamon.com/uploads/hotel_listing_photos/02b0c6385617dcafaf7503b00eface74.webp"
2561                                             
2562                                             width="600"
2563                                             height="400" alt="Modern luxury cottage surrounded by dense forest at Vanaheim Resort Vagamon">
2564                                                                                    <div class="type-textr">Deluxe Resorts</div>
2565                                                                            </div>
2566
2567                                    <div class="text">
2568                                                                                    <div class="type-price">
2569                                                <div class="d-flex justify-content-between align-items-center flex-nowrap gap-3">
2570                                                    <p class="mb-0" style="color:#02403d;">
2571                                                        <i class="fas fa-map-marker-alt"></i>
2572                                                        3.74 Km from Vagamon
2573                                                    </p>
2574                                                                                                    </div>
2575                                            </div>
2576                                        
2577                                        <h3>Vanaheim Resort</h3>
2578
2579                                        <div class="location">
2580                                            <i class="fas fa-map-marker-alt"></i>
2581                                            Vagamon
2582                                        </div>
2583                                        
2584
2585                                       
2586
2587
2588
2589<div class="gr-star-widget">
2590    <!-- Top Row: Logo, Rating Number, and Star Graphics -->
2591    <div class="gr-widget-top-row">
2592        <!-- Google Logo Graphic -->
2593        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="16" height="16" style="flex-shrink: 0;">
2594            <path fill="#EA4335" d="M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"/>
2595            <path fill="#4285F4" d="M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"/>
2596            <path fill="#FBBC05" d="M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"/>
2597            <path fill="#34A853" d="M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.18 1.48-4.97 2.31-8.16 2.31-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"/>
2598        </svg>
2599        
2600        <!-- Rating Value Target Display -->
2601        <span style="color: #000000; font-size: 14px; font-weight: 700;">
2602            4.9
2603        </span>
2604        
2605        <!-- JS Dynamic Star Container -->
2606        <div class="decimal-stars" data-rating="4.9" data-size="14"></div>
2607    </div>
2608    
2609    <!-- Bottom Row: Review Total Count -->
2610    <div class="gr-widget-bottom-row">
2611        <span style="color: #6c757d; font-size: 12px; font-weight: 500; display: inline-block;">
2612            240 Google reviews
2613        </span>
2614    </div>
2615</div>
2616
2617
2618                                    </div>
2619
2620                                </div>
2621
2622                                
2623                                <a href="https://www.vagamon.com/vanaheim-resort"
2624                                   class="card-link"
2625                                   style="position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;opacity:0;"
2626                                   aria-label="Vanaheim Resort"></a>
2627                            </div>
2628                                            </div>
2629                </div>
2630                                                <div class="c-category-section">
2631                    <div class="row">
2632                        <div class="col-lg-6 col-md-6 col-sm-12">
2633                            <h4 style="color:black">Hotels</h4>
2634                        </div>
2635                        <div class="col-lg-6 col-md-6 col-sm-12">
2636                            <a href="https://www.vagamon.com/hotels" class="viewMore">
2637                                View More
2638                            </a>
2639                        </div>
2640                    </div>
2641
2642                    <div class="row">
2643                                                    
2644                            <div class="col-lg-3 col-md-6 col-sm-12">
2645                                <div class="hotel-item effect-item">
2646
2647                                    <div class="photo image-effect">
2648                                        <img fetchpriority="high"
2649                                            loading="lazy"
2650                                            decoding="async"
2651                                        src="https://www.vagamon.com/uploads/hotel_listing_photos/dadcb6027beb2bf3e4953973207affeb.webp"
2652                                             
2653                                             width="600"
2654                                             height="400" alt="Aerial view of Ice Hills Resort overlooking lush tea plantations and green hills in Vagamon">
2655                                                                            </div>
2656
2657                                    <div class="text">
2658                                                                                    <div class="type-price">
2659                                                <div class="d-flex justify-content-between align-items-center flex-nowrap gap-3">
2660                                                    <p class="mb-0" style="color:#02403d;">
2661                                                        <i class="fas fa-map-marker-alt"></i>
2662                                                        17.18 Km from Vagamon
2663                                                    </p>
2664                                                                                                    </div>
2665                                            </div>
2666                                        
2667                                        <h3>Ice Hills Resort</h3>
2668
2669                                        <div class="location">
2670                                            <i class="fas fa-map-marker-alt"></i>
2671                                            Vagamon
2672                                        </div>
2673                                        
2674
2675                                       
2676
2677
2678
2679<div class="gr-star-widget">
2680    <!-- Top Row: Logo, Rating Number, and Star Graphics -->
2681    <div class="gr-widget-top-row">
2682        <!-- Google Logo Graphic -->
2683        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="16" height="16" style="flex-shrink: 0;">
2684            <path fill="#EA4335" d="M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"/>
2685            <path fill="#4285F4" d="M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"/>
2686            <path fill="#FBBC05" d="M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"/>
2687            <path fill="#34A853" d="M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.18 1.48-4.97 2.31-8.16 2.31-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"/>
2688        </svg>
2689        
2690        <!-- Rating Value Target Display -->
2691        <span style="color: #000000; font-size: 14px; font-weight: 700;">
2692            4.4
2693        </span>
2694        
2695        <!-- JS Dynamic Star Container -->
2696        <div class="decimal-stars" data-rating="4.4" data-size="14"></div>
2697    </div>
2698    
2699    <!-- Bottom Row: Review Total Count -->
2700    <div class="gr-widget-bottom-row">
2701        <span style="color: #6c757d; font-size: 12px; font-weight: 500; display: inline-block;">
2702            423 Google reviews
2703        </span>
2704    </div>
2705</div>
2706
2707
2708                                    </div>
2709
2710                                </div>
2711
2712                                
2713                                <a href="https://www.vagamon.com/ice-hills-resort"
2714                                   class="card-link"
2715                                   style="position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;opacity:0;"
2716                                   aria-label="Ice Hills Resort"></a>
2717                            </div>
2718                                                    
2719                            <div class="col-lg-3 col-md-6 col-sm-12">
2720                                <div class="hotel-item effect-item">
2721
2722                                    <div class="photo image-effect">
2723                                        <img fetchpriority="high"
2724                                            loading="lazy"
2725                                            decoding="async"
2726                                        src="https://www.vagamon.com/uploads/hotel_listing_photos/63c6190d7a3f754debd5cf4af3d06757.webp"
2727                                             
2728                                             width="600"
2729                                             height="400" alt="Exterior front elevation view of Vagamon Hill Chimes resort against scenic Vagamon hills">
2730                                                                            </div>
2731
2732                                    <div class="text">
2733                                                                                    <div class="type-price">
2734                                                <div class="d-flex justify-content-between align-items-center flex-nowrap gap-3">
2735                                                    <p class="mb-0" style="color:#02403d;">
2736                                                        <i class="fas fa-map-marker-alt"></i>
2737                                                        3.92 Km from Vagamon
2738                                                    </p>
2739                                                                                                    </div>
2740                                            </div>
2741                                        
2742                                        <h3>Vagamon Hill Chimes</h3>
2743
2744                                        <div class="location">
2745                                            <i class="fas fa-map-marker-alt"></i>
2746                                            Vagamon
2747                                        </div>
2748                                        
2749
2750                                       
2751
2752
2753
2754<div class="gr-star-widget">
2755    <!-- Top Row: Logo, Rating Number, and Star Graphics -->
2756    <div class="gr-widget-top-row">
2757        <!-- Google Logo Graphic -->
2758        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="16" height="16" style="flex-shrink: 0;">
2759            <path fill="#EA4335" d="M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"/>
2760            <path fill="#4285F4" d="M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"/>
2761            <path fill="#FBBC05" d="M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"/>
2762            <path fill="#34A853" d="M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.18 1.48-4.97 2.31-8.16 2.31-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"/>
2763        </svg>
2764        
2765        <!-- Rating Value Target Display -->
2766        <span style="color: #000000; font-size: 14px; font-weight: 700;">
2767            4.4
2768        </span>
2769        
2770        <!-- JS Dynamic Star Container -->
2771        <div class="decimal-stars" data-rating="4.4" data-size="14"></div>
2772    </div>
2773    
2774    <!-- Bottom Row: Review Total Count -->
2775    <div class="gr-widget-bottom-row">
2776        <span style="color: #6c757d; font-size: 12px; font-weight: 500; display: inline-block;">
2777            407 Google reviews
2778        </span>
2779    </div>
2780</div>
2781
2782
2783                                    </div>
2784
2785                                </div>
2786
2787                                
2788                                <a href="https://www.vagamon.com/vagamon-hill-chimes"
2789                                   class="card-link"
2790                                   style="position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;opacity:0;"
2791                                   aria-label="Vagamon Hill Chimes"></a>
2792                            </div>
2793                                                    
2794                            <div class="col-lg-3 col-md-6 col-sm-12">
2795                                <div class="hotel-item effect-item">
2796
2797                                    <div class="photo image-effect">
2798                                        <img fetchpriority="high"
2799                                            loading="lazy"
2800                                            decoding="async"
2801                                        src="https://www.vagamon.com/uploads/hotel_listing_photos/6586174c08fb13c22f567b599de90938.webp"
2802                                             
2803                                             width="600"
2804                                             height="400" alt="Modern mountain resort building of Le Crown Hotel in Vagamon">
2805                                                                            </div>
2806
2807                                    <div class="text">
2808                                                                                    <div class="type-price">
2809                                                <div class="d-flex justify-content-between align-items-center flex-nowrap gap-3">
2810                                                    <p class="mb-0" style="color:#02403d;">
2811                                                        <i class="fas fa-map-marker-alt"></i>
2812                                                        0.64 Km from Vagamon
2813                                                    </p>
2814                                                                                                    </div>
2815                                            </div>
2816                                        
2817                                        <h3>Le Crown Hotel Vagamon</h3>
2818
2819                                        <div class="location">
2820                                            <i class="fas fa-map-marker-alt"></i>
2821                                            Vagamon
2822                                        </div>
2823                                        
2824
2825                                       
2826
2827
2828
2829<div class="gr-star-widget">
2830    <!-- Top Row: Logo, Rating Number, and Star Graphics -->
2831    <div class="gr-widget-top-row">
2832        <!-- Google Logo Graphic -->
2833        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="16" height="16" style="flex-shrink: 0;">
2834            <path fill="#EA4335" d="M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"/>
2835            <path fill="#4285F4" d="M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"/>
2836            <path fill="#FBBC05" d="M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"/>
2837            <path fill="#34A853" d="M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.18 1.48-4.97 2.31-8.16 2.31-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"/>
2838        </svg>
2839        
2840        <!-- Rating Value Target Display -->
2841        <span style="color: #000000; font-size: 14px; font-weight: 700;">
2842            4.6
2843        </span>
2844        
2845        <!-- JS Dynamic Star Container -->
2846        <div class="decimal-stars" data-rating="4.6" data-size="14"></div>
2847    </div>
2848    
2849    <!-- Bottom Row: Review Total Count -->
2850    <div class="gr-widget-bottom-row">
2851        <span style="color: #6c757d; font-size: 12px; font-weight: 500; display: inline-block;">
2852            301 Google reviews
2853        </span>
2854    </div>
2855</div>
2856
2857
2858                                    </div>
2859
2860                                </div>
2861
2862                                
2863                                <a href="https://www.vagamon.com/le-crown-hotel-vagamon"
2864                                   class="card-link"
2865                                   style="position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;opacity:0;"
2866                                   aria-label="Le Crown Hotel Vagamon"></a>
2867                            </div>
2868                                                    
2869                            <div class="col-lg-3 col-md-6 col-sm-12">
2870                                <div class="hotel-item effect-item">
2871
2872                                    <div class="photo image-effect">
2873                                        <img fetchpriority="high"
2874                                            loading="lazy"
2875                                            decoding="async"
2876                                        src="https://www.vagamon.com/uploads/hotel_listing_photos/73fd8f8de4af5835e84494492878dd5b.webp"
2877                                             
2878                                             width="600"
2879                                             height="400" alt="Panoramic daytime view of Chillax Vagamon Hotel set against the rolling hills and green landscape of Vagamon">
2880                                                                            </div>
2881
2882                                    <div class="text">
2883                                                                                    <div class="type-price">
2884                                                <div class="d-flex justify-content-between align-items-center flex-nowrap gap-3">
2885                                                    <p class="mb-0" style="color:#02403d;">
2886                                                        <i class="fas fa-map-marker-alt"></i>
2887                                                        0.73 Km from Vagamon
2888                                                    </p>
2889                                                                                                    </div>
2890                                            </div>
2891                                        
2892                                        <h3>CHILLAX HOTEL</h3>
2893
2894                                        <div class="location">
2895                                            <i class="fas fa-map-marker-alt"></i>
2896                                            Vagamon
2897                                        </div>
2898                                        
2899
2900                                       
2901
2902
2903
2904<div class="gr-star-widget">
2905    <!-- Top Row: Logo, Rating Number, and Star Graphics -->
2906    <div class="gr-widget-top-row">
2907        <!-- Google Logo Graphic -->
2908        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="16" height="16" style="flex-shrink: 0;">
2909            <path fill="#EA4335" d="M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"/>
2910            <path fill="#4285F4" d="M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"/>
2911            <path fill="#FBBC05" d="M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"/>
2912            <path fill="#34A853" d="M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.18 1.48-4.97 2.31-8.16 2.31-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"/>
2913        </svg>
2914        
2915        <!-- Rating Value Target Display -->
2916        <span style="color: #000000; font-size: 14px; font-weight: 700;">
2917            3.9
2918        </span>
2919        
2920        <!-- JS Dynamic Star Container -->
2921        <div class="decimal-stars" data-rating="3.9" data-size="14"></div>
2922    </div>
2923    
2924    <!-- Bottom Row: Review Total Count -->
2925    <div class="gr-widget-bottom-row">
2926        <span style="color: #6c757d; font-size: 12px; font-weight: 500; display: inline-block;">
2927            1,957 Google reviews
2928        </span>
2929    </div>
2930</div>
2931
2932
2933                                    </div>
2934
2935                                </div>
2936
2937                                
2938                                <a href="https://www.vagamon.com/chillax-hotel"
2939                                   class="card-link"
2940                                   style="position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;opacity:0;"
2941                                   aria-label="CHILLAX HOTEL"></a>
2942                            </div>
2943                                            </div>
2944                </div>
2945                                                <div class="c-category-section">
2946                    <div class="row">
2947                        <div class="col-lg-6 col-md-6 col-sm-12">
2948                            <h4 style="color:black">Homestays</h4>
2949                        </div>
2950                        <div class="col-lg-6 col-md-6 col-sm-12">
2951                            <a href="https://www.vagamon.com/homestays" class="viewMore">
2952                                View More
2953                            </a>
2954                        </div>
2955                    </div>
2956
2957                    <div class="row">
2958                                                    
2959                            <div class="col-lg-3 col-md-6 col-sm-12">
2960                                <div class="hotel-item effect-item">
2961
2962                                    <div class="photo image-effect">
2963                                        <img fetchpriority="high"
2964                                            loading="lazy"
2965                                            decoding="async"
2966                                        src="https://www.vagamon.com/uploads/hotel_listing_photos/a4bd89148b95797ae619f6203a558cb8.webp"
2967                                             
2968                                             width="600"
2969                                             height="400" alt="Exterior view of Angel&#039;s Vagamon homestay villa with blue car parked on paved driveway">
2970                                                                            </div>
2971
2972                                    <div class="text">
2973                                                                                    <div class="type-price">
2974                                                <div class="d-flex justify-content-between align-items-center flex-nowrap gap-3">
2975                                                    <p class="mb-0" style="color:#02403d;">
2976                                                        <i class="fas fa-map-marker-alt"></i>
2977                                                        4.17 Km from Vagamon
2978                                                    </p>
2979                                                                                                    </div>
2980                                            </div>
2981                                        
2982                                        <h3>Angel&#039;s Vagamon</h3>
2983
2984                                        <div class="location">
2985                                            <i class="fas fa-map-marker-alt"></i>
2986                                            Vagamon
2987                                        </div>
2988                                        
2989
2990                                       
2991
2992
2993
2994<div class="gr-star-widget">
2995    <!-- Top Row: Logo, Rating Number, and Star Graphics -->
2996    <div class="gr-widget-top-row">
2997        <!-- Google Logo Graphic -->
2998        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="16" height="16" style="flex-shrink: 0;">
2999            <path fill="#EA4335" d="M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"/>
3000            <path fill="#4285F4" d="M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"/>
3001            <path fill="#FBBC05" d="M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"/>
3002            <path fill="#34A853" d="M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.18 1.48-4.97 2.31-8.16 2.31-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"/>
3003        </svg>
3004        
3005        <!-- Rating Value Target Display -->
3006        <span style="color: #000000; font-size: 14px; font-weight: 700;">
3007            4.7
3008        </span>
3009        
3010        <!-- JS Dynamic Star Container -->
3011        <div class="decimal-stars" data-rating="4.7" data-size="14"></div>
3012    </div>
3013    
3014    <!-- Bottom Row: Review Total Count -->
3015    <div class="gr-widget-bottom-row">
3016        <span style="color: #6c757d; font-size: 12px; font-weight: 500; display: inline-block;">
3017            68 Google reviews
3018        </span>
3019    </div>
3020</div>
3021
3022
3023                                    </div>
3024
3025                                </div>
3026
3027                                
3028                                <a href="https://www.vagamon.com/angels-vagamon"
3029                                   class="card-link"
3030                                   style="position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;opacity:0;"
3031                                   aria-label="Angel&#039;s Vagamon"></a>
3032                            </div>
3033                                                    
3034                            <div class="col-lg-3 col-md-6 col-sm-12">
3035                                <div class="hotel-item effect-item">
3036
3037                                    <div class="photo image-effect">
3038                                        <img fetchpriority="high"
3039                                            loading="lazy"
3040                                            decoding="async"
3041                                        src="https://www.vagamon.com/uploads/hotel_listing_photos/f188b9dc20af831490c14ca2fb5c1e8b.webp"
3042                                             
3043                                             width="600"
3044                                             height="400" alt="Cozy bedroom interior with blue accent wall and window view at Monkey Tribe Vagamon">
3045                                                                            </div>
3046
3047                                    <div class="text">
3048                                                                                    <div class="type-price">
3049                                                <div class="d-flex justify-content-between align-items-center flex-nowrap gap-3">
3050                                                    <p class="mb-0" style="color:#02403d;">
3051                                                        <i class="fas fa-map-marker-alt"></i>
3052                                                        3.4 Km from Vagamon
3053                                                    </p>
3054                                                                                                    </div>
3055                                            </div>
3056                                        
3057                                        <h3>Monkey Tribe Vagamon</h3>
3058
3059                                        <div class="location">
3060                                            <i class="fas fa-map-marker-alt"></i>
3061                                            Vagamon
3062                                        </div>
3063                                        
3064
3065                                       
3066
3067
3068
3069<div class="gr-star-widget">
3070    <!-- Top Row: Logo, Rating Number, and Star Graphics -->
3071    <div class="gr-widget-top-row">
3072        <!-- Google Logo Graphic -->
3073        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="16" height="16" style="flex-shrink: 0;">
3074            <path fill="#EA4335" d="M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"/>
3075            <path fill="#4285F4" d="M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"/>
3076            <path fill="#FBBC05" d="M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"/>
3077            <path fill="#34A853" d="M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.18 1.48-4.97 2.31-8.16 2.31-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"/>
3078        </svg>
3079        
3080        <!-- Rating Value Target Display -->
3081        <span style="color: #000000; font-size: 14px; font-weight: 700;">
3082            4.5
3083        </span>
3084        
3085        <!-- JS Dynamic Star Container -->
3086        <div class="decimal-stars" data-rating="4.5" data-size="14"></div>
3087    </div>
3088    
3089    <!-- Bottom Row: Review Total Count -->
3090    <div class="gr-widget-bottom-row">
3091        <span style="color: #6c757d; font-size: 12px; font-weight: 500; display: inline-block;">
3092            2,754 Google reviews
3093        </span>
3094    </div>
3095</div>
3096
3097
3098                                    </div>
3099
3100                                </div>
3101
3102                                
3103                                <a href="https://www.vagamon.com/monkey-tribe-vagamon"
3104                                   class="card-link"
3105                                   style="position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;opacity:0;"
3106                                   aria-label="Monkey Tribe Vagamon"></a>
3107                            </div>
3108                                                    
3109                            <div class="col-lg-3 col-md-6 col-sm-12">
3110                                <div class="hotel-item effect-item">
3111
3112                                    <div class="photo image-effect">
3113                                        <img fetchpriority="high"
3114                                            loading="lazy"
3115                                            decoding="async"
3116                                        src="https://www.vagamon.com/uploads/hotel_listing_photos/4fa0849c3fc8a35071ff086a73b6e6b9.webp"
3117                                             
3118                                             width="600"
3119                                             height="400" alt="Paved entrance driveway and front garden view of The Nest Homestay Vagamon">
3120                                                                            </div>
3121
3122                                    <div class="text">
3123                                                                                    <div class="type-price">
3124                                                <div class="d-flex justify-content-between align-items-center flex-nowrap gap-3">
3125                                                    <p class="mb-0" style="color:#02403d;">
3126                                                        <i class="fas fa-map-marker-alt"></i>
3127                                                        6.42 Km from Vagamon
3128                                                    </p>
3129                                                                                                    </div>
3130                                            </div>
3131                                        
3132                                        <h3>The Nest Homestay</h3>
3133
3134                                        <div class="location">
3135                                            <i class="fas fa-map-marker-alt"></i>
3136                                            Vagamon
3137                                        </div>
3138                                        
3139
3140                                       
3141
3142
3143
3144<div class="gr-star-widget">
3145    <!-- Top Row: Logo, Rating Number, and Star Graphics -->
3146    <div class="gr-widget-top-row">
3147        <!-- Google Logo Graphic -->
3148        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="16" height="16" style="flex-shrink: 0;">
3149            <path fill="#EA4335" d="M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"/>
3150            <path fill="#4285F4" d="M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"/>
3151            <path fill="#FBBC05" d="M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"/>
3152            <path fill="#34A853" d="M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.18 1.48-4.97 2.31-8.16 2.31-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"/>
3153        </svg>
3154        
3155        <!-- Rating Value Target Display -->
3156        <span style="color: #000000; font-size: 14px; font-weight: 700;">
3157            4.5
3158        </span>
3159        
3160        <!-- JS Dynamic Star Container -->
3161        <div class="decimal-stars" data-rating="4.5" data-size="14"></div>
3162    </div>
3163    
3164    <!-- Bottom Row: Review Total Count -->
3165    <div class="gr-widget-bottom-row">
3166        <span style="color: #6c757d; font-size: 12px; font-weight: 500; display: inline-block;">
3167            131 Google reviews
3168        </span>
3169    </div>
3170</div>
3171
3172
3173                                    </div>
3174
3175                                </div>
3176
3177                                
3178                                <a href="https://www.vagamon.com/the-nest-homestay"
3179                                   class="card-link"
3180                                   style="position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;opacity:0;"
3181                                   aria-label="The Nest Homestay"></a>
3182                            </div>
3183                                                    
3184                            <div class="col-lg-3 col-md-6 col-sm-12">
3185                                <div class="hotel-item effect-item">
3186
3187                                    <div class="photo image-effect">
3188                                        <img fetchpriority="high"
3189                                            loading="lazy"
3190                                            decoding="async"
3191                                        src="https://www.vagamon.com/uploads/hotel_listing_photos/6af29af77b4859ac46640951b41f1531.png"
3192                                             
3193                                             width="600"
3194                                             height="400" alt="Private artificial lake surrounded by lush green tea gardens and hills at Vagamon Hues">
3195                                                                            </div>
3196
3197                                    <div class="text">
3198                                                                                    <div class="type-price">
3199                                                <div class="d-flex justify-content-between align-items-center flex-nowrap gap-3">
3200                                                    <p class="mb-0" style="color:#02403d;">
3201                                                        <i class="fas fa-map-marker-alt"></i>
3202                                                        7.04 Km from Vagamon
3203                                                    </p>
3204                                                                                                    </div>
3205                                            </div>
3206                                        
3207                                        <h3>VAGAMON HUES - VAGAMON - KERALA</h3>
3208
3209                                        <div class="location">
3210                                            <i class="fas fa-map-marker-alt"></i>
3211                                            Vagamon
3212                                        </div>
3213                                        
3214
3215                                       
3216
3217
3218
3219<div class="gr-star-widget">
3220    <!-- Top Row: Logo, Rating Number, and Star Graphics -->
3221    <div class="gr-widget-top-row">
3222        <!-- Google Logo Graphic -->
3223        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="16" height="16" style="flex-shrink: 0;">
3224            <path fill="#EA4335" d="M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"/>
3225            <path fill="#4285F4" d="M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"/>
3226            <path fill="#FBBC05" d="M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"/>
3227            <path fill="#34A853" d="M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.18 1.48-4.97 2.31-8.16 2.31-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"/>
3228        </svg>
3229        
3230        <!-- Rating Value Target Display -->
3231        <span style="color: #000000; font-size: 14px; font-weight: 700;">
3232            4.3
3233        </span>
3234        
3235        <!-- JS Dynamic Star Container -->
3236        <div class="decimal-stars" data-rating="4.3" data-size="14"></div>
3237    </div>
3238    
3239    <!-- Bottom Row: Review Total Count -->
3240    <div class="gr-widget-bottom-row">
3241        <span style="color: #6c757d; font-size: 12px; font-weight: 500; display: inline-block;">
3242            174 Google reviews
3243        </span>
3244    </div>
3245</div>
3246
3247
3248                                    </div>
3249
3250                                </div>
3251
3252                                
3253                                <a href="https://www.vagamon.com/vagamon-hues"
3254                                   class="card-link"
3255                                   style="position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;opacity:0;"
3256                                   aria-label="VAGAMON HUES - VAGAMON - KERALA"></a>
3257                            </div>
3258                                            </div>
3259                </div>
3260                                                <div class="c-category-section">
3261                    <div class="row">
3262                        <div class="col-lg-6 col-md-6 col-sm-12">
3263                            <h4 style="color:black">Farm Stays</h4>
3264                        </div>
3265                        <div class="col-lg-6 col-md-6 col-sm-12">
3266                            <a href="https://www.vagamon.com/farm-stays" class="viewMore">
3267                                View More
3268                            </a>
3269                        </div>
3270                    </div>
3271
3272                    <div class="row">
3273                                                    
3274                            <div class="col-lg-3 col-md-6 col-sm-12">
3275                                <div class="hotel-item effect-item">
3276
3277                                    <div class="photo image-effect">
3278                                        <img fetchpriority="high"
3279                                            loading="lazy"
3280                                            decoding="async"
3281                                        src="https://www.vagamon.com/uploads/hotel_listing_photos/44300f792eb75865d8bb5230b86ba7ca.webp"
3282                                             
3283                                             width="600"
3284                                             height="400" alt="Exterior view of modern stone cottage rooms at Vagamon Heights in misty Vagamon hills">
3285                                                                            </div>
3286
3287                                    <div class="text">
3288                                                                                    <div class="type-price">
3289                                                <div class="d-flex justify-content-between align-items-center flex-nowrap gap-3">
3290                                                    <p class="mb-0" style="color:#02403d;">
3291                                                        <i class="fas fa-map-marker-alt"></i>
3292                                                        2.26 Km from Vagamon
3293                                                    </p>
3294                                                                                                    </div>
3295                                            </div>
3296                                        
3297                                        <h3>Vagamon Heights</h3>
3298
3299                                        <div class="location">
3300                                            <i class="fas fa-map-marker-alt"></i>
3301                                            Vagamon
3302                                        </div>
3303                                        
3304
3305                                       
3306
3307
3308
3309<div class="gr-star-widget">
3310    <!-- Top Row: Logo, Rating Number, and Star Graphics -->
3311    <div class="gr-widget-top-row">
3312        <!-- Google Logo Graphic -->
3313        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="16" height="16" style="flex-shrink: 0;">
3314            <path fill="#EA4335" d="M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"/>
3315            <path fill="#4285F4" d="M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"/>
3316            <path fill="#FBBC05" d="M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"/>
3317            <path fill="#34A853" d="M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.18 1.48-4.97 2.31-8.16 2.31-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"/>
3318        </svg>
3319        
3320        <!-- Rating Value Target Display -->
3321        <span style="color: #000000; font-size: 14px; font-weight: 700;">
3322            4.6
3323        </span>
3324        
3325        <!-- JS Dynamic Star Container -->
3326        <div class="decimal-stars" data-rating="4.6" data-size="14"></div>
3327    </div>
3328    
3329    <!-- Bottom Row: Review Total Count -->
3330    <div class="gr-widget-bottom-row">
3331        <span style="color: #6c757d; font-size: 12px; font-weight: 500; display: inline-block;">
3332            1,257 Google reviews
3333        </span>
3334    </div>
3335</div>
3336
3337
3338                                    </div>
3339
3340                                </div>
3341
3342                                
3343                                <a href="https://www.vagamon.com/vagamon-heights"
3344                                   class="card-link"
3345                                   style="position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;opacity:0;"
3346                                   aria-label="Vagamon Heights"></a>
3347                            </div>
3348                                                    
3349                            <div class="col-lg-3 col-md-6 col-sm-12">
3350                                <div class="hotel-item effect-item">
3351
3352                                    <div class="photo image-effect">
3353                                        <img fetchpriority="high"
3354                                            loading="lazy"
3355                                            decoding="async"
3356                                        src="https://www.vagamon.com/uploads/hotel_listing_photos/297fab067cde7bf3f2d1b523346ce205.webp"
3357                                             
3358                                             width="600"
3359                                             height="400" alt="Illuminated view of green cottage architecture at Lavender Plantation Stay set amidst nature in Pullikkanam Vagamon">
3360                                                                            </div>
3361
3362                                    <div class="text">
3363                                                                                    <div class="type-price">
3364                                                <div class="d-flex justify-content-between align-items-center flex-nowrap gap-3">
3365                                                    <p class="mb-0" style="color:#02403d;">
3366                                                        <i class="fas fa-map-marker-alt"></i>
3367                                                        4.28 Km from Vagamon
3368                                                    </p>
3369                                                                                                    </div>
3370                                            </div>
3371                                        
3372                                        <h3>LAVENDER PLANTATION STAY</h3>
3373
3374                                        <div class="location">
3375                                            <i class="fas fa-map-marker-alt"></i>
3376                                            Vagamon
3377                                        </div>
3378                                        
3379
3380                                       
3381
3382
3383
3384<div class="gr-star-widget">
3385    <!-- Top Row: Logo, Rating Number, and Star Graphics -->
3386    <div class="gr-widget-top-row">
3387        <!-- Google Logo Graphic -->
3388        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="16" height="16" style="flex-shrink: 0;">
3389            <path fill="#EA4335" d="M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"/>
3390            <path fill="#4285F4" d="M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"/>
3391            <path fill="#FBBC05" d="M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"/>
3392            <path fill="#34A853" d="M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.18 1.48-4.97 2.31-8.16 2.31-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"/>
3393        </svg>
3394        
3395        <!-- Rating Value Target Display -->
3396        <span style="color: #000000; font-size: 14px; font-weight: 700;">
3397            4.3
3398        </span>
3399        
3400        <!-- JS Dynamic Star Container -->
3401        <div class="decimal-stars" data-rating="4.3" data-size="14"></div>
3402    </div>
3403    
3404    <!-- Bottom Row: Review Total Count -->
3405    <div class="gr-widget-bottom-row">
3406        <span style="color: #6c757d; font-size: 12px; font-weight: 500; display: inline-block;">
3407            537 Google reviews
3408        </span>
3409    </div>
3410</div>
3411
3412
3413                                    </div>
3414
3415                                </div>
3416
3417                                
3418                                <a href="https://www.vagamon.com/lavender-plantation-stay"
3419                                   class="card-link"
3420                                   style="position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;opacity:0;"
3421                                   aria-label="LAVENDER PLANTATION STAY"></a>
3422                            </div>
3423                                                    
3424                            <div class="col-lg-3 col-md-6 col-sm-12">
3425                                <div class="hotel-item effect-item">
3426
3427                                    <div class="photo image-effect">
3428                                        <img fetchpriority="high"
3429                                            loading="lazy"
3430                                            decoding="async"
3431                                        src="https://www.vagamon.com/uploads/hotel_listing_photos/21cb460ab6ca56e46a3b4c61f3ae291e.webp"
3432                                             
3433                                             width="600"
3434                                             height="400" alt="Exterior view of single story farmstay cottage with blue tile roof and courtyard at Thanal Farm Stay Vagamon">
3435                                                                            </div>
3436
3437                                    <div class="text">
3438                                                                                    <div class="type-price">
3439                                                <div class="d-flex justify-content-between align-items-center flex-nowrap gap-3">
3440                                                    <p class="mb-0" style="color:#02403d;">
3441                                                        <i class="fas fa-map-marker-alt"></i>
3442                                                        0.6 Km from Vagamon
3443                                                    </p>
3444                                                                                                    </div>
3445                                            </div>
3446                                        
3447                                        <h3>Thanal Farm Stay Vagamon</h3>
3448
3449                                        <div class="location">
3450                                            <i class="fas fa-map-marker-alt"></i>
3451                                            Vagamon
3452                                        </div>
3453                                        
3454
3455                                       
3456
3457
3458
3459<div class="gr-star-widget">
3460    <!-- Top Row: Logo, Rating Number, and Star Graphics -->
3461    <div class="gr-widget-top-row">
3462        <!-- Google Logo Graphic -->
3463        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="16" height="16" style="flex-shrink: 0;">
3464            <path fill="#EA4335" d="M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"/>
3465            <path fill="#4285F4" d="M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"/>
3466            <path fill="#FBBC05" d="M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"/>
3467            <path fill="#34A853" d="M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.18 1.48-4.97 2.31-8.16 2.31-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"/>
3468        </svg>
3469        
3470        <!-- Rating Value Target Display -->
3471        <span style="color: #000000; font-size: 14px; font-weight: 700;">
3472            5.0
3473        </span>
3474        
3475        <!-- JS Dynamic Star Container -->
3476        <div class="decimal-stars" data-rating="5" data-size="14"></div>
3477    </div>
3478    
3479    <!-- Bottom Row: Review Total Count -->
3480    <div class="gr-widget-bottom-row">
3481        <span style="color: #6c757d; font-size: 12px; font-weight: 500; display: inline-block;">
3482            301 Google reviews
3483        </span>
3484    </div>
3485</div>
3486
3487
3488                                    </div>
3489
3490                                </div>
3491
3492                                
3493                                <a href="https://www.vagamon.com/thanal-farm-stay-vagamon"
3494                                   class="card-link"
3495                                   style="position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;opacity:0;"
3496                                   aria-label="Thanal Farm Stay Vagamon"></a>
3497                            </div>
3498                                                    
3499                            <div class="col-lg-3 col-md-6 col-sm-12">
3500                                <div class="hotel-item effect-item">
3501
3502                                    <div class="photo image-effect">
3503                                        <img fetchpriority="high"
3504                                            loading="lazy"
3505                                            decoding="async"
3506                                        src="https://www.vagamon.com/uploads/hotel_listing_photos/f1da0d10c9faef5fa4c6b919cd0fe750.webp"
3507                                             
3508                                             width="600"
3509                                             height="400" alt="Spacious open-plan resort lounge and indoor pavilion with high architectural ceilings at Ela Luxury Stay">
3510                                                                            </div>
3511
3512                                    <div class="text">
3513                                                                                    <div class="type-price">
3514                                                <div class="d-flex justify-content-between align-items-center flex-nowrap gap-3">
3515                                                    <p class="mb-0" style="color:#02403d;">
3516                                                        <i class="fas fa-map-marker-alt"></i>
3517                                                        14.53 Km from Vagamon
3518                                                    </p>
3519                                                                                                    </div>
3520                                            </div>
3521                                        
3522                                        <h3>ELA LUXURY STAY</h3>
3523
3524                                        <div class="location">
3525                                            <i class="fas fa-map-marker-alt"></i>
3526                                            Vagamon
3527                                        </div>
3528                                        
3529
3530                                       
3531
3532
3533
3534<div class="gr-star-widget">
3535    <!-- Top Row: Logo, Rating Number, and Star Graphics -->
3536    <div class="gr-widget-top-row">
3537        <!-- Google Logo Graphic -->
3538        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="16" height="16" style="flex-shrink: 0;">
3539            <path fill="#EA4335" d="M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"/>
3540            <path fill="#4285F4" d="M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"/>
3541            <path fill="#FBBC05" d="M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"/>
3542            <path fill="#34A853" d="M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.18 1.48-4.97 2.31-8.16 2.31-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"/>
3543        </svg>
3544        
3545        <!-- Rating Value Target Display -->
3546        <span style="color: #000000; font-size: 14px; font-weight: 700;">
3547            4.9
3548        </span>
3549        
3550        <!-- JS Dynamic Star Container -->
3551        <div class="decimal-stars" data-rating="4.9" data-size="14"></div>
3552    </div>
3553    
3554    <!-- Bottom Row: Review Total Count -->
3555    <div class="gr-widget-bottom-row">
3556        <span style="color: #6c757d; font-size: 12px; font-weight: 500; display: inline-block;">
3557            21 Google reviews
3558        </span>
3559    </div>
3560</div>
3561
3562
3563                                    </div>
3564
3565                                </div>
3566
3567                                
3568                                <a href="https://www.vagamon.com/era-luxury-stay"
3569                                   class="card-link"
3570                                   style="position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;opacity:0;"
3571                                   aria-label="ELA LUXURY STAY"></a>
3572                            </div>
3573                                            </div>
3574                </div>
3575                        </div>
3576</div>
3577
3578<div class="pt-5 mt-5 mt-md-5 pt-md-3">
3579<div class="popular-category">
3580	<div class="container">
3581		<div class="row">
3582            <div class="col-md-12">
3583                <div class="heading">
3584					<h2>Places to stay in Vagamon</h2>
3585					<h3>Resorts, Hotels, Homestays, Farm Stays, Private Villas, Tree Houses, Pool Villas in vagamon</h3>
3586				</div>
3587               <div class="swiper category-swiper">
3588                    <div class="swiper-wrapper">
3589                                                    <div class="swiper-slide">
3590                                <div class="popular-category-item effect-item"
3591                                    style="background-image: url(https://www.vagamon.com/uploads/hotel_category_photos/a6c1c38fb48ef6a8d6937835b69c5a70.webp);">
3592                                    <div class="bg image-effect"></div>
3593                                    <div class="text">
3594                                        <h4>Resorts</h4>
3595                                        <p>57 properties</p>
3596                                    </div>
3597                                    <a href="https://www.vagamon.com/resorts"></a>
3598                                </div>
3599                            </div>
3600                                                    <div class="swiper-slide">
3601                                <div class="popular-category-item effect-item"
3602                                    style="background-image: url(https://www.vagamon.com/uploads/hotel_category_photos/024657039fba69a6b3ee2e9b28beb564.webp);">
3603                                    <div class="bg image-effect"></div>
3604                                    <div class="text">
3605                                        <h4>Hotels</h4>
3606                                        <p>9 properties</p>
3607                                    </div>
3608                                    <a href="https://www.vagamon.com/hotels"></a>
3609                                </div>
3610                            </div>
3611                                                    <div class="swiper-slide">
3612                                <div class="popular-category-item effect-item"
3613                                    style="background-image: url(https://www.vagamon.com/uploads/hotel_category_photos/2f54c07725582e4ec402ce1eb5bb0016.webp);">
3614                                    <div class="bg image-effect"></div>
3615                                    <div class="text">
3616                                        <h4>Glamps and Domes</h4>
3617                                        <p>3 properties</p>
3618                                    </div>
3619                                    <a href="https://www.vagamon.com/glamps"></a>
3620                                </div>
3621                            </div>
3622                                                    <div class="swiper-slide">
3623                                <div class="popular-category-item effect-item"
3624                                    style="background-image: url(https://www.vagamon.com/uploads/hotel_category_photos/9d223
362412adf1f7ecac5482a8d223ff058.webp);">
3625                                    <div class="bg image-effect"></div>
3626                                    <div class="text">
3627                                        <h4>Homestays</h4>
3628                                        <p>17 properties</p>
3629                                    </div>
3630                                    <a href="https://www.vagamon.com/homestays"></a>
3631                                </div>
3632                            </div>
3633                                                    <div class="swiper-slide">
3634                                <div class="popular-category-item effect-item"
3635                                    style="background-image: url(https://www.vagamon.com/uploads/hotel_category_photos/1f340062dc793e8e8d72186bb5bf7303.webp);">
3636                                    <div class="bg image-effect"></div>
3637                                    <div class="text">
3638                                        <h4>Farm Stays</h4>
3639                                        <p>6 properties</p>
3640                                    </div>
3641                                    <a href="https://www.vagamon.com/farm-stays"></a>
3642                                </div>
3643                            </div>
3644                                                    <div class="swiper-slide">
3645                                <div class="popular-category-item effect-item"
3646                                    style="background-image: url(https://www.vagamon.com/uploads/hotel_category_photos/66898f8d789ba9f81f734cc3d84fc0d0.webp);">
3647                                    <div class="bg image-effect"></div>
3648                                    <div class="text">
3649                                        <h4>Restaurants</h4>
3650                                        <p>1 properties</p>
3651                                    </div>
3652                                    <a href="https://www.vagamon.com/restaurants"></a>
3653                                </div>
3654                            </div>
3655                                            </div>
3656                    
3657                </div>
3658
3659            </div>
3660
3661
3662            
3663
3664            <div class="col-md-8">
3665                <!--<div class="heading">-->
3666                <!--    <h2>Munnar </h2>-->
3667                <!--    <h3>The Tea hills</h3>-->
3668                <!--</div>-->
3669                <div class="popular-category">
3670	<div class="container">
3671		<div class="row">
3672            <div class="col-md-12 mt-4">
3673                <div class="heading">
3674					<h2>Explore, Save and Invest in Vagamon</h2>
3675					<h3>Tour Packages, Holiday Offers, Deals and Tourism Investment Opportunities</h3>
3676				</div>
3677                <!--<div class="row">-->
3678                <!--    -->
3679                <!--    -->
3680                <!--    <div class="col-lg-3 col-md-3 col-sm-3 mb-4 wow fadeInUp">-->
3681                <!--        <div class="popular-category-item effect-item" -->
3682                <!--             style="background-image: url(https://www.vagamon.com/uploads/page_banners/1773833104_list_banner_69ba8b90e5d44.webp);">-->
3683                            
3684                            
3685                <!--            <a href="https://www.vagamon.com/tour-packages"></a>-->
3686                <!--        </div>-->
3687                <!--    </div>-->
3688                <!--    -->
3689                <!--    -->
3690                <!--    <div class="col-lg-3 col-md-3 col-sm-3 mb-4 wow fadeInUp">-->
3691                <!--        <div class="popular-category-item effect-item" -->
3692                <!--             style="background-image: url(https://www.vagamon.com/uploads/dyp_banners/1773833152_69ba8bc0c5606.webp);">-->
3693                           
3694                            
3695                <!--            <a href="https://www.vagamon.com/day-packages"></a>-->
3696                    
3697                <!--        </div>-->
3698                <!--    </div>-->
3699                <!--    -->
3700                <!--    -->
3701                <!--    -->
3702                <!--    <div class="col-lg-3 col-md-3 col-sm-3 mb-4 wow fadeInUp">-->
3703                <!--        <div class="popular-category-item effect-item" -->
3704                <!--             style="background-image: url(https://www.vagamon.com/uploads/holiday_banners/1773833132_69ba8bac8a2f5.webp);">-->
3705                            
3706                            
3707                <!--            <a href="https://www.vagamon.com/holiday-offers"></a>-->
3708                <!--        </div>-->
3709                <!--    </div>-->
3710                <!--    -->
3711                
3712                <!--    -->
3713                <!--    -->
3714                <!--    <div class="col-lg-3 col-md-3 col-sm-3 mb-4 wow fadeInUp">-->
3715                <!--        <div class="popular-category-item effect-item" -->
3716                <!--             style="background-image: url(https://www.vagamon.com/uploads/iop_banners/1773833164_69ba8bcc3ecf4.webp);">-->
3717                            
3718                            
3719                <!--             <a href="https://www.vagamon.com/investment-opportunities"></a>-->
3720                <!--        </div>-->
3721                <!--    </div>-->
3722
3723                <!--    -->
3724                <!--</div>-->
3725                
3726                                     <div class="Ad-outerdiv mb-5">
3727                       
3728                                                            <a href="https://kumarakom.com/houseboats" target="_blank"><img src="https://www.vagamon.com/uploads/advertisements/2fbf2e53f71b7e229189883bbe2e576f.webp" alt="Kumarakom.com travel banner featuring luxury houseboats on Kerala backwaters at sunset with a coastal lighthouse, promoting Kerala tour packages." width="700" height="180" loading="lazy"></a>
3729                                                    
3730                    </div>    
3731                              
3732               
3733                                   <div class="mb-4">
3734                       
3735                                                            <a href="https://vagamon.com/tour-packages" target="_blank"><img src="https://www.vagamon.com/uploads/advertisements/14e5c99a410df57f74d1ff81b0f0d4b7.webp" Tour Packages" width="700" height="180" loading="lazy" alt=""></a>
3736                                                    
3737                    </div>    
3738                           </div>
3739		</div>
3740	</div>
3741</div>
3742
3743
3744
3745
3746   
3747            </div>
3748
3749
3750
3751
3752
3753
3754            <div class="col-lg-4 col-md-3 ps-md-4">
3755			    <div class="heading">
3756    <h5>Enquire Now</h2>
3757    <h6>Give us a Quick Enquiry</h3>
3758</div>  
3759
3760<div class="enquire">
3761    <form action="https://www.vagamon.com/enquire_now" method="POST" id="enquiryForm">
3762        <input type="hidden" name="_token" value="QPVtkY44r5ZaBRLgZL4ypFP5sdDyZB06YmE56ir3" autocomplete="off">        
3763        <!-- Hidden Security Fields -->
3764        <input type="hidden" name="form_timestamp" value="1790441354">
3765        <input type="hidden" name="security_token" value="HwgbMA0X4jKsJ8NXUnt2lumEd6Ir3Vij">
3766        
3767        <!-- Honeypot Fields -->
3768        <div style="display: none !important; opacity: 0; position: absolute; left: -9999px;">
3769            <input type="text" name="website" id="website" autocomplete="nope" tabindex="-1">
3770            <input type="email" name="email_confirmation" autocomplete="nope" tabindex="-1">
3771            <input type="checkbox" name="is_human" value="0" checked tabindex="-1">
3772        </div>
3773
3774        <div class="mb-3">
3775           <input type="text" class="form-control" id="name" name="name" placeholder="Name" required>
3776        </div>
3777
3778        <div class="mb-3">
3779         <input type="email" class="form-control" id="email" name="email" placeholder="Email">
3780        </div>
3781
3782        <div class="mb-3">
3783        <input type="text" class="form-control" id="phone" name="phone" placeholder="Phone" required>
3784        </div>
3785
3786        <div class="mb-3">
3787          <input type="text" class="form-control" id="place" name="place" placeholder="Place" required>
3788        </div>
3789
3790        <div class="mb-3">
3791            <input type="date" class="form-control" id="arrival_date" name="arrival_date" 
3792               placeholder="Arrival Date" required 
3793               min="2026-09-26">
3794        </div>
3795
3796        <div class="mb-3">
3797           <textarea class="form-control" id="text_message" name="text_message" placeholder="Message" rows="3"></textarea>
3798        </div>
3799
3800        
3801
3802        <button type="submit" class="btn btn-primary btn-block agent-view-profile bokking-form1" id="submitBtn">Submit</button>
3803    </form>
3804</div>
3805
3806
3807			</div>
3808		</div>
3809	</div>
3810</div>
3811
3812
3813
3814
3815
3816</div>
3817
3818<div class="testimonial">
3819    <div class="description-bg"></div>
3820    <div class="container">
3821        <div class="row">
3822            <div class="col-md-12">
3823                <div class="heading">
3824                    <h2>Vagamon – Kerala’s Scenic Hill Destination</h2>
3825                </div>
3826            </div>
3827        </div>
3828        <div class="row">
3829            <div class="col-md-12">
3830                <div class="testimonial-carousel owl-carousel">
3831                    
3832                    <div class="description-item wow fadeInUp">
3833                        <div class="row align-items-center">
3834                            <!-- Content split into two columns -->
3835                            <div class="col-md-12">
3836                                <div class="text text-two-columns">
3837                                    <p>
3838                                        <h2>Vagamon-Kerala-India</h2>
3839
3840<p>Set amid the green highlands of Kerala, Vagamon is a refreshing hill destination known for rolling meadows, pine-covered slopes, misty viewpoints, waterfalls and winding mountain roads. Located in Idukki district and close to the Kottayam–Idukki border, Vagamon attracts couples, families, groups, nature lovers and adventure travellers looking for a memorable holiday in the hills.</p>
3841
3842<h3>Plan Your Vagamon Holiday</h3>
3843
3844<p>Whether you are planning a weekend break or a longer Kerala holiday, Vagamon.com helps you find the information you need to plan your stay. Explore a wide choice of resorts in<strong> Vagamon, hotels in Vagamon, homestays, farmstays, glamping stays</strong> and domes to find accommodation that suits your budget and style of travel.<br><br>From comfortable family stays and romantic hill resorts to properties surrounded by plantations and open landscapes, Vagamon offers accommodation experiences for different types of travellers.</p>
3845
3846<h3>Places to Visit &amp; Things to Do in Vagamon</h3>
3847
3848<p>A Vagamon holiday is about much more than finding a place to stay. Explore popular places to visit in Vagamon, including <a href="https://www.kakkanad.com/vagamon-meadows"><strong>Vagamon Meadows</strong></a><strong>, </strong><a href="https://www.vagamon.com/pine-forest-vagamon"><strong>Pine Forest</strong></a><strong>,</strong><a href="https://www.vagamon.com/thangal-para-vagamon"><strong> Thangal Para</strong></a><strong>, </strong><a href="https://www.vagamon.com/murugan-mala-vagamon"><strong>Murugan Mala</strong></a><strong>, </strong><a href="https://www.vagamon.com/kurisumala-ashram"><strong>Kurisumala</strong></a><strong> and Kolahalamedu,</strong> along with waterfalls, viewpoints and attractions around the hill region.<br><br>Adventure seekers can also experience activities such as<a href="https://www.kakkanad.com/paragliding"><strong> paragliding</strong></a><strong> and trekking,</strong> while leisurely drives through the hills offer another way to enjoy Vagamon's changing landscapes.<br> </p>
3849
3850<h3>Find Stays, Attractions &amp; Vagamon Tour Packages</h3>
3851
3852<p>Planning your trip is easier when accommodation, sightseeing and travel information are available in one place. Browse Vagamon tour packages, explore nearby attractions, compare different types of stays and find useful travel information before your journey.0<br><br>Whether you are searching for <a href="https://www.vagamon.com/hotels"><strong>hotels</strong></a><strong>, </strong><a href="https://www.vagamon.com/resorts"><strong>resorts</strong></a><strong>, </strong><a href="https://www.vagamon.com/homestays"><strong>homestays</strong></a><strong>, </strong><a href="https://www.vagamon.com/farm-stays"><strong>farmstays</strong></a><strong>, </strong><a href="https://www.vagamon.com/glamps"><strong>glamping or domes </strong></a>in Vagamon, use Vagamon.com as your starting point for planning your visit.<br><br>Explore our <strong>Vagamon Travel Guide</strong> and start planning where to stay, what to see and what to experience in one of Kerala's distinctive hill destinations.</p>
3853                                    </p>
3854                                </div>
3855                            </div>
3856                            <!-- Image on the right -->
3857                            <!--<div class="col-md-6">-->
3858                            <!--    <div class="photo text-md-end">-->
3859                            <!--      	 <iframe  src="https://www.youtube.com/embed/EcbnJnLugD4?si=QVxG3upkqC7QLwsu" title="Escape to Vagamon – where the clouds kiss the hills!" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture;
3859 web-share" referrerpolicy="strict-origin-when-cross-origin" class="video-boarder" allowfullscreen></iframe>-->
3860                                   <!--  <img src="https://www.vagamon.com/uploads/site_photos/rex.jpg"  class="img-fluid" alt=""> -->
3861                            <!--    </div>-->
3862                            <!--</div>-->
3863                        </div>
3864                    </div>
3865                </div>
3866            </div>
3867        </div>
3868    </div>
3869</div>
3870				
3871				
3872<!--index-main-section-->
3873
3874
3875<div class="ad-section">
3876	<div class="container">
3877		<div class="row">
3878			<div class="col-md-6 col-sm-12 wow fadeInUp">
3879				<div class="inner">
3880											<a href="https://keralataxi.com/" target="_blank"><img src="https://www.vagamon.com/uploads/advertisements/9e5c8863552ec1cf4e7fc1aff8394b65.webp" alt="Reliable taxi services in Kerala-keralataxi" width="540"
3881  height="227"
3882  loading="lazy"></a>
3883									</div>
3884			</div>
3885			<div class="col-md-6 col-sm-12 wow fadeInUp">
3886				<div class="inner">
3887											<a href="https://www.keralatravels.com/kerala-ayurveda-packages.php" target="_blank"><img src="https://www.vagamon.com/uploads/advertisements/b8042c676fa28a9e14fdaeda74f43243.webp" alt="Kerala Ayurveda packages" width="540"
3888  height="227"
3889  loading="lazy"></a>
3890									</div>
3891			</div>
3892		</div>
3893	</div>
3894</div>
3895
3896
3897
3898<div class="popular-city">
3899    <div class="container">
3900        <div class="row">
3901            <div class="col-md-12">
3902                <div class="heading text-center">
3903                    <h2>Near by Attractions</h2>
3904                    <h3>A complete guide to the best tourist spots and experiences around Vagamon.</h3>
3905                </div>
3906            </div>
3907        </div>
3908
3909        <div class="row">
3910            <div class="col-md-12">
3911                <div class="text-right mb-4">
3912                    <a href="https://www.vagamon.com/places-to-visit" class="more-link">
3913                        More Attractions <i class="fa fa-arrow-right"></i>
3914                    </a>
3915                </div>
3916            </div>
3917        </div>
3918
3919        <div class="row">
3920            
3921                            <div class="col-lg-3 col-md-6 col-sm-6">
3922                    
3923                    <div class="popular-city-item effect-item">
3924                        <div class="photo image-effect">
3925                            <img src="https://www.vagamon.com/uploads/page_list_banners/9bcdf26974a2471fe769985fa8634191.webp"
3926                                 
3927                                 width="600"
3928                                 height="400"
3929                                 loading="lazy" alt="">
3930                        </div>
3931                        <div class="text near-attraction">
3932                            <h4>Vagamon Meadows</h4>
3933                            <p>Explore Vagamon Meadows: Discover Kerala&#039;s famous rolling grasslands, seasonal beauty, top outdoor activities, and essential travel tips.</p>
3934                        </div>
3935                        <a href="https://www.vagamon.com/vagamon-meadows"
3936                           aria-label="Vagamon Meadows"></a>
3937                    </div>
3938                </div>
3939                            <div class="col-lg-3 col-md-6 col-sm-6">
3940                    
3941                    <div class="popular-city-item effect-item">
3942                        <div class="photo image-effect">
3943                            <img src="https://www.vagamon.com/uploads/page_list_banners/3cbbe55acd78d1ea855f589d2beb15d5.webp"
3944                                 
3945                                 width="600"
3946                                 height="400"
3947                                 loading="lazy" alt="">
3948                        </div>
3949                        <div class="text near-attraction">
3950                            <h4>Vagamon Lake</h4>
3951                            <p>Vagamon Lake: A Peaceful Boating &amp; Scenic Hilltop Destination</p>
3952                        </div>
3953                        <a href="https://www.vagamon.com/vagamon-lake"
3954                           aria-label="Vagamon Lake"></a>
3955                    </div>
3956                </div>
3957                            <div class="col-lg-3 col-md-6 col-sm-6">
3958                    
3959                    <div class="popular-city-item effect-item">
3960                        <div class="photo image-effect">
3961                            <img src="https://www.vagamon.com/uploads/page_list_banners/0ce80f0b414e7202df430e0ced558fcc.webp"
3962                                 
3963                                 width="600"
3964                                 height="400"
3965                                 loading="lazy" alt="">
3966                        </div>
3967                        <div class="text near-attraction">
3968                            <h4>Thangal Para</h4>
3969                            <p>Visit Thangal Para, Vagamon&#039;s sacred hilltop destination blending spirituality, history and breathtaking panoramic mountain landscapes beautifully.</p>
3970                        </div>
3971                        <a href="https://www.vagamon.com/thangal-para-vagamon"
3972                           aria-label="Thangal Para"></a>
3973                    </div>
3974                </div>
3975                            <div class="col-lg-3 col-md-6 col-sm-6">
3976                    
3977                    <div class="popular-city-item effect-item">
3978                        <div class="photo image-effect">
3979                            <img src="https://www.vagamon.com/uploads/page_list_banners/e36591e3017dbbdf5c30493e45d5bd65.webp"
3980                                 
3981                                 width="600"
3982                                 height="400"
3983                                 loading="lazy" alt="">
3984                        </div>
3985                        <div class="text near-attraction">
3986                            <h4>Murugan Mala</h4>
3987                            <p>Murugan Mala Vagamon: A Sacred Hilltop Temple &amp;
3987 Scenic Mountain Viewpoint in Kerala</p>
3988                        </div>
3989                        <a href="https://www.vagamon.com/murugan-mala-vagamon"
3990                           aria-label="Murugan Mala"></a>
3991                    </div>
3992                </div>
3993                    </div>
3994
3995    </div>
3996</div>
3997
3998<div class="faq-section">
3999    <div class="container">
4000        <div class="row justify-content-center">
4001            <div class="col-lg-8">
4002
4003                <div class="faq-title-wrap text-center mb-5">
4004                    <h2 class="faq-title">Vagamon Travel FAQs: Best Time, Places to Visit and Stay Options</h2>
4005                    <div class="faq-title-bar"></div>
4006                </div>
4007
4008                <div class="faq-list">
4009                                        <div class="faq-item">
4010                        <div class="faq-question" onclick="toggleAnswer(1518)">
4011                            <h3 class="faq-question-text">What is the best time to visit Vagamon?</h3>
4012                            <span id="faqIcon1518" class="faq-icon">+</span>
4013                        </div>
4014                        <div id="faqAnswer1518" class="faq-answer">
4015                            <div class="faq-answer-inner faq-question-text">
4016                                <p>September to May is the best time to visit Vagamon. Winters (October to February) offer pleasant cool weather, perfect for sightseeing, trekking, and outdoor activities.</p>
4017                            </div>
4018                        </div>
4019                    </div>
4020                                        <div class="faq-item">
4021                        <div class="faq-question" onclick="toggleAnswer(1519)">
4022                            <h3 class="faq-question-text">Which are the must-visit tourist places in Vagamon?</h3>
4023                            <span id="faqIcon1519" class="faq-icon">+</span>
4024                        </div>
4025                        <div id="faqAnswer1519" class="faq-answer">
4026                            <div class="faq-answer-inner faq-question-text">
4027                                <p>Top tourist attractions in Vagamon include the Vagamon Pine Forest, Kurisumala Ashram, Vagamon Meadows (Green Meadows), Marmala Waterfall, Suicide Point, and Thangal Para.</p>
4028                            </div>
4029                        </div>
4030                    </div>
4031                                        <div class="faq-item">
4032                        <div class="faq-question" onclick="toggleAnswer(1520)">
4033                            <h3 class="faq-question-text">How many days are required for a Vagamon trip?</h3>
4034                            <span id="faqIcon1520" class="faq-icon">+</span>
4035                        </div>
4036                        <div id="faqAnswer1520" class="faq-answer">
4037                            <div class="faq-answer-inner faq-question-text">
4038                                <p>A 2-day, 1-night trip is ideal to explore all major sightseeing spots, enjoy nature walks, and relax at local resorts in Vagamon.</p>
4039                            </div>
4040                        </div>
4041                    </div>
4042                                        <div class="faq-item">
4043                        <div class="faq-question" onclick="toggleAnswer(1521)">
4044                            <h3 class="faq-question-text">What types of accommodation are available in Vagamon?</h3>
4045                            <span id="faqIcon1521" class="faq-icon">+</span>
4046                        </div>
4047                        <div id="faqAnswer1521" class="faq-answer">
4048                            <div class="faq-answer-inner faq-question-text">
4049                                <p>Vagamon offers diverse stay options, including luxury hill resorts, private eco-cottages, tea plantation bungalows, budget homestays, and adventure campsites.</p>
4050                            </div>
4051                        </div>
4052                    </div>
4053                                        <div class="faq-item">
4054                        <div class="faq-question" onclick="toggleAnswer(1522)">
4055                            <h3 class="faq-question-text">How to reach Vagamon from Cochin or Kottayam?</h3>
4056                            <span id="faqIcon1522" class="faq-icon">+</span>
4057                        </div>
4058                        <div id="faqAnswer1522" class="faq-answer">
4059                            <div class="faq-answer-inner faq-question-text">
4060                                <p>Vagamon is easily accessible by road. It is approximately 100 km from Cochin International Airport (COK) and 64 km from Kottayam Railway Station, with taxis and KSRTC buses readily available.</p>
4061                            </div>
4062                        </div>
4063                    </div>
4064                                    </div>
4065
4066            </div>
4067        </div>
4068    </div>
4069</div>
4070
4071        </main>
4072		<div class="footer-area">
4073	<div class="container">
4074		<div class="row">
4075			<div class="col-lg-3 col-md-4 col-sm-6">
4076				<div class="footer-item footer-service">
4077					<span>Categories</span>
4078					<ul class="fmain">
4079                        						                                                        						    <li>
4080                                <a href="https://www.vagamon.com/resorts">Resorts</a>
4081                            </li>
4082						                                                        						    <li>
4083                                <a href="https://www.vagamon.com/hotels">Hotels</a>
4084                            </li>
4085						                                                        						    <li>
4086                                <a href="https://www.vagamon.com/glamps">Glamps and Domes</a>
4087                            </li>
4088						                                                        						    <li>
4089                                <a href="https://www.vagamon.com/homestays">Homestays</a>
4090                            </li>
4091						                                                        						    <li>
4092                                <a href="https://www.vagamon.com/farm-stays">Farm Stays</a>
4093                            </li>
4094											</ul>
4095				</div>
4096			</div>
4097			<div class="col-lg-3 col-md-4 col-sm-6">
4098				<div class="footer-item footer-service">
4099					<span>Locations</span>
4100					
4101					<ul class="fmain">
4102
4103    					<li><a href="//www.kumarakom.com" target="_blank" title="kumarakom"> www.kumarakom.com</a></li>
4104    
4105    					<li><a href="//www.thekkady.com" target="_blank" title="Thekkady">www.thekkady.com</a></li>
4106    
4107    					<li><a href="//www.wayanad.com" target="_blank" title="Wayanad">www.wayanad.com</a></li>
4108    
4109    					<li><a href="//www.alappuzha.com" target="_blank" title="Alappuzha">www.alappuzha.com</a></li>
4110    
4111    					<li><a href="//www.kovalam.com" target="_blank" title="Kovalam">www.kovalam.com</a></li>
4112    
4113    					<li><a href="//www.vagamon.com" target="_blank" title="Vagamon">www.vagamon.com</a></li>
4114    					
4115    					<li><a href="//www.athirappally.com" target="_blank" title="Athirappally">www.athirappally.com</a></li>
4116                        
4117                        <li><a href="//www.athirappally.com" target="_blank" title="Munnar">www.munnar.com</a></li>
4118
4119				</ul>
4120					
4121				</div>
4122			</div>
4123			<div class="col-lg-3 col-md-4 col-sm-6">
4124				<div class="footer-item footer-service">
4125					<span>Footer Menu</span>
4126					<ul class="fmain">
4127						<li><a href="https://www.vagamon.com">Home</a></li>
4128
4129												<li><a href="https://www.vagamon.com/about">About</a></li>
4130                        
4131                        						<li><a href="https://www.vagamon.com/privacy-policy">Privacy Policy</a></li>
4132                        
4133                        						<li><a href="https://www.vagamon.com/terms-and-conditions">Terms and Conditions</a></li>
4134                        
4135                        						<li><a href="https://www.vagamon.com/blog">Blog</a></li>
4136                                                
4137                        						<li><a href="https://www.vagamon.com/who-we-are">Who we are</a></li>
4138												
4139                        <li><a href="https://www.vagamon.com/articles">Articles</a></li>
4140                        
4141					</ul>
4142				</div>
4143			</div>
4144			
4145			<div class="col-lg-3 col-md-4 col-sm-6">
4146				<div class="footer-item footer-contact">
4147					<span>Contact</span>
4148					<div class="d-flex flex-column flex-md-row justify-content-between align-items-center">
4149                    
4150                        <ul class="footer-contact-list mb-0 text-center text-md-left">
4151                                                            <li class="d-block mb-2">
4152                                    <p>Kerala.com Travel Division WorldViewer Dot Com(India)Pvt.Ltd. <br>
4153II Floor, G 66, Elders Forum Road Panampilly Nagar, Cochin<br>
4154Kerala, India - 682 036</p>
4155                                </li>
4156                                                                                        <li class="d-inline-block mr-2">
4157                                    <a href="mailto:[email protected]" class="text-white">
4158                                        [email protected]
4159                                    </a>
4160                                </li>
4161                                                        
4162                                                            <li class="d-inline-block">
4163                                                            
4164                                                                                                                    <a href="tel:+91 9846043403" class="text-warning">+91 9846043403</a>
4165                                         ,                                                                                                                     <a href="tel:+91 9388640364" class="text-warning">+91 9388640364</a>
4166                                                                                                            </li>
4167                                                    
4168                            
4169                        </ul>
4170                    
4171                    </div>
4172				</div>
4173				<div class="footer-item footer-service">
4174					<div class="footer-social-link">
4175						<ul>
4176							                                <li><a href="https://www.facebook.com/vagamonhills" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
4177                                                            <li><a href="https://www.twitter.com" target="_blank"><i class="fab fa-twitter"></i></a></li>
4178                                                            <li><a href="https://www.linkedin.com" target="_blank"><i class="fab fa-linkedin-in"></i></a></li>
4179                                                            <li><a href="https://www.pinterest.com" target="_blank"><i class="fab fa-pinterest-p"></i></a></li>
4180                            						</ul>
4181					</div>
4182				</div>
4183			</div>
4184		</div>
4185		<div class="row">
4186		    <div class="col-md-12 otherlink">
4187		        <p><b class="spam4">Destination Sites : </b><a href="//www.kumarakom.com/" target="_blank"> Kumarakom.com</a> |<a href="//athirappally.com/" target="_blank">Athirappally.com</a> | <a href="//kovalam.com/" target="_blank"> Kovalam.com</a> | <a href="//thekkady.com/" target="_blank"> Thekkady.com</a> | <a href="//www.munnar.com/" target="_blank"> Munnar.com</a>|<a href="//www.Wayanad.com/" target="_blank"> Wayanad.com</a> | <a href="//marayoortourism.com/" target="_blank"> Marayoortourism.com </a>| <a href="//cherai.in/" target="_blank"> Cherai.in</a> |<a href="//vagamon.com/" target="_blank"> Vagamon.com</a>|</b><a href="//www.alappuzha.com/" target="_blank"> alappuzha.com</a> |<a href="//bekal.com/" target="_blank"> Bekal.com</a></p>
4188           <p><b class="spam4">Other Destinations : </b><a href="https://kerala.com/nelliyampathy/" target="_blank">Nelliyampathy</a> | <a href="https://kerala.com/kodanad/" target="_blank">Kodanad </a>| <a href="https://kerala.com/fortkochi/" target="_blank">Fortkochi </a>|<a href="https://kerala.com/marari/" target="_blank"> Marari</a> | <a href="https://kerala.com/kulamavu/" target="_blank">Kulamavu</a> | 
4189              <a href="https://kerala.com/cherai/" target="_blank">Cherai </a>|
4190
4191              <a href="https://kerala.com/kanyakumari/" target="_blank">Kanyakumari</a> |<a href="https://kerala.com/kumbalangi/" target="_blank"> 
4192              Kumbalangi</a> |<a href="https://kerala.com/kuttikanam/" target="_blank"> Kuttikanam</a> | <a href="https://kerala.com/ramakkalmedu/" target="_blank">Ramakkalmedu </a> |<a href="https://kerala.com/vaikom/" target="_blank"> Vaikom</a>  </p>
4193		    </div>
4194			<div class="col-md-12">
4195				<div class="copyright">
4196				    <p class="footer-text" >Vagamon to Anywhere in Kerala. Book Your Kerala Taxi Today -<a href="https://keralataxi.com/" target="_blank" style="color: #faff2e;"> Keralataxi.com</a></p>
4197					<p>Copyright 2000 - 26 WorldViewer Dot Com. All rights reserved</p>
4198				</div>
4199			</div>
4200		</div>
4201	</div>
4202</div>
4203
4204
4205
4206<script async src='https://d2mpatx37cqexb.cloudfront.net/delightchat-whatsapp-widget/embeds/embed.min.js' defer></script>
4206
4207
4208
4209
4210<script>
4211    function loadWidget(settings) {
4212        if (typeof _waEmbed === 'function') {
4213            _waEmbed(settings);
4214        } else {
4215            setTimeout(() => loadWidget(settings), 100);
4216        }
4217    }
4218
4219    window.onload = () => {
4220        var wa_btnSetting = {
4221            "btnColor": "#16BE45",
4222            "cornerRadius": 40,
4223            "marginBottom": 40,
4224            "marginLeft": 20,
4225            "marginRight": 20,
4226            "btnPosition": "right",
4227            "whatsAppNumber": "919388640364",
4228            "welcomeMessage": "Hello, I'd like to get more information about your services.\nPage: https:\/\/www.vagamon.com",
4229            "zIndex": 999999,
4230            "btnColorScheme": "light",
4231        };
4232
4233        loadWidget(wa_btnSetting);
4234    };
4235</script>
4235
4236
4237
4238		
4239		
4240     <!-- 	<div class="scroll-top">-->
4241		  	<!--<i class="fas fa-long-arrow-alt-up"></i>-->
4242	    <!--</div>-->
4243
4244	    
4244<script src="https://www.vagamon.com/frontend/js/ltr.js"></script>
4244
4245
4246
4247
4248
4249	    
4250	    
4251<script>
4252    
4253    document.addEventListener("DOMContentLoaded", function () {
4254    renderDecimalStars();
4255});
4256
4257function renderDecimalStars() {
4258    const starContainers = document.querySelectorAll('.decimal-stars');
4259    
4260    starContainers.forEach(container => {
4261        const rating = parseFloat(container.getAttribute('data-rating')) || 0;
4262        const size = container.getAttribute('data-size') || 14;
4263        const fillPercentage = (rating / 5) * 100;
4264        
4265        const starSvg = `
4266            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="${size}" height="${size}" fill="currentColor">
4267                <path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/>
4268            </svg>
4269        `;
4270        
4271        const fiveStars = starSvg.repeat(5);
4272        
4273        container.innerHTML = `
4274            <div class="stars-background">${fiveStars}</div>
4275            <div class="stars-foreground" style="width: ${fillPercentage}%;">${fiveStars}</div>
4276        `;
4277    });
4278}
4279</script>
4279
4280
4281<script>
4282    
4283    document.addEventListener("DOMContentLoaded", function () {
4284    renderDecimalStars();
4285});
4286
4287function renderDecimalStars() {
4288    const starContainers = document.querySelectorAll('.decimal-stars');
4289    
4290    starContainers.forEach(container => {
4291        const rating = parseFloat(container.getAttribute('data-rating')) || 0;
4292        const size = container.getAttribute('data-size') || 14;
4293        const fillPercentage = (rating / 5) * 100;
4294        
4295        const starSvg = `
4296            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="${size}" height="${size}" fill="currentColor">
4297                <path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/>
4298            </svg>
4299        `;
4300        
4301        const fiveStars = starSvg.repeat(5);
4302        
4303        container.innerHTML = `
4304            <div class="stars-background">${fiveStars}</div>
4305            <div class="stars-foreground" style="width: ${fillPercentage}%;">${fiveStars}</div>
4306        `;
4307    });
4308}
4309</script>
4309
4310
4311<script>
4312    
4313    document.addEventListener("DOMContentLoaded", function () {
4314    renderDecimalStars();
4315});
4316
4317function renderDecimalStars() {
4318    const starContainers = document.querySelectorAll('.decimal-stars');
4319    
4320    starContainers.forEach(container => {
4321        const rating = parseFloat(container.getAttribute('data-rating')) || 0;
4322        const size = container.getAttribute('data-size') || 14;
4323        const fillPercentage = (rating / 5) * 100;
4324        
4325        const starSvg = `
4326            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="${size}" height="${size}" fill="currentColor">
4327                <path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/>
4328            </svg>
4329        `;
4330        
4331        const fiveStars = starSvg.repeat(5);
4332        
4333        container.innerHTML = `
4334            <div class="stars-background">${fiveStars}</div>
4335            <div class="stars-foreground" style="width: ${fillPercentage}%;">${fiveStars}</div>
4336        `;
4337    });
4338}
4339</script>
4339
4340
4341<script>
4342    
4343    document.addEventListener("DOMContentLoaded", function () {
4344    renderDecimalStars();
4345});
4346
4347function renderDecimalStars() {
4348    const starContainers = document.querySelectorAll('.decimal-stars');
4349    
4350    starContainers.forEach(container => {
4351        const rating = parseFloat(container.getAttribute('data-rating')) || 0;
4352        const size = container.getAttribute('data-size') || 14;
4353        const fillPercentage = (rating / 5) * 100;
4354        
4355        const starSvg = `
4356            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="${size}" height="${size}" fill="currentColor">
4357                <path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/>
4358            </svg>
4359        `;
4360        
4361        const fiveStars = starSvg.repeat(5);
4362        
4363        container.innerHTML = `
4364            <div class="stars-background">${fiveStars}</div>
4365            <div class="stars-foreground" style="width: ${fillPercentage}%;">${fiveStars}</div>
4366        `;
4367    });
4368}
4369</script>
4369
4370
4371<script>
4372    
4373    document.addEventListener("DOMContentLoaded", function () {
4374    renderDecimalStars();
4375});
4376
4377function renderDecimalStars() {
4378    const starContainers = document.querySelectorAll('.decimal-stars');
4379    
4380    starContainers.forEach(container => {
4381        const rating = parseFloat(container.getAttribute('data-rating')) || 0;
4382        const size = container.getAttribute('data-size') || 14;
4383        const fillPercentage = (rating / 5) * 100;
4384        
4385        const starSvg = `
4386            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="${size}" height="${size}" fill="currentColor">
4387                <path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/>
4388            </svg>
4389        `;
4390        
4391        const fiveStars = starSvg.repeat(5);
4392        
4393        container.innerHTML = `
4394            <div class="stars-background">${fiveStars}</div>
4395            <div class="stars-foreground" style="width: ${fillPercentage}%;">${fiveStars}</div>
4396        `;
4397    });
4398}
4399</script>
4399
4400
4401<script>
4402    
4403    document.addEventListener("DOMContentLoaded", function () {
4404    renderDecimalStars();
4405});
4406
4407function renderDecimalStars() {
4408    const starContainers = document.querySelectorAll('.decimal-stars');
4409    
4410    starContainers.forEach(container => {
4411        const rating = parseFloat(container.getAttribute('data-rating')) || 0;
4412        const size = container.getAttribute('data-size') || 14;
4413        const fillPercentage = (rating / 5) * 100;
4414        
4415        const starSvg = `
4416            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="${size}" height="${size}" fill="currentColor">
4417                <path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/>
4418            </svg>
4419        `;
4420        
4421        const fiveStars = starSvg.repeat(5);
4422        
4423        container.innerHTML = `
4424            <div class="stars-background">${fiveStars}</div>
4425            <div class="stars-foreground" style="width: ${fillPercentage}%;">${fiveStars}</div>
4426        `;
4427    });
4428}
4429</script>
4429
4430
4431<script>
4432    
4433    document.addEventListener("DOMContentLoaded", function () {
4434    renderDecimalStars();
4435});
4436
4437function renderDecimalStars() {
4438    const starContainers = document.querySelectorAll('.decimal-stars');
4439    
4440    starContainers.forEach(container => {
4441        const rating = parseFloat(container.getAttribute('data-rating')) || 0;
4442        const size = container.getAttribute('data-size') || 14;
4443        const fillPercentage = (rating / 5) * 100;
4444        
4445        const starSvg = `
4446            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="${size}" height="${size}" fill="currentColor">
4447                <path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/>
4448            </svg>
4449        `;
4450        
4451        const fiveStars = starSvg.repeat(5);
4452        
4453        container.innerHTML = `
4454            <div class="stars-background">${fiveStars}</div>
4455            <div class="stars-foreground" style="width: ${fillPercentage}%;">${fiveStars}</div>
4456        `;
4457    });
4458}
4459</script>
4459
4460
4461<script>
4462    
4463    document.addEventListener("DOMContentLoaded", function () {
4464    renderDecimalStars();
4465});
4466
4467function renderDecimalStars() {
4468    const starContainers = document.querySelectorAll('.decimal-stars');
4469    
4470    starContainers.forEach(container => {
4471        const rating = parseFloat(container.getAttribute('data-rating')) || 0;
4472        const size = container.getAttribute('data-size') || 14;
4473        const fillPercentage = (rating / 5) * 100;
4474        
4475        const starSvg = `
4476            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="${size}" height="${size}" fill="currentColor">
4477                <path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/>
4478            </svg>
4479        `;
4480        
4481        const fiveStars = starSvg.repeat(5);
4482        
4483        container.innerHTML = `
4484            <div class="stars-background">${fiveStars}</div>
4485            <div class="stars-foreground" style="width: ${fillPercentage}%;">${fiveStars}</div>
4486        `;
4487    });
4488}
4489</script>
4489
4490
4491<script>
4492    
4493    document.addEventListener("DOMContentLoaded", function () {
4494    renderDecimalStars();
4495});
4496
4497function renderDecimalStars() {
4498    const starContainers = document.querySelectorAll('.decimal-stars');
4499    
4500    starContainers.forEach(container => {
4501        const rating = parseFloat(container.getAttribute('data-rating')) || 0;
4502        const size = container.getAttribute('data-size') || 14;
4503        const fillPercentage = (rating / 5) * 100;
4504        
4505        const starSvg = `
4506            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="${size}" height="${size}" fill="currentColor">
4507                <path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/>
4508            </svg>
4509        `;
4510        
4511        const fiveStars = starSvg.repeat(5);
4512        
4513        container.innerHTML = `
4514            <div class="stars-background">${fiveStars}</div>
4515            <div class="stars-foreground" style="width: ${fillPercentage}%;">${fiveStars}</div>
4516        `;
4517    });
4518}
4519</script>
4519
4520
4521<script>
4522    
4523    document.addEventListener("DOMContentLoaded", function () {
4524    renderDecimalStars();
4525});
4526
4527function renderDecimalStars() {
4528    const starContainers = document.querySelectorAll('.decimal-stars');
4529    
4530    starContainers.forEach(container => {
4531        const rating = parseFloat(container.getAttribute('data-rating')) || 0;
4532        const size = container.getAttribute('data-size') || 14;
4533        const fillPercentage = (rating / 5) * 100;
4534        
4535        const starSvg = `
4536            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="${size}" height="${size}" fill="currentColor">
4537                <path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/>
4538            </svg>
4539        `;
4540        
4541        const fiveStars = starSvg.repeat(5);
4542        
4543        container.innerHTML = `
4544            <div class="stars-background">${fiveStars}</div>
4545            <div class="stars-foreground" style="width: ${fillPercentage}%;">${fiveStars}</div>
4546        `;
4547    });
4548}
4549</script>
4549
4550
4551<script>
4552    
4553    document.addEventListener("DOMContentLoaded", function () {
4554    renderDecimalStars();
4555});
4556
4557function renderDecimalStars() {
4558    const starContainers = document.querySelectorAll('.decimal-stars');
4559    
4560    starContainers.forEach(container => {
4561        const rating = parseFloat(container.getAttribute('data-rating')) || 0;
4562        const size = container.getAttribute('data-size') || 14;
4563        const fillPercentage = (rating / 5) * 100;
4564        
4565        const starSvg = `
4566            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="${size}" height="${size}" fill="currentColor">
4567                <path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/>
4568            </svg>
4569        `;
4570        
4571        const fiveStars = starSvg.repeat(5);
4572        
4573        container.innerHTML = `
4574            <div class="stars-background">${fiveStars}</div>
4575            <div class="stars-foreground" style="width: ${fillPercentage}%;">${fiveStars}</div>
4576        `;
4577    });
4578}
4579</script>
4579
4580
4581<script>
4582    
4583    document.addEventListener("DOMContentLoaded", function () {
4584    renderDecimalStars();
4585});
4586
4587function renderDecimalStars() {
4588    const starContainers = document.querySelectorAll('.decimal-stars');
4589    
4590    starContainers.forEach(container => {
4591        const rating = parseFloat(container.getAttribute('data-rating')) || 0;
4592        const size = container.getAttribute('data-size') || 14;
4593        const fillPercentage = (rating / 5) * 100;
4594        
4595        const starSvg = `
4596            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="${size}" height="${size}" fill="currentColor">
4597                <path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/>
4598            </svg>
4599        `;
4600        
4601        const fiveStars = starSvg.repeat(5);
4602        
4603        container.innerHTML = `
4604            <div class="stars-background">${fiveStars}</div>
4605            <div class="stars-foreground" style="width: ${fillPercentage}%;">${fiveStars}</div>
4606        `;
4607    });
4608}
4609</script>
4609
4610
4611<script>
4612    
4613    document.addEventListener("DOMContentLoaded", function () {
4614    renderDecimalStars();
4615});
4616
4617function renderDecimalStars() {
4618    const starContainers = document.querySelectorAll('.decimal-stars');
4619    
4620    starContainers.forEach(container => {
4621        const rating = parseFloat(container.getAttribute('data-rating')) || 0;
4622        const size = container.getAttribute('data-size') || 14;
4623        const fillPercentage = (rating / 5) * 100;
4624        
4625        const starSvg = `
4626            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="${size}" height="${size}" fill="currentColor">
4627                <path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/>
4628            </svg>
4629        `;
4630        
4631        const fiveStars = starSvg.repeat(5);
4632        
4633        container.innerHTML = `
4634            <div class="stars-background">${fiveStars}</div>
4635            <div class="stars-foreground" style="width: ${fillPercentage}%;">${fiveStars}</div>
4636        `;
4637    });
4638}
4639</script>
4639
4640
4641<script>
4642    
4643    document.addEventListener("DOMContentLoaded", function () {
4644    renderDecimalStars();
4645});
4646
4647function renderDecimalStars() {
4648    const starContainers = document.querySelectorAll('.decimal-stars');
4649    
4650    starContainers.forEach(container => {
4651        const rating = parseFloat(container.getAttribute('data-rating')) || 0;
4652        const size = container.getAttribute('data-size') || 14;
4653        const fillPercentage = (rating / 5) * 100;
4654        
4655        const starSvg = `
4656            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="${size}" height="${size}" fill="currentColor">
4657                <path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/>
4658            </svg>
4659        `;
4660        
4661        const fiveStars = starSvg.repeat(5);
4662        
4663        container.innerHTML = `
4664            <div class="stars-background">${fiveStars}</div>
4665            <div class="stars-foreground" style="width: ${fillPercentage}%;">${fiveStars}</div>
4666        `;
4667    });
4668}
4669</script>
4669
4670
4671<script>
4672    
4673    document.addEventListener("DOMContentLoaded", function () {
4674    renderDecimalStars();
4675});
4676
4677function renderDecimalStars() {
4678    const starContainers = document.querySelectorAll('.decimal-stars');
4679    
4680    starContainers.forEach(container => {
4681        const rating = parseFloat(container.getAttribute('data-rating')) || 0;
4682        const size = container.getAttribute('data-size') || 14;
4683        const fillPercentage = (rating / 5) * 100;
4684        
4685        const starSvg = `
4686            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="${size}" height="${size}" fill="currentColor">
4687                <path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/>
4688            </svg>
4689        `;
4690        
4691        const fiveStars = starSvg.repeat(5);
4692        
4693        container.innerHTML = `
4694            <div class="stars-background">${fiveStars}</div>
4695            <div class="stars-foreground" style="width: ${fillPercentage}%;">${fiveStars}</div>
4696        `;
4697    });
4698}
4699</script>
4699
4700
4701<script>
4702    
4703    document.addEventListener("DOMContentLoaded", function () {
4704    renderDecimalStars();
4705});
4706
4707function renderDecimalStars() {
4708    const starContainers = document.querySelectorAll('.decimal-stars');
4709    
4710    starContainers.forEach(container => {
4711        const rating = parseFloat(container.getAttribute('data-rating')) || 0;
4712        const size = container.getAttribute('data-size') || 14;
4713        const fillPercentage = (rating / 5) * 100;
4714        
4715        const starSvg = `
4716            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="${size}" height="${size}" fill="currentColor">
4717                <path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/>
4718            </svg>
4719        `;
4720        
4721        const fiveStars = starSvg.repeat(5);
4722        
4723        container.innerHTML = `
4724            <div class="stars-background">${fiveStars}</div>
4725            <div class="stars-foreground" style="width: ${fillPercentage}%;">${fiveStars}</div>
4726        `;
4727    });
4728}
4729</script>
4729
4730
4731<script>
4732document.addEventListener('DOMContentLoaded', function() {
4733    var enquirySent = false;
4734    var popupShown   = false;
4735
4736    function showEnquiryPopup() {
4737        if (popupShown) return;
4738        popupShown = true;
4739
4740        var overlay = document.createElement('div');
4741        overlay.id  = 'enquiry-overlay';
4742        overlay.style.cssText = 'position:fixed;inset:0;background:rgba(0,0,0,0.55);z-index:999999;display:flex;align-items:center;justify-content:center;';
4743        overlay.innerHTML =
4744            '<div style="background:#fff;border-radius:16px;padding:40px 32px 32px;max-width:420px;width:92%;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,0.25);">'
4745            + '<div style="width:64px;height:64px;background:#fef9c3;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;">'
4746            + '<svg width="30" height="30" viewBox="0 0 32 32" fill="none"><path d="M16 4C9.37 4 4 9.37 4 16s5.37 12 12 12 12-5.37 12-12S22.63 4 16 4zm1 17h-2v-6h2v6zm0-8h-2V9h2v4z" fill="#b45309"/></svg>'
4747            + '</div>'
4748            + '<p style="font-size:20px;font-weight:700;color:#92400e;margin:0 0 10px;">Already Enquired!</p>'
4749            + '<p style="font-size:15px;color:#374151;line-height:1.6;margin:0 0 28px;">You have already sent an enquiry. Would you like to send another one?</p>'
4750            + '<div style="display:flex;gap:12px;justify-content:center;">'
4751            + '<button id="enquiryYes" style="background:linear-gradient(135deg,#1a2980,#26d0ce);color:#fff;border:none;padding:11px 28px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;">Yes, Enquire Again</button>'
4752            + '<button id="enquiryNo" style="background:#f3f4f6;color:#374151;border:none;padding:11px 28px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;">No, Cancel</button>'
4753            + '</div>'
4754            + '</div>';
4755
4756        document.body.appendChild(overlay);
4757
4758        // Yes — close popup, let them use the form normally
4759        document.getElementById('enquiryYes').addEventListener('click', function() {
4760            overlay.remove();
4761            // Clear the flag so popup won't show again this session
4762            // (optional — remove if you want it to always warn)
4763        });
4764
4765        // No — close popup and clear/disable the form
4766        document.getElementById('enquiryNo').addEventListener('click', function() {
4767            overlay.remove();
4768            // Scroll away from form
4769            var form = document.getElementById('enquiryForm');
4770            if (form) form.reset();
4771            window.scrollTo({ top: 0, behavior: 'smooth' });
4772        });
4773
4774        // Click outside closes
4775        overlay.addEventListener('click', function(e) {
4776            if (e.target === overlay) overlay.remove();
4777        });
4778    }
4779
4780    // Trigger on any field focus inside the form
4781    if (enquirySent) {
4782        var form = document.getElementById('enquiryForm');
4783        if (form) {
4784            // Trigger on first interaction with any field
4785            var fields = form.querySelectorAll('input, textarea, button');
4786            fields.forEach(function(field) {
4787                field.addEventListener('focus', showEnquiryPopup, { once: true });
4788                field.addEventListener('click', showEnquiryPopup, { once: true });
4789            });
4790        }
4791    }
4792});
4793</script>
4793
4794
4795
4796<script>
4797const swiper = new Swiper('.category-swiper', {
4798    slidesPerView: 1,
4799    spaceBetween: 30,
4800    loop: true,
4801    autoplay: {
4802        delay: 5000,
4803    },
4804    navigation: {
4805        nextEl: '.swiper-button-next',
4806        prevEl: '.swiper-button-prev',
4807    },
4808    pagination: {
4809        el: '.swiper-pagination',
4810        clickable: true,
4811    },
4812    breakpoints: {
4813        640: { slidesPerView: 2 },
4814        768: { slidesPerView: 3 },
4815        1024: { slidesPerView: 4 },
4816    }
4817});
4818</script>
4818
4819
4820   </body>
4821</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.