PageSourceSearch

https://www.kabby.in/

html kabby.in collected 2026-09-24 14:22:29 UTC 95,298 bytes, 2,503 lines download raw bytes

1<!doctype html>
2<html class="no-js" lang="en">
3
4<head>
5    <meta charset="utf-8">
6    <meta name="csrf-token" content="tzU68H8YicAkGauWElVeTyJIKrqEGCDk4nvnUubx">
7    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
8    <meta http-equiv="x-ua-compatible" content="ie=edge">
9    <title>Kabby</title>
10    <meta name="description" content="">
11    <link rel="icon" type="image/png" sizes="16x16" href="https://www.kabby.in/assets/img/kabbyfabicn.png">
12    <link href="https://www.kabby.in/assets/plugins/bootstrap/css/bootstrap.css" rel="stylesheet">
13    <link href="https://www.kabby.in/assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet">
14    <link rel="stylesheet" href="https://www.kabby.in/assets/plugins/shortcode/shortcode.css">
15    <link rel="stylesheet" href="https://www.kabby.in/assets/plugins/animate/animate.css">
16    <link rel="stylesheet" href="https://www.kabby.in/assets/plugins/OwlCarousel/owl.carousel.min.css">
17    <link rel="stylesheet" href="https://www.kabby.in/assets/plugins/metismenu/css/metismenu.css">
18    <link rel="stylesheet" type="text/css" href="https://www.kabby.in/css2/newstyle.css">
19    <link rel="stylesheet" type="text/css" href="https://www.kabby.in/css2/kabby.css">
20    
20<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js" type="text/javascript"></script>
20
21    <!---->
22    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/2.1.2/sweetalert.min.css">
23    <link href="https://www.kabby.in/css2/css.css" rel="stylesheet">
24
25    <link rel="stylesheet" href="https://www.kabby.in/driver/assets/frontend/css/animate.css">
26    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap">
27<link rel="preload" as="font" href="https://www.kabby.in/fonts/LuloCleanW01-One.woff2" crossorigin>
28<link rel="preload" as="font" href="https://www.kabby.in/fonts/AvenirNextCyr-Regular.woff2" crossorigin>
29<link rel="preload" as="font" href="https://www.kabby.in/fonts/AvenirNextCyr-Medium.woff2" crossorigin>
30<link rel="preload" as="font" href="https://www.kabby.in/fonts/fa-solid-900.woff2" crossorigin>
31<link rel="preload" as="font" href="https://www.kabby.in/fonts/fa-brands-400.woff2" crossorigin>
32
33<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">
34<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/themes/material_blue.css">
35<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.1.0-beta.1/css/select2.min.css" rel="stylesheet">
36<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/sweetalert2.min.css" rel="stylesheet">
37<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.1.0-beta.1/css/select2.min.css" rel="stylesheet">
38<script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>
vendor: 1 bytes, line 38
38
39<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.1.0-beta.1/js/select2.min.js"></script>
39
40 <!-- <link href="https://cdn.jsdelivr.net/npm/@coreui/[email protected]/dist/css/coreui.min.css" rel="stylesheet"> -->
41<link rel="stylesheet" href="https://www.kabby.in/css/style.css">
42<link rel="stylesheet" href="https://www.kabby.in/css/card.css">
43
44<style id="wpr-usedcss">
45  @font-face {
46    font-family: LuloCleanOne;
47    src: url(fonts/LuloCleanW01-One.woff2) format("woff2");
48    /* src: url('fonts/LuloCleanW01-One.woff') format("woff"); */
49    font-weight: 400;
50    font-style: normal;
51    font-display: swap
52  }
53
54  @font-face {
55    font-display: swap;
56    font-family: 'Avenir Next Cyr';
57    src: url(/fonts/AvenirNextCyr-Regular.woff2) format("woff2");
58    /* src: url(/fonts/AvenirNextCyr-Regular.woff) format("woff"); */
59    font-weight: 400;
60    font-style: normal
61  }
62
63
64
65  .header {
66    text-align: center;
67    margin-bottom: 60px;
68  }
69
70  .header h1 {
71    color: white;
72    font-size: 48px;
73    font-weight: 300;
74    letter-spacing: 8px;
75    margin-bottom: 20px;
76    text-transform: uppercase;
77  }
78
79  .header-line {
80    width: 120px;
81    height: 3px;
82    background: white;
83    margin: 0 auto;
84  }
85
86  .steps-container {
87    display: flex;
88    justify-content: space-between;
89    align-items: flex-start;
90    gap: 20px;
91    margin-bottom: 60px;
92    flex-wrap: wrap;
93  }
94
95  .step {
96    flex: 1;
97    min-width:180px;
98    max-width: 200px;
99    text-align: center;
100    cursor: pointer;
101    transition: transform 0.3s ease;
102  }
103
104  .step:hover {
105    transform: translateY(-5px);
106  }
107
108  .step-box {
109    background: #193150;
110    backdrop-filter: blur(10px);
111    padding: 40px 20px;
112    border-radius: 15px;
113    border: 2px solid rgba(255, 255, 255, 0.2);
114    transition: all 0.3s ease;
115    position: relative;
116    overflow: hidden;
117    height: 200px;
118    display: flex;
119    flex-direction: column;
120    justify-content: center;
121  }
122
123  .step-box::before {
124    content: '';
125    position: absolute;
126    top: 0;
127    left: -100%;
128    width: 100%;
129    height: 100%;
130    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
131    transition: left 0.5s ease;
132  }
133
134  .step:hover .step-box::before {
135    left: 100%;
136  }
137
138  .step-box.active {
139    background: rgba(255, 255, 255, 0.95);
140    border-color: white;
141    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
142  }
143
144  .step-number {
145    width: 50px;
146    height: 50px;
147    border-radius: 50%;
148    background: rgba(255, 255, 255, 0.2);
149    color: white;
150    display: flex;
151    align-items: center;
152    justify-content: center;
153    font-size: 24px;
154    font-weight: 600;
155    margin: 0 auto 20px;
156    transition: all 0.3s ease;
157    display: none;
158  }
159
160  .step-box.active .step-number {
161    background: #003153;
162    transform: scale(1.1);
163  }
164
165  .step-title {
166    color: white;
167    font-size: 22px;
168    font-weight: 500;
169    line-height: 1.4;
170    line-height: 30px;
171    transition: color 0.3s ease;
172  }
173
174  .step-box.active .step-title {
175    color: #003153;
176  }
177
178  .content-area {
179    background: white;
180    border-radius: 20px;
181    overflow: hidden;
182    box-shadow: 0 15px 50px rgba(0, 0, 0, 0.4);
183    min-height: 450px;
184    position: relative;
185  }
186
187  .tab-content {
188    display: none;
189    width: 100%;
190    height: 100%;
191    position: relative;
192  }
193
194  .tab-content.active {
195    display: flex;
196    animation: fadeInContent 0.6s ease;
197  }
198
199  @keyframes fadeInContent {
200    from {
201      opacity: 0;
202      transform: translateY(20px);
203    }
204
205    to {
206      opacity: 1;
207      transform: translateY(0);
208    }
209  }
210
211  .content-grid {
212    display: grid;
213    grid-template-columns: 1fr 1fr;
214    width: 100%;
215    min-height: 450px;
216    position: relative;
217    z-index: 2;
218  }
219
220  .content-left {
221    padding: 60px;
222    display: flex;
223    flex-direction: column;
224    justify-content: center;
225    background: #f8f9fa;
226  }
227
228  .content-title {
229    color: #003153;
230    font-size: 36px;
231    font-weight: 600;
232    margin-bottom: 15px;
233    letter-spacing: -0.5px;
234    line-height: 52px;
235  }
236
237  .content-divider {
238    width: 60px;
239    height: 4px;
240    background: #193150;
241    margin-bottom: 25px;
242    border-radius: 2px;
243  }
244
245  .content-description {
246    color: #555;
247    font-size: 18px;
248    line-height: 1.8;
249    margin-bottom: 25px;
250  }
251
252  .content-features {
253    list-style: none;
254  }
255
256  .content-features li {
257    color: #003153;
258    font-size: 16px;
259    margin-bottom: 12px;
260    padding-left: 30px;
261    position: relative;
262  }
263
264  .content-features li::before {
265    content: '✓';
266    position: absolute;
267    left: 0;
268    color: #175e8e;
269    font-weight: bold;
270    font-size: 20px;
271  }
272
273  .content-right {
274    background-size: cover;
275    background-position: center;
276    position: relative;
277    animation: zoomImage 0.8s ease;
278  }
279
280  @keyframes zoomImage {
281    from {
282      transform: scale(1.1);
283    }
284
285    to {
286      transform: scale(1);
287    }
288  }
289
290  .content-right::before {
291    content: '';
292    position: absolute;
293    top: 0;
294    left: 0;
295    width: 100%;
296    height: 100%;
297    background: linear-gradient(135deg, rgba(23, 94, 142, 0.3), rgba(0, 49, 83, 0.3));
298  }
299
300  /* Animated vector background */
301  .animated-bg {
302    position: absolute;
303    top: 0;
304    left: 0;
305    width: 100%;
306    height: 100%;
307    overflow: hidden;
308    z-index: 0;
309  }
310
311  .animated-bg span {
312    position: absolute;
313    display: block;
314    width: 120px;
315    height: 120px;
316    background: rgba(23, 94, 142, 0.15);
317    border-radius: 50%;
318    animation: float 10s linear infinite;
319  }
320
321  .animated-bg span:nth-child(1) {
322    top: 10%;
323    left: 20%;
324    animation-delay: 0s;
325  }
326
327  .animated-bg span:nth-child(2) {
328    top: 40%;
329    left: 60%;
330    width: 150px;
331    height: 150px;
332    animation-delay: 3s;
333  }
334
335  .animated-bg span:nth-child(3) {
336    top: 70%;
337    left: 30%;
338    width: 100px;
339    height: 100px;
340    animation-delay: 5s;
341  }
342
343  @keyframes float {
344    0% {
345      transform: translateY(0) scale(1);
346      opacity: 0.7;
347    }
348
349    50% {
350      transform: translateY(-20px) scale(1.1);
351      opacity: 1;
352    }
353
354    100% {
355      transform: translateY(0) scale(1);
356      opacity: 0.7;
357    }
358  }
359
360  .nav-buttons {
361    display: flex;
362    justify-content: space-between;
363    margin-top: 30px;
364  }
365
366  .nav-buttons button {
367    background: #193150;
368    color: white;
369    border: none;
370    padding: 10px 25px;
371    border-radius: 25px;
372    font-size: 16px;
373    cursor: pointer;
374    transition: all 0.3s ease;
375  }
376
377  .nav-buttons button:hover {
378    transform: translateY(-2px);
379    background: #175e8e;
380  }
381
382  @media (max-width: 968px) {
383    .content-grid {
384      grid-template-columns: 1fr;
385    }
386
387    .content-right {
388      min-height: 300px;
389    }
390
391    .steps-container {
392      flex-direction: column;
393    }
394
395    .step {
396              width: 100%;
397      max-width: 100%;
398    }
399  }
400
401  .scroll-indicator {
402    position: fixed;
403    bottom: 30px;
404    right: 30px;
405    width: 50px;
406    height: 50px;
407    background: white;
408    border-radius: 50%;
409    display: none;
410    align-items: center;
411    justify-content: center;
412    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
413    cursor: pointer;
414    transition: all 0.3s ease;
415    z-index: 1000;
416  }
417
418  .scroll-indicator:hover {
419    transform: translateY(-5px);
420    background: #175e8e;
421    color: white;
422  }
423
424  .scroll-indicator::before {
425    content: '↑';
426    font-size: 24px;
427    font-weight: bold;
428    color: #003153;
429  }
430
431  .scroll-indicator:hover::before {
432    color: white;
433  }
434
435  /* Car animation: infinite drive + jump + subtle bounce */
436  .car-animated {
437    width: 100%;
438    /* max-width: 700px; */
439    position: relative;
440    /* animation: driveJumpInfinite 10s ease-in-out infinite; */
441    overflow: hidden;
442  }
443
444  @keyframes driveJumpInfinite {
445    0% {
446      transform: translateX(100vw) translateY(0);
447    }
448
449    40% {
450      transform: translateX(0) translateY(0);
451    }
452
453    45% {
454      transform: translateX(0) translateY(-20px);
455    }
456
457    50% {
458      transform: translateX(0) translateY(0);
459    }
460
461    55% {
462      transform: translateX(0) translateY(-10px);
463    }
464
465    60% {
466      transform: translateX(0) translateY(0);
467    }
468
469    100% {
470      transform: translateX(-100vw) translateY(0);
471    }
472  }
473  .icons-div .single-icon img {
474 
475    transition: all 0.6s ease;
476}
477  /* Hover effect */
478.icons-div .single-icon:hover {
479    background: #193150;
480    transform: rotate(360deg);
481    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2);
482}
483
484/* Change image color to white and rotate opposite */
485.icons-div .single-icon:hover img {
486    filter: brightness(0) invert(1);
487    transform: rotate(-360deg);
488}
489.trip.active {
490    display: block !important;
491}
492  .flatpickr-time select {
493        padding: 6px;
494        border-radius: 6px;
495        border: unset !important;
496        font-size: 15px;
497        margin-right: 6px;
498    }
499.time-input {
500    position: relative;
501}
502
503.time-dropdown {
504    position: absolute;
505    top: 110%;
506    left: 0;
507    background: #ffffff;
508    border-radius: 14px;
509    box-shadow: 0 12px 30px rgba(0,0,0,0.15);
510    padding: 14px;
511    display: none;
512    gap: 12px;
513    z-index: 999;
514}
515
516.time-dropdown.active {
517    display: flex;
518}
519
520/* columns remind clean */
521.time-column {
522    max-height: 200px;
523    overflow-y: auto;
524    padding-right: 4px;
525}
526
527/* scrollbar minimal */
528.time-column::-webkit-scrollbar {
529    width: 4px;
530}
531.time-column::-webkit-scrollbar-thumb {
532    background: #ccc;
533    border-radius: 10px;
534}
535
536/* items */
537.time-item {
538    min-width: 44px;
539    text-align: center;
540    padding: 8px 0;
541    margin-bottom: 6px;
542    font-size: 14px;
543    font-weight: 500;
544    border-radius: 8px;
545    cursor: pointer;
546    transition: all 0.2s ease;
547    background: #f8f9fa;
548}
549
550/* hover */
551.time-item:hover {
552    background: #e9ecef;
553}
554
555/* selected */
556.time-item.disabled {
557    pointer-events: none;
558    opacity: 0.35;
559    background: #f2f2f2;
560    cursor: not-allowed;
561}
562
563.time-item.selected {
564    background: #007bff;
565    color: #fff;
566}
567
568/* AM PM column */
569.period-column {
570    display: flex;
571    flex-direction: column;
572    gap: 10px;
573}
574
575.period-column .time-item {
576    background: #f0f4ff;
577    font-weight: 600;
578}
579
580.period-column .time-item.selected {
581    background: #0d6efd;
582    color: #fff;
583}
584.time-input input {
585    cursor: pointer;
586    background: #fff;
587}
588.time-dropdown {
589    animation: fadeUp 0.2s ease;
590}
591
592@keyframes fadeUp {
593    from {
594        opacity: 0;
595        transform: translateY(6px);
596    }
597    to {
598        opacity: 1;
599        transform: translateY(0);
600    }
601}
602.time-item.disabled {
603    opacity: 0.35;
604    pointer-events: none;
605}
606.time-dropdown { display:none; position:absolute; background:#fff; border:1px solid #ccc; z-index:99 }
607.time-dropdown.active { display:flex }
608.time-column { max-height:160px; overflow:auto; padding:5px }
609.time-item { padding:6px 10px; cursor:pointer }
610.time-item.disabled {
611    pointer-events: none;
612    opacity: 0.4;
613}
614.time-item.selected { background:#007bff; color:#fff }
615.error { color:red; font-size:12px; margin-top:4px }
616
617.dayContainer.flatpickr-day .nextMonthDay{
618  color:black !important;
619}
620.autocomplete-active {
621    background-color: #193150;
622    color: #fff;
623    cursor: pointer;
624}
625.autocomplete-list{
626    max-height:200px;
627    overflow-y:auto;
628}
629</style>
630
631    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"
632        integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA=="
633        crossorigin="anonymous" referrerpolicy="no-referrer" />
634    
635    <style>
636        .navbar-nav .nav-item.dropdown:hover > .dropdown-menu {
637            display: block;
638            margin-top: 0;
639        }
640
641        /* Style for the autocomplete dropdown */
642        #search-list {
643            position: absolute;
644            display: inline-block;
645        }
646
647        #search-list {
648            display: none;
649            position: relative;
650            background-color: #f9f9f9;
651            min-width: 160px;
652            box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
653            z-index: 1;
654        }
655
656        #search-list a {
657            color: black;
658            padding: 12px 16px;
659            text-decoration: none;
660            display: block;
661        }
662
663        #search-list a:hover {
664            background-color: #f1f1f1;
665        }
666
667        #search-list {
668            list-style: none;
669            padding: 0;
670            margin: 42px 10px 0px 0px;
671            position: absolute;
672            width: 100%;
673            max-height: 200px;
674            /* Set max-height as needed */
675            overflow-y: auto;
676            /* Enable vertical scroll if needed */
677            border: 1px solid #ccc;
678            background-color: #fff;
679            border-radius: 5px;
680            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
681            z-index: 1000;
682        }
683
684        #search-list li {
685            padding: 10px;
686            cursor: pointer;
687        }
688
689        #search-list li:hover {
690            background-color: #f0f0f0;
691        }
692
693        .btnnnnnn {
694            position: fixed;
695            bottom: 50px;
696            right: 50px;
697            display: none;
698            z-index: 500;
699        }
700
701        .login-kabby {
702            color: #fff;
703            font-size: 14px;
704            font-weight: 600;
705            padding: 10px 20px;
706            text-transform: uppercase;
707            display: flex;
708            align-items: center;
709            gap: 2px;
710        }
711@media (max-width: 480px) { 
712    .time-dropdown {
713    position: absolute;
714    top: unset !important;
715    left: 50%;
716    transform: translate(-77%, 2%);}
717    .login-box{
718            padding: unset !important;
719    padding-top: 100px;
720    }
721    .location-item2 img{
722        margin-left: 0 !important;
723}
724.location-item1 img{
725     margin-left: 0 !important;
726}
727}
728    </style>
729</head>
730
731<body class="theme-1">
732    <header class="theme-1">
733
734        <div class="header__lower ">
735            <div class="container">
736                <div class="row">
737                    <div class="col-12 col-lg-12 d-flex justify-content-between">
738                        <div class="header__upper--left">
739
740                            <div class="d-block d-lg-none logo w-49px">
741                                <a href="/"><img src="https://www.kabby.in/assets/img/kabbyfabicn.png"
742                                        alt="Kabby"></a>
743                            </div>
744
745                            <button type="button" class="nav-toggle-btn a-nav-toggle ms-auto d-block d-lg-none"
746                                style="position:absolute !important;right:40px;">
747                                <span class="nav-toggle nav-toggle-sm">
748                                    <span class="stick stick-1"></span>
749                                    <span class="stick stick-2"></span>
750                                    <span class="stick stick-3"></span>
751                                </span>
752                            </button>
753
754                        </div>
755
756                        <nav class="navbar navbar-expand-lg navbar-dark" style="width:100%;">
757                            <button class="navbar-toggler" type="button" data-toggle="collapse"
758                                data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
759                                aria-expanded="false" aria-label="Toggle navigation">
760                                <span class="navbar-toggler-icon"></span>
761                            </button>
762
763                            <div class="collapse navbar-collapse justify-content-between" id="navbarSupportedContent"
764                                style="width:100%">
765                                <a href="/"><img src="assets/images/kabbylogo5.png" width="100" height="72"
766                                        alt="Kabby"></a>
767                                <ul class="navbar-nav d-flex justify-content-evenly navlistkiwidth">
768
769                                    <li class="nav-item">
770                                        <a class="nav-link secondbarvalichngs" href="/">
771                                            <i class="fas fa-home me-1"></i>Home</a>
772                                    </li>
773                                    <li class="nav-item">
774                                        <a class="nav-link secondbarvalichngs" href="about"><i
775                                                class="fas fa-exclamation-circle me-1"></i>About Us</a>
776                                    </li>
777
778                                    <li class="nav-item">
779                                        <a class="nav-link secondbarvalichngs" href="our-mission">
780                                            <i class="fa-solid fa-rocket me-1"></i>Our mission</a>
781                                    </li>
782
783                                    <li class="nav-item">
784                                        <a class="nav-link secondbarvalichngs" href="safety"><i
785                                                class="fas fa-cube me-1"></i>Safety</a>
786                                    </li>
787                                    <li class="nav-item">
788                                        <a class="nav-link secondbarvalichngs" href="CSR">
789                                            <i class="fa-solid fa-shield-halved "></i>
790                                            CSR
791                                        </a>
792                                    </li>
793
794                                    <li class="nav-item dropdown">
795                                        <a class="nav-link dropdown-toggle secondbarvalichngs"
796                                            href="https://www.kabby.in/blogs"
797                                            onclick="window.location.href=this.href; return false;">
798                                            <i class="fas fa-book-open me-1"></i>Blog<span
799                                                class="sr-only">(current)</span>
800                                        </a>
801                                        <ul class="dropdown-menu">
802                                            <li><a class="dropdown-item" href="https://www.kabby.in/blogs/category/punjab-to-delhi-blogs">Punjab To
803                                                    Delhi Blogs</a></li>
804                                            <li><a class="dropdown-item" href="https://www.kabby.in/blogs/category/harayana-to-delhi-blogs">Haryana
805                                                    To Delhi Blogs</a></li>
806                                            <li><a class="dropdown-item" href="https://www.kabby.in/blogs/category/maharashtra">Maharashtra</a></li>
807                                            <li><a class="dropdown-item" href="https://www.kabby.in/blogs/category/uttar-pradesh">Uttar Pradesh</a></li>
808                                          <li><a class="dropdown-item" href="https://www.kabby.in/blogs/category/uttarakhand">Uttarakhand</a></li>
809                                          <li><a class="dropdown-item" href="https://www.kabby.in/blogs/category/delhi">Delhi</a></li>
810                                          <li><a class="dropdown-item" href="https://www.kabby.in/blogs/category/rajasthan">Rajasthan</a></li>
811                                        </ul>
812                                    </li>
813
814                                </ul>
815                                <ul style="margin-bottom: 0;">
816                                    <li class="nav-item">
817                                                                                
818                                        <a class="nav-link secondbarvalichngs login-kabby"
819                                            href="https://www.kabby.in/user-login-form">
820                                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" width="25" height="25"
821                                                viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
822                                                class="size-6">
823                                                <path stroke-linecap="round" stroke-linejoin="round"
824                                                    d="M17.982 18.725A7.488 7.488 0 0 0 12 15.75a7.488 7.488 0 0 0-5.982 2.975m11.963 0a9 9 0 1 0-11.963 0m11.963 0A8.966 8.966 0 0 1 12 21a8.966 8.966 0 0 1-5.982-2.275M15 9.75a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" />
825                                            </svg>
826                                            Login
827                                        </a>
828                                                                            </li>
829                                </ul>
830
831                            </div>
832                        </nav>
833
834                    </div>
835
836                </div>
837            </div>
838        </div>
839    </header>
840
841    <section class="responsive-menu">
842        <div class="rep-header">
843            <div class="logo">
844                <a href="/"><img src="assets/img/kabbylogo.png" width="122" height="62" alt="Site Logo"></a>
845            </div>
846            <a href="#" title="" class="close-menu"><i class="fa fa-close"></i></a>
847        </div>
848        <div class="navbar-collapse" id="navbarSupportedContent">
849            <ul class="mobile-menu navbar-nav me-auto">
850                <li class="nav-item active">
851                    <a class="nav-link" href="/">
852                        <i class="fas fa-home"></i>
853                        Home
854                       
855                    </a>
856                   
857                </li>
858                <li class="nav-item">
859                    <a class="nav-link" href="about"><i class="fas fa-exclamation-circle"></i>About Us</a>
860                </li>
861                <li class="nav-item">
862                    <a class="nav-link" href="our-mission"><i class="fas fa-cog"></i>Our
863                        Mission</a>
864                </li>
865                <li class="nav-item">
866                    <a class="nav-link" href="safety"><i class="fas fa-taxi"></i>Safety</a>
867                </li>
868                <li class="nav-item">
869                    <a class="nav-link" href="CSR"><i class="fas fa-cube"></i>CSR</a>
870                </li>
871                <li class="nav-item">
872                    <a class="nav-link" href="https://www.kabby.in/blogs">
873                        <i class="fas fa-book-open"></i>
874                        Blog
875                        <span class="sr-only">(current)</span>
876                    </a>
877           <ul class="">
878                                            <li><a class="dropdown-item"  target="_blank" href="https://www.kabby.in/blogs/category/punjab-to-delhi-blogs">Punjab To
879                                                    Delhi Blogs</a></li>
880                                            <li><a class="dropdown-item" target="_blank" href="https://www.kabby.in/blogs/category/harayana-to-delhi-blogs">Haryana
881                                                    To Delhi Blogs</a></li>
882                                            <li><a class="dropdown-item"  target="_blank" href="https://www.kabby.in/blogs/category/maharashtra">Maharashtra</a></li>
883                                            <li><a class="dropdown-item" target="_blank" href="https://www.kabby.in/blogs/category/uttar-pradesh">Uttar Pradesh</a></li>
884                                          <li><a class="dropdown-item" target="_blank" href="https://www.kabby.in/blogs/category/uttarakhand">Uttarakhand</a></li>
885                                          <li><a class="dropdown-item" target="_blank" href="https://www.kabby.in/blogs/category/delhi">Delhi</a></li>
886                                          <li><a class="dropdown-item" target="_blank" href="https://www.kabby.in/blogs/category/rajasthan">Rajasthan</a></li>
887                                        </ul>
888                </li>
889                <!-- <li class="nav-item">
890                    <a class="nav-link" href="#">
891                        <i class="fas fa-map-marker-alt"></i>
892                        Contact
893                    </a>
894                </li> -->
895            </ul>
896            <div id="header-upper-right" class="header__upper--right flex-column">
897                <!-- <nav class="navigation p-3">
898                    <ul>
899
900                        <li><a href="#">Driver Dashboard</a></li>
901
902                    </ul>
903                </nav> -->
904
905                <!-- <a href="#" class="button p-3"><i class="fa-solid fa-user-astronaut" style="color: #fff;"></i>
906                    Drive with
907                    us</a>
908                <a href="#" class="button p-3" my-2><i class="fa-solid fa-taxi" style="color: #fff;"></i> Book
909                    a
910                    Ride</a> -->
911                <div class="p-3 my-lg-0 d-inline-flex">
912                    
913                    <a  href="https://www.kabby.in/user-login-form" class="button button-light big text-white">LoGIN</a>
914
915                                   
916                </div>
917
918            </div>
919
920        </div>
921
922    </section>
923
924    <!-- hero-banner-section-start -->
925<section class="hero-banner overlay d-flex flex-column justify-content-center">
926  <video poster="https://govavia.com/wp-content/uploads/2022/07/7c1138ac3fe061091270605b0a4d5d29-scaled.jpg"
927    data-src="https://kabby.in/videos/kabby.mp4" loop muted playsinline autoplay
928    class="hero-banner-video maybe-load-later" src="https://kabby.in/videos/kabby.mp4"></video>
929
930  <div class="container container-xl">
931    <div class="hero-banner-flex">
932      <!-- Left: Heading -->
933      <div class="hero-banner-left">
934        <h1 class="heading-border kabby-color">
935          <span class="section-upper-title kabby-color" style="font-size: 35px;">KABBY</span><br>
936          ON TIME... <br>...EVERY TIME
937        </h1>
938      </div>
939
940      <!-- Right: Booking Card -->
941      <div class="booking-card-wrapper">
942        <div class="ride-form">
943          <h6 class="form-heading1">Book Your InterCity Ride</h6>
944          <!-- <p class="form-heading">Enter your current, drop-off destination, date, and time to discover the best ride
945            options tailored for you.</p> -->
946          <form action="https://www.kabby.in/booking" method="GET" id="rideForm">
947            <!-- Trip Type Radio -->
948            <div class="trip-type">
949              <label><input type="radio" name="trip" value="oneway" checked> One Way</label>
950              <!-- <label><input type="radio" name="trip" value="roundtrip"> Round Trip</label>
951              <label><input type="radio" name="trip" value="rental"> Rental Trip</label>
952              <label><input type="radio" name="trip" value="local"> Local Trip</label> -->
953            </div> 
954
955            <!-- Location Inputs (Always Visible) -->
956            <div class="location">
957              <input type="text" id="currentLocation" name="destination_start" autocomplete="off" class="form-control"
958                placeholder="Pickup Location">
959              <span style="color:red" id="destinationStartError"></span>
960              <div class="location-img"><img src="assets/images/oval.png" alt="" width="18"></div>
961              <div class="autocomplete-list" id="currentLocationList"></div>
962            </div>
963            <div class="location">
964              <input type="text" id="destinationInput" autocomplete="off" name="destination_end" class="form-control"
965                placeholder="Enter Drop of Destination">
966              <span style="color:red" id="destinationEndError"></span>
967              <div class="location-img"><img src="assets/images/location.png" alt="" width="15"></div>
968              <div class="autocomplete-list" id="destinationList"></div>
969            </div>
970            <div id="tripContainer"></div>
971
972            <button class="search-btn" type="submit" id="submitBtn">Search Ride</button>
973          </form>
974        </div>
975      </div>
976    </div>
977  </div>
978
979  <!-- hero-banner-popup -->
980  <div id="heroBannerModal" class="modal fade popup-modal">
981    <div class="modal-dialog modal-dialog-centered">
982      <div class="modal-content">
983        <div class="cancel-btn-wrapper">
984          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
985        </div>
986        <div class="popup-video-wrapper">
987          <iframe loading="lazy" class="popup-video " src="about:blank" title="YouTube video player" frameborder="0"
988            controls="0"
989            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
990            allowfullscreen data-rocket-lazyload="fitvidscompatible"
991            data-lazy-src="https://www.youtube.com/embed/xxtZQZJWNQ4?autoplay=1"></iframe>
992          <noscript>
993            <iframe class="popup-video " src="https://www.youtube.com/embed/xxtZQZJWNQ4?autoplay=1"
994              title="YouTube video player" frameborder="0" controls="0"
995              allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
996              allowfullscreen></iframe>
997          </noscript>
998        </div>
999      </div>
1000    </div>
1001  </div>
1002</section>
1003
1004<section class="div-padding how-work-area text-center">
1005  <h2 class="heading-border center" style="color: black;">Booking Made Easy</h2>
1006  <div class="container">
1007    <div class="row">
1008      <!--<div class="col-lg-6 offset-lg-3">
1009                    <h2 class="div-title text-center text-dark fw-bold"><u>Booking Made <span> Easy </span></u></h2>
1010                </div>-->
1011      <h1 class="pb-4 mb-4" style="line-height: 60px; font-size: 20px;color: #193150;"><b>Book in just 4
1012          <span>Clicks</span></b>
1013      </h1>
1014      <!--<p class="h2 ps-5 text-dark mb-5">Book in just 4 <span>Clicks</span></p>-->
1015    </div>
1016
1017    <div class="row">
1018      <div class="col-lg-12 d-none d-lg-block">
1019        <div class="icons-div">
1020          <div class="single-icon">
1021            <img src="assets/images/icon/1.webp" alt="">
1022          </div>
1023          <div class="single-icon">
1024            <img src="assets/images/icon/4.webp" alt="">
1025          </div>
1026          <div class="single-icon">
1027            <img src="assets/img/calenderimgpmg(2).png" alt="" style="height:40px;">
1028          </div>
1029          <div class="single-icon">
1030            <img src="assets/images/icon/3.webp" alt="">
1031          </div>
1032        </div>
1033      </div>
1034    </div>
1035
1036    <div class="row">
1037      <div class="col-lg-3 col-sm-6">
1038        <div class="single-icon text-center m-b-10 d-block d-lg-none">
1039          <img src="assets/images/icon/1.webp" alt="">
1040        </div>
1041        <div class="how-work-text">
1042          <h4 class="text-dark">Plan a ride</h4>
1043
1044        </div>
1045      </div>
1046      <div class="col-lg-3 col-sm-6">
1047        <div class="single-icon text-center m-b-10 d-block d-lg-none">
1048          <img src="assets/images/icon/4.webp" alt="">
1049        </div>
1050        <div class="how-work-text">
1051          <h4 class="text-dark">Select destination</h4>
1052
1053        </div>
1054      </div>
1055      <div class="col-lg-3 col-sm-6">
1056        <div class="single-icon text-center m-b-10 d-block d-lg-none">
1057
1058          <img src="assets/img/calenderimgpmg(2).png" alt="" style="width: 28px;height: 40px;">
1059        </div>
1060        <div class="how-work-text">
1061          <h4 class="text-dark">Select date and time </h4>
1062
1063        </div>
1064      </div>
1065      <div class="col-lg-3 col-sm-6">
1066        <div class="single-icon text-center m-b-10 d-block d-lg-none">
1067          <img src="assets/images/icon/3.webp" alt="">
1068        </div>
1069        <div class="how-work-text">
1070          <h4 class="text-dark">Select car, confirm & ride</h4>
1071
1072        </div>
1073      </div>
1074    </div>
1075  </div>
1076</section>
1077
1078<section class="about-us-area bg-2 div-padding">
1079  <div class="container">
1080    <div class="row">
1081      <div class="col-lg-6 d-flex justify-content-lg-end justify-content-center">
1082        <div class="about-us-text" style="width: 90%;">
1083          <h1 class="pb-4 mb-4" style="line-height: 60px; font-size: 20px;"><b>Your trusted companion </b>
1084            <span class="d-block"><b>for unforgettable</b></span> <b>outstation adventures.</b>
1085          </h1>
1086          <p class="text-white" style="
1087                        font-size: 20px;
1088                    ">
1089            We are committed to provide you the very best.
1090          </p>
1091          <p class="text-white" style="
1092                        font-size: 20px;
1093                    ">
1094            We request you to have confidence in us
1095          </p>
1096          <div class="list-group-flush mb-4">
1097            <div class="list-group-item bg-transparent border-bottom-0 p-0">
1098              <p class="mb-0" style="
1099                                color: white;
1100                            "><i class="fas fa-check-circle text-light mr-4  p-3 grey  rounded-circle "
1101                  aria-hidden="true" style="
1102                                        color: white;
1103                                    "></i>SAFETY</p>
1104            </div>
1105            <div class="list-group-item bg-transparent border-bottom-0 p-0">
1106              <p class="mb-0" style="
1107                                color: white;
1108                            "> <i class="fas fa-check-circle text-light mr-4 mr-4 grey p-3  rounded-circle"
1109                  aria-hidden="true" style="
1110                                        color: white;
1111                                    "></i>ON TIME, EVERY TIME</p>
1112            </div>
1113            <div class="list-group-item bg-transparent border-bottom-0 p-0">
1114              <p class="mb-0" style="color: white;">
1115                <i class="fas fa-check-circle text-light mr-4 mr-4 grey p-3  rounded-circle" aria-hidden="true"
1116                  style="color: white;"></i>COMFORT & ECONOMY
1117              </p>
1118            </div>
1119          </div>
1120        </div>
1121      </div>
1122      <div class="col-lg-6 d-flex align-items-center justify-content-center">
1123        <img src="assets/img/car_1_final.png" alt="" width="100%" height="350px" class="abarakadabra car-animated">
1124      </div>
1125    </div>
1126  </div>
1127</section>
1128<div class="car-section">
1129  <div class="container">
1130    <h2 class="heading-border " style="color: black; margin-bottom:73px; text-align:center;">Our Cabs</h2>
1131    <div class="row justify-content-center  ">
1132
1133      <!-- Altis / Desire / Aura -->
1134          <div class="col-md-4 cus_top">
1135        <div class="car-card">
1136          <div class="car-image-section">
1137            <img src="https://firebasestorage.googleapis.com/v0/b/go-ride-7e687.appspot.com/o/images%2FAltis-Desire-Aura-removebg-preview.png?alt=media&amp;token=3e763fed-61bf-4238-84e2-82a09dc4ae4f" alt="Altis/Desire/Aura" class="car-image" />
1138          </div>
1139          <div class="car-title">
1140            <h2>Altis/Desire/Aura</h2>
1141          </div>
1142          <div class="car-details">
1143            <div class="specs">
1144              <div class="spec-item">
1145                <div class="spec-label">Capacity</div>
1146                <div class="spec-value">1+4</div>
1147              </div>
1148              <div class="spec-item">
1149                <div class="spec-label">AC Available</div>
1150                <div class="spec-value">Yes</div>
1151              </div>
1152            </div>
1153            <div class="description">
1154              This segment is for a family and ideal for long distance travels. This segment has plenty of leg room and provides space for luggage in the boot or carrier on top. All tolls and taxes are included in the fare. ONLY parking charges are extra.
1155            </div>
1156            <div class="pricing-info">
1157              <div class="pricing-item">
1158                <span class="checkmark">✓</span>All tolls and taxes are included in the
1159                fare
1160              </div>
1161            </div>
1162          </div>
1163        </div>
1164      </div>
1165          <div class="col-md-4 cus_top">
1166        <div class="car-card">
1167          <div class="car-image-section">
1168            <img src="https://firebasestorage.googleapis.com/v0/b/go-ride-7e687.appspot.com/o/images%2FErtiga-Xylo-removebg-preview.png?alt=media&amp;token=e5fb16ff-5bb4-4323-9ab3-ea9dfd39857f" alt="Ertiga/Xylo/Kia" class="car-image" />
1169          </div>
1170          <div class="car-title">
1171            <h2>Ertiga/Xylo/Kia</h2>
1172          </div>
1173          <div class="car-details">
1174            <div class="specs">
1175              <div class="spec-item">
1176                <div class="spec-label">Capacity</div>
1177                <div class="spec-value">1+6</div>
1178              </div>
1179              <div class="spec-item">
1180                <div class="spec-label">AC Available</div>
1181                <div class="spec-value">Yes</div>
1182              </div>
1183            </div>
1184            <div class="description">
1185              This segment is for a family and ideal for comfort during travel. This segment has plenty of leg room and provides a space for luggage in the boot /carrier on top. All tolls and taxes are included in the fare. ONLY parking charges are extra.
1186            </div>
1187            <div class="pricing-info">
1188              <div class="pricing-item">
1189                <span class="checkmark">✓</span>All tolls and taxes are included in the
1190                fare
1191              </div>
1192            </div>
1193          </div>
1194        </div>
1195      </div>
1196          <div class="col-md-4 cus_top">
1197        <div class="car-card">
1198          <div class="car-image-section">
1199            <img src="https://firebasestorage.googleapis.com/v0/b/go-ride-7e687.appspot.com/o/images%2Fcrista-removebg-preview.png?alt=media&amp;token=2d6f73a9-9d1d-4fa6-b8ab-b04e19b630b4" alt="Crysta" class="car-image" />
1200          </div>
1201          <div class="car-title">
1202            <h2>Crysta</h2>
1203          </div>
1204          <div class="car-details">
1205            <div class="specs">
1206              <div class="spec-item">
1207                <div class="spec-label">Capacity</div>
1208                <div class="spec-value">1+6</div>
1209              </div>
1210              <div class="spec-item">
1211                <div class="spec-label">AC Available</div>
1212                <div class="spec-value">Yes</div>
1213              </div>
1214            </div>
1215            <div class="description">
1216              This segment is for a mid sized family. The car has plenty of leg room and provides ample space for luggage in the boot or with a carrier on the roof. All tolls and taxes are included in the fare. ONLY parking charges are extra.
1217            </div>
1218            <div class="pricing-info">
1219              <div class="pricing-item">
1220                <span class="checkmark">✓</span>All tolls and taxes are included in the
1221                fare
1222              </div>
1223            </div>
1224          </div>
1225        </div>
1226      </div>
1227        </div> <!-- End Row -->
1228  </div> <!-- End Container -->
1229</div>
1230
1231<section id="country-lasyload" class="location-section py-common">
1232  <div class="container container-xl">
1233    <div class="row justify-content-center">
1234      <div class="col-lg-10 flex-center location-content-wrapper mb-3 mb-lg-0">
1235        <div class="location-content">
1236          <h2 class="heading-border">FIND YOUR DESTINATION</h2>
1237          <div class="">
1238            <div class="" style="display: flex; flex-wrap: wrap;justify-content: center;" id="item-list"
1239              href="/book-car">
1240            </div>
1241          </div>
1242
1243        </div>
1244      </div>
1245    </div>
1246
1247</section>
1248
1249<!-- <section class="how-it-works-section container-fluid text-center ">
1250    
1251    <div class="tabbed-content">
1252        <nav class="how-it-works-tab">
1253            <ul>
1254                <ul>
1255                    <li><a id="tabviewbutton0" onclick="tabview(0)" class="active">CALL OR CLICK</a></li>
1256                    <li><a id="tabviewbutton1" onclick="tabview(1)">REGISTER YOURSELF</a></li>
1257                    <li><a id="tabviewbutton2" onclick="tabview(2)">CHOOSE DESTINATION... ...DATE AND TIME</a></li>
1258                    <li><a id="tabviewbutton3" onclick="tabview(3)">CHOOSE YOUR RIDE</a></li>
1259                    <li><a id="tabviewbutton4" onclick="tabview(4)">PAY AND RIDE</a></li>
1260                    <li><a id="tabviewbutton5" onclick="tabview(5)">REVIEW</a></li>
1261                </ul>
1262            </ul>
1263        </nav>
1264
1265        <section id="tabs0" class="item active">
1266            <div class="mobile-title" onclick="tabview(0)" data-title="CALL OR CLICK"></div>
1267            <div class="item-content-wrapper">
1268                <div class="content">
1269                    <div class="tab-title">CALL OR CLICK</div>
1270                    <div class="tabs-content-seperator"></div>
1271                    <div class="tab-content">Reserve your preferred car for your destination on the date and time of
1272                        your choice.</div>
1273                </div>
1274                <img width="800" height="400"
1275                    src="https://govavia.com/wp-content/uploads/2022/06/brett-jordan-LPZy4da9aRo-unsplash-scaled.jpg.webp"
1276                    class="lozad" alt="how it work">
1277            </div>
1278        </section>
1279        <section id="tabs1" class="item">
1280            <div class="mobile-title" onclick="tabview(1)" data-title="REGISTER YOURSELF"></div>
1281            <div class="item-content-wrapper">
1282                <div class="content">
1283                    <div class="tab-title">REGISTER YOURSELF</div>
1284                    <div class="tabs-content-seperator"></div>
1285                    <div class="tab-content">Please register yourself with your email and mobile number. We
1286                        will verify the same. This is for your safety as also once
1287                        registered; it will help us remember you.</div>
1288                </div>
1289                <img width="800" height="400" src="img/Call-or-Click-scaled.jpg.webp" alt="how it work">
1290            </div>
1291        </section>
1292
1293        <section id="tabs2" class="item">
1294            <div class="mobile-title" onclick="tabview(2)" data-title="CHOOSE DESTINATION... ...DATE AND TIME"></div>
1295            <div class="item-content-wrapper">
1296                <div class="content">
1297                    <div class="tab-title">CHOOSE DESTINATION... ...DATE AND TIME</div>
1298                    <div class="tabs-content-seperator"></div>
1299                    <div class="tab-content">Please choose your destination. We will thereafter connect with you after
1300                        confirming your ride for detailed address.</div>
1301                </div>
1302                <img width="800" height="400" src="img/choose-destination.jpg" class="lozad" alt="how it work">
1303            </div>
1304        </section>
1305
1306        <section id="tabs3" class="item">
1307            <div class="mobile-title" onclick="tabview(3)" data-title="CHOOSE YOUR RIDE"></div>
1308            <div class="item-content-wrapper">
1309                <div class="content">
1310                    <div class="tab-title">CHOOSE YOUR RIDE</div>
1311                    <div class="tabs-content-seperator"></div>
1312                    <div class="tab-content">We have a wide variety of cars suited for your purpose,
1313                        number of travellers and comfort. Choose a car you would like to travel by and we will make it
1314                        available to you.</div>
1315                </div>
1316                <img width="800" height="400" src="img/register-yourself.jpeg" class="lozad" alt="how it work">
1317            </div>
1318        </section>
1319        <section id="tabs4" class="item">
1320            <div class="mobile-title" onclick="tabview(4)" data-title="PAY AND RIDE"></div>
1321            <div class="item-content-wrapper">
1322                <div class="content">
1323                    <div class="tab-title">PAY AND RIDE</div>
1324                    <div class="tabs-content-seperator"></div>
1325                    <div class="tab-content">You have an option to pay partial fare or full fare. We will then send the
1326                        details of your ride much
1327                        before.</div>
1328                </div>
1329                <img width="800" height="400" src="img/pay-ride.jpeg" class="lozad" alt="how it work">
1330            </div>
1331        </section>
1332        <section id="tabs5" class="item">
1333            <div class="mobile-title" onclick="tabview(5)" data-title="REVIEW"></div>
1334            <div class="item-content-wrapper">
1335                <div class="content">
1336                    <div class="tab-title">REVIEW</div>
1337                    <div class="tabs-content-seperator"></div>
1338                    <div class="tab-content">We want to hear about your experience. After the ride is complete, we
1339                        request you to rate the driver and our service.This will help us improve.</div>
1340                </div>
1341                <img width="800" height="400" src="img/review.jpeg" class="lozad" alt="how it work">
1342            </div>
1343        </section>
1344    </div>
1345</section> -->
1346<div style="margin: 132px auto;" class="container">
1347  <div class="header">
1348    <h2 class="heading-border center" style="color: black;">How it Works</h2>
1349    <div class="header-line"></div>
1350  </div>
1351
1352  <div class="steps-container">
1353    <div class="step" onclick="showContent(1)">
1354      <div class="step-box active" id="step1">
1355        <div class="step-number">1</div>
1356        <div class="step-title">CALL OR CLICK</div>
1357      </div>
1358    </div>
1359    <div class="step" onclick="showContent(2)">
1360      <div class="step-box" id="step2">
1361        <div class="step-number">2</div>
1362        <div class="step-title">REGISTER YOURSELF</div>
1363      </div>
1364    </div>
1365    <div class="step" onclick="showContent(3)">
1366      <div class="step-box" id="step3">
1367        <div class="step-number">3</div>
1368        <div class="step-title">CHOOSE DESTINATION, DATE AND TIME</div>
1369      </div>
1370    </div>
1371    <div class="step" onclick="showContent(4)">
1372      <div class="step-box" id="step4">
1373        <div class="step-number">4</div>
1374        <div class="step-title">CHOOSE YOUR RIDE</div>
1375      </div>
1376    </div>
1377    <div class="step" onclick="showContent(5)">
1378      <div class="step-box" id="step5">
1379        <div class="step-number">5</div>
1380        <div class="step-title">PAY AND RIDE</div>
1381      </div>
1382    </div>
1383    <div class="step" onclick="showContent(6)">
1384      <div class="step-box" id="step6">
1385        <div class="step-number">6</div>
1386        <div class="step-title">REVIEW</div>
1387      </div>
1388    </div>
1389  </div>
1390
1391  <div class="content-area" id="content-area">
1392    <!-- Tab 1 -->
1393    <div id="content1" class="tab-content active">
1394      <div class="animated-bg"><span></span><span></span><span></span></div>
1395      <div class="content-grid">
1396        <div class="content-left">
1397          <h2 class="content-title">Call Or Click</h2>
1398          <div class="content-divider"></div>
1399          <p class="content-description">
1400            Getting started is easy! Simply reach out to us through your preferred method and begin your journey with
1401            our premium service.
1402          </p>
1403          <ul class="content-features">
1404            <li>24/7 customer support available</li>
1405            <li>Quick response time</li>
1406            <li>Multiple contact options</li>
1407            <li>Instant booking confirmation</li>
1408          </ul>
1409          <div class="nav-buttons">
1410            <!-- <button class="firstprev"  onclick="navigateStep(-1)">← Previous</button> -->
1411            <button onclick="navigateStep(1)">Next →</button>
1412          </div>
1413        </div>
1414        <div class="content-right"
1415          style="background-image:url('https://images.unsplash.com/photo-1556742049-0cfed4f6a45d?w=800&h=600&fit=crop');">
1416        </div>
1417      </div>
1418    </div>
1419
1420    <!-- Other tabs same structure -->
1421    <div id="content2" class="tab-content">
1422      <div class="animated-bg"><span></span><span></span><span></span></div>
1423      <div class="content-grid">
1424        <div class="content-left">
1425          <h2 class="content-title">Register Yourself</h2>
1426          <div class="content-divider"></div>
1427          <p class="content-description">Please register yourself with your email and mobile number. We will verify the
1428            same for safety.</p>
1429          <ul class="content-features">
1430            <li>Secure verification process</li>
1431            <li>Quick and easy registration</li>
1432            <li>Your data is protected</li>
1433            <li>One-time setup</li>
1434          </ul>
1435          <div class="nav-buttons">
1436            <button onclick="navigateStep(-1)">← Previous</button>
1437            <button onclick="navigateStep(1)">Next →</button>
1438          </div>
1439        </div>
1440        <div class="content-right"
1441          style="background-image:url('https://images.unsplash.com/photo-1512941937669-90a1b58e7e9c?w=800&h=600&fit=crop');">
1442        </div>
1443      </div>
1444    </div>
1445
1446    <div id="content3" class="tab-content">
1447      <div class="animated-bg"><span></span><span></span><span></span></div>
1448      <div class="content-grid">
1449        <div class="content-left">
1450          <h2 class="content-title">Choose Destination, Date & Time</h2>
1451          <div class="content-divider"></div>
1452          <p class="content-description">Select your pickup location, destination, and preferred schedule easily.</p>
1453          <ul class="content-features">
1454            <li>Flexible scheduling</li>
1455            <li>Real-time availability</li>
1456            <li>Instant confirmation</li>
1457          </ul>
1458          <div class="nav-buttons">
1459            <button onclick="navigateStep(-1)">← Previous</button>
1460            <button onclick="navigateStep(1)">Next →</button>
1461          </div>
1462        </div>
1463        <div class="content-right"
1464          style="background-image:url('https://images.unsplash.com/photo-1524661135-423995f22d0b?w=800&h=600&fit=crop');">
1465        </div>
1466      </div>
1467    </div>
1468
1469    <div id="content4" class="tab-content">
1470      <div class="animated-bg"><span></span><span></span><span></span></div>
1471      <div class="content-grid">
1472        <div class="content-left">
1473          <h2 class="content-title">Choose Your Ride</h2>
1474          <div class="content-divider"></div>
1475          <p class="content-description">Browse our premium fleet and select the perfect vehicle for your trip.</p>
1476          <ul class="content-features">
1477            <li>Wide variety</li>
1478            <li>Transparent pricing</li>
1479            <li>Well-maintained fleet</li>
1480          </ul>
1481          <div class="nav-buttons">
1482            <button onclick="navigateStep(-1)">← Previous</button>
1483            <button onclick="navigateStep(1)">Next →</button>
1484          </div>
1485        </div>
1486        <div class="content-right"
1487          style="background-image:url('https://images.unsplash.com/photo-1449965408869-eaa3f722e40d?w=800&h=600&fit=crop');">
1488        </div>
1489      </div>
1490    </div>
1491
1492    <div id="content5" class="tab-content">
1493      <div class="animated-bg"><span></span><span></span><span></span></div>
1494      <div class="content-grid">
1495        <div class="content-left">
1496          <h2 class="content-title">Pay And Ride</h2>
1497          <div class="content-divider"></div>
1498          <p class="content-description">Complete your payment securely and enjoy a comfortable, safe ride.</p>
1499          <ul class="content-features">
1500            <li>Multiple payment options</li>
1501            <li>Secure transactions</li>
1502            <li>Digital receipts</li>
1503          </ul>
1504          <div class="nav-buttons">
1505            <button onclick="navigateStep(-1)">← Previous</button>
1506            <button onclick="navigateStep(1)">Next →</button>
1507          </div>
1508        </div>
1509        <div class="content-right"
1510          style="background-image:url('https://images.unsplash.com/photo-1556742111-a301076d9d18?w=800&h=600&fit=crop');">
1511        </div>
1512      </div>
1513    </div>
1514
1515    <div id="content6" class="tab-content">
1516      <div class="animated-bg"><span></span><span></span><span></span></div>
1517      <div class="content-grid">
1518        <div class="content-left">
1519          <h2 class="content-title">Review</h2>
1520          <div class="content-divider"></div>
1521          <p class="content-description">Share your feedback and help us serve you even better next time.</p>
1522          <ul class="content-features">
1523            <li>Easy feedback form</li>
1524            <li>Reward points for reviews</li>
1525            <li>24/7 support team</li>
1526          </ul>
1527          <div class="nav-buttons">
1528            <button  onclick="navigateStep(-1)">← Previous</button>
1529            <!-- <button class="lastnext"  onclick="navigateStep(1)">Next →</button> -->
1530          </div>
1531        </div>
1532        <div class="content-right"
1533          style="background-image:url('/assets/images/review_img.jpeg');;">
1534        </div>
1535      </div>
1536    </div>
1537  </div>
1538</div>
1539<section class="process-card1 container">
1540  <h2 class="heading-border center" style="    color: #193150;
1541    margin-bottom: 78px;
1542    margin-top: 98px;
1543    text-align: center;">KABBY MAKES IT EASY</h2>
1544  <div class="row">
1545    <!-- Card 1 -->
1546    <div class=" col-md-4">
1547      <div class="process-card">
1548      <div class="icon-container">
1549        <img width="100" height="97" src="https://govavia.com/wp-content/uploads/2022/04/Group.svg" alt="make it easy"
1550          class="card-img lozad" data-lazy-src="https://govavia.com/wp-content/uploads/2022/04/Group.svg"><noscript><img
1551            width="100" height="97" src="https://govavia.com/wp-content/uploads/2022/04/Group.svg" alt="make it easy"
1552            class="card-img lozad"></noscript>
1553      </div>
1554      <div class="card-content">
1555        <p class="card-title">Make it easy</p>
1556        <h2 class="card-heading">Friendly Staff</h2>
1557        <p class="card-description">Our team is standing by to help every step of the way. We are passionate about
1558          superior customer service.</p>
1559      </div>
1560      </div>
1561    </div>
1562
1563    <!-- Card 2 -->
1564    <div class="col-md-4">
1565      <div class="process-card ">
1566
1567    
1568      <div class="icon-container">
1569        <img width="100" height="82" src="https://govavia.com/wp-content/uploads/2022/04/Group-1.svg" alt="make it easy"
1570          class="card-img lozad" data-lazy-src="https://govavia.com/wp-content/uploads/2022/04/Group-1.svg">
1571        <noscript>
1572          <img width="100" height="82" src="https://govavia.com/wp-content/uploads/2022/04/Group-1.svg"
1573            alt="make it easy" class="card-img lozad">
1574        </noscript>
1575      </div>
1576      <div class="card-content">
1577        <p class="card-title">Make it easy</p>
1578        <h2 class="card-heading">User Friendly App</h2>
1579        <p class="card-description">Our user friendly app and the easy booking process will facilitate intercity travel.
1580          We value your time and comfort.</p>
1581      </div>
1582    </div>
1583  </div>
1584    <!-- Card 3 -->
1585    <div class=" col-md-4">
1586      <div class="process-card">
1587      <div class="icon-container">
1588        <img width="100" height="100" src="https://govavia.com/wp-content/uploads/2022/04/Group-2.svg"
1589          alt="make it easy" class="card-img lozad"
1590          data-lazy-src="https://govavia.com/wp-content/uploads/2022/04/Group-2.svg"><noscript><img width="100"
1591            height="100" src="https://govavia.com/wp-content/uploads/2022/04/Group-2.svg" alt="make it easy"
1592            class="card-img lozad"></noscript>
1593      </div>
1594      <div class="card-content">
1595        <p class="card-title">Make it easy</p>
1596        <h2 class="card-heading">Simple Process</h2>
1597        <p class="card-description">Our professional and reliable cab service provides safe, comfortable and hassle-free rides
1598        for airport transfers and outstation trip.</p>
1599      </div>
1600      </div>
1601    </div>
1602  </div>
1603</section>
1604
1605<section class="faq">
1606  <div class="container">
1607    <div class="faq-section">
1608      <h2 class="heading-border " style="color: #ffff; text-align:center;">FAQ</h2>
1609      <div class="faq-container">
1610              <div class="faq-item">
1611          <button class="faq-question">
1612            Are there any discounts or offers available? <span class="icon">+</span>
1613          </button>
1614          <div class="faq-answer">
1615            <p>Kabby gives discounts based on usage. Try us. Our competitive discount policy will keep you wondering. Kabby will take out seasonal discounts also from time to time.</p>
1616          </div>
1617        </div>
1618              <div class="faq-item">
1619          <button class="faq-question">
1620            How do I book a Kabby?  <span class="icon">+</span>
1621          </button>
1622          <div class="faq-answer">
1623            <p>Just download our app in a few seconds. Register with your mobile number and book your next travel with us. </p>
1624          </div>
1625        </div>
1626              <div class="faq-item">
1627          <button class="faq-question">
1628            Can I book a Kabby for a specific time and date in advance? <span class="icon">+</span>
1629          </button>
1630          <div class="faq-answer">
1631            <p>Yes, you can book a Kabby upto 30 days in advance. </p>
1632          </div>
1633        </div>
1634              <div class="faq-item">
1635          <button class="faq-question">
1636             How can I track my booked KABBY? <span class="icon">+</span>
1637          </button>
1638          <div class="faq-answer">
1639            <p>Kabby will keep you informed of the details well in advance of your travel. The vehicle number along with the drivers contact details will be sent to you. </p>
1640          </div>
1641        </div>
1642              <div class="faq-item">
1643          <button class="faq-question">
1644            Can I book a one-way or round-trip cab with Kabby? <span class="icon">+</span>
1645          </button>
1646          <div class="faq-answer">
1647            <p>Yes. Kabby offers both one-way and round-trip intercity cab services through the app and website.</p>
1648          </div>
1649        </div>
1650              <div class="faq-item">
1651          <button class="faq-question">
1652            What types of vehicles are available with Kabby? <span class="icon">+</span>
1653          </button>
1654          <div class="faq-answer">
1655            <p>The vehicles have been divided into segments / clusters. The wide array is to give you more choice and book what you desire. From sedans to SUV’s … we have them all. </p>
1656          </div>
1657        </div>
1658              <div class="faq-item">
1659          <button class="faq-question">
1660            Are tolls and taxes included in the fare? <span class="icon">+</span>
1661          </button>
1662          <div class="faq-answer">
1663            <p>Yes. All tolls and taxes are included in the fare. With us, the price you see is the price you pay—no hidden charges.</p>
1664          </div>
1665        </div>
1666              <div class="faq-item">
1667          <button class="faq-question">
1668            When are vehicle and driver details recieved? <span class="icon">+</span>
1669          </button>
1670          <div class="faq-answer">
1671            <p>Vehicle and driver details are recieved 3 hours before the ride. </p>
1672          </div>
1673        </div>
1674            </div>
1675    </div>
1676  </div>
1677</section>
1678
1679<section class="download-div div-padding p-b-0 text-center">
1680  <h2 class="heading-border center" style="color: #193150;">DOWNLOAD KABBY</h2>
1681  <div class="container">
1682    <!--<div class="row">
1683                <div class="col-lg-6 offset-lg-3">
1684                    <h2 class="div-title text-center text-dark">Download Kabby</h2>
1685                </div>
1686            </div>-->
1687
1688    <div class="row">
1689      <div class="col-md-5">
1690        <div class="download-qrcode text-center">
1691          <img src="assets/img/halfphoneimgesggg.png" alt="">
1692        </div>
1693      </div>
1694
1695      <div class="col-md-7">
1696        <div class="download-text">
1697          <h1 class="pb-4 mb-4" style="line-height: 60px; font-size: 20px;color: #193150;"><b>Download the
1698              Kabby mobile application</b>
1699          </h1>
1700          <p class="text-white" style="font-size: 20px;color: #193150 !important;">
1701            Kabby is available for free download on Google playstore and Apple store. Our light, user friendly
1702            app has been designed to make your intercity travel memorable.
1703          </p>
1704          <!--<p>Kabby is available for free download on Google playstore and Apple store.Our light,user friendly app has been designed to make your intercity travel memorable.</p>-->
1705        </div>
1706        <div class="download-buttons">
1707          <a href="#"><img src="assets/images/download-1.webp" alt=""></a>
1708          <a href="#"><img src="assets/images/download-2.webp" alt=""></a>
1709        </div>
1710      </div>
1711    </div>
1712  </div>
1713</section>
1714<!-- 
1714<script src="https://cdn.jsdelivr.net/npm/@coreui/coreui@5/dist/js/coreui.bundle.min.js"></script>
1714 -->
1715<script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>
vendor: 1 bytes, line 1715
1715
1716<script src="https://www.kabby.in/js/fronted/autocomplete.js"></script>
vendor: 1 bytes, line 1716
1716
1717<script>
1718  // Smooth animation on page load
1719  window.addEventListener('load', function() {
1720    document.querySelectorAll('.process-card').forEach((card, index) => {
1721      card.style.opacity = '0';
1722      card.style.transform = 'translateY(30px)';
1723      setTimeout(() => {
1724        card.style.transition = 'all 0.8s ease';
1725        card.style.opacity = '1';
1726        card.style.transform = 'translateY(0)';
1727      }, index * 150);
1728    });
1729  });
1730  // Click animation
1731  document.querySelectorAll('.process-card').forEach(card => {
1732    card.addEventListener('click', function() {
1733      this.style.transform = 'scale(0.98)';
1734      setTimeout(() => {
1735        this.style.transform = 'scale(1)';
1736      }, 200);
1737    });
1738  });
1739  // public/js/lazy-load.js
1740  var page = 0;
1741  var fetchingData = false;
1742  function loadMoreItems() {
1743    if (fetchingData) return;
1744    var mysection = document.getElementById("country-lasyload");
1745    var scrollTop = document.documentElement.scrollTop;
1746    var windowHeight = window.innerHeight;
1747    // var offsetHeight = mysection.offsetHeight;
1748    var offsetTop = mysection.offsetTop
1749    console.log(scrollTop);
1750    console.log(windowHeight);
1751    // console.log(offsetHeight);
1752    console.log(offsetTop);
1753    if (scrollTop + windowHeight >= offsetTop) {
1754      fetchingData = true;
1755      page++;
1756      if (page < 3) {
1757        fetch('/get-city?page=' + page)
1758          .then(response => response.json())
1759          .then(data => {
1760            var itemList = document.getElementById('item-list');
1761            var cityNames = data['data'].map(item => item['cityName']);
1762            cityNames.sort();
1763            console.log(cityNames);
1764            var newItemsHTML = '';
1765            cityNames.forEach(cityName => {
1766              console.log(cityName);
1767              newItemsHTML +=
1768                '<a href="#" class="card" style="width: 200px; margin: 10px; border: 1px solid #ccc; padding: 10px;">' +
1769                cityName + '</a>';
1770            });
1771            console.log(newItemsHTML);
1772            itemList.innerHTML += newItemsHTML;
1773            fetchingData = true;
1774          })
1775          .catch(error => {
1776            console.error('Error fetching data:', error);
1777            fetchingData = false;
1778          });
1779      }
1780    }
1781  }
1782  window.addEventListener('scroll', loadMoreItems);
1783</script>
1783
1784
1785<script>
1786  // $(document).ready(function() {
1787  //     $.ajax({
1788  //         url: 'start-get-city',
1789  //         dataType: 'json',
1790  //         delay: 250,
1791  //         success: function(data) {
1792  //             console.log('Data received:', data);
1793  //             populateSelectOptions(data);
1794  //             // Reinitialize Select2
1795  //             // $('#pickup_address').select2();
1796  //             // $('#dropoff_address').select2();
1797  //         },
1798  //         error: function(xhr, status, error) {
1799  //             console.error('Error:', error);
1800  //         }
1801  //     });
1802  // });
1803  // function populateSelectOptions(data) {
1804  //     var pickup_address = $('#pickup_address');
1805  //     var dropoff_address = $('#dropoff_address');
1806  //     pickup_address.empty();
1807  //     dropoff_address.empty();
1808  //     data.cities.forEach(function(city) {
1809  //         pickup_address.append($('<option>', {
1810  //             value: city.destination_start,
1811  //             text: city.destination_start
1812  //         }));
1813  //         dropoff_address.append($('<option>', {
1814  //             value: city.destination_end,
1815  //             text: city.destination_end
1816  //         }));
1817  //     });
1818  // }
1819</script>
vendor: 1 bytes, line 1819
1819
1820<script>
1821  function tabview(params) {
1822    // if ($(".driver-popup").hasClass('active')) {
1823    console.log('dfg: ', params);
1824    $('#tabs0').removeClass('active');
1825    $('#tabs1').removeClass('active');
1826    $('#tabs2').removeClass('active');
1827    $('#tabs3').removeClass('active');
1828    $('#tabs4').removeClass('active');
1829    $('#tabs5').removeClass('active');
1830    $('#tabviewbutton0').removeClass('active');
1831    $('#tabviewbutton1').removeClass('active');
1832    $('#tabviewbutton2').removeClass('active');
1833    $('#tabviewbutton3').removeClass('active');
1834    $('#tabviewbutton4').removeClass('active');
1835    $('#tabviewbutton5').removeClass('active');
1836    $('#tabs' + params).addClass('active');
1837    $('#tabviewbutton' + params).addClass('active');
1838    // $('#driver-popup').addClass('fadeOutDown'); 
1839    // }else{
1840    // $('#driver-popup').addClass('active');
1841    // $('#driver-popup').removeClass('fadeOutDown'); 
1842  }
1843  let currentStep = 1;
1844
1845  function showContent(step) {
1846    document.querySelectorAll('.step-box').forEach(el => el.classList.remove('active'));
1847    document.querySelectorAll('.tab-content').forEach(el => el.classList.remove('active'));
1848    document.getElementById('step' + step).classList.add('active');
1849    document.getElementById('content' + step).classList.add('active');
1850    currentStep = step;
1851  }
1852
1853  function navigateStep(direction) {
1854    currentStep += direction;
1855    if (currentStep < 1) currentStep = 1;
1856    if (currentStep > 6) currentStep = 6;
1857    showContent(currentStep);
1858  }
1859  // const scrollTopBtn = document.getElementById("scrollTop");
1860
1861document.addEventListener("DOMContentLoaded", function () {
1862    const scrollTopBtn = document.getElementById("scrollTop");
1863
1864    if (!scrollTopBtn) return;
1865
1866    window.addEventListener("scroll", function () {
1867        const scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
1868
1869        if (scrollTop > 300) {
1870            scrollTopBtn.style.display = "flex";
1871        } else {
1872            scrollTopBtn.style.display = "none";
1873        }
1874    });
1875});
1876
1877
1878
1879  function scrollToTop() {
1880    window.scrollTo({
1881      top: 0,
1882      behavior: "smooth"
1883    });
1884  }
1885  const faqItems = document.querySelectorAll(".faq-item");
1886  faqItems.forEach(item => {
1887    const btn = item.querySelector(".faq-question");
1888    btn.addEventListener("click", () => {
1889      // close other items
1890      faqItems.forEach(i => {
1891        if (i !== item) {
1892          i.classList.remove("active");
1893          i.querySelector(".icon").textContent = "+";
1894        }
1895      });
1896      // toggle current item
1897      item.classList.toggle("active");
1898      const icon = item.querySelector(".icon");
1899      icon.textContent = item.classList.contains("active") ? "–" : "+";
1900    });
1901  });
1902</script>
1902
1903
1904<!--
1904<script-->
1905<!--    src="https://maps.googleapis.com/maps/api/js?key=AIzaSyA3T5bu8Bu5swrgskylZjHvrhVt76kelDc&libraries=places&callback=initMap"-->
1906<!--    async defer></script>
1906-->
1907
1908
1909    </main>
1910
1911<style>
1912    .anchhoverr:hover{
1913        color:#2488CD;
1914    }
1915    .ftrlstt li{
1916        list-style: auto !important;
1917    }
1918.corporate-box {
1919    background: linear-gradient(180deg, #0b2a4a, #1e4c7a);
1920    padding: 25px;
1921    max-width: 380px;
1922    color: #fff;
1923    font-family: Arial, sans-serif;
1924}
1925
1926.corp-title {
1927    font-size: 18px;
1928    font-weight: 600;
1929    margin-bottom: 18px;
1930}
1931
1932.corp-item {
1933    display: flex;
1934    align-items: flex-start;
1935    gap: 12px;
1936    margin-bottom: 5px;
1937    font-size: 14px;
1938    line-height: 1.5;
1939}
1940
1941.corp-item .icon {
1942    font-size: 16px;
1943    margin-top: 2px;
1944    color:#fff;
1945}
1946
1947.corp-item a {
1948    color: #ffffff;
1949    text-decoration: none;
1950}
1951
1952.corp-item a:hover {
1953    text-decoration: underline;
1954}
1955.footer-nav-div .footer-navigation ul {
1956    flex-basis: 75%;
1957}
1958
1959@media (max-width: 480px) {
1960        .app-download-box .text-center {
1961        font-size: 16px;
1962        display: flex;
1963        flex-direction: column;
1964        align-items: center;
1965    }
1966        .footer-nav-div .app-download-box {
1967        justify-content: center !important;
1968    }
1969 }
1970</style>
1971
1972
1973<footer class="footer-div theme-1" id="contactseccls">
1974  <a href="#" id="scrollToTopBtn" class="scrollToTop" onclick="scrollToTop(event)">
1975    <button class="btn btn-scroll-top" type="button">
1976        <i class="fa fa-arrow-up" style="color: #ffffff;"></i>
1977    </button>
1978</a>
1979       <div class="footer-shape">
1980            <svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none">
1981                <path d="M985.66,92.83C906.67,72,823.78,31,743.84,14.19c-82.26-17.34-168.06-16.33-250.45.39-57.84,11.73-114,31.07-172,41.86A600.21,600.21,0,0,1,0,27.35V120H1200V95.8C1132.19,118.92,1055.71,111.31,985.66,92.83Z" class="shape-fill"></path>
1982            </svg>
1983        </div>
1984        <div class="footer-shape">
1985            <svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none">
1986                <path d="M985.66,92.83C906.67,72,823.78,31,743.84,14.19c-82.26-17.34-168.06-16.33-250.45.39-57.84,11.73-114,31.07-172,41.86A600.21,600.21,0,0,1,0,27.35V120H1200V95.8C1132.19,118.92,1055.71,111.31,985.66,92.83Z" class="shape-fill"></path>
1987            </svg>
1988        </div>
1989
1990        <div class="footer-nav-div div-padding theme-1">
1991            <div class="container">
1992                <div class="row">
1993                    <div class="col-lg-3 col-sm-6">
1994                        <div class="footer-brand">
1995                            <a href="/"><img src="https://www.kabby.in/assets/images/kabbylogo5.png" alt="Logo" height="112px" width="180px" style="width: 48%;"></a>
1996                        </div>
1997                        <div class="helpline d-flex align-items-center">
1998                            <!-- <h3 class="mb-0">Support- <h3> -->
1999                            <!-- <p class="mb-0 h5">&nbsp <a class="anchhoverr" href="tel:+918699153152">+91 82888-34464</a></p> -->
2000                        </div>
2001                    </div>
2002                    <div class="col-lg-3 col-sm-6">
2003                        <h4>Useful links</h4>
2004                        <nav class="footer-navigation">
2005                            <ul>
2006                                <li><a href="https://www.kabby.in/terms">Terms &amp; Conditions</a></li>
2007                                <li><a href="https://www.kabby.in/privacy-policy">Privacy policy</a></li>
2008                                <li><a href="https://www.kabby.in/blogs">Latest News</a></li>
2009                                <li><a href="#">Advertise with us</a></li>
2010                            </ul>
2011                            
2012                        </nav>
2013                    </div>
2014                    <div class="col-lg-3 col-sm-6">
2015                        <!-- <h4>Head Office</h4> -->
2016                        <!-- <h4>Corporate Office :</h4>
2017                       <div class="corporate-box"> -->
2018                        <h4 class="corp-title">Corporate Office :</h4>
2019                        <div class="corp-item">
2020                            <span class="icon"><i class="fa-solid fa-location-dot"></i></span>
2021                            <span style="color: white;">Industrial Area, Phase VIII, Mohali, <br> Punjab - 160071</span>
2022                        </div>
2023
2024                        <div class="corp-item">
2025                            <span class="icon"><i class="fa-solid fa-phone"></i></span>
2026                            <a href="tel:+918288834464">+91 82888-34464</a>
2027                        </div>
2028                        
2029                        <div class="corp-item">
2030                            <span class="icon"><i class="fa-solid fa-location-dot"></i></span>
2031                            <span style="color: white;">Admiralty Ln, Singapore</span>
2032                        </div>
2033                      
2034                        <div class="corp-item">
2035                            <span class="icon"><i class="fa-solid fa-phone"></i></span>
2036                            <span style="color: white;">+65 86244546</span>
2037                        </div>
2038
2039                        <div class="corp-item">
2040                            <span class="icon"><i class="fa-solid fa-envelope"></i></span>
2041                            <a href="mailto:[email protected]">[email protected]</a>
2042                        </div>
2043                    <!-- </div> -->
2044
2045                    </div>
2046                    <div class="col-lg-3 col-sm-6 text-center">
2047                        <h4>Download Mobile App</h4>
2048                        <div class="app-download-box ">
2049                            <a href="#"><img src="https://www.kabby.in/assets/images/icon/google-play.webp" alt="Google play"></a>
2050                            <a href="#"><img src="https://www.kabby.in/assets/images/icon/apple-store.webp" alt="Apple store"></a>
2051                        </div>
2052                        <div class="app-download-box " style="padding-right: 0px;">
2053                        <div class="text-center">
2054                            <img src="https://www.kabby.in/assets/img/kabbyphoneqr.jpeg" style="width:90%;" alt="Kabby Customer" style="">
2055                            <span style="color: white;font-size:16px;">Customer App</span>
2056                        </div>
2057                       <div class="text-center">
2058                            <img src="https://www.kabby.in/assets/img/kabbydriverqr.jpg" style="width:93%;" alt="Kabby Driver" style="">
2059                            <span style="color: white;font-size:16px;">Driver App</span>
2060                        </div>
2061                          </div>
2062                       
2063                    </div>
2064                </div>
2065            </div>
2066        </div>
2067   
2068                  
2069
2070        <div class="copyright-div">
2071            <div class="container">
2072                <div class="row">
2073                    <div class="col-lg-6">
2074                        <p>&copy; Copyright 2026 by Kabby.in &nbsp &nbsp All Rights Reserved.</p>
2075                    </div>
2076                    <div class="col-lg-6">
2077                        <ul class="social-nav">
2078                            <li><a href="https://www.youtube.com/channel/UCjC6kss5vr2jsXCgtixIOOg" target="_blank" class="pinterest"><i class="fa-brands fa-youtube"></i></a></li>
2079                            <li><a href="https://www.facebook.com/Kabby.in?sfnsn=wiwspmo&mibextid=RUbZ1f" target="_blank" class="facebook"><i class="fab fa-facebook-f"></i></a></li>
2080                            <li><a href="https://x.com/kabby_cab" class="twitter" target="_blank"><i class="fab fa-twitter"></i></a></li>
2081                            <li><a href="https://www.instagram.com/kabby_cab" class="instagram" target="_blank"><i class="fab fa-instagram"></i></a></li>
2082                            <li><a href="https://www.linkedin.com/company/kabbyintercity"target="_blank"  class="linkedin"><i class="fab fa-linkedin-in"></i></a></li>
2083                        </ul>
2084                     
2085                    </div>
2086                </div>
2087            </div>
2088        </div>
2089</footer>
2090
2091
2092
2093    <style>
2094    .scrollToTop {
2095      bottom: 20px;
2096        right: 20px;
2097
2098        z-index: 100;
2099    }
2100    .btn-scroll-top {
2101        background-color: #193150;
2102        color: #fff;
2103        border: none;
2104        padding: 10px 15px;
2105        border-radius: 50%;
2106        cursor: pointer;
2107    }
2108</style>
2109  
2109<script>
2110    // Function to scroll to the top of the page
2111    function scrollToTop(event) {
2112        event.preventDefault();
2113        window.scrollTo({ top: 0, behavior: 'smooth' });
2114    }
2115
2116    // Function to show/hide the scroll-to-top button
2117    function handleScroll() {
2118        var scrollToTopBtn = document.getElementById('scrollToTopBtn');
2119        if (document.documentElement.scrollTop > 100) {
2120            scrollToTopBtn.style.display = 'block';
2121        } else {
2122            scrollToTopBtn.style.display = 'none';
2123        }
2124    }
2125
2126    // Add scroll event listener
2127    window.addEventListener('scroll', handleScroll);
2128</script>
2128
2129
2130    <!-- jQuery -->
2131    
2131<script src="https://www.kabby.in/assets/plugins/common/common.min.js"></script>
2131
2132    
2132<script src="https://www.kabby.in/assets/plugins/bootstrap/js/bootstrap.min.js"></script>
2132
2133    
2133<script src="https://www.kabby.in/assets/plugins/OwlCarousel/owl.carousel.min.js"></script>
2133
2134    
2134<script src="https://www.kabby.in/assets/plugins/counterup/waypoints.min.js"></script>
2134
2135    
2135<script src="https://www.kabby.in/assets/plugins/counterup/jquery.counterup.min.js"></script>
2135
2136     
2136<script src="https://www.kabby.in/assets/plugins/timepicker/bootstrap-timepicker.min.js"></script>
2136
2137    
2137<script src="assets/plugins/sweetalert2/sweetalert2.all.min.js"></script>
2137
2138    
2138<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap-datepicker.min.js"></script>
2138
2139    
2139<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-timepicker/0.5.2/js/bootstrap-timepicker.min.js"></script>
2139
2140    
2140<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyA3T5bu8Bu5swrgskylZjHvrhVt76kelDc&sensor=true">
2141    </script>
2141
2142    
2142<script defer src="https://cdn.jsdelivr.net/npm/@coreui/[email protected]/dist/js/coreui.bundle.min.js"></script>
2142
2143    
2144    
2144<script src="https://www.kabby.in/assets/plugins/gmap3/gmap3.min.js"></script>
2144
2145    <!-- custom scripts -->
2146    
2146<script src="https://www.kabby.in/kabby.js"></script>
2146
2147    
2148    
2148<script>
2149        $(document).ready(function(){
2150            $('#ptachlgyamain').on('mouseover',function(){
2151                $('#ptachlgya').css('display','block');
2152            }).on('mouseout',function(){
2153                $('#ptachlgya').css('display','none');
2154            });
2155        });
2156    function confirmLogout() {
2157        let url = event.currentTarget.getAttribute('data-url');
2158        Swal.fire({
2159            title: 'Are you sure?',
2160            text: 'You will be logged out!',
2161            icon: 'warning',
2162            showCancelButton: true,
2163            confirmButtonText: 'Yes, Logout',
2164            cancelButtonText: 'Cancel'
2165        }).then((result) => {
2166            if (result.isConfirmed) {
2167                window.location.href = url;
2168            }
2169        });
2170    }
2171    </script>
2171
2172
2173</body>
2174
2175</html>
2176    <a href="#" id="scrollToTopBtn" class="scrollToTop" onclick="scrollToTop(event)">
2177        <button class="btn btn-scroll-top" type="button">
2178            <i class="fa fa-arrow-up" style="color: #ffffff;"></i>
2179        </button>
2180    </a>
2181
2182    <style>
2183        .scrollToTop {
2184            position: fixed;
2185            bottom: 20px;
2186            right: 20px;
2187            display: none;
2188            z-index: 100;
2189        }
2190
2191        .btn-scroll-top {
2192            background-color: #193150;
2193            color: #fff;
2194            border: none;
2195            padding: 10px 15px;
2196            border-radius: 50%;
2197            cursor: pointer;
2198        }
2199    </style>
2200    
2200<script>
2201        // Function to scroll to the top of the page
2202        function scrollToTop(event) {
2203            event.preventDefault();
2204            window.scrollTo({
2205                top: 0,
2206                behavior: 'smooth'
2207            });
2208        }
2209        // Function to show/hide the scroll-to-top button
2210        function handleScroll() {
2211            var scrollToTopBtn = document.getElementById('scrollToTopBtn');
2212            if (document.documentElement.scrollTop > 100) {
2213                scrollToTopBtn.style.display = 'block';
2214            } else {
2215                scrollToTopBtn.style.display = 'none';
2216            }
2217        }
2218        // Add scroll event listener
2219        window.addEventListener('scroll', handleScroll);
2220    </script>
2220
2221
2222    
2222<script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/2.1.2/sweetalert.min.js"></script>
2222
2223    
2224    
2224<script src="assets/plugins/bootstrap/js/bootstrap.min.js"></script>
2224
2225    
2225<script src="assets/plugins/OwlCarousel/owl.carousel.min.js"></script>
2225
2226    
2226<script src="assets/plugins/counterup/waypoints.min.js"></script>
2226
2227    
2227<script src="assets/plugins/counterup/jquery.counterup.min.js"></script>
2227
2228    
2228<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyA3T5bu8Bu5swrgskylZjHvrhVt76kelDc&sensor=true">
2229    </script>
2229
2230    
2230<script src="assets/plugins/gmap3/gmap3.min.js"></script>
2230
2231    <!-- custom scripts -->
2232    
2232<script src="css2/kabby.js"></script>
2232
2233    
2233<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
2233
2234    
2234<script src="https://cdnjs.cloudflare.com/ajax/libs/lazysizes/5.3.2/lazysizes.min.js" defer></script>
2234
2235    
2235<script src="https://code.jquery.com/jquery-3.6.0.min.js" crossorigin="anonymous"></script>
2235
2236    
2236<script src="https://www.kabby.in/js/fronted/alert.js"></script>
2236
2237    
2237<script>
2238        function displaydrivermenu() {
2239            if ($(".driver-popup").hasClass('active')) {
2240                $('#driver-popup').removeClass('active');
2241                $('#driver-popup').addClass('fadeOutDown');
2242            } else {
2243                $('#driver-popup').addClass('active');
2244                $('#driver-popup').removeClass('fadeOutDown');
2245            }
2246        }
2247    </script>
2247
2248    
2248<script>
2249        //     $(window).on('load', function() {
2250        //     if ($(".login-popup").hasClass('active')) {
2251        //         $('body').click(function() {
2252        //             $(".login-popup").show();
2253        //         });
2254        //     }
2255        // });
2256        // jQuery(document).ready(function() {
2257        // $(document).click(function(e) {
2258        //     // console.log(e.target);
2259        //     if ($(e.target).is('.login-popup,.login-popup-trigger *, .login-popup *')) {} else {
2260        //         $('.js-close-outside.active').removeClass('fadeInUp').addClass('fadeOutDown');
2261        //     }
2262        // });
2263        function displaylogin() {
2264            if ($(".login-popup").hasClass('active')) {
2265                $('#login-popup').removeClass('active');
2266                $('#login-popup').addClass('fadeOutDown');
2267            } else {
2268                $('#login-popup').addClass('active');
2269                $('#login-popup').removeClass('fadeOutDown');
2270            }
2271        }
2272    </script>
2272
2273
2274    
2274<script src="https://www.gstatic.com/firebasejs/6.0.2/firebase.js"></script>
2274
2275    
2275<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
2275
2276    
2276<script src="https://www.gstatic.com/firebasejs/8.2.1/firebase-auth.js"></script>
2276
2277
2278    
2278<script>
2279        const firebaseConfig = {
2280            apiKey: "AIzaSyBQsX-IetMGfGQZwxQmrJS9WtC2wlnHarM",
2281            authDomain: "go-ride-7e687.firebaseapp.com",
2282            databaseURL: "https:\/\/go-ride-7e687-default-rtdb.firebaseio.com",
2283            projectId: "go-ride-7e687",
2284            storageBucket: "go-ride-7e687.appspot.com",
2285            messagingSenderId: "565308258881",
2286            appId: "1:565308258881:web:745e2848069c9e0731a4c0",
2287            measurementId: "G-2YH6W1FPBB",
2288        };
2289
2290        if (!firebase.apps.length) {
2291            firebase.initializeApp(firebaseConfig);
2292        }
2293    </script>
2293
2294    
2294<script type="text/javascript">
2295        $(document).ready(function() {
2296            // $.ajax({
2297            //             url: '/user-auth',
2298            //             type: 'GET',
2299            //             data: { q: query },
2300            //             success: function(response) {
2301            //             }
2302            //         });
2303        })
2304        window.onload = function() {
2305            render();
2306        };
2307
2308        function render() {
2309            window.recaptchaVerifier = new firebase.auth.RecaptchaVerifier('recaptcha-container');
2310            recaptchaVerifier.render();
2311            //  window.recaptchaVerifier1=new firebase.auth.RecaptchaVerifier('recaptcha-container1');
2312            //  recaptchaVerifier1.render();
2313            // window.recaptchaVerifier2=new firebase.auth.RecaptchaVerifier('recaptcha-container2');
2314            //  recaptchaVerifier2.render();
2315        }
2316
2317        function sendcode() {
2318            const countryCode = '+91';
2319            var number = $("#telnumber").val();
2320            var updatenum = countryCode + number;
2321            let telnumber = '+' + parseInt(updatenum);
2322            console.log(telnumber);
2323            firebase.auth().signInWithPhoneNumber(telnumber, window.recaptchaVerifier).then(function(
2324                confirmationResult) {
2325                window.confirmationResult = confirmationResult;
2326                coderesult = confirmationResult;
2327                var num_input = document.getElementById("num_input");
2328                var recaptcha_container = document.getElementById("recaptcha-container");
2329                var num_submit = document.getElementById("num_submit");
2330                num_input.style.display = "none";
2331                recaptcha_container.style.display = "none";
2332                num_submit.style.display = "none";
2333                var opt_input = document.getElementById("opt-input");
2334                var num_submit = document.getElementById("opt_submit");
2335                opt_input.classList.remove("d-none");
2336                opt_submit.classList.remove("d-none");
2337            }).catch(function(error) {
2338                alert(error.message);
2339            });
2340        }
2341
2342        function submitopt() {
2343            const countryCode = '+91';
2344            var code = $("#verificationCode").val();
2345            var number = $("#number").val();
2346            var updatenum = countryCode + number;
2347            let telnumber = parseInt(updatenum);
2348            console.log(code);
2349            console.log(number);
2350            coderesult.confirm(code).then(function(result) {
2351                console.log(result);
2352                //  var firestore = firebase.firestore();
2353                //   var collectionRef = firestore.collection('driver_users');
2354                //  var query = collectionRef.where('phoneNumber', '==', number); 
2355                // query.get().then(function(querySnapshot) {
2356                //        if (querySnapshot.empty) {
2357                //        console.log('No matching documents.');
2358                //        var data = { key: user.email }; // Data to be stored in the session
2359                fetch('/opt-sign-in', {
2360                        method: 'POST',
2361                        headers: {
2362                            'Content-Type': 'application/json',
2363                            'X-CSRF-TOKEN': 'tzU68H8YicAkGauWElVeTyJIKrqEGCDk4nvnUubx' // Pass CSRF token for Laravel
2364                        },
2365                        body: JSON.stringify(data)
2366                    })
2367                    .then(data => {
2368                        window.location.href = "/";
2369                    });
2370                //    return;
2371                //  }
2372                // Loop through the matching documents
2373                //  querySnapshot.forEach(function(doc) {
2374                //    var data = { key: doc.id }; // Data to be stored in the session 
2375                //  fetch('/user-login', {
2376                //      method: 'POST',
2377                //      headers: {
2378                //          'Content-Type': 'application/json',
2379                //          'X-CSRF-TOKEN': 'tzU68H8YicAkGauWElVeTyJIKrqEGCDk4nvnUubx' // Pass CSRF token for Laravel
2380                //      },
2381                //      body: JSON.stringify(data)
2382                //  })
2383                //  .then(response => {
2384                //      if (!response.ok) {
2385                //          throw new Error('Network response was not ok');
2386                //      }
2387                //      return response.json();
2388                //       })
2389                //       .then(data => {
2390                //       window.location.href = "/";
2391                //         })
2392                //      .catch(error => {
2393                //         console.error('There was an error!', error);
2394                //       });
2395                //      });
2396                //    }).catch(function(error) {
2397                //      console.error('Error searching for email: ', error);
2398                //    });
2399            }).catch(function(error) {
2400                console.error('Error searching for hutto: ', error);
2401            });
2402        }
2403
2404        function googlesignin() {
2405            var provider = new firebase.auth.GoogleAuthProvider();
2406            firebase.auth().signInWithPopup(provider).then((result) => {
2407                var token = result.credential.accessToken;
2408                var user = result.user;
2409                //    console.log(user.photoURL);
2410                var firestore = firebase.firestore();
2411                var collectionRef = firestore.collection('driver_users');
2412                var query = collectionRef.where('email', '==', user.email);
2413                //   $query = $usersRef->where('email', '=', $email);
2414                // var formData = $(this).serialize(); // Serialize form data
2415                query.get().then(function(querySnapshot) {
2416                    if (querySnapshot.empty) {
2417                        console.log('No matching documents.');
2418                        var data = {
2419                            key: user.email,
2420                            name: user.displayName,
2421                            photourl: user.photoURL,
2422                        }; // Data to be stored in the session
2423                        fetch('/google-sign-in', {
2424                                method: 'POST',
2425                                headers: {
2426                                    'Content-Type': 'application/json',
2427                                    'X-CSRF-TOKEN': 'tzU68H8YicAkGauWElVeTyJIKrqEGCDk4nvnUubx' // Pass CSRF token for Laravel
2428                                },
2429                                body: JSON.stringify(data)
2430                            })
2431                            .then(data => {
2432                                window.location.href = "/";
2433                            });
2434                        return;
2435                    }
2436                    // Loop through the matching documents
2437                    querySnapshot.forEach(function(doc) {
2438                        console.log('have documents.');
2439                        console.log(doc.id);
2440                        var data = {
2441                            key: doc.id
2442                        }; // Data to be stored in the session
2443                        fetch('/user-login', {
2444                                method: 'POST',
2445                                headers: {
2446                                    'Content-Type': 'application/json',
2447                                    'X-CSRF-TOKEN': 'tzU68H8YicAkGauWElVeTyJIKrqEGCDk4nvnUubx' // Pass CSRF token for Laravel
2448                                },
2449                                body: JSON.stringify(data)
2450                            })
2451                            .then(data => {
2452                                window.location.href = "/";
2453                            })
2454                    });
2455                }).catch(function(error) {
2456                    console.error('Error searching for email: ', error);
2457                });
2458            }).catch((error) => {
2459                // Handle Errors here.
2460                var errorCode = error.code;
2461                var errorMessage = error.message;
2462                // The email of the user's account used.
2463                var email = error.email;
2464                // The firebase.auth.AuthCredential type that was used.
2465                var credential = error.credential;
2466                // ...
2467                console.error(error);
2468            });
2469        }
2470    </script>
2470
2471    <!-- jQuery -->
2472
2473    
2473<script>
2474        $(document).ready(function() {
2475            $('#searchInput').on('input', function() {
2476                var query = $(this).val();
2477                $.ajax({
2478                    url: '/city-search',
2479                    type: 'GET',
2480                    data: {
2481                        q: query
2482                    },
2483                    success: function(response) {
2484                        var list = $('#search-list');
2485                        list.empty();
2486                        $.each(response, function(index, prediction) {
2487                            // Create clickable links for each suggestion
2488                            var link = $('<a>').text(prediction.description);
2489                            link.attr('href', 'book-car?city=' + prediction
2490                                .description + '&id=' + prediction.place_id
2491                            ); // Add href attribute (you can replace '#' with the actual link)
2492                            list.append($('<div>').append(link));
2493                        });
2494                        // Show the dropdown menu
2495                        list.show();
2496                    }
2497                });
2498            });
2499        });
2500    </script>
2500
2501    </body>
2502
2503</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.