PageSourceSearch

https://www.gailonline.com/About.html

html gailonline.com collected 2026-10-02 07:10:11 UTC 97,868 bytes, 2,134 lines download raw bytes

1<!doctype html>
2<html lang="en">
3  <head>
4    <meta charset="UTF-8" />
5    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6    <title>GAIL India Limited</title>
7
8    <link href="css/all.min.css" rel="stylesheet" />
9    <link rel="stylesheet" href="css/style.css" />
10    <link rel="stylesheet" href="css/media.css" />
11    <style>
12      .stat-number {
13        display: inline-block;
14        background: #0070c0;
15        color: #ffd800;
16        padding: 5px 12px;
17        border-radius: 20px;
18        font-weight: bold;
19        font-size: 14px;
20        width: 116px;
21        margin-bottom: 8px;
22      }
23      .stat-card img {
24        height: 60px;
25        margin-bottom: 10px;
26      }
27      #myVideo::-webkit-media-controls {
28        display: none !important; /* Chrome / Safari */
29      }
30
31      #myVideo::-moz-media-controls {
32        display: none !important; /* Firefox (support varies) */
33      }
34      .pt-0 {
35        padding-top: 0;
36      }
37
38      .about-section {
39        padding: 70px 0;
40        font-family: Arial, sans-serif;
41        background-color: #f5f5f5;
42      }
43      .about-container {
44        max-width: 1466px;
45        margin: auto;
46      }
47      /* top row */
48
49      .about-top {
50        display: flex;
51        gap: 160px;
52        margin-bottom: 25px;
53        justify-content: space-between;
54      }
55
56      .about-right img {
57        /* width: 100%; */
58        width: 573px;
59        height: 573px;
60      }
61
62      /* heading */
63
64      .about-left h2 {
65        font-size: 36px;
66        margin: 0 0 10px 0;
67        color: #1a1a1a;
68        font-weight: 500;
69      }
70
71      .about-line {
72        width: 155px;
73        height: 3px;
74        background: #0c6fad;
75        margin-bottom: 20px;
76      }
77
78      /* text */
79
80      .about-left p,
81      .about-bottom p {
82        font-size: 16px;
83        line-height: 1.7;
84        color: #444;
85        margin-bottom: 15px;
86        text-align: justify;
87      }
88
89      /* responsive */
90
91      @media (max-width: 900px) {
92        .about-top {
93          flex-direction: column;
94        }
95      }
96
97      :root {
98        --gail-blue: #007bc3;
99        --gail-yellow: #ffed00;
100      }
101
102      .gail-banner {
103        width: 100%;
104        font-family: "Arial", sans-serif;
105      }
106
107      .banner-image-container {
108        /* Replace 'banner-full.jpg' with your actual image file */
109        background: url("img/About_Poster.png") no-repeat center center;
110        width: 100%;
111        background-size: cover;
112        /* Use aspect-ratio to keep the image proportional */
113        /* Example: if your image is 1600x400, use 4/1 */
114        aspect-ratio: 13 / 4;
115        height: auto; /* Remove the fixed 400px */
116        position: relative;
117        display: flex;
118        align-items: flex-end;
119      }
120      /* This creates the semi-transparent blue strip at the bottom of the image */
121      .blue-overlay {
122        width: 100%;
123        background: rgba(0, 123, 195, 0.75); /* Matches the blue in the photo */
124        padding: 20px 0;
125        z-index: 1;
126      }
127
128      .banner-text {
129        color: var(--gail-yellow);
130        font-size: 3rem;
131        font-weight: 800;
132        margin: 0px 0px 0px 11%;
133        text-transform: capitalize;
134      }
135
136      /* Yellow Breadcrumb Bar */
137      .breadcrumb-container {
138        background-color: var(--gail-yellow);
139        padding: 12px 0;
140      }
141
142      .breadcrumb-inner {
143        margin-left: 11%;
144        font-weight: bold;
145        font-size: 1.1rem;
146        color: var(--gail-blue);
147      }
148
149      .breadcrumb-inner a {
150        text-decoration: none;
151        color: var(--gail-blue);
152      }
153
154      .breadcrumb-inner .separator {
155        margin: 0 5px;
156        font-size: 1.1rem;
157      }
158
159      .current-page {
160        color: var(--gail-blue);
161      }
162
163      .presence-container {
164        font-family: Arial, sans-serif;
165        text-align: center;
166        padding: 40px 20px;
167        background-color: #fff;
168      }
169
170      .section-title {
171        font-size: 2rem;
172        font-weight: bold;
173        color: var(--text-dark);
174        margin-bottom: 10px;
175        position: relative;
176        display: inline-block;
177      }
178
179      /* The blue underline under the main heading */
180      .section-title::after {
181        content: "";
182        display: block;
183        width: 60px;
184        height: 3px;
185        background-color: var(--gail-blue);
186        margin: 10px auto 40px;
187      }
188
189      .card-wrapper {
190        display: flex;
191        justify-content: center;
192        gap: 30px;
193        flex-wrap: wrap; /* Allows cards to stack on mobile */
194      }
195
196      .presence-card {
197        background: #fff;
198        border-radius: 8px;
199        box-shadow: var(--shadow);
200        width: 320px;
201        overflow: hidden;
202        transition: transform 0.3s ease;
203        display: flex;
204        flex-direction: column;
205        padding: 15px 15px 0 15px; /* Padding for the white border look */
206      }
207
208      .presence-card:hover {
209        transform: translateY(-5px);
210      }
211
212      .image-container {
213        flex-grow: 1;
214        display: flex;
215        align-items: center;
216        justify-content: center;
217        min-height: 250px;
218      }
219
220      .image-container img {
221        max-width: 100%;
222        height: auto;
223        display: block;
224      }
225
226      .card-footer {
227        background-color: var(--gail-blue);
228        color: white;
229        padding: 12px;
230        font-weight: bold;
231        font-size: 1.1rem;
232        margin: 15px -15px 0 -15px; /* Pulls footer to edges of card */
233      }
234      :root {
235        --gail-blue: #007bc3;
236        --gail-yellow: #ffed00;
237        --bg-light: #f0f2f5;
238        --text-grey: #555;
239      }
240
241      .journey-section {
242        background-color: var(--bg-light, #f5f7fb);
243        padding: clamp(32px, 5vw, 60px) 9%;
244        font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
245      }
246
247      .journey-title {
248        font-size: clamp(28px, 3vw, 36px);
249        margin-bottom: 28px;
250        position: relative;
251        color: #1a1a1a;
252        font-weight: 600;
253        line-height: 1.2;
254      }
255
256      .journey-title::after {
257        content: "";
258        display: block;
259        width: 120px;
260        max-width: 30%;
261        height: 4px;
262        background-color: var(--gail-blue, #0078c8);
263        margin-top: 10px;
264        border-radius: 20px;
265      }
266
267      .journey-container {
268        display: flex;
269        align-items: flex-start;
270        gap: 0;
271      }
272
273      /* Left year panel */
274      .year-sidebar {
275        width: 210px;
276        min-width: 210px;
277        display: flex;
278        flex-direction: column;
279        overflow-y: auto;
280        overflow-x: hidden;
281        max-height: 500px;
282        scrollbar-width: thin; 
283            gap: 5px;
284    padding-right: 0;
285      }
286
287      .year-sidebar::-webkit-scrollbar {
288        width: 6px;
289        height: 6px;
290      }
291
292      .year-sidebar::-webkit-scrollbar-thumb {
293        background: rgba(0, 112, 192, 0.35);
294        border-radius: 20px;
295      }
296
297      .year-item {
298        padding: 14px 18px;
299        font-weight: 700;
300        color: #333;
301        cursor: pointer;
302        transition: all 0.3s ease;
303        font-size: clamp(15px, 1.5vw, 18px);
304        border-radius: 10px 0 0 10px;
305        white-space: nowrap;
306        flex-shrink: 0;
307            background: #ffed00;
308    border-radius: 15px 0px 0px 15px;
309      }
310      
311
312      .year-item.active {
313        /* background-color: #fff;
314        color: var(--gail-blue, #0078c8); */
315            background-color: rgba(0, 123, 195, 0.75);
316    color: #000;
317        border-radius: 12px 0 0 12px;
318        box-shadow: -4px 6px 16px rgba(0, 0, 0, 0.06);
319        position: relative;
320        z-index: 2;
321      }
322
323      .year-item2 {
324        padding: 14px 18px;
325        font-weight: 700;
326        color: #333;
327        cursor: pointer;
328        transition: all 0.3s ease;
329        font-size: clamp(15px, 1.5vw, 18px);
330        border-radius: 10px 0 0 10px;
331        white-space: nowrap;
332        flex-shrink: 0;
333            background: #ffed00;
334    border-radius: 15px 0px 0px 15px;
335      }
336      
337
338      .year-item2.active {
339        /* background-color: #fff;
340        color: var(--gail-blue, #0078c8); */
341            background-color: rgba(0, 123, 195, 0.75);
342    color: #000;
343        border-radius: 12px 0 0 12px;
344        box-shadow: -4px 6px 16px rgba(0, 0, 0, 0.06);
345        position: relative;
346        z-index: 2;
347      }
348
349      /* Right content */
350      .content-box {
351        background: #fff;
352        flex: 1;
353        padding: clamp(20px, 3vw, 40px);
354        border-radius: 0 16px 16px 16px;
355        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
356        min-height: 500px;
357        width: 100%;
358        max-width: 100%;
359        position: relative;
360        overflow: hidden;
361      }
362
363      .year-label {
364        display: inline-block;
365        background-color: var(--gail-yellow, #f7c400);
366        color: #111;
367        padding: 8px 28px;
368        font-weight: 700;
369        font-size: clamp(18px, 2vw, 24px);
370        margin-bottom: 24px;
371        border-radius: 4px;
372      }
373
374      .milestone-list {
375        margin: 0;
376        padding: 0 0 0 22px;
377      }
378
379      .milestone-list li {
380        margin-bottom: 16px;
381        color: #1f2a37;
382        font-size: clamp(14px, 1.5vw, 17px);
383        line-height: 1.7;
384      }
385
386      /* Large tablet */
387      @media (max-width: 991px) {
388        .journey-container {
389          flex-direction: column;
390          gap: 18px;
391        }
392
393        .year-sidebar {
394          width: 100%;
395          min-width: 100%;
396          max-height: none;
397          flex-direction: row;
398          overflow-x: auto;
399          overflow-y: hidden;
400          padding-right: 0;
401          padding-bottom: 6px;
402          gap: 10px;
403          scroll-snap-type: x mandatory;
404        }
405
406        .year-item {
407          border-radius: 999px;
408          background: #eef4fa;
409          padding: 12px 18px;
410          scroll-snap-align: start;
411        }
412
413        .year-item.active {
414          border-radius: 999px;
415          box-shadow: 0 6px 14px rgba(0, 0, 0, 0.08);
416        }
417
418        .content-box {
419          border-radius: 16px;
420          min-height: auto;
421        }
422      }
423
424      /* Mobile */
425      @media (max-width: 767px) {
426        .journey-section {
427          padding: 30px 16px;
428        }
429
430        .journey-title {
431          margin-bottom: 22px;
432        }
433
434        .journey-title::after {
435          width: 90px;
436          height: 3px;
437        }
438
439        .year-sidebar {
440          gap: 8px;
441        }
442
443        .year-item {
444          font-size: 14px;
445          padding: 10px 16px;
446        }
447
448        .content-box {
449          padding: 18px 16px;
450        }
451
452        .year-label {
453          width: 100%;
454          text-align: center;
455          padding: 10px 16px;
456          margin-bottom: 18px;
457        }
458
459        .milestone-list {
460          padding-left: 18px;
461        }
462
463        .milestone-list li {
464          font-size: 14px;
465          line-height: 1.6;
466          margin-bottom: 14px;
467        }
468      }
469
470      /* Small mobile */
471      @media (max-width: 480px) {
472        .year-item {
473          min-width: 78px;
474          text-align: center;
475        }
476        .stats-container {
477          grid-template-columns: repeat(2, 1fr) !important;
478                      gap: 5px !important;
479        padding-inline: 5px !important;
480        }
481        .stat-card { 
482          display: flex;
483          flex-direction: column;
484          align-items: center;
485          width: 100%;
486          margin: 0 auto;
487          min-height: 184px !important;
488        }
489        .stat-number { 
490    font-size: 16px !important;
491    width: 148px !important;}
492    .stat-card p {
493    font-size: 14px !important;}
494        .stats-section { 
495    padding: 20px 0;
496}
497
498        .breadcrumb-inner a {
499          font-size: 14px;
500        }
501        .current-page {
502          font-size: 16px !important;
503        }
504        .content-box {
505          padding: 16px 14px;
506        }
507
508        .milestone-list li {
509          font-size: 13.5px;
510        }
511      }
512
513      .milestone-list {
514        list-style: none;
515        padding: 0;
516        overflow: auto;
517        max-height: 450px;
518        overflow-x: hidden;
519      }
520
521      .milestone-list li {
522        font-size: 18px;
523        color: var(--text-grey);
524        margin-bottom: 15px;
525        padding-left: 25px;
526        line-height: 1.6;
527        position: relative;
528      }
529      /* Custom Bullet Points */
530      .milestone-list li::before {
531        content: "•";
532        color: var(--text-grey);
533        font-weight: bold;
534        position: absolute;
535        left: 0;
536      }
537
538      /* Scrollbar mimic (Vertical line on the right) */
539      .scroll-track {
540        position: absolute;
541        right: 15px;
542        top: 40px;
543        bottom: 40px;
544        width: 6px;
545        background: #f1f1f1;
546        border-radius: 10px;
547      }
548
549      .scroll-thumb {
550        width: 100%;
551        height: 60%; /* Adjust based on content length */
552        background: #ccc;
553        border-radius: 10px;
554      }
555
556      #milestoneList li {
557        animation: fadeIn 0.4s ease-in-out;
558      }
559
560      @keyframes fadeIn {
561        from {
562          opacity: 0;
563          transform: translateX(10px);
564        }
565        to {
566          opacity: 1;
567          transform: translateX(0);
568        }
569      }
570      :root {
571        --gail-blue: #007bc3;
572        --gail-yellow: #ffed00;
573        --card-bg: #ececec;
574      }
575
576      .more-about-section {
577        padding: 40px 5%;
578        background-color: #f9f9f9;
579        font-family: Arial, sans-serif;
580      }
581
582      .more-title {
583        font-size: 1.2rem;
584        font-weight: bold;
585        position: relative;
586        margin: 0;
587      }
588
589      /* The blue underline */
590      .more-title::after {
591        content: "";
592        display: block;
593        width: 100%;
594        height: 3px;
595        background-color: var(--gail-blue);
596        position: absolute;
597        bottom: -8px;
598      }
599
600      .next-arrow {
601        font-size: 1.5rem;
602        color: #888;
603        cursor: pointer;
604      }
605
606      /* Flex layout for the cards */
607      .cards-grid {
608        display: flex;
609        gap: 20px;
610        overflow-x: auto; /* Allows scrolling if too many cards */
611        padding-top: 15px; /* Space for the overlapping numbers */
612      }
613
614      .info-card {
615        background-color: var(--card-bg);
616        min-width: 200px;
617        height: 100px;
618        position: relative;
619        display: flex;
620        align-items: center;
621        padding: 0 20px;
622        cursor: pointer;
623        transition: background 0.3s;
624        text-decoration: none;
625      }
626
627      .info-card:hover {
628        background-color: #e0e0e0;
629      }
630
631      /* The Yellow Number Tag */
632      .card-number {
633        position: absolute;
634        top: -15px; /* Pulls it up halfway */
635        left: 15px;
636        background-color: var(--gail-yellow);
637        color: #000;
638        font-weight: bold;
639        padding: 5px 10px;
640        font-size: 1.1rem;
641        box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
642      }
643
644      .card-text {
645        font-weight: bold;
646        color: #333;
647        margin-top: 10px;
648      }
649
650      /* Hide scrollbar for a cleaner look while keeping functionality */
651      .cards-grid::-webkit-scrollbar {
652        display: none;
653      }
654      /* Container for the sliding cards */
655      .carousel-viewport {
656        overflow: hidden; /* Hides cards that aren't in view */
657        width: 100%;
658      }
659
660      .cards-grid {
661        display: flex;
662        gap: 25px;
663        padding: 25px 5px; /* Extra padding so shadows/numbers aren't clipped */
664        scroll-behavior: smooth;
665        overflow-x: auto;
666        /* Hide scrollbar for clean look */
667        scrollbar-width: none;
668      }
669
670      .cards-grid::-webkit-scrollbar {
671        display: none;
672      }
673
674      /* Arrow Button Styling */
675      .carousel-controls {
676        display: flex;
677        gap: 10px;
678      }
679
680      .nav-btn {
681        background: white;
682        border: 1px solid #ddd;
683        border-radius: 50%;
684        width: 40px;
685        height: 40px;
686        cursor: pointer;
687        display: flex;
688        align-items: center;
689        justify-content: center;
690        font-size: 1.2rem;
691        color: #666;
692        transition: 0.3s;
693        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
694      }
695
696      .nav-btn:hover {
697        background-color: var(--gail-blue);
698        color: white;
699        border-color: var(--gail-blue);
700      }
701      /* --- Dropdown Logic --- */
702
703      /* 1. Position the parent list item */
704      .nav-menu li {
705        position: relative;
706        list-style: none;
707      }
708
709      /* 2. Hide the dropdown by default */
710      .dropdown {
711        display: none;
712        position: absolute;
713        top: 100%; /* Sits exactly below the nav link */
714        left: 0;
715        background-color: #ffffff;
716        min-width: 200px;
717        box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);
718        z-index: 1000;
719        border-top: 3px solid var(--gail-yellow);
720      }
721
722      /* 3. Style the links inside the dropdown */
723      .dropdown a {
724        color: #333 !important; /* Force text to be dark against white bg */
725        padding: 12px 20px;
726        text-decoration: none;
727        display: block;
728        font-size: 0.9rem;
729        border-bottom: 1px solid #eee;
730        transition: background 0.3s;
731      }
732
733      /* 4. Hover effect for dropdown items */
734      .dropdown a:hover {
735        background-color: #f8f8f8;
736        color: var(--gail-blue) !important;
737      }
738
739      /* 5. THE MAGIC: Show dropdown when hovering over the LI */
740      .nav-menu li:hover .dropdown {
741        display: block;
742      }
743
744      /* --- Small tweak for the Navbar Flex --- */
745      .nav-menu {
746        display: flex;
747        margin: 0;
748        padding: 0;
749      }
750
751      :root {
752        --brand-blue: #007bc3;
753        --brand-yellow: #ffed00;
754      }
755
756      ::root {
757        --brand-blue: #007bc3;
758        --brand-yellow: #ffed00;
759      }
760
761      .map-presence-section {
762        padding: 60px 20px;
763        background-color: #fff; /* White background as per image */
764        text-align: center;
765        font-family: "Arial", sans-serif;
766      }
767
768      /* Centered Title with Blue Underline */
769      .map-presence-title {
770        font-size: 36px;
771        color: #000;
772        margin: 0;
773        color: #1a1a1a;
774        font-weight: 500;
775      }
776
777      .map-presence-underline {
778        width: 133px;
779        height: 3px;
780        background-color: var(--brand-blue);
781        margin: 16px auto 40px;
782      }
783
784      /* Grid Layout */
785      .map-presence-grid {
786        display: flex;
787        justify-content: center;
788        gap: 25px;
789        max-width: 1438px;
790        margin: 0 auto;
791        flex-wrap: wrap;
792      }
793
794      /* 1. The Card Frame */
795      .map-presence-card {
796        background: #ffffff;
797        flex: 1;
798        min-width: 320px;
799        max-width: 380px;
800        padding: 12px; /* This creates the white frame/border look */
801        border-radius: 20px;
801 /* Outer frame rounding */
802        box-shadow: 0 5px 25px rgba(0, 0, 0, 0.15); /* Soft deep shadow */
803        display: flex;
804        flex-direction: column;
805        transition: transform 0.3s ease;
806      }
807
808      .map-presence-card:hover {
809        transform: translateY(-5px);
810      }
811
812      /* 2. Image Holder with Border */
813      .map-presence-img-holder {
814        flex-grow: 1;
815        display: flex;
816        align-items: center;
817        justify-content: center;
818
819        overflow: hidden;
820        margin-bottom: 0;
821      }
822
823      .map-presence-img-holder img {
824        width: 100%;
825        height: 410px;
826        display: block;
827        object-fit: contain;
828      }
829
830      /* 3. The Blue Footer Bar (The "Pill" look) */
831      .map-presence-footer {
832        background-color: var(--brand-blue);
833        color: var(--brand-yellow); /* Yellow text as seen in original */
834        padding: 10px 0;
835        font-size: 1.1rem;
836        font-weight: bold;
837        text-align: center;
838
839        text-transform: capitalize;
840      }
841
842      /* Responsive adjustment */
843      @media (max-width: 768px) {
844        .map-presence-grid {
845          flex-direction: column;
846          align-items: center;
847        }
848        .map-presence-card {
849          width: 90%;
850        }
851      }
852      .stat-number {
853        display: inline-block;
854        background: #007dcb;
855        color: #ffed00;
856        padding: 5px;
857        border-radius: 20px;
858        font-weight: bold;
859        font-size: 21px;
860        width: 160px;
861        margin-bottom: 8px;
862      }
863      .stat-card img {
864        /* height: 60px; */
865        margin-bottom: 10px;
866      }
867
868      .stat-card {
869        /* width: 220px; */
870        text-align: center;
871        padding: 20px;
872        border: 1px solid #f0f0f0;
873        border-radius: 12px;
874        transition: all 0.3s ease;
875        min-height: 235px;
876      }
877
878      .stat-card:hover {
879        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
880        transform: translateY(-5px);
881      }
882
883      .stat-card img {
884        width: 70px;
885        height: 50px;
886        margin-bottom: 15px;
887        object-fit: contain;
888      }
889
890      .stats-container {
891        max-width: 1560px;
892        margin: auto;
893        display: grid;
894        grid-template-columns: repeat(7, 1fr);
895        gap: 25px;
896      }
897
898      .stat-card p {
899        font-size: 14px;
900        color: #007dcb;
901        line-height: 1.5;
902        margin: 0;
903        font-weight: 800;
904      }
905      .map_new {
906        /* width: 572px; */
907        background: #ffffff;
908
909        min-width: 320px;
910
911        padding: 12px; /* This creates the white frame/border look */
912        border-radius: 20px; /* Outer frame rounding */
913        box-shadow: 0 5px 25px rgba(0, 0, 0, 0.15); /* Soft deep shadow */
914        display: flex;
915        flex-direction: column;
916        transition: transform 0.3s ease;
917      }
918      .map_new:hover {
919        transform: translateY(-5px);
920      }
921      /* Modal Background */
922      .modal-overlay {
923        display: none;
924        position: fixed;
925        z-index: 9999;
926        padding-top: 50px;
927        left: 0;
928        top: 0;
929        width: 100%;
930        height: 100%;
931        background-color: rgba(0, 0, 0, 0.9); /* Dark black background */
932        cursor: zoom-out;
933      }
934
935      /* Modal Image */
936      .modal-content {
937        margin: auto;
938        display: block;
939        width: 80%;
940        height: 750px;
941        max-width: 900px;
942        animation: zoomIn 0.3s;
943      }
944      /* Close Button (Font Awesome) */
945      .close-modal {
946        position: absolute;
947        top: 34px;
948        right: 510px;
949        color: #dfd5d5;
950        font-size: 40px;
951        font-weight: bold;
952        transition: 0.3s;
953        cursor: pointer;
954      }
955
956      .close-modal:hover {
957        color: #ffd800; /* Yellow hover effect */
958      }
959
960      /* Zoom Animation */
961      @keyframes zoomIn {
962        from {
963          transform: scale(0);
964        }
965        to {
966          transform: scale(1);
967        }
968      }
969
970      /* Make images in grid look clickable */
971      .map-presence-img-holder img {
972        cursor: pointer;
973      }
974    </style>
975  </head>
976
977  <body>
978    <!-- Top Bar -->
979
980    <div id="header-placeholder"></div>
981    <!-- Banner -->
982
983    <section class="gail-banner">
984      <div class="banner-image-container">
985        <div class="blue-overlay">
986          <h2 class="banner-text lang-en">About GAIL</h2>
987              <h2 class="banner-text lang-hi">हमारे बारे में  </h2>
988        </div>
989      </div>
990
991      <nav class="breadcrumb-container lang-en">
992        <div class="breadcrumb-inner">
993          <a href="home.html">Home</a>
994          <span class="separator">&gt;</span>
995          <a href="home.html">About GAIL</a>
996          <span class="separator">&gt;</span>
997          <span class="current-page">At a Glance</span>
998        </div>
999      </nav>
1000         <nav class="breadcrumb-container lang-hi">
1001        <div class="breadcrumb-inner">
1002          <a href="home.html">होम </a>
1003          <span class="separator">&gt;</span>
1004          <a href="home.html">हमारे बारे में  </a>
1005          <span class="separator">&gt;</span>
1006          <span class="current-page">एक नज़र में</span>
1007        </div>
1008      </nav>
1009    </section>
1010
1011    <section class="about-section lang-en">
1012      <div class="about-container">
1013        <!-- TOP ROW -->
1014        <div class="about-top">
1015          <!-- LEFT TEXT -->
1016          <div class="about-left">
1017            <h2>At a Glance</h2>
1018            <div class="about-line"></div>
1019
1020            <p>
1021              GAIL (India) Limited is India’s leading natural gas company, with
1022              a robust and diversified presence across the entire natural gas
1023              value chain and beyond. Its operations encompass the transmission
1024              and marketing of Natural Gas, production of Liquefied Petroleum
1025              Gas (LPG) and other liquid hydrocarbons, LPG transmission, Polymer
1026              production and marketing, City Gas Distribution, LNG sourcing,
1027              shipping and regasification, renewable energy initiatives and
1028              upstream exploration and production activities.
1029            </p>
1030
1031            <p>
1032              GAIL owns and operates an extensive network of approximately 18688+
1033              km of natural gas pipelines, spanning the length and breadth of
1034              India. The company is actively engaged in the execution of
1035              multiple pipeline projects aimed at further expanding its
1036              nationwide coverage, commanding approximately 65% of the natural
1037              gas transmission market in India.
1038            </p>
1039
1040            <p>
1041              Natural Gas trading is GAIL’s core business, and the company holds
1042              a significant ~48% share of the domestic natural gas market. GAIL
1043              supplies approximately two-thirds of the gas consumed by the
1044              fertilizer sector and around 45% of the gas used by gas-based
1045              power plants across India.
1046            </p>
1047
1048            <p>
1049              In Liquified Petroleum Gas (LPG) and other Liquid Hydrocarbons
1050              (LHC) portfolio, GAIL has four Gas Processing Units (GPUs) at three
1051              locations in the country i.e. Vijaipur (2 Units), Pata, Gandhar &
1052              Vaghodia, to extract higher fractions from natural gas, having a
1053              total LPG & LHC production capacity of 1343 KTA.
1054            </p>
1055          </div>
1056
1057          <!-- RIGHT IMAGE -->
1058          <div class="about-right">
1059            <img src="img/About_Natural_Gas.png" alt="GAIL Plant" />
1060          </div>
1061        </div>
1062
1063        <!-- TEXT BELOW IMAGE -->
1064        <div class="about-bottom">
1065          <p>
1066            GAIL owns and operates 2,040 km of LPG pipeline network for LPG
1067            transmission consisting mainly of 1,427 km Jamnagar-Loni Pipeline
1068            (JLPL) which connects the western and northern parts of India and
1069            610 km Vizag-Secunderabad Pipeline (VSPL) which is in the southern
1070            part of the country connecting the Eastern Coast. GAIL is augmenting
1071            Jamnagar- Loni Pipeline capacity from 3.25 MMTPA to 6.5 MMTPA. GAIL
1072            is also executing Uran- Usar Propane Pipeline and Vijaipur- Pata
1073            C2/C3 pipeline.
1074          </p>
1075
1076          <p>
1077            GAIL is also a pioneer in using natural gas for producing
1078            petrochemicals, with a total polymer capacity of 810 KTA at its Pata
1079            complex. Its subsidiary, Brahmaputra Cracker & Polymer Limited
1080            (BCPL), adds another 280 KTA. GAIL has also installed production capacity of 60 KTA
1081            Polypropylene products at Pata and will soon be producing
1082            500 KTA at Usar under the brand name ‘G-Pro’ and will soon diversify
1083            its product range in Polyester value chain through production of
1084            Pure Terephthalic Acid (PTA) which is branded as ‘G- Tex‘ at its
1085            wholly owned subsidiary, GAIL Mangalore Petrochemicals Limited
1086            (GMPL).
1087          </p>
1088
1089          <p>
1090            In the Liquefied Natural Gas (LNG) market, GAIL has significantly large portfolio of around 16.56 MMTPA from USA, Qatar, Australia etc., GAIL has emerged as one of the leading global LNG players and is actively involved in the LNG trading business in the international market. GAIL strengthens its LNG sourcing portfolio by securing several long-term deals and importing spot  LNG cargoes to meet its demand, and expanding LNG infrastru
1090cture from import terminals to transportation and city gas distribution network. GAIL has also expanded its LNG shipping capacity by bringing 9 LNG vessels namely: GAIL Bhuwan, GAIL Sagar, GAIL Urja, Grace Emilia, Maran Gas Pericles & Maran Gas Ulysses, Energy Fidelity, Al Taweelah & Minerva Eloenora. Company also operates LNG Terminal at Dabhol through its subsidiary Konkan LNG Limited. The terminal is designated an all-weather port. GAIL has participating interest in 10 E&P blocks of which 8 are in India, 2 blocks in Myanmar) and additionally in 1 Shale Gas acreage in Eagle Ford Basin, Texas, USA through wholly owned subsidiary – GAIL Global (USA) Inc
1091          </p>
1092          <p>
1093            <!-- GAIL is a pioneer in City Gas Distribution business in India with 8 JVs and 3 subsidiaries in India for its CGD business. GAIL group companies are authorized in 72 GAs, spread over 21 States/UTs, catering to ~10.9 million PNG customers and 3430+ CNG stations across the country. -->
1094             GAIL is a pioneer in the City Gas Distribution (CGD) business in India, with a strong presence through 8 joint ventures and 3 subsidiaries. In addition, GAIL is directly implementing City Gas Distribution projects in 6 cities. GAIL Group companies are authorized across 72 Geographical Areas (GAs) spanning 21 States and Union Territories, serving approximately 10.9 million PNG customers and operating over 3,430 CNG stations nationwide. Furthermore, 9,250+ industrial 
1094consumers and 23050+ commercial establishments are connected to the natural gas network.
1095          </p>
1096
1097          <p>
1098            GAIL has a strong international presence through its overseas
1099            business operations. In the USA, GAIL operates through GAIL Global
1100            (USA) Inc., GAIL Global (USA) LNG LLC and Eagle Ford Shale Acreage.
1101            In Singapore, its presence is established through GAIL Global
1102            (Singapore) Pte. Limited. GAIL also has strategic participation in
1103            China Gas Holding Limited in China and operates in Russia through
1104            LLC Bharat Energy Office. In Egypt, GAIL is associated with Fayum
1105            Gas and Natgas, while in Myanmar, it is involved in the A1 and A3
1106            E&P Blocks through SEAGP Co. Ltd. Additionally, GAIL has a presence
1107            in Cyprus through LNG Japonica Shipping Corporation Limited.
1108          </p>
1109
1110          <p>
1111            In the Renewable Segment, GAIL focuses on developing captive RE
1112            Power projects and enhancing in-house competencies to meet its
1113            internal consumption targets. GAIL has a total installed capacity of
1114            154 MW of Renewable Energy, out of which ~118 MW is from wind energy
1115            and ~36 MW is from solar energy. As part of its foray into alternate
1116            energy and aligned with the National Green Hydrogen Mission, GAIL
1117            has commissioned its first Green Hydrogen Plant at Vijaipur, Madhya
1118            Pradesh, with a 10 MW PEM electrolyser producing 4.3 TPD of
1119            high-purity hydrogen using renewable power.
1120          </p>
1121
1122          <p>
1123            GAIL is advancing the CBG-CGD Synchronisation scheme to supply
1124            biogas to the City Gas Distribution (CGD) sector across India. The
1125            company has initiated biogas supplies in 128 geographical areas and
1126            commissioned its first Compressed Biogas (CBG) plant with a 5 TPD
1127            production capacity at Ranchi.
1128          </p>
1129
1130          <p>
1131            GAIL has set an ambitious Net Zero target, aiming to achieve 100%
1132            reduction in Scope I and Scope 2 by 2035, and 35% reduction in Scope
1133            3 emission by 2040. The company has developed a robust roadmap for
1134            execution, focusing on multiple decarbonization strategies. These
1135            include electrification of natural gas-based equipment, integration
1136            of renewable energy, deployment of compressed biogas (CBG), green
1137            hydrogen initiatives, CO₂ vaporization, energy efficiency
1138            improvements, and carbon offsetting through afforestation and
1139            first-generation ethanol.
1140          </p>
1141        </div>
1142      </div>
1143    </section>
1144
1145    <section class="about-section lang-hi">
1146      <div class="about-container">
1147        <!-- TOP ROW -->
1148        <div class="about-top">
1149          <!-- LEFT TEXT -->
1150          <div class="about-left">
1151            <h2>एक नज़र में</h2>
1152            <div class="about-line"></div>
1153
1154            <p>
1155              गेल (इंडिया) लिमिटेड भारत की अग्रणी प्राकृतिक गैस कंपनी है, जिसकी संपूर्ण प्राकृतिक गैस मूल्य श्रृंखला और उससे इतर भी एक मज़बूत और विविध उपस्थिति है । इसके प्रचालन कार्यों में प्राकृतिक गैस का संचरण और विपणन, द्रवीकृत पेट्रोलियम गैस (एलपीजी) और अन्य द्रव हाइड्रोकार्बन का उत्पादन, एलपीजी संचरण, पॉलिमर उत्पादन और विपणन, शहरी गैस वितरण, एलएनजी सोर्सिंग, शिपिंग और पुनर्गैसीकरण, नवीकरणीय ऊर्जा पहल और अपस्ट्रीम अन्वेषण एवं उत्à
1155¤ªà¤¾à¤¦à¤¨ गतिविधियाँ शामिल हैं ।
1156            </p>
1157
1158            <p>
1159              गेल समग्र भारत में व्याप्त लगभग 18688+ किलोमीटर प्राकृतिक गैस पाइपलाइन के व्यापक नेटवर्क का स्वामित्व और प्रचालन करता है । कंपनी सक्रिय रूप से कई पाइपलाइन परियोजनाओं के निष्पादन में कार्यरत है, जिसका उद्देश्य अपने राष्ट्रव्यापी कवरेज का और अधिक विस्तार करना है, जो भारत में प्राकृतिक गैस संचरण बाजार के लगभग 65% हिस्से पर नियंत्रण रखता है ।
1160            </p>
1161
1162            <p>प्राकृतिक गैस का व्यापार गेल का मुख्य व्यवसाय है और कंपनी घरेलू प्राकृतिक गैस बाज़ार में लगभग 48% की महत्वपूर्ण हिस्सेदारी रखती है । गेल उर्वरक क्षेत्र द्वारा खपत की जाने वाली गैस का लगभग दो-तिहाई और पूरे भारत में गैस-आधारित बिजली संयंत्रों द्वारा उपयोग की जाने वाली गैस का लगभग 45% आपूर्ति करता है ।
1163द्रवीकृत पेट्रोलियम गैस (एलपीजी) और अन्य द्रव हाइड्रोकार्बन (एलएचसी) पोर्टफोलियो में, गेल के पास देश में तीन स्थानों, विजयपुर (2 इकाइयाँ), पाता, गंधार और वाघोडिया में चार गैस प्रसंस्करण इकाइयाँ (जीपीयू) हैं, जो प्राकृतिक गैस से उच्च अंशों का निष्कर्षण करती हैं । इनकी कुल एलपीजी और एलएचसी उत्पादन क्षमता 1343 केटीए है ।
1164</p>
1165
1166            <p>
1167              गेल एलपीजी ट्रांसमिशन के लिए 2,040 किलोमीटर एलपीजी पाइपलाइन नेटवर्क का स्वामित्व और प्रचालन करता है, जिसमें मुख्य रूप से 1,427 किलोमीटर जामनगर-लोनी पाइपलाइन (जेएलपीएल) शामिल है, जो भारत के पश्चिमी और उत्तरी भागों को जोड़ती है और 610 किलोमीटर विशाखपट्टणम- सिकंदराबाद पाइपलाइन (वीएसपीएल) जो देश के दक्षिणी भाग में पूर्वी तट को जोड़ती है । गेल जामनगर-लोनी पाइपलाइन क्षमता को 3.25 एमएमटीपीए से बढ़ाकर 6.5 एमएमटीपीए कर रहा है । गेल उरण-उसर प्रोपेन पाइपलाइन और विजयपुर-पाता सी2/सी3 पाइपलाइन का भी निष्पादन कर रहा है ।
1168            </p>
1169          </div>
1170
1171          <!-- RIGHT IMAGE -->
1172          <div class="about-right">
1173            <img src="img/About_Natural_Gas.png" alt="GAIL Plant" />
1174          </div>
1175        </div>
1176
1177        <!-- TEXT BELOW IMAGE -->
1178        <div class="about-bottom">
1179          <p>
1180            गेल पेट्रोकेमिकल्स उत्à
1180¤ªà¤¾à¤¦à¤¨ के लिए प्राकृतिक गैस के उपयोग में भी अग्रणी है, जिसके पाता परिसर में कुल पॉलिमर क्षमता 810 केटीए है । इसकी सहायक कंपनी, ब्रह्मपुत्र क्रैकर एंड पॉलिमर लिमिटेड (बीसीपीएल), 280 केटीए अतिरिक्त उत्पादन क्षमता जोड़ती है । गेल ने 60 केटीए के लिए पाता में पॉलीप्रोपाइलीन उत्पादों का उत्पादन भी शुरू कर दिया है और शीघ्र ही 'जी-प्रो' ब्रांड नाम के तहत उसर में 500 केटीए का उत्पादन करेगा और शीघ्र ही शुद्ध टेरेफ्थेलिक एसिड (पीटीए) के उत्पादन के माध्यम से पॉलिएस्टर मूल्य श्रृंखला में अपनी उत्पाद श्रृंखला में विविधता लाएगा, जिसे इसकी पूर्ण स्वामित्व वाली सहायक कंपनी, गेल मैंगलोर पेट्रोकेमिकल्स लिमिटेड (जीएमपीएल) में 'जी-टेक्स' के रूप में आरम्‍भ किया गया है ।
1181          </p>
1182
1183          <p>
1184            द्रवीकृत प्राकृतिक गैस (एलएनजी) बाजार में, गेल के पास अमेरिका, कतर, ऑस्ट्रेलिया आदि से लगभग 16.56 एमएमटीपीए का एक बड़ा पोर्टफोलियो है । गेल एक अग्रणी वैश्विक एलएनजी कंपनी के रूप में उभरा है और अंतर्राष्ट्रीय बाजार में एलएनजी व्यापार में सक्रिय रूप से शामिल है । गेल कई दीर्घकालिक डील प्राप्‍त करके, अपनी मांग को पूरा करने के लिए एलएनजी कार्गो का आयात करके और आयात टर्मिनलों से लेकर परिवहन और शहरी गैस वितरण नेटवर्क तक एलएनजी अवसंरचना का विस्तार करके अपने एलएनजी सोर्सिंग पोर्टफोलियो को मजबूत करता है । गेल ने गेल भुवन, गेल सागर, गेल ऊर्जा, ग्रेस एमिलिया, मेडिटेरेनियन स्पिरिट और मारन गैस उइसेस नामक 09 एलएनजी वेज़ल एवं कई स्पॉट को लाकर अपनी एलएनजी क्षमता में भी विस्तार किया है । कंपनी अपनी सहायक कंपनी कोंकण एलएनजी लिमिटेड के माध्यम से दाभोल में एलएनजी टर्मिनल का भी प्रचालन करती है । इस टर्मिनल को सभी मौसमों के लिए उपयुक्त बंदरगाह घोषित किया गया है ।
1185          </p>
1186
1187          <p>
1188            गेल की 10 ईएंडपी ब्लॉकों में भागीदारी है, जिनमें से 08 भारत में, 2 ब्लॉक म्यांमार में और ईगल फोर्ड बेसिन, टेक्सास, अमेरिकà
1188¤¾ में पूर्ण स्वामित्व वाली सहायक कंपनी - गेल ग्लोबल (यूएसए) इंक. के माध्यम से ईगल फोर्ड बेसिन, टैक्सास में 1 शेल गैस एक्रिएज है ।
1189          </p>
1190          <p>
1191            गेल भारत में शहरी गैस वितरण व्यवसाय में अग्रणी है, जिसके 8 संयुक्त उद्यम और 3 सहायक कंपनियाँ भारत में अपने शहरी गैस वितरण व्यवसाय के लिए कार्यरत हैं । गेल समूह की कंपनियाँ देश भर के कुल 72 भौगोलिक क्षेत्रों में अधिकृत हैं । गेल समूह की कंपनियां देश भर में 72 भौगोलिक क्षेत्रों में अधिकृत हैं, जो देश भर में ~10.9 मिलियन पीएनजी ग्राहकों और 3250+ सीएनजी स्टेशनों की जरूरतों को पूरा करती हैं । 
1192            इसके अतिरिक्त, 9,250+ औद्योगिक उपभोक्ता और 23,050+ वाणिज्यिक प्रतिष्ठान प्राकृतिक गैस नेटवर्क से जुड़े हुए हैं। 
1193          </p>
1194
1195          <p>
1196            गेल की अपने विदेशी व्यापार प्रचालन के माध्यम से एक मजबूत अंतरराष्ट्रीय उपस्थिति है । संयुक्त राज्य अमेरिका में, गेल ग्लोबल (यूएसए) इंक, गेल ग्लोबल (यूएसए) एलएनजी एलएलसी और ईगल फोर्ड शेल एकरेज के माध्यम से कार्य करता है । सिंगापुर में, इसकी उपस्थिति गेल ग्लोबल (सिंगापुर) पीटीई लिमिटेड के माध्यम से स्थापित की गई है । गेल की चीन में चाइना गैस होल्डिंग लिमिटेड में भी रणनीतिक भागीदारी है और यह एलएलसी भारत ऊर्जा कार्यालय के माध्यम से रूस में संचालित होता है । मिस्र में, गेल फेयूम गैस और नटगास से जुड़ा हुआ है, जबकि म्यांमार में, यह एसईएजीपी कंपनी लिमिटेड के माध्यम से ए1 और ए3 ईएंडपी ब्लॉक में शामिल है । इसके अतिरिक्त, गेल की एलएनजी जैपोनिका शिपिंग कॉर्पोरेशन लिमिटेड के माध्यम से साइप्रस में उपस्थिति है ।
1197          </p>
1198
1199          <p>
1200            अक्षय ऊर्जा क्षेत्र में, गेल अपने आंतरिक उपभोग लक्ष्यों को पूरा करने के लिए कैप्टिव नवीकरणीय ऊर्जा परियोजनाओं के विकास और आंतरिक क्षमताओं को बढ़ाने पर ध्यान केंद्रित करता है । गेल की कुल स्थापित क्षमता 154 मेगावाट नवीकरणीय ऊर्जा है, जिसमें से लगभग 118 मेगावाट पवन ऊर्जा और लगभग 36 मेगावाट सौर ऊर्जा से प्राà
1200¤ªà¥à¤¤ होती है । वैकल्पिक ऊर्जा के क्षेत्र में अपने कदम बढ़ाते हुए और राष्ट्रीय हरित हाइड्रोजन मिशन के साथ जुड़कर, गेल ने मध्य प्रदेश के विजयपुर में अपना पहला हरित हाइड्रोजन संयंत्र चालू किया है , जिसमें 10 मेगावाट का पीईएम इलेक्ट्रोलाइज़र है जो अक्षय ऊर्जा का उपयोग करके 4.3 टन प्रतिदिन उच्च शुद्धता वाली हाइड्रोजन का उत्पादन करता है ।
1201          </p>
1202
1203          <p>
1204            गेल पूरे भारत में शहरी गैस वितरण (सीजीडी) क्षेत्र को बायोगैस की आपूर्ति के लिए सीबीजी-सीजीडी सिन्क्रोनाइजेशन योजना को आगे बढ़ा रहा है । कंपनी ने 128 भौगोलिक क्षेत्रों में बायोगैस आपूर्ति शुरू कर दी है और रांची में 5 टन प्रतिदिन उत्पादन क्षमता वाला अपना पहला संपीड़ित बायोगैस (सीबीजी) संयंत्र चालू कर दिया है ।
1205          </p>
1206
1207          <p>
1208            गेल ने एक महत्वाकांक्षी नेट जीरो लक्ष्य निर्धारित किया है, जिसका लक्ष्य 2035 तक स्कोप I और स्कोप 2 में 100% की कमी और 2040 तक स्कोप 3 उत्सर्जन में 35% की कमी करना है । कंपनी ने कई डीकार्बोनाइजेशन रणनीतियों पर ध्यान केंद्रित करते हुए निष्पादन के लिए एक मजबूत रोडमैप विकसित किया है । इनमें प्राकृतिक गैस आधारित उपकरणों का विद्युतीकरण, नवीकरणीय ऊर्जा का एकीकरण, संपीड़ित बायोगैस (सीबीजी) का नियोजन, हरित हाइड्रोजन पहल, CO₂ वाष्पीकरण, ऊर्जा दक्षता में सुधार और वनीकरण तथा फस्‍ट जेनरेशन पीढ़ी के इथेनॉल के माध्यम से कार्बन ऑफसेटिंग शामिल      हैं ।
1209          </p>          
1210        </div>
1211      </div>
1212    </section>
1213
1214    <section class="map-presence-section">
1215      <h2 class="map-presence-title lang-en">GAIL Presence</h2>
1216      <h2 class="map-presence-title lang-hi">हमारी उपस्थिति का मानचित्र</h2>
1217      <div class="map-presence-underline"></div>
1218
1219      <div class="map-presence-grid">
1220        <article class="map_new">
1221          <div class="map-presence-img-holder">
1222            <img src="img/overseas-map_1.png" alt="Overseas Map" class="lang-en"/>
1223            <img src="img/Overseas_Business_hindi.png" alt="Overseas Map" class="lang-hi"/>
1224          </div>
1225          <div class="map-presence-footer lang-en">Overseas</div>
1226          <div class="map-presence-footer lang-hi">वैश्विक</div>
1227        </article>
1228
1229        <article class="map-presence-card">
1230          <div class="map-presence-img-holder">
1231            <img src="img/india-map.png" alt="India Map" />
1232          </div>
1233          <div class="map-presence-footer lang-en">India</div>
1234          <div class="map-presence-footer lang-hi">अखिल भारतीय उपस्थिति</div>
1235        </article>
1236
1237        <article class="map-presence-card">
1238          <div class="map-presence-img-holder">
1239            <img src="img/petrochemical-map.png" alt="Petrochemical Map" />
1240          </div>
1241          <div class="map-presence-footer lang-en">Petrochemical</div>
1242          <div class="map-presence-footer lang-hi">पेट्रोकेमिकल्स</div>          
1243        </article>
1244      </div>
1245    </section>
1246
1247    <section class="stats-section lang-en">
1248      <div class="stats-container">
1249        <div class="stat-card">
1250          <div class="image">
1251          <img src="./img/Natural_Gas_Pipeline.png" />
1252          </div>
1253          <span class="stat-number"
1254            ><span class="count" data-target="18688">0</span>+ km</span
1255          >
1256          <p>Natural Gas Pipeline Network</p>
1257        </div>
1258
1259        <div class="stat-card">
1260          <div class="image">
1261          <img src="./img/Market Share in Natural Gas.png" />
1262          </div>
1263          <span class="stat-number"
1264            ><span class="count" data-target="48">0</span>%</span
1265          >
1266          <p>Market Share in Natural Gas Marketing in India</p>
1267        </div>
1268
1269        <div class="stat-card">
1270          <img
1271            src="./img/Share in Natural Gas Transmission Market in India.png"
1272          />
1273          <span class="stat-number"
1274            ><span class="count" data-target="65">0</span>%</span
1275          >
1276          <p>Share in Natural Gas Transmission Market in India</p>
1277        </div>
1278
1279        <div class="stat-card">
1280          <div class="image">
1281          <img src="./img/LPG_Pipeline_Network.png" />
1282          </div>
1283          <span class="stat-number"
1284            ><span class="count" data-target="2040">0</span> km</span
1285          >
1286          <p>LPG Pipeline Network</p>
1287        </div>
1288
1289        <div class="stat-card">
1290          <div class="image">
1291          <img src="./img/LNG_Portfolio.png" />
1292          </div>
1293          <span class="stat-number"
1294            ><span class="count" data-target="16.56">0</span> MMTPA</span
1295          >
1296          <p>LNG Portfolio</p>
1297        </div>
1298
1299        <div class="stat-card">
1300          <div class="image">
1301          <img src="./img/Polymer_Production_Capacity.png" />
1302          </div>
1303          <span class="stat-number"
1304            ><span class="count" data-target="1150">0</span> KTA</span
1305          >
1306          <p>Polymer Production Capacity</p>
1307        </div>
1308
1309        <div class="stat-card">
1310          <div class="image">
1311          <img src="./img/Geographical_Area_Covered.png" />
1312          </div>
1313          <span class="stat-number"
1314            ><span class="count" data-target="72">0</span></span
1315          >
1316          <p>Geographical Areas covered under CGD Projects</p>
1317        </div>
1318
1319        <div class="stat-card">
1320          <div class="image">
1321          <img src="./img/Png_Connectons.png" />
1322          </div>
1323          <span class="stat-number"
1324            ><span class="count" data-target="10.9">0</span> Million</span
1325          >
1326          <p>PNG Connections</p>
1327        </div>
1328
1329        <div class="stat-card">
1330          <div class="image">
1331          <img src="./img/CNG_stations.png" />
1332          </div>
1333          <span class="stat-number"
1334            ><span class="count" data-target="3430">0</span>+</span
1335          >
1336          <p>CNG Stations</p>
1337        </div>
1338
1339        <div class="stat-card">
1340          <div class="image">
1341          <img src="./img/Geographical_Area_Covered_Biogas .png" />
1342          </div>
1343          <span class="stat-number"
1344            ><span class="count" data-target="128">0</span></span
1345          >
1346          <p>Geographical Areas covered for Biogas Supplies</p>
1347        </div>
1348
1349        <div class="stat-card">
1350          <div class="image">
1351          <img src="./img/LNG_vessels.png" />
1352          </div>
1353          <span class="stat-number"
1354            ><span class="count" data-target="7">0</span></span
1355          >
1356          <p>LNG Vessels</p>
1357        </div>
1358
1359        <div class="stat-card">
1360          <div class="image">
1361          <img src="./img/Overseas_Business.png" />
1362          </div>
1363          <span class="stat-number"
1364            ><span class="count" data-target="7">0</span> Countries</span
1365          >
1366          <p>Overseas Business</p>
1367        </div>
1368
1369        <div class="stat-card">
1370          <div class="image">
1371          <img src="./img/E&P_Blocks.png" />
1372          </div>
1373          <span class="stat-number"
1374            ><span class="count" data-target="10">0</span> E&P Blocks</span
1375          >
1376          <p>(8 in India and 2 in Myanmar) Additional Acreage in USA</p>
1377        </div>
1378
1379        <div class="stat-card">
1380          <div class="image">
1381          <img src="./img/Renewable_Energy.png" />
1382          </div>
1383          <span class="stat-number"
1384            ><span class="count" data-target="154">0</span> MW</span
1385          >
1386          <p>Renewable Energy Installed Capacity</p>
1387        </div>
1388      </div>
1389    </section>
1390
1391    <section class="stats-section lang-hi">
1392      <div class="stats-container">
1393        <div class="stat-card">
1394          <div class="image">
1395          <img src="./img/Natural_Gas_Pipeline.png" />
1396          </div>
1397          <span class="stat-number"
1398            ><span class="count" data-target="18688">0</span>+ किमी</span
1399          >
1400          <p>पाइपलाइन नेटवर्क</p>
1401        </div>
1402
1403        <div class="stat-card">
1404          <div class="image">
1405          <img src="./img/Market Share in Natural Gas.png" />
1406          </div>
1407          <span class="stat-number"
1408            ><span class="count" data-target="48">0</span>%</span
1409          >
1410          <p>भारत में प्राकृतिक गैस विपणन में 48% बाजार हिस्सेदारी</p>
1411        </div>
1412
1413        <div class="stat-card">
1414          <img
1415            src="./img/Share in Natural Gas Transmission Market in India.png"
1416          />
1417          <span class="stat-number"
1418            ><span class="count" data-target="65">0</span>%</span
1419          >
1420          <p>भारत में प्राकृतिक गैस परिवहन बाजार में 65% हिस्सेदारी</p>
1421        </div>
1422
1423        <div class="stat-card">
1424          <div class="image">
1425          <img src="./img/LPG_Pipeline_Network.png" />
1426          </div>
1427          <span class="stat-number"
1428            ><span class="count" data-target="2040">0</span> किमी</span
1429          >
1430          <p>एलपीजी पाइपलाइन नेटवर्क</p>
1431        </div>
1432
1433        <div class="stat-card">
1434          <div class="image">
1435          <img src="./img/LNG_Portfolio.png" />
1436          </div>
1437          <span class="stat-number"
1438            ><span class="count" data-target="16.56">0</span> एमएमटीपीए</span
1439          >
1440          <p>एलपीजी पोर्टफोलियो</p>
1441        </div>
1442
1443        <div class="stat-card">
1444          <div class="image">
1445          <img src="./img/Polymer_Production_Capacity.png" />
1446          </div>
1447          <span class="stat-number"
1448            ><span class="count" data-target="1150">0</span> केटीए</span
1449          >
1450          <p>पॉलिमर उत्पादन क्षमता</p>
1451        </div>
1452
1453        <div class="stat-card">
1454          <div class="image">
1455          <img src="./img/Geographical_Area_Covered.png" />
1456          </div>
1457          <span class="stat-number"
1458            ><span class="count" data-target="72">0</span></span
1459          >
1460          <p>सीजीडी परियोजनाओं के अंतर्गत 72 भौगोलिक क्षेत्रों का कवरेज</p>
1461        </div>
1462
1463        <div class="stat-card">
1464          <div class="image">
1465          <img src="./img/Png_Connectons.png" />
1466          </div>
1467          <span class="stat-number"
1468            ><span class="count" data-target="10.9">0</span> करोड़</span
1469          >
1470          <p>पीएनजी कनेक्शन</p>
1471        </div>
1472
1473        <div class="stat-card">
1474          <div class="image">
1475          <img src="./img/CNG_stations.png" />
1476          </div>
1477          <span class="stat-number"
1478            ><span class="count" data-target="3430">0</span>+</span
1479          >
1480          <p>सीएनजी स्टेशन</p>
1481        </div>
1482
1483        <div class="stat-card">
1484          <div class="image">
1485          <img src="./img/Geographical_Area_Covered_Biogas .png" />
1486          </div>
1487          <span class="stat-number"
1488            ><span class="count" data-target="128">0</span></span
1489          >
1490          <p>बायोगैस आपूर्ति के लिए 100 भौगोलिक क्षेत्रों का कवरेज</p>
1491        </div>
1492
1493        <div class="stat-card">
1494          <div class="image">
1495          <img src="./img/LNG_vessels.png" />
1496          </div>
1497          <span class="stat-number"
1498            ><span class="count" data-target="7">0</span></span
1499          >
1500          <p>एलएनजी पोत (जहाज)</p>
1501        </div>
1502
1503        <div class="stat-card">
1504          <div class="image">
1505          <img src="./img/Overseas_Business.png" />
1506          </div>
1507          <span class="stat-number"
1508            ><span class="count" data-target="7">0</span> देशों में</span
1509          >
1510          <p>विदेशी व्यवसाय</p>
1511        </div>
1512
1513        <div class="stat-card">
1514          <div class="image">
1515          <img src="./img/E&P_Blocks.png" />
1516          </div>
1517          <span class="stat-number"
1518            ><span class="count" data-target="10">0</span> ईएंडपी ब्लॉक</span
1519          >
1520          <p>(8 भारत में और 2 म्यांमार में) तथा अमेरिका में अतिरिक्त 1 क्षेत्र</p>
1521        </div>
1522
1523        <div class="stat-card">
1524          <div class="image">
1525          <img src="./img/Renewable_Energy.png" />
1526          </div>
1527          <span class="stat-number"
1528            ><span class="count" data-target="154">0</span> मेगावाट</span
1529          >
1530          <p>स्थापित नवीकरणीय ऊर्जा क्षमता</p>
1531        </div>
1532      </div>
1533    </section>
1534
1535    <section class="journey-section lang-en">
1536      <h2 class="journey-title">GAIL’s Journey</h2>
1537
1538      <div class="journey-container">
1539        <div class="year-sidebar" id="yearMenu">
1540          <div class="year-item active" data-year="2026">2026</div>
1541          <div class="year-item" data-year="2025">2025</div>
1542          <div class="year-item" data-year="2024">2024</div>
1543          <div class="year-item" data-year="2023">2023</div>
1544          <div class="year-item" data-year="2022">2022</div>
1545          <div class="year-item" data-year="2021">2021</div>
1546          <div class="year-item" data-year="2019">2019</div>
1547          <div class="year-item" data-year="2018">2018</div>
1548          <div class="year-item" data-year="2017">2017</div>
1549          <div class="year-item" data-year="2016">2016</div>
1550          <div class="year-item" data-year="2015">2015</div>
1551          <div class="year-item" data-year="2014">2014</div>
1552          <div class="year-item" data-year="2013">2013</div>
1553          <div class="year-item" data-year="2012">2012</div>
1554          <div class="year-item" data-year="2011">2011</div>
1555          <div class="year-item" data-year="2009">2009</div>
1556          <div class="year-item" data-year="2007">2007</div>
1557          <div class="year-item" data-year="2004">2004</div>
1558          <!-- <div class="year-item" data-year="2003">2003</div> -->
1559          <div class="year-item" data-year="2001">2001</div>
1560          <div class="year-item" data-year="2000">2000</div>
1561          <div class="year-item" data-year="1999">1999</div>
1562          <div class="year-item" data-year="1997">1997</div>
1563          <!-- <div class="year-item" data-year="1996">1996</div> -->
1564          <div class="year-item" data-year="1995">1995</div>
1565          <div class="year-item" data-year="1994">1994</div>
1566          <div class="year-item" data-year="1990">1990</div>
1567          <div class="year-item" data-year="1987">1987</div>
1568          <div class="year-item" data-year="1984">1984</div>
1569        </div>
1570
1571        <div class="content-box" id="contentDisplay">
1572          <div class="year-label" id="displayYear">2026</div>
1573          <ul class="milestone-list" id="milestoneList">
1574            <li>
1575              GAIL and Alpha Gas Sign a Long-Term Charter Party Agreement for an
1576              LNG Carrier
1577            </li>
1578            <li>
1579              GAIL to invest ₹ 3800 crore in 700 MW Solar Power Projects in UP
1580              and Maharashtra
1581            </li>
1582            <li>Ground-breaking ceremony of GAIL’s upcoming R&D centre</li>
1583            <li>
1584              GAIL signs MoU with RailTel to explore telecom business
1585              opportunities
1586            </li>
1587          </ul>
1588        </div>
1589      </div>
1590    </section>
1591
1592
1593     <section class="journey-section lang-hi">
1594      <h2 class="journey-title">गेल की यात्रा</h2>
1595
1596      <div class="journey-container">
1597        <div class="year-sidebar" id="yearMenu2">
1598          <div class="year-item2 active" data-year="2026">2026</div>
1599          <div class="year-item2" data-year="2025">2025</div>
1600          <div class="year-item2" data-year="2024">2024</div>
1601          <div class="year-item2" data-year="2023">2023</div>
1602          <div class="year-item2" data-year="2022">2022</div>
1603          <div class="year-item2" data-year="2021">2021</div>
1604          <div class="year-item2" data-year="2019">2019</div>
1605          <div class="year-item2" data-year="2018">2018</div>
1606          <div class="year-item2" data-year="2017">2017</div>
1607          <div class="year-item2" data-year="2016">2016</div>
1608          <div class="year-item2" data-year="2015">2015</div>
1609          <div class="year-item2" data-year="2014">2014</div>
1610          <div class="year-item2" data-year="2013">2013</div>
1611          <div class="year-item2" data-year="2012">2012</div>
1612          <div class="year-item2" data-year="2011">2011</div>
1613          <div class="year-item2" data-year="2009">2009</div>
1614          <div class="year-item2" data-year="2007">2007</div>
1615          <div class="year-item2" data-year="2004">2004</div>
1616          <!-- <div class="year-item2" data-year="2003">2003</div> -->
1617          <div class="year-item2" data-year="2001">2001</div>
1618          <div class="year-item2" data-year="2000">2000</div>
1619          <div class="year-item2" data-year="1999">1999</div>
1620          <div class="year-item2" data-year="1997">1997</div>
1621          <!-- <div class="year-item2" data-year="1996">1996</div> -->
1622          <div class="year-item2" data-year="1995">1995</div>
1623          <div class="year-item2" data-year="1994">1994</div>
1624          <div class="year-item2" data-year="1990">1990</div>
1625          <div class="year-item2" data-year="1987">1987</div>
1626          <div class="year-item2" data-year="1984">1984</div>
1627        </div>
1628
1629        <div class="content-box" id="contentDisplay">
1630          <div class="year-label" id="displayYear2">2026</div>
1631          <ul class="milestone-list" id="milestoneList2">
1632            <li>
1633              गेल के आगामी आरएंडडी केंद्र का भूमिपूजन समारोह
1634            </li>
1635            <li>
1636              गेल ने दूरसंचार व्यवसाय के अवसरों की खोज के लिए रेलटेल के साथ समझौता ज्ञापन पर हस्ताक्षर किए
1637            </li>
1638            <li>गेल और अल्फा गैस ने एलएनजी पोत के लिए दीर्घकालिक चार्टर पार्टी समझौते पर हस्ताक्षर किए</li>
1639            <li>
1640              गेल उत्तर प्रदेश और महाराष्ट्र में 700 मेगावाट सौर ऊर्जा परियोजनाओं में ₹3800 करोड़ का निवेश करेगा
1641            </li>
1642          </ul>
1643        </div>
1644      </div>
1645    </section>
1646  
1647
1648    <div id="more-about-placeholder"></div>
1649    <div id="footer-placeholder"></div>
1650
1651    
1651<script src="header.js"></script>
1651
1652    
1652<script src="more-about.js"></script>
1652
1653    
1653<script src="footer.js"></script>
1653
1654
1655    
1655<script src="js/all.min.js"></script>
1655
1656
1657    
1657<script>      
1658      const journeyData = {
1659        2026: [
1660          "GAIL and Alpha Gas Sign a Long-Term Charter Party Agreement for an LNG Carrier",
1661          "GAIL to invest ₹ 3800 crore in 700 MW Solar Power Projects in UP and Maharashtra",
1662          "Ground-breaking ceremony of GAIL’s upcoming R&D centre",
1663          "GAIL signs MoU with RailTel to explore telecom business opportunities",
1664        ],
1665        2025: [
1666          "Duragpur- Kolkata section of JHBDPL dedicated to nation",
1667          // "Achieved highest ever EBIDTA, PBT and PAT",
1668          "KLL Dabhol Breakwater completed ensuring all weather across to LNG ships",
1669          "Incorporated subsidiary GAIL Global IFSC Ltd at Gift City, Gujarat",
1670          "Incorporated a JV with CIL named Coal Gas India Ltd to produce coal to sync-gas",
1671          // "GAIL time- chartered another LNG vessel, renamed as  GAIL Sagar",
1672        ],
1673        2024: [
1674          "Dedicaion of Dhamra- Angul Pipeline",
1675          "Dedication of Barauni- Guw
1675ahati Pipeline",
1676          // "Reached market captilation of more than Rs. 1.5 trillon",
1677          // "Secured 1.5 MMTPA LNG deal",
1678          "Commissioned maiden 10 MW Green Hydrogen plant",
1679          "Initiated LNG Retail Vertical",
1680          "Commissioned India’s 1st SSLNG Skid",
1681          "Advanced Net zero target for Scope 1 and Scope 2 emission by 5 years to 2025",
1682          "Commissioned 5 TPD CBG plant at Ranchi",
1683        ],
1684        2023: [
1685          "GAIL Signed Advance Pricing Agreement With The CBDT",
1686          "GAIL Signs MoU With Shell Energy India Pvt. Ltd. to Explore Opportunities For Infrastructure Development For Ethane Sourcing",
1687          "GAIL Inaugurates State-Of-The-Art Centre For Digitization And Centralization of Its Payments Process. Centre Named ‘SARATHI’ Partners With IBM Consulting And Went Live With SAP-OpenText’s Vendor Invoice Management (VIM)",
1688          "Acquisition of GMPL ",
1689          "Dedication of Vijaipur- Auraiya Pipeline",
1690        ],
1691        2022: [
1692          "GAIL Acquires 26% Stake In ONGC Tripura Power Company",
1693          "GAIL Starts India’s Maiden Project Of Blending Hydrogen Into CGD Network",
1694          "500 CNG-Run Boats in Varanasi dedicated to The Nation",
1695          "166 CNG Stations across 14 States dedicated to the Nation",
1696          "Foundation Stone Laid for Srikakulam – Angul Natural Gas Pipeline",
1697          "MOL And GAIL To Strengthen Partnership, Sign Time Charter Contract For Newbuilding LNG Carrier And Joint Ownership Of Existing LNG Carrier",
1698          "Bokaro- Angul Natural Gas Pipeline dedicated to nation ",
1699        ],
1700        2021: [
1701          "Kochi - Mangaluru Natural Gas Pipeline dedicated to the Nation",
1702          "Dobhi – Durgapur Natural Gas Pipeline dedicated to the Nation",
1703          "GAIL acquires 5% stake in Indian Gas Exchange ",
1704        ],
1705        2019: [
1706          " Dedication of Phase I of Pradhan Mantri Urja Ganga Pipeline and Inauguration of Patna CGD",
1707          " Inauguration of Ranchi CGD",
1708          " Inauguration of Jamshedpur CGD",
1709          " Inauguration of Patna CGD Project",
1710        ],
1711        2018: [
1712          "GAIL’s first Chartered LNG Vessel carrying long term US LNG arrives at Dabhol",
1713          "Launch of commencement of work of Talcher Fertilizers Limited (TFL)",
1714          "Varanasi CGD project inaugurated",
1715          "First LNG cargo under long term contract with Russia received at Dahej",
1716          // "Inauguration of CNG Stations in Cuttack",
1717        ],
1718        2017: [
1719          "Bengaluru CGD Project inaugurated",
1720          "Launch of CGD Projects in Cuttack and Bhubaneswar",
1721          // "Inauguration of PNG supply in Bhubaneswar",
1722          // "Inauguration of CNG stations in Bhubaneswar",
1723        ],
1724        2016: [
1725          "BCPL Petrochemical Complex commissioned",
1726          "Foundation stone laid for Varanasi CGD Project",
1727        ],
1728        2015: [
1729          "Inauguration of construction work of Jagdishpur – Haldia natural gas pipeline Phase 1",
1730          "Doubled petrochemical production capacity at Pata",
1731        ],
1732        2014: [" GAIL’s iconic new office tower- Jubilee Tower in Noida"],
1733        2013: [
1734          "Attained Maharatna Status",
1735          "Commissioned Dabhol LNG Terminal & Dabhol – Bengaluru Natural Gas Pipeline Dedicated to Nation",
1736          "Capacity Booking in Cove Point LNG Terminal in US",
1737        ],
1738        2012: [
1739          "GAIL signs GSPA for purchase of gas from Turkmenistan",
1740          "2200 km Dahej – Vijaipur- Dadri – Nagal – Bathinda Pipeline Network dedicated to nation",
1741        ],
1742        2011: [
1743          "Acquired its first shale gas assets in the USA through its wholly owned US subsidiary GAIL Global (USA) Inc.",
1744        ],
1745        2009: [" Diversification into wind energy"],
1746        2007: ["Dahej Vijaipur Pipeline commissioned"],
1747        2004: [
1748          "Dahej Panvel Dabhol pipeline commissioned",
1749        "Equity Participation in discovery of A1 & A3 E&P Blocks in Myanmar"
1750      ],
1751
1752        // 2003: [" Discovery of oil and gas in Myanmar & Cambay"],
1753        2001: [
1754          "Gandhar LPG plant commissioned",
1755          "Jamnagar – Loni LPG pipeline commissioned",
1756        ],
1757        2000: ["2 blocks awarded under NELP I"],
1758
1759        1999: ["First Petrochemical Plant at Pata"],
1760
1761        1997: [
1762          "Attained Navratna Status",
1763          "JV signed for Delhi City Gas Distribution",
1764        ],
1765        // 1996: ["Went Public"],
1766        1995: ["Vijaipur Propane recovery plants commissioned"],
1767        1994: ["Mahanagar Gas Limited incorporated"],
1768        1990: ["Vijaipur LPG Plant commissioned"],
1769        1987: ["HVJ Natural Gas pipeline commissioned"],
1770        1984: ["Company was formed"],
1771      };
1772
1773      // 2. Select elements
1774      const yearItems = document.querySelectorAll(".year-item");
1775      const displayYear = document.getElementById("displayYear");
1776      const milestoneList = document.getElementById("milestoneList");
1777
1778      // 3. Add click event listeners
1779      yearItems.forEach((item) => {
1780        item.addEventListener("click", () => {
1781          // Remove 'active' class from all and add to clicked one
1782          yearItems.forEach((i) => i.classList.remove("active"));
1783          item.classList.add("active");
1784
1785          // Get the year from data attribute
1786          const selectedYear = item.getAttribute("data-year");
1787
1788          // Update the UI
1789          updateContent(selectedYear);
1790        });
1791      });
1792
1793      // 4. Function to swap content
1794      function updateContent(year) {
1795        // Update the yellow label
1796        displayYear.textContent = year;
1797
1798        // Clear current list
1799        milestoneList.innerHTML = "";
1800
1801        // Add new list items from data
1802        journeyData[year].forEach((text) => {
1803          const li = document.createElement("li");
1804          li.textContent = text;
1805          milestoneList.appendChild(li);
1806        });
1807      }
1808      
1809      
1810      const carousel = document.getElementById("carouselGrid");
1811      const nextBtn = document.getElementById("nextBtn");
1812      const prevBtn = document.getElementById("prevBtn");
1813
1814      if (carousel && nextBtn && prevBtn) {
1815        function getScrollAmount() {
1816          const card = document.querySelector(".info-card");
1817          const cardWidth = card.offsetWidth;
1818          const gap = 25;
1819          return cardWidth + gap;
1820        }
1821
1822        nextBtn.addEventListener("click", () => {
1823          carousel.scrollBy({ left: getScrollAmount(), behavior: "smooth" });
1824        });
1825
1826        prevBtn.addEventListener("click", () => {
1827          carousel.scrollBy({ left: -getScrollAmount(), behavior: "smooth" });
1828        });
1829
1830        carousel.addEventListener("scroll", () => {
1831          const scrollLeft = carousel.scrollLeft;
1832          const maxScroll = carousel.scrollWidth - carousel.clientWidth;
1833          prevBtn.style.opacity = scrollLeft <= 0 ? "0.3" : "1";
1834          nextBtn.style.opacity = scrollLeft >= maxScroll ? "0.3" : "1";
1835        });
1836      }
1837
1838      document.addEventListener("DOMContentLoaded", () => {
1839        const counters = document.querySelectorAll(".count");
1840        const animationDuration = 2000; // 2 seconds to complete
1841
1842        const animate = (el) => {
1843          const target = parseFloat(el.getAttribute("data-target"));
1844          const isDecimal = el.getAttribute("data-target").includes(".");
1845          const startTime = performance.now();
1846
1847          const step = (currentTime) => {
1848            const progress = Math.min(
1849              (currentTime - startTime) / animationDuration,
1850              1,
1851            );
1852            const currentVal = progress * target;
1853
1854            if (isDecimal) {
1855              // Keep 2 decimal places for things like 16.57
1856              el.innerText = currentVal.toFixed(target % 1 === 0 ? 0 : 2);
1857              // Special case for 10.1 (1 decimal)
1858              if (target === 10.1) el.innerText = currentVal.toFixed(1);
1859            } else {
1860              el.innerText = Math.floor(currentVal);
1861            }
1862
1863            if (progress < 1) {
1864              window.requestAnimationFrame(step);
1865            } else {
1866              el.innerText = target; // Ensure it ends exactly on the target
1867            }
1868          };
1869
1870          window.requestAnimationFrame(step);
1871        };
1872
1873        // Intersection Observer to trigger when visible
1874        const observer = new IntersectionObserver(
1875          (entries) => {
1876            entries.forEach((entry) => {
1877              if (entry.isIntersecting) {
1878                animate(entry.target);
1879                observer.unobserve(entry.target);
1880              }
1881            });
1882          },
1883          { threshold: 0.5 },
1884        );
1885
1886        counters.forEach((c) => observer.observe(c));
1887      });
1888      document.addEventListener("DOMContentLoaded", function () {
1889        const modal = document.getElementById("imageModal");
1890        const modalImg = document.getElementById("popupImage");
1891        const closeBtn = document.querySelector(".close-modal");
1892
1893        // Select all images inside your map cards
1894        const mapImages = document.querySelectorAll(
1895          ".map-presence-img-holder img",
1896        );
1897
1898        mapImages.forEach((img) => {
1899          img.onclick = function () {
1900            modal.style.display = "block";
1901            modalImg.src = this.src; // Set popup image to clicked image source
1902          };
1903        });
1904
1905        // Close when clicking the 'X'
1906        closeBtn.onclick = function () {
1907          modal.style.display = "none";
1908        };
1909
1910        // Close when clicking anywhere on the dark background
1911        modal.onclick = function (event) {
1912          if (event.target === modal) {
1913            modal.style.display = "none";
1914          }
1915        };
1916      });
1917
1918      /*counter api*/
1919
1920      async function initCounter() {
1921        const count = document.getElementById("countValue");
1922        const count1 = document.getElementById("countValue1");
1923const lang = localStorage.getItem("lang") || "hi";
1924
1925        const myHeaders = new Headers();
1926        myHeaders.append("Content-Type", "application/json");
1927
1928        // Your specific raw data
1929        const raw = JSON.stringify("https://gailonline.com/About.html");
1930
1931        const requestOptions = {
1932          method: "POST",
1933          headers: myHeaders,
1934          body: raw,
1935        };
1936
1937        fetch(
1938          "https://gailebank.gail.co.in/hitcounterapi/api/hit/increment",
1939          requestOptions,
1940        )
1941          .then((response) => {
1942            if (!response.ok) {
1943              throw new Error(`HTTP error! Status: ${response.status}`);
1944            }
1945            return response.text();
1946          })
1947          .then((result) => {
1948            return JSON.parse(result);
1949          })
1950          .then(
1951            (result) =>
1952              {
1953              // (count.textContent = `` + result.count),
1954  //             {count.textContent =
1955  // (lang === "hi" ? "आज के पेज विज़िट: " : "Today's Page Visits: ") +
1956  // result.count},
1957if (count) {
1958        count.textContent = `Today's Page Visits: ${result.count}`;
1959      }
1960
1961      if (count1) {
1962        count1.textContent = `आज के कुल आगंतुक: ${result.count}`;
1963      }
1964    }
1965          )
1966          .catch((error) => {
1967            count.textContent = `Today’s Page Visits: Unable to fetch`;
1968          })
1969          .finally(() => {});
1970      }
1971
1972      document.addEventListener("DOMContentLoaded", initCounter);
1973    </script>
1973
1974
1975    
1975<script>
1976      const newJourneyData = {
1977        2026: [
1978          "गेल के आगामी आरएंडडी केंद्र का भूमिपूजन समारोह",
1979          "गेल ने दूरसंचार व्यवसाय के अवसरों की खोज के लिए रेलटेल के साथ समझौता ज्ञापन पर हस्ताक्षर किए",
1980          "गेल और अल्फा गैस ने एलएनजी पोत के लिए दीर्घकालिक चार्टर पार्टी समझौते पर हस्ताक्षर किए",
1981          "गेल उत्तर प्रदेश और महाराष्ट्र में 700 मेगावाट सौर ऊर्जा परियोजनाओं में ₹3800 करोड़ का निवेश करेगा",
1982        ],
1983        2025: [          
1984          "जेएचबीडीपीएल की दुर्गापुर-कोलकाता खंड को राष्ट्र को समर्पित किया गया",
1985          // "अब तक का सर्वाधिक ईबीआईटीडीए, पीबीटी और पीएटी प्राप्त किया",
1986          "केएलएल दाभोल ब्रेकवाटर का निर्माण पूर्ण, जिससे एलएनजी जहाजों के लिए सभी मौसम में संचालन सुनिश्चित हुआ",
1987          "गिफ्ट सिटी, गुजरात में सहायक कंपनी गेल ग्लोबल आईएफएससी लिमिटेड का गठन किया गया",
1988          "कोयले से सिंथेटिक गैस उत्पादन हेतु सीआईएल के साथ संयुक्त उपक्रम ‘कोल गैस इंडिया लिमिटेड’ का गठन किया गया",
1989          // "गेल ने एक और एलएनजी पोत को टाइम-चार्टर पर लिया, जिसका नाम ‘गेल सागर’ रखा गया",
1990        ],        
1991        2024: [          
1992          "धामरा–अंगुल पाइपलाइन का राष्ट्र को समर्पित की गई",
1993          "बरौनी–गुवाहाटी पाइपलाइन राष्ट्र को समर्पित की गई",
1994          // "₹1.5 ट्रिलियन से अधिक का बाजार पूंजीकरण प्राप्त",
1995          // "1.5 एमएमटीपीए एलएनजी समझौता सुरक्षित किया",
1996          "10 मेगावाट का पहला ग्रीन हाइड्रोजन संयंत्र चालू किया",
1997          "एलएनजी रिटेल वर्टिकल की शुरुआत की",
1998          "भारत का पहला एसएसएलएनजी स्किड चालू किया",
1999          "स्कोप 1 और स्कोप 2 उत्सर्जन के लिए नेट ज़ीरो लक्ष्य को 5 वर्ष पहले (2025) तक अग्रसर किया",
2000          "रांची में 5 टीपीडी क्षमता वाला सीबीजी संयंत्र चालू किया",          
2001        ],
2002        2023: [
2003          "गेल ने सीबीडीटी के साथ एडवांस प्राइसिंग एग्रीमेंट पर हस्ताक्षर किए",
2004          "गेल ने एथेन सोर्सिंग हेतु अवसंरचना विकास के अवसरों की खोज के लिए शेल एनर्जी इंडिया प्राà
2004¤‡à¤µà¥‡à¤Ÿ लिमिटेड के साथ समझौता ज्ञापन पर हस्ताक्षर किए",
2005          "गेल ने अपने भुगतान प्रक्रिया के डिजिटलीकरण और केंद्रीकरण के लिए अत्याधुनिक केंद्र का उद्घाटन किया, जिसका नाम ‘सारथी’ रखा गया; इस हेतु आईबीएम कंसल्टिंग के साथ साझेदारी की गई तथा एसएपी - ओपन टेक्स्ट के वेंडर इनवॉइस मैनेजमेंट को लागू किया गया",
2006          "जीएमपीएल का अधिग्रहण किया गया",
2007          "विजयपुर–औरैया पाइपलाइन  राष्ट्र को समर्पित की गई",          
2008        ],
2009        2022: [
2010          "गेल ने ओएनजीसी त्रिपुरा पावर कंपनी में 26% हिस्सेदारी का अधिग्रहण किया",
2011          "गेल ने भारत की पहली परियोजना शुरू की, जिसमें सिटी गैस वितरण नेटवर्क में हाइड्रोजन को मिश्रित किया गया",
2012          "वाराणसी में 500 सीएनजी संचालित नौकाएँ राà
2012¤·à¥à¤Ÿà¥à¤° को समर्पित की गईं",
2013          "14 राज्यों में 166 सीएनजी स्टेशन राष्ट्र को समर्पित किए गए",
2014          "श्रीकाकुलम–अंगुल प्राकृतिक गैस पाइपलाइन के लिए शिलान्यास किया गया",
2015          "एमओएल और गेल ने साझेदारी को मजबूत करने हेतु नए एलएनजी पोत के लिए टाइम चार्टर अनुबंध तथा एक मौजूदा एलएनजी पोत के संयुक्त स्वामित्व पर हस्ताक्षर किए",
2016          "बोकारो–अंगुल प्राकृतिक गैस पाइपलाइन राष्ट्र को समर्पित की गई",
2017        ],
2018        2021: [
2019          "कोच्चि–मैंगलुरु प्राकृतिक गैस पाइपलाइन राष्ट्र को समर्पित की गई",
2020          "डोभी –दुर्गापुर प्राकृतिक गैस पाइपलाइन राष्ट्र को समर्पित की गई",
2021          "गेल ने इंडियन गैस एक्सचेंज में 5% हिस्सेदारी का अधिग्रहण किया",          
2022        ],
2023        2019: [
2024          "प्रधानमंत्री ऊर्जा गंगा पाइपलाइन (फेज-1) राष्ट्र को समर्पित किया गया  तथा पटना सीजीडी का उद्घाटन",
2025          "रांची सीजीडी का उद्घाटन",
2026          "जमशेदपुर सीजीडी का उद्घाटन",
2027          "पटना सीजीडी परियोजना का उद्घाटन",          
2028        ],
2029        2018: [
2030          "गेल का पहला चार्टर्ड एलएनजी पोत, जो दीर्घकालिक अमेरिकी एलएनजी लेकर आया, दाभोल पहुँचा",
2031          "तालचर फर्टिलाइजर्स लिमिटेड परियोजना के कार्यारंभ का शुभारंभ किया गया",
2032          "वाराणसी सीजीडी परियोजना का उद्घाटन किया गया",
2033          "रूस के साथ दीर्घकालिक अनुबंध के तहत पहला एलएनजी कार्गो दहेज में प्राप्त हुआ",
2034          // "कटक में सीएनजी स्टेशनों का उद्घाटन किया गया",          
2035        ],
2036        2017: [
2037          "बेंगलुरु सीजीडी परियोजना का उद्घाटन किया गया",
2038          "कटक और भुवनेश्वर में सीजीडी परियोजनाओं की शुरुआत की गई",
2039          // "भुवनेश्वर में पीएनजी आपूर्ति का शुभारंभ किया गया",
2040          // "भुवनेश्वर में सीएनजी स्टेशनों का उद्घाटन किया गया",          
2041        ],
2042        2016: [
2043          "बीसीपीएल पेट्रोकेमिकल कॉम्प्लेक्स का संचालन प्रारंभ किया गया",
2044          "वाराणसी सीजीडी परियोजना की आधारशीला रखी गई",
2045        ],
2046        2015: [
2047          "जगदीशपुर–हल्दिया प्राà
2047¤•ृतिक गैस पाइपलाइन (फेज-1) के निर्माण कार्य का उद्घाटन किया गया",
2048          "पाता में पेट्रोकेमिकल उत्पादन क्षमता को दोगुना किया गया",
2049        ],
2050        2014: ["नोएडा में गेल का प्रतिष्ठित नया कार्यालय ‘जुबली टॉवर’ स्थापित किया गया"],
2051        2013: [
2052          "महारत्न का दर्जा प्राप्त किया",
2053          "दाभोल एलएनजी टर्मिनल का संचालन प्रारंभ किया गया तथा दाभोल–बेंगलुरु प्राकृतिक गैस पाइपलाइन राष्ट्र को समर्पित की गई",
2054          "अमेरिका के कोव प्वाइंट एलएनजी टर्मिनल में क्षमता बुकिंग की गई",
2055        ],
2056        2012: [
2057          "गेल ने तुर्कमेनिस्तान से गैस खरीद हेतु जीएसपीए (GSPA) पर हस्ताक्षर किए",
2058          "2200 किमी दहेज–विजयपुर–दादरी–नागल–बठिंडा पाइपलाइन नेटवर्क राष्ट्र को समर्पित किया गया",
2059        ],
2060        2011: [
2061          "अपनी पूर्ण स्वामित्व वाली अमेरिकी सहायक कंपनी गेल ग्लोबल (यू एस ए) इंक. के माध्यम से अमेरिका में पहली शेल गैस परिसंपत्तियों का अधिग्रहण किया गया",
2062        ],
2063        2009: ["पवन ऊर्जा में विविधीकरण किया गया"],
2064        2007: ["दहेज–पनवेल–दाभोल पाइपलाइन की कमिशनिंग की गई"],
2065        2004: [
2066          "दहेज–विजयपुर पाइपलाइन की कमिशनिंग की गई",
2067          "Equity Participation in discovery of A1 & A3 E&P Blocks in Myanmar"
2068        ],
2069
2070        // 2003: ["म्यांमार और कैम्बे  में तेल एवं गैस की खोज की गई"],
2071        2001: [
2072          "गंधार एलपीजी संयंत्र की कमिशनिंग की गई",
2073          "जामनगर–लोनी एलपीजी पाइपलाइन की कमिशनिंग की गई",
2074        ],
2075        2000: ["एनईएलपी-I के तहत 2 ब्लॉक आवंटित किए गए"],
2076
2077        1999: ["पाता में पहला पेट्रोकेमिकल संयंत्र स्थापित किया गया"],
2078        1998: [
2079          "नवरत्न का दर्जा प्राप्त किया",          
2080        ],
2081        1997: [
2082          "दिल्ली सिटी गैस वितरण के लिए संयुक्त उपक्रम पर हस्ताक्षर किए गए",          
2083        ],
2084        // 1996: ["कंपनी सार्वजनिक हुई"],
2085        1995: ["विजयपुर प्रोपेन रिकवरी संयंत्र की कमिशनिंग की गई"],
2086        1994: ["महानगर गैस लिमिटेड का गठन किया गया"],
2087        1990: ["विजयपुर एलपीजी संयंत्र का की कमिशनिंग की गई "],
2088        1987: ["एचवीजे प्राकृतिक गैस पाइपलाइन की कमिशनिंग की गई "],
2089        1984: ["कंपनी की स्थापना की गई"],
2090      };
2091
2092
2093      const yearItems2 = document.querySelectorAll(".year-item2");
2094      const displayYear2 = document.getElementById("displayYear2");
2095      const milestoneList2 = document.getElementById("milestoneList2");
2096
2097      yearItems2.forEach((item) => {
2098        item.addEventListener("click", () => {
2099
2100          yearItems2.forEach((i) => i.classList.remove("active"));
2101          item.classList.add("active");
2102
2103          const selectedYear = item.getAttribute("data-year");
2104
2105          updateContent2(selectedYear);
2106        });
2107      });
2108
2109      function updateContent2(year) {
2110
2111        displayYear2.textContent = year;
2112
2113        milestoneList2.innerHTML = "";
2114
2115        newJourneyData[year].forEach((text) => {
2116
2117          const li = document.createElement("li");
2118
2119          li.textContent = text;
2120
2121          milestoneList2.appendChild(li);
2122        });
2123      }
2124
2125    </script>
2125
2126
2127    
2128    <div id="imageModal" class="modal-overlay">
2129      <span class="close-modal"><i class="fa fa-times"></i></span>
2130      <img class="modal-content" id="popupImage" />
2131      <div id="caption"></div>
2132    </div>
2133  </body>
2134</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.