PageSourceSearch

https://sjrprime.com/

html sjrprime.com collected 2026-10-10 02:09:22 UTC 71,700 bytes, 2,688 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3
4<head>
5    <meta charset="UTF-8">
6    <meta name="viewport" content="width=device-width, initial-scale=1.0">
7    <!-- <title>Luxury meets the Science of Space | SJR Primecorp | primecorp.co</title> -->
8    <title>SJR Primecorp | Premium & Luxury Homes in Bangalore | sjrprime.com</title>
9    <link rel="icon" type="image/png" sizes="16x16" href="https://sjrprime.com/favicon-16x16.png?v=1.1">
10
11    <link rel="icon" type="image/png" sizes="32x32" href="https://sjrprime.com/favicon-32x32.png?v=2">
12    <link rel="icon" type="image/png" sizes="96x96" href="https://sjrprime.com/favicon-96x96.png?v=2">
13    <link rel="icon" type="image/png" sizes="192x192" href="https://sjrprime.com/android-chrome-192x192.png?v=2">
14    <link rel="apple-touch-icon" sizes="180x180" href="https://sjrprime.com/apple-touch-icon.png?v=2">
15    <link rel="icon" type="image/svg+xml" href="https://sjrprime.com/favicon.svg?v=2">
16    <link rel="shortcut icon" href="https://sjrprime.com/favicon.ico?v=2">
17    <link rel="manifest" href="https://sjrprime.com/site.webmanifest?v=2">
18
19    <meta name="description"
20        content="Since 1973, SJR Primecorp has been at the forefront of crafting exceptional living spaces - legacies that stand the test of time.">
21    <!-- <link rel="stylesheet"   href="https://use.fontawesome.com/releases/v5.15.4/css/all.css"> -->
22    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
23    <!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/[email protected]/css/fontawesome.min.css" integrity="sha384-NvKbDTEnL+A8F/AA5Tc5kmMLSJHUO868P+lDtTpJIeQdGYaUIuLr4lVGOEA1OcMy" crossorigin="anonymous"> -->
24    <!-- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"> -->
25    <link rel="stylesheet" href="https://unpkg.com/[email protected]/css/boxicons.min.css">
26    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.css">
27    
27<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
27
28    <!-- 
28<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
28 -->
29    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.css">
30
31    <link rel="stylesheet" href="css/custom.css">
32
33    <style>
34    .container1 {
35        max-width: 96rem;
36        height: auto;
37        margin: 0 auto;
38        padding: 0 1.25rem;
39    }
40
41    .brand {
42        font-family: inherit;
43        font-size: 1.6rem;
44        font-weight: 700;
45        width: 160px;
46        line-height: 1.25;
47        letter-spacing: -1px;
48        text-transform: uppercase;
49        color: var(--color-pink-500);
50    }
51
52
53
54
55    .swiper-button-next,
56    .swiper-button-prev {
57        color: #9a9a9a !important;
58        background: #fff;
59        padding: 15px;
60        border-radius: 5%;
61    }
62
63    .swiper-horizontal>.swiper-pagination-bullets,
64    .swiper-pagination-bullets.swiper-pagination-horizontal,
65    .swiper-pagination-custom,
66    .swiper-pagination-fraction {
67        bottom: -2%;
68        z-index: 999;
69        position: relative;
70        width: 100%;
71        display: block;
72        margin: auto;
73        background-color: #fff;
74    }
75
76    .swiper-pagination-bullet-active {
77        opacity: var(--swiper-pagination-bullet-opacity, 1);
78        background: #000000cc !important;
79    }
80
81    .swiper-button-next:after,
82    .swiper-button-prev:after {
83        font-size: 25px !important
84    }
85
86    #myVideo {
87        /* position: fixed; */
88        right: 0;
89        bottom: 0;
90        min-width: 100%;
91        min-height: 100%;
92    }
93
94    .section_enqury_form {
95        border-bottom: 10px solid #bd2030;
96
97    }
98
99    .single-input-fieldsbtn {
100        width: 50%;
101        margin-left: auto;
102        display: flex;
103        justify-content: flex-end;
104        padding: 10px;
105    }
106
107    .single-input-fieldsbtn .btn-submit {
108        width: auto;
109
110        background: #c23544 !important;
111        color: #fff;
112        padding: 10px 25px;
113        border: none;
114        cursor: pointer;
115    }
116
117    .partner-with-us {
118        position: absolute;
119        max-width: 500px;
120        background: #c13443;
121
122        bottom: 0px;
123        right: 12%;
124        padding: 70px 50px 40px;
125
126    }
127
128    .partner-with-us h2 {
129        color: #fff;
130        margin-bottom: 20px;
131        display: block !important;
132
133
134    }
135
136    .partner-with-us p {
137        color: #fff;
138
139    }
140
141    .explore-btn {
142        display: flex;
143        justify-content: flex-start;
144        background: #fff;
145        margin-top: 30px;
146        padding: 5px 10px;
147        width: 20%;
148    }
149
150    .explore-btn a {
151        color: #c13443;
152    }
153
154    .featured-projects-section {
155        width: 100%;
156        background: #f1f2f2;
157
158        border-bottom: 4px solid #bd2030;
159
160        overflow: hidden;
161    }
162
163
164    .featured-projects-wrapper {
165        width: 100%;
166
167        display: grid;
168
169        grid-template-columns: 50% 50%;
170
171        align-items: stretch;
172    }
173
174
175    .featured-projects-content {
176
177        min-width: 0;
178
179        display: flex;
180        flex-direction: column;
181
182        justify-content: center;
183
184        padding: 70px 50px 70px 32%;
185
186        background: #f1f2f2;
187    }
188
189
190    .featured-projects-content h1 {
191
192        margin: 0 0 18px;
193
194        color: #e41c24;
195
196        font-size: 22px;
197
198
199        line-height: 1.2;
200    }
201
202
203    .featured-projects-content p {
204
205        max-width: 390px;
206
207        margin: 0;
208
209
210        line-height: 1.4;
211    }
212
213
214    .featured-projects-right {
215
216        position: relative;
217
218        min-width: 0;
219
220        overflow: hidden;
221
222        padding: 50px 0 35px 50px;
223
224        background: #e5e6e7;
225    }
226
227
228    .projects-slider {
229
230        width: 100%;
231
232        display: flex;
233
234        gap: 10px;
235
236        overflow-x: auto;
237        overflow-y: hidden;
238
239        scroll-behavior: smooth;
240
241        scrollbar-width: none;
242
243        cursor: auto;
244
245        user-select: none;
246        -webkit-user-select: none;
247        -moz-user-select: none;
248
249        -webkit-user-drag: none;
250    }
251
252
253    .projects-slider::-webkit-scrollbar {
254        display: none;
255    }
256
257
258    .projects-slider.dragging {
259
260        cursor: auto;
261
262        scroll-behavior: auto;
263    }
264
265
266    .project-card {
267
268
269        flex: 0 0 325px;
270
271        width: 325px;
272
273        min-width: 325px;
274
275        user-select: none;
276
277        -webkit-user-select: none;
278
279        -webkit-user-drag: none;
280    }
281
282
283    .project-image {
284
285        width: 325px;
286
287        height: 325px;
288
289        overflow: hidden;
290
291        background: #ddd;
292    }
293
294
295    .project-image img {
296
297        display: block;
298
299        width: 100%;
300
301        height: 100%;
302
303        object-fit: cover;
304
305        user-select: none;
306
307        -webkit-user-select: none;
308
309        -webkit-user-drag: none;
310
311        pointer-events: none;
312    }
313
314
315    .project-details {
316
317        border-top: 8px solid #d4212d;
318
319        padding: 9px 12px 15px;
320
321        background: #e5e6e7;
322    }
323
324
325    .project-details h3 {
326
327        margin: 0;
328
329        color: #e41c24;
330        ;
331
332
333        font-weight: 500;
334
335        line-height: 1.2;
336    }
337
338
339    .project-details p {
340
341        margin: 2px 0 0;
342
343        color: #e41c24;
344
345
346        line-height: 1.2;
347    }
348
349
350    .projects-arrows {
351
352        display: flex;
353
354        justify-content: flex-end;
355
356        gap: 10px;
357
358        padding: 15px 30px 0 0;
359    }
360
361
362    .project-arrow {
363
364        width: 40px;
365
366        height: 40px;
367
368        border: 0;
369
370        background: #f8f8f8;
371
372        color: #e41c24;
373
374        display: flex;
375
376        align-items: center;
377
378        justify-content: center;
379
380        cursor: pointer;
381
382        transition: 0.2s ease;
383    }
384
385
386    .project-arrow span {
387
388        font-size: 30px;
389
390        line-height: 1;
391
392        margin-top: -4px;
393    }
394
395
396    .project-arrow:hover {
397
398        background: #e41c24;
399
400        color: #fff;
401    }
402
403
404    .project-arrow:disabled {
405
406        opacity: 0.4;
407
408        cursor: default;
409
410        background: #f8f8f8;
411
412        color: #e41c24;
413    }
414
415    @media only screen and (max-width: 1366px) {
416        .partner-with-us {
417            max-width: 350px;
418            padding: 50px 40px 20px;
419            right: 8%;
420        }
421
422        .partner-with-us h2 {
423            color: #fff;
424            margin-bottom: 10px;
425        }
426
427        .explore-btn {
428            padding: 5px 10px;
429            width: 27%;
430            margin-top: 20px;
431        }
432    }
433
434    @media only screen and (max-width: 767px) {
435
436        .sec5 .swiper-button-next,
437        .sec5 .swiper-button-prev {
438            top: var(--swiper-navigation-top-offset, 32%) !important;
439        }
440
441        .sec5 .swiper-button-prev {
442            left: var(--swiper-navigation-sides-offset, 5px) !important;
443        }
444
445        .sec5 .swiper-button-next {
446            right: var(--swiper-navigation-sides-offset, 10px) !important;
447        }
448
449
450        .featured-projects-section {
451            width: 100%;
452            overflow: hidden;
453            border-bottom: 4px solid #bd2030;
454        }
455
456
457        .featured-projects-wrapper {
458            width: 100%;
459            display: flex;
460            flex-direction: column;
461        }
462
463
464        .featured-projects-content {
465            width: 100%;
466            min-width: 0;
467
468            display: flex;
469            flex-direction: column;
470            justify-content: center;
471
472            padding: 38px 40px 30px;
473
474            background: #f1f2f2;
475            box-sizing: border-box;
476        }
477
478
479        .featured-projects-content h1 {
480            margin: 0 0 18px;
481
482            font-size: 20px;
483            line-height: 1.2;
484
485            color: #e41c24;
486        }
487
488
489        .featured-projects-content p {
490            max-width: 100%;
491
492            margin: 0;
493
494            font-size: 14px;
495            line-height: 1.4;
496
497            color: #333;
498        }
499
500
501        .featured-projects-right {
502            width: 100%;
503            min-width: 0;
504
505            padding: 25px 0 20px;
506
507            background: #e5e6e7;
508
509            overflow: hidden;
510            box-sizing: border-box;
511        }
512
513        .projects-slider {
514            width: 100%;
515
516            display: flex;
517            gap: 7px;
518
519            overflow-x: auto;
520            overflow-y: hidden;
521
522            padding: 0 0 0 40px;
523
524            scroll-behavior: smooth;
525
526            scrollbar-width: none;
527
528            cursor: auto;
529
530            user-select: none;
531            -webkit-user-select: none;
532        }
533
534
535        .projects-slider::-webkit-scrollbar {
536            display: none;
537        }
538
539
540        .projects-slider.dragging {
541            cursor: auto;
542            scroll-behavior: auto;
543        }
544
545        .project-card {
546            flex: 0 0 257px;
547
548            width: 257px;
549            min-width: 257px;
550
551            user-select: none;
552            -webkit-user-select: none;
553        }
554
555        .project-image {
556            width: 257px;
557            height: 257px;
558
559            overflow: hidden;
560
561            background: #ddd;
562        }
563
564
565        .project-image img {
566            display: block;
567
568            width: 100%;
569            height: 100%;
570
571            object-fit: cover;
572
573            user-select: none;
574            -webkit-user-select: none;
575            -webkit-user-drag: none;
576
577            pointer-events: none;
578        }
579
580
581        .project-details {
582            border-top: 8px solid #d4212d;
583
584            padding: 8px 12px 15px;
585
586            min-height: 64px;
587
588            background: #e5e6e7;
589            box-sizing: border-box;
590        }
591
592
593        .project-details h3 {
594            margin: 0;
595
596            font-size: 14px;
597            font-weight: 500;
598
599            line-height: 1.2;
600
601            color: #e41c24;
602        }
603
604
605        .project-details p {
606            margin: 2px 0 0;
607
608            font-size: 14px;
609            line-height: 1.2;
610
611            color: #e41c24;
612        }
613
614        .projects-arrows {
615            display: flex;
616
617            justify-content: flex-end;
618            align-items: center;
619
620            gap: 8px;
621
622            padding: 12px 30px 0 0;
623        }
624
625
626        .project-arrow {
627            width: 36px;
628            height: 36px;
629
630            border: 0;
631
632            background: #f8f8f8;
633
634            color: #e41c24;
635
636            display: flex;
637            align-items: center;
638            justify-content: center;
639
640            cursor: pointer;
641
642            transition: 0.2s ease;
643        }
644
645
646        .project-arrow span {
647            font-size: 26px;
648            line-height: 1;
649
650            margin-top: -3px;
651        }
652
653
654        .project-arrow:hover {
655            background: #e41c24;
656            color: #fff;
657        }
658
659
660        .project-arrow:disabled {
661            opacity: 0.4;
662
663            cursor: default;
664
665            background: #f8f8f8;
666            color: #e41c24;
667        }
668    }
669    </style>
670
671</head>
672
673<body>
674    <!DOCTYPE html>
675<html lang="en">
676
677<head>
678    <meta charset="UTF-8">
679    <meta name="viewport" content="width=device-width, initial-scale=1.0">
680    <!-- <link rel="stylesheet"   href="https://use.fontawesome.com/releases/v5.15.4/css/all.css"> -->
681    <link rel="icon" type="image/png" sizes="16x16" href="https://sjrprime.com/favicon-16x16.png?v=1.1">
682
683    <link rel="icon" type="image/png" sizes="32x32" href="https://sjrprime.com/favicon-32x32.png?v=2">
684    <link rel="icon" type="image/png" sizes="96x96" href="https://sjrprime.com/favicon-96x96.png?v=2">
685    <link rel="icon" type="image/png" sizes="192x192" href="https://sjrprime.com/android-chrome-192x192.png?v=2">
686    <link rel="apple-touch-icon" sizes="180x180" href="https://sjrprime.com/apple-touch-icon.png?v=2">
687    <link rel="icon" type="image/svg+xml" href="https://sjrprime.com/favicon.svg?v=2">
688    <link rel="shortcut icon" href="https://sjrprime.com/favicon.ico?v=2">
689    <link rel="manifest" href="https://sjrprime.com/site.webmanifest?v=2">
690
691    <!-- <link rel="shortcut icon" type="image/x-generic" href="https://primecorp.co/favicon-16x16.png">-->
692    <!--<link rel="icon" href="https://primecorp.co/favicon-16x16.png" type="image/x-generic" />-->
693    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
694    <!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/[email protected]/css/fontawesome.min.css" integrity="sha384-NvKbDTEnL+A8F/AA5Tc5kmMLSJHUO868P+lDtTpJIeQdGYaUIuLr4lVGOEA1OcMy" crossorigin="anonymous"> -->
695    <!-- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"> -->
696    <link rel="stylesheet" href="https://unpkg.com/[email protected]/css/boxicons.min.css">
697    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.css">
698
699    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.css" />
700    
700<script defer src="https://www.kenyt.ai/botapp/ChatbotUI/dist/js/bot-loader.js" type="text/javascript"
701        data-bot="24062106"></script>
701
702    <!-- Meta Pixel Code -->
703    
703<script>
vendor: 602 bytes, lines 703-722
703
704    ! function(f, b, e, v, n, t, s) {
705        if (f.fbq) return;
706        n = f.fbq = function() {
707            n.callMethod ?
708                n.callMethod.apply(n, arguments) : n.queue.push(arguments)
709        };
710        if (!f._fbq) f._fbq = n;
711        n.push = n;
712        n.loaded = !0;
713        n.version = '2.0';
714        n.queue = [];
715        t = b.createElement(e);
716        t.async = !0;
717        t.src = v;
718        s = b.getElementsByTagName(e)[0];
719        s.parentNode.insertBefore(t, s)
720    }(window, document, 'script',
721        'https://connect.facebook.net/en_US/fbevents.js');
722    fbq('init', '
7222344520202736337
vendor: 38 bytes, lines 722-724
722');
723    fbq('track', 'PageView');
724    
724</script>
724
725    <noscript><img height="1" width="1" style="display:none"
726            src="https://www.facebook.com/tr?id=2344520202736337&ev=PageView&noscript=1" /></noscript>
727    <!-- End Meta Pixel Code -->
728
729    <style>
730    /* @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap'); */
731    @import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&display=swap');
732
733    @font-face {
734        font-family: gloock-regular;
735        src: url('fonts/Gloock-Regular.ttf');
736    }
737
738
739    div {
740        line-height: 140%;
741    }
742
743    :root {
744        --color-white-100: hsl(206, 5%, 100%);
745        --color-white-200: hsl(206, 5%, 90%);
746        --color-white-300: hsl(206, 5%, 80%);
747        --color-white-400: hsl(206, 5%, 60%);
748        --color-white-500: hsl(206, 5%, 50%);
749        --color-black-100: hsl(213, 23%, 8%);
750        --color-black-200: hsl(214, 21%, 6%);
751        --color-black-300: hsl(210, 21%, 6%);
752        --color-black-400: hsl(216, 22%, 4%);
753        --color-black-500: hsl(220, 18%, 3%);
754        --color-pink-100: hsl(326, 85%, 90%);
755        --color-pink-200: hsl(327, 87%, 80%);
756        --color-pink-300: hsl(329, 86%, 70%);
757        --color-pink-400: hsl(330, 81%, 60%);
758        --color-pink-500: hsl(333, 71%, 50%);
759        --shadow-small: 0 1px 3px 0 rgba(0, 0, 0, 0.1),
760            0 1px 2px 0 rgba(0, 0, 0, 0.06);
761        --shadow-medium: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
762            0 2px 4px -1px rgba(0, 0, 0, 0.06);
763        --shadow-large: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
764            0 4px 6px -2px rgba(0, 0, 0, 0.05);
765    }
766
767    *,
768    *::before,
769    *::after {
770        padding: 0;
771        margin: 0;
772        box-sizing: border-box;
773        list-style: none;
774        list-style-type: none;
775        text-decoration: none;
776        -webkit-font-smoothing: antialiased;
777        -moz-osx-font-smoothing: grayscale;
778        text-rendering: optimizeLegibility;
779    }
780
781    html {
782        font-size: 100%;
783        box-sizing: inherit;
784        scroll-behavior: smooth;
785        height: -webkit-fill-available;
786    }
787
788    body {
789        /* font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; */
790        font-family: "Red Hat Display", sans-serif;
791        /* font-size: 1rem; */
792        font-weight: 400;
793        line-height: 1.5;
794        color: var(--color-black-500);
795        background-color: var(--color-white-100);
796    }
797
798    a,
799    button {
800        cursor: pointer;
801        border: none;
802        outline: none;
803        -webkit-user-select: none;
804        -moz-user-select: none;
805        -ms-user-select: none;
806        user-select: none;
807        background: none;
808        box-shadow: none;
809    }
810
811    img,
812    video {
813        display: block;
814        max-width: 100%;
815        height: auto;
816        -o-object-fit: cover;
817        object-fit: cover;
818    }
819
820    .container1 {
821        max-width: 96rem;
822        height: auto;
823        margin: 0 auto;
824        padding: 0 1.25rem;
825    }
826
827    .brand {
828        font-family: inherit;
829        font-size: 1.6rem;
830        font-weight: 700;
831        width: 160px;
832        line-height: 1.25;
833        letter-spacing: -1px;
834        text-transform: uppercase;
835        color: var(--color-pink-500);
836    }
837
838    .header {
839        position: fixed;
840        top: 0;
841        left: 0;
842        width: 100%;
843        height: auto;
844        z-index: 100;
845        margin: 0 auto;
846
847
848        padding: 1% 0px 0px;
849    }
850
851    .header {
852            box-shadow: var(--shadow-medium);
853            background-color: #f1f2f2;
854        }
855
856        .header.header_1 {
857        background: #f1f2f2 !important;
858        box-shadow: var(--shadow-medium);
859    }
860
861    .wrapper {
862        display: flex;
863        align-items: center;
864        justify-content: space-between;
865        -moz-column-gap: 1rem;
866        column-gap: 1rem;
867        row-gap: 2rem;
868        width: 100%;
869        height: 4rem;
870        margin: 0 auto;
871        gap: 17rem;
872
873    }
874
875    .desktop {
876        display: block;
877    }
878
879    .mobile {
880        display: none;
881    }
882
883
884    @media screen and (max-width: 992px) {
885
886        .navbar {
887            position: fixed;
888            top: 0;
889            left: -100%;
890            width: 75%;
891            height: 100%;
892            z-index: 10;
893            opacity: 0;
894            overflow-y: auto;
895            visibility: hidden;
896            box-shadow: var(--shadow-medium);
897            background-color: var(--color-white-100);
898            transition: all 0.5s ease;
899        }
900
901        .navbar.active {
902            left: 0rem;
903            opacity: 1;
904            visibility: visible;
905        }
906    }
907
908    .menu-item {
909        position: relative;
910        display: inline-block;
911        margin-left: 1.5rem;
912    }
913
914    .menu-link {
915        display: flex;
916        justify-content: center;
917        align-items: center;
918        -moz-column-gap: 0.25rem;
919        column-gap: 0.25rem;
920        font-family: inherit;
921        font-size: 1rem;
922        font-weight: 500;
923        line-height: inherit;
924        cursor: pointer;
925        text-transform: capitalize;
926        color: #000;
927        transition: all 0.3s ease-in-out;
928    }
929
930    .wrapper {
931        display: flex;
932        align-items: center;
933        justify-content: space-between;
934        -moz-column-gap: 1rem;
935        column-gap: 1rem;
936        row-gap: 2rem;
937        width: 100%;
938        height: 4rem;
939        margin: 0 auto;
940        gap: 10rem;
941    }
942
943    .menu-link>i.bx {
944        font-size: 1.35rem;
945        line-height: 1.5;
946        color: inherit;
947    }
948
949    .menu-link:hover {
950        outline: none;
951        bottom: 0px;
952        color: #e41c24;
953        border-bottom: 3px solid #e41c24;
954    }
955
956    .menu-item:nth-child(3) .menu-link:hover {
957        border-bottom: none;
958    }
959
960    @media only screen and (min-width: 993px) {
961        .menu-dropdown:hover>.submenu {
962            display: block;
963            opacity: 1;
964            visibility: visible;
965            transform: translateY(0);
966        }
967    }
968
969    @media only screen and (max-width: 992px) {
970        .menu {
971            width: 100%;
972            height: auto;
973            padding: 1rem 0;
974        }
975
976        .menu-item {
977            display: block;
978            margin: 0 auto;
979        }
980
981        .menu-link {
982            justify-content: space-between;
983            padding: 0.5rem 1.25rem;
984            color: #000;
985        }
986    }
987
988    .submenu {
989        position: absolute;
990        /* top: 3rem; */
991        left: -1.5rem;
992        min-width: 10rem;
993        height: auto;
994        padding: 0 1rem 1rem;
995        opacity: 0;
996        visibility: hidden;
997        transform: translateY(1rem);
998        border-radius: 0 0 0.25rem 0.25rem;
999        border-top: 3px solid #e41c24;
1000        box-shadow: var(--shadow-medium);
1001        background-color: var(--color-white-100);
1002        transition: all 0.3s ease-in-out;
1003    }
1004
1005    .submenu-item {
1006        display: block;
1007        margin-top: 0.75rem;
1008        margin-bottom: 0.75rem;
1009
1010    }
1011
1012    .submenu-link {
1013        font-family: inherit;
1014        font-size: 1rem;
1015        font-weight: 500;
1016        line-height: inherit;
1017        cursor: pointer;
1018        color: var(--color-black-500);
1019        transition: all 0.35s ease;
1020    }
1021
1022    .submenu-link:hover {
1023        outline: none;
1024        color: #e41c24;
1025    }
1026
1027    .projects_sec1_flex {
1028        display: flex;
1029        flex-wrap: nowrap;
1030        align-content: center;
1031        justify-content: center;
1032        align-items: center;
1033        width: 80%;
1034        margin: auto;
1035    }
1036
1037    .projects_sec1_flex_div1 a {
1038        padding: 1% 2%;
1039        color: #fff;
1040        background: #86888b;
1041        text-decoration: none;
1042        border-radius: 5px;
1043    }
1044
1045    .projects_sec2 .projects_sec2_div1 {
1046        font-weight: bold;
1047    }
1048
1049    @media only screen and (max-width: 992px) {
1050        .submenu {
1051            position: relative;
1052            top: -0.5rem;
1053            left: 2.5rem;
1054            width: max-content;
1055            max-height: max-content;
1056            padding: 0px;
1057            border: none;
1058            outline: none;
1059            opacity: 1;
1060            overflow: hidden;
1061            visibility: visible;
1062            transform: translateY(0px);
1063            box-shadow: none;
1064            background: transparent;
1065        }
1066    }
1067
1068    .burger {
1069        position: relative;
1070        display: none;
1071        cursor: pointer;
1072        -webkit-user-select: none;
1073        -moz-user-select: none;
1074        -ms-user-select: none;
1075        user-select: none;
1076        width: 1.6rem;
1077        height: 1.15rem;
1078        opacity: 0;
1079        visibility: hidden;
1080        background: transparent;
1081    }
1082
1083    .burger-line {
1084        position: absolute;
1085        display: block;
1086        right: 0;
1087        width: 100%;
1088        height: 2.1px;
1089        opacity: 1;
1090        border: none;
1091        outline: none;
1092        border-radius: 1rem;
1093        background: #000;
1094    }
1095
1096    .burger-line:nth-child(1) {
1097        top: 0px;
1098    }
1099
1100    .burger-line:nth-child(2) {
1101        top: 0.5rem;
1102        width: 70%;
1103    }
1104
1105    .burger-line:nth-child(3) {
1106        top: 1rem;
1107    }
1108
1109    @media only screen and (max-width: 992px) {
1110        .burger {
1111            display: block;
1112            opacity: 1;
1113            visibility: visible;
1114        }
1115    }
1116
1117    .overlay {
1118        position: fixed;
1119        top: 0;
1120        left: 0;
1121        height: 100%;
1122        width: 100%;
1123        z-index: 9;
1124        opacity: 0;
1125        visibility: hidden;
1126        transition: all 0.35s ease-in-out;
1127        background-color: rgba(0, 0, 0, 0.65);
1128    }
1129
1130    @media only screen and (max-width: 992px) {
1131        .overlay.active {
1132            display: block;
1133            opacity: 1;
1134            visibility: visible;
1135        }
1136    }
1137
1138
1139    .overlay-container {
1140        display: none;
1141        position: fixed;
1142        top: 40%;
1143        right: 15%;
1144        margin-top: 15px;
1145        /* background: rgba(0, 0, 0, 0.6); */
1146        justify-content: center;
1147        align-items: center;
1148        opacity: 0;
1149        transition: opacity 0.3s ease;
1150    }
1151
1152    .menu {
1153        margin-top: 3%;
1154    }
1155
1156
1157
1158
1159
1160
1161
1162    @media only screen and (max-width: 767px) {
1163        .menu-link {
1164            color: #000;
1165        }
1166
1167        .brand {
1168            width: 140px;
1169        }
1170
1171        .ht-100 {
1172            height: 50px;
1173        }
1174
1175        body {
1176            font-size: 0.9rem;
1177        }
1178
1179        .desktop {
1180            display: none;
1181        }
1182
1183        .mobile {
1184            display: block;
1185        }
1186
1187        .wrapper {
1188
1189            gap: 10rem;
1190            justify-content: flex-end;
1191        }
1192
1193        .overlay-container {
1194            top: 55%;
1195            right: 5%;
1196        }
1197
1198    }
1199
1200
1201    @media screen and (min-width : 1224px) {
1202        body {
1203            font-size: 1rem;
1204        }
1205
1206        .container1 {
1207            max-width: 65rem;
1208        }
1209
1210        .menu {
1211            margin-top: 3%;
1212        }
1213
1214        .wrapper {
1215
1216            gap: 7rem;
1217            justify-content: flex-end;
1218        }
1219
1220
1221
1222    }
1223
1224
1225    @media screen and (min-width : 1824px) {
1226        body {
1227            font-size: 1.2rem;
1228        }
1229
1230        .container1 {
1231            max-width: 96rem;
1232        }
1233
1234        .menu {
1235            margin-top: 5%;
1236        }
1237
1238        .wrapper {
1239
1240            gap: 17rem;
1241            justify-content: flex-start;
1242        }
1243
1244    }
1245
1246    @media screen and (min-width: 1025px) and (max-width: 1200px) {
1247        .homepage_sec2_flex_left {
1248            width: 100%;
1249        }
1250
1251        .mayfair_footer_flex_item_subflex_2_item_1,
1252        .mayfair_footer_flex_item_subflex_2_item_2 {
1253
1254            font-size: 0.8rem !important;
1255
1256        }
1257
1258        .homepage_sec2_flex_left_div1,
1259        .homepage_sec2_flex_left_div2 {
1260            width: 100%;
1261            /* margin-left: 10%; */
1262            padding: 7.15%;
1263        }
1264
1265        .presence_block_flex_left {
1266            width: 50%;
1267            margin-left: 0%;
1268
1269        }
1270
1271        .presence_headding_div .presence_headding {
1272            font-size: 3rem;
1273        }
1274
1275        .presence_table h1 {
1276            font-size: 3rem;
1277        }
1278
1279        .presence_table span {
1280            font-size: 1rem;
1281        }
1282
1283        .presence_block_flex {
1284
1285            position: relative;
1286        }
1287
1288        .presence_block_flex_right {
1289            width: 45%;
1290            float: right;
1291            right: 0;
1292            bottom: 0;
1293            position: absolute;
1294
1295        }
1296
1297        .presence_table {
1298            z-index: 111;
1299            position: relative;
1300            max-width: 450px;
1301            width: 450px;
1302        }
1303
1304        .parallax_sec4 {
1305            min-height: 300px;
1306        }
1307
1308        .sec5_flex_div1 {
1309            padding-left: 5%;
1310        }
1311
1312        .parallax_sec6 {
1313            min-height: 400px;
1314        }
1315
1316        .main_centered {
1317            position: absolute;
1318            top: 67%;
1319        }
1320
1321        .overlay8_1 {
1322            top: 45%;
1323        }
1324
1325        .parallax_aboutsec1 {
1326            min-height: 500px;
1327        }
1328
1329        .buildwith_top_para_div {
1330            top: 20%;
1331            font-size: 2rem;
1332        }
1333
1334        .ethos_sec_2_flex {
1335            padding: 2%;
1336            padding-top: 2%;
1337            padding-bottom: 0%;
1338        }
1339
1340        .ethos_sec_2_flex_div222 {
1341            max-width: 55%;
1342            padding-left: 5%;
1343        }
1344
1345        .projects_sec2_box_item_right {
1346            max-width: 600px;
1347            padding-right: 10%;
1348            padding-top: 7%;
1349            padding-left: 5%;
1350        }
1351
1352        .about_presence_flex_item,
1353        .about_presence_flex_item2,
1354        .about_presence_flex_item1,
1355        .about_presence_flex_item,
1356        .about_presence_flex_item2,
1357        .about_presence_flex_item3,
1358        .about_presence_flex_item4 {
1359            width: 275px;
1360            height: 275px;
1361        }
1362
1363        .ethos_headding {
1364            max-width: 600px;
1365            margin-left: 10%;
1366        }
1367
1368        .mayfair_footer_flex_item_link {
1369            width: 35% !important;
1370        }
1371    }
1372    </style>
1373    <!-- Google Tag Manager -->
1374    
1374<script>
vendor: 498 bytes, lines 1374-1388
1374
1375    (function(w, d, s, l, i) {
1376        w[l] = w[l] || [];
1377        w[l].push({
1378            'gtm.start': new Date().getTime(),
1379            event: 'gtm.js'
1380        });
1381        var f = d.getElementsByTagName(s)[0],
1382            j = d.createElement(s),
1383            dl = l != 'dataLayer' ? '&l=' + l : '';
1384        j.async = true;
1385        j.src =
1386            'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
1387        f.parentNode.insertBefore(j, f);
1388    })(window, document, 'script', 'dataLayer', '
1388GTM-PRGXJF44
vendor: 8 bytes, lines 1388-1389
1388');
1389    
1389</script>
1389
1390    <!-- End Google Tag Manager -->
1391
1392
1393    <!-- Meta Pixel Code -->
1394    
1394<script>
vendor: 602 bytes, lines 1394-1413
1394
1395    ! function(f, b, e, v, n, t, s) {
1396        if (f.fbq) return;
1397        n = f.fbq = function() {
1398            n.callMethod ?
1399                n.callMethod.apply(n, arguments) : n.queue.push(arguments)
1400        };
1401        if (!f._fbq) f._fbq = n;
1402        n.push = n;
1403        n.loaded = !0;
1404        n.version = '2.0';
1405        n.queue = [];
1406        t = b.createElement(e);
1407        t.async = !0;
1408        t.src = v;
1409        s = b.getElementsByTagName(e)[0];
1410        s.parentNode.insertBefore(t, s)
1411    }(window, document, 'script',
1412        'https://connect.facebook.net/en_US/fbevents.js');
1413    fbq('init', '
1413182010843955327
vendor: 38 bytes, lines 1413-1415
1413');
1414    fbq('track', 'PageView');
1415    
1415</script>
1415
1416    <noscript><img height="1" width="1" style="display:none"
1417            src="https://www.facebook.com/tr?id=182010843955327&ev=PageView&noscript=1" /></noscript>
1418    <!-- End Meta Pixel Code -->
1419</head>
1420
1421<body>
1422
1423    <!-- Google Tag Manager (noscript) -->
vendor: 72 bytes, lines 1423-1424
1423
1424    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
1424GTM-PRGXJF44
vendor: 99 bytes, lines 1424-1426
1424" height="0" width="0"
1425            style="display:none;visibility:hidden"></iframe></noscript>
1426    
1426<!-- End Google Tag Manager (noscript) -->
1427    <!-- <div style="background-color: #080504;"> -->
1428    <header class="header" id="header">
1429        <section class="wrapper container1">
1430            <a href="index" class="brand"> <img src="images/homepage/sjr-logo.png" class="w-100" alt=""> </a>
1431            <div class="burger" id="burger">
1432                <span class="burger-line"></span>
1433                <span class="burger-line"></span>
1434                <span class="burger-line"></span>
1435            </div>
1436            <span class="overlay"></span>
1437            <nav class="navbar" id="navbar">
1438                <ul class="menu" id="menu">
1439                    <li class="menu-item"><a href="index" class="menu-link">HOME</a></li>
1440                    <li class="menu-item"><a href="aboutus" class="menu-link">ABOUT US</a></li>
1441
1442                    <!-- <li class="menu-item menu-dropdown">
1443            <span class="menu-link" data-toggle="submenu">ABOUT US</span>
1444            <i class="bx bx-chevron-down"></i>
1445            <ul class="submenu">
1446                           <li class="submenu-item"><a href="#" class="submenu-link">Feature Link</a></li>
1447                           <li class="submenu-item"><a href="#" class="submenu-link">Feature Link</a></li>
1448                           <li class="submenu-item"><a href="#" class="submenu-link">Feature Link</a></li>
1449                           <li class="submenu-item"><a href="#" class="submenu-link">Feature Link</a></li>
1450                        </ul>
1451          </li> -->
1452                    <li class="menu-item menu-dropdown">
1453                        <a href="project" class="desktop"> <span class="menu-link" data-toggle="submenu"> PROJECTS <i
1454                                    class="bx bx-chevron-down"></i></span> </a>
1455
1456                        <a href="project" class="mobile"> <span class="menu-link"> PROJECTS <i
1457                                    class="bx bx-chevron-down"></i></span> </a>
1458                        <ul class="submenu">
1459                            <li class="submenu-item"><a href="project" class="submenu-link">
1460                                    RESIDENTIAL <br>
1461                                </a></li>
1462                            <hr>
1463                            <li class="submenu-item"><a href="commercial_projects" class="submenu-link">COMMERCIAL</a>
1464                            </li>
1465                            <hr>
1466                            <li class="submenu-item"><a href="managed_workspaces" class="submenu-link">MANAGED
1467                                    WORKSPACES</a></li>
1468
1469                        </ul>
1470                    </li>
1471                    <!-- <li class="menu-item menu-dropdown">
1472            <span class="menu-link" data-toggle="submenu">ETHOS </span>
1473
1474          </li> -->
1475                    <!-- <li class="menu-item"><a href="ethos" class="menu-link">ETHOS</a></li> -->
1476                    <li class="menu-item"><a href="build_with_us" class="menu-link"> PARTNER WITH US </a></li>
1477                    <li class="menu-item"><a href="contact" class="menu-link">CONTACT</a></li>
1478
1479                </ul>
1480            </nav>
1481        </section>
1482
1483
1484        <!-- Google tag (gtag.js) -->
vendor: 72 bytes, lines 1484-1485
1484
1485        <script async src="https://www.googletagmanager.com/gtag/js?id=
1485G-5H7NNEGNSM
vendor: 20 bytes, lines 1485-1486
1485"></script>
1486        
1486<script>
1487        
vendor: 176 bytes, lines 1487-1494
1487window.dataLayer = window.dataLayer || [];
1488
1489        function gtag() {
1490            dataLayer.push(arguments);
1491        }
1492        gtag('js', new Date());
1493
1494        gtag('config', '
1494G-5H7NNEGNSM
vendor: 12 bytes, lines 1494-1495
1494');
1495        
1495</script>
1495
1496
1497    </header>
1498
1499
1500
1501    
1501<script>
1502    const navbarMenu = document.getElementById("navbar");
1503    const burgerMenu = document.getElementById("burger");
1504    const overlayMenu = document.querySelector(".overlay");
1505
1506    // Show and Hide Navbar Function
1507    const toggleMenu = () => {
1508        navbarMenu.classList.toggle("active");
1509        overlayMenu.classList.toggle("active");
1510    };
1511
1512    // Collapsible Mobile Submenu Function
1513    const collapseSubMenu = () => {
1514        navbarMenu
1515            .querySelector(".menu-dropdown.active .submenu")
1516            .removeAttribute("style");
1517        navbarMenu.querySelector(".menu-dropdown.active").classList.remove("active");
1518    };
1519
1520    // Toggle Mobile Submenu Function
1521    const toggleSubMenu = (e) => {
1522        if (e.target.hasAttribute("data-toggle") && window.innerWidth <= 992) {
1523            e.preventDefault();
1524            const menuDropdown = e.target.parentElement;
1525
1526            // If Dropdown is Expanded, then Collapse It
1527            if (menuDropdown.classList.contains("active")) {
1528                collapseSubMenu();
1529            } else {
1530                // Collapse Existing Expanded Dropdown
1531                if (navbarMenu.querySelector(".menu-dropdown.active")) {
1532                    collapseSubMenu();
1533                }
1534
1535                // Expanded the New Dropdown
1536                menuDropdown.classList.add("active");
1537                const subMenu = menuDropdown.querySelector(".submenu");
1538                subMenu.style.maxHeight = subMenu.scrollHeight + 30 + "px";
1539            }
1540        }
1541    };
1542
1543    // Fixed Resize Window Function
1544    const resizeWindow = () => {
1545        if (window.innerWidth > 992) {
1546            if (navbarMenu.classList.contains("active")) {
1547                toggleMenu();
1548            }
1549            if (navbarMenu.querySelector(".menu-dropdown.active")) {
1550                collapseSubMenu();
1551            }
1552        }
1553    };
1554
1555    // Initialize Event Listeners
1556    burgerMenu.addEventListener("click", toggleMenu);
1557    overlayMenu.addEventListener("click", toggleMenu);
1558    navbarMenu.addEventListener("click", toggleSubMenu);
1559    window.addEventListener("resize", resizeWindow);
1560    </script>
1560
1561    <section>
1562        <!-- <img src="images/video.png" class="w-100 desktop" alt=""> -->
1563
1564        <video autoplay muted loop id="myVideo" class="desktop">
1565            <source src="video/Primecorp Home Page Video 1920-850 px.mp4" type="video/mp4">
1566            Your browser does not support HTML5 video.
1567        </video>
1568
1569
1570
1571        <video playsinline autoplay muted loop id="myVideo" class="mobile">
1572            <source src="video/Primecorp Home Page Video 750-900px.mp4">
1573            Your browser does not support HTML5 video.
1574        </video>
1575
1576        <!--<img src="images/video_mobile.png" class="w-100 mobile" alt="">-->
1577    </section>
1578
1579
1580
1581    <style>
1582    .13-11-25-new-sec,
1583    .img-deks {
1584        position: relative;
1585    }
1586
1587    .desk-img-txt-new {
1588        position: absolute;
1589        left: 16%;
1590        top: 70%;
1591        width: 30%;
1592        color: #cb4c58;
1593
1594
1595    }
1596
1597    .desk-img-txt-new2 {
1598        position: absolute;
1599        left: 16%;
1600        top: 70%;
1601        width: 30%;
1602        color: #cb4c58;
1603
1604
1605    }
1606
1607    @media only screen and (max-width: 767px) {
1608        .desk-img-txt-new {
1609            position: absolute;
1610            width: 95%;
1611            margin: auto;
1612            top: 65%;
1613            left: unset;
1614            padding: 5%;
1615
1616            color: #cb4c58;
1617            font-weight: 700;
1618            line-height: 1.45;
1619            text-shadow:
1620                1px 1px 2px rgba(255, 255, 255, 0.9),
1621                2px 2px 5px rgba(0, 0, 0, 0.35);
1622
1623        }
1624
1625        .desk-img-txt-new2 {
1626            position: absolute;
1627            width: 95%;
1628            margin: auto;
1629            top: 0%;
1630            left: unset;
1631            padding: 5%;
1632
1633            color: #cb4c58;
1634            font-weight: 700;
1635            line-height: 1.45;
1636            text-shadow:
1637                1px 1px 2px rgba(255, 255, 255, 0.9),
1638                2px 2px 5px rgba(0, 0, 0, 0.35);
1639
1640        }
1641
1642
1643
1644        .partner-with-us {
1645            max-width: 350px;
1646            padding: 30px 30px;
1647            right: 8%;
1648            left: 8%;
1649        }
1650
1651    }
1652    </style>
1653    <section class="13-11-25-new-sec" style="position: relative;">
1654
1655
1656        <img src="images/homepage/Homepage_banner2.png" class="desktop img-deks" alt="">
1657
1658        <img src="images/homepage/Homepage_banner2_mobile.png" class="mobile img-deks" alt="">
1659
1660
1661        <div class="desk-img-txt-new">
1662            <p>Luxury meets the science of space.</p>
1663            <p>Spaces that inspire well-being and joy.</p>
1664            <p>The joy of modern living, refined and harmonious.</p>
1665
1666            <p>This is SJR Primecorp.</p>
1667        </div>
1668    </section>
1669
1670
1671
1672    <section class="13-11-25-new-sec" style="position: relative;">
1673        <img src="images/homepage/heighlights_updated.jpg" class="desktop w-100" alt="">
1674        <img src="images/homepage/SJR_Residential-Website-Revamp_Jun-2026--home-page-mobile.jpg" style="padding-top:15%"
1675            class="mobile w-100" alt="">
1676        <div class="desk-img-txt-new2 mobile">
1677            <p>Our diverse portfolio spans residential, commercial, retail, and hospitality projects - each reflective
1678                of
1679                our
1680                commitment to excellence and innovation.</p>
1681        </div>
1682    </section>
1683
1684
1685
1686    <!-- =====================================================
1687     FEATURED PROJECTS SECTION
1688===================================================== -->
1689
1690    <section class="featured-projects-section">
1691
1692        <div class="featured-projects-wrapper">
1693
1694            <!-- ==========================================
1695             LEFT CONTENT - 50%
1696        =========================================== -->
1697
1698            <div class="featured-projects-content">
1699
1700                <h1>Featured Projects</h1>
1701
1702                <p>
1703                    We are committed to crafting extraordinary
1704                    residences in highly coveted locations, where
1705                    fine living finds its most eloquent expression.
1706                </p>
1707
1708            </div>
1709
1710
1711            <!-- ==========================================
1712             RIGHT PROJECT AREA - 50%
1713        =========================================== -->
1714
1715            <div class="featured-projects-right">
1716
1717                <!-- PROJECT CARDS SCROLLER -->
1718
1719                <div class="projects-slider" id="projectsSlider">
1720
1721                    <!-- PROJECT 1 -->
1722
1723                    <div class="project-card">
1724
1725                        <div class="project-image">
1726                            <img src="images/homepage/Blue Waters.png" alt="Blue Waters" draggable="false">
1727                        </div>
1728
1729                        <div class="project-details">
1730
1731                            <h3>Blue Waters</h3>
1732
1733                            <p>Off Sarjapur Road</p>
1734
1735                        </div>
1736
1737                    </div>
1738
1739
1740                    <!-- PROJECT 2 -->
1741
1742                    <div class="project-card">
1743
1744                        <div class="project-image">
1745                            <img src="images/homepage/Vivo CIty.png" alt="Vivo City" draggable="false">
1746                        </div>
1747
1748                        <div class="project-details">
1749
1750                            <h3>Vivo City</h3>
1751
1752                            <p>Nelamangala</p>
1753
1754                        </div>
1755
1756                    </div>
1757
1758
1759                    <!-- PROJECT 3 -->
1760
1761                    <div class="project-card">
1762
1763                        <div class="project-image">
1764                            <img src="images/homepage/Palazza City.png" alt="Project 3" draggable="false">
1765                        </div>
1766
1767                        <div class="project-details">
1768
1769                            <h3>Palazza City</h3>
1770
1771                            <p>Sarjapur Main Road, near Wipro</p>
1772
1773                        </div>
1774
1775                    </div>
1776
1777
1778                    <!-- PROJECT 4 -->
1779
1780                    <div class="project-card">
1781
1782                        <div class="project-image">
1783                            <img src="images/homepage/Mayfiar.png" alt="Project 4" draggable="false">
1784                        </div>
1785
1786                        <div class="project-details">
1787
1788                            <h3>Mayfair</h3>
1789
1790                            <p>
1790Blue Waters, Off Sarjapur Road</p>
1791
1792                        </div>
1793
1794                    </div>
1795
1796
1797                    <!-- PROJECT 5 -->
1798
1799                    <div class="project-card">
1800
1801                        <div class="project-image">
1802                            <img src="images/homepage/Astoria.png" alt="Project 5" draggable="false">
1803                        </div>
1804
1805                        <div class="project-details">
1806
1807                            <h3>Astoria</h3>
1808
1809                            <p>Yelahanka</p>
1810
1811                        </div>
1812
1813                    </div>
1814
1815                </div>
1816
1817
1818                <!-- ==========================================
1819                 ARROWS
1820            =========================================== -->
1821
1822                <div class="projects-arrows">
1823
1824                    <button type="button" class="project-arrow project-prev" id="projectPrev"
1825                        aria-label="Previous project">
1826                        <span>‹</span>
1827                    </button>
1828
1829                    <button type="button" class="project-arrow project-next" id="projectNext" aria-label="Next project">
1830                        <span>›</span>
1831                    </button>
1832
1833                </div>
1834
1835            </div>
1836
1837        </div>
1838
1839    </section>
1840
1841
1842    <section class="sec5" style="position:relative">
1843
1844        <div class=" slider-column">
1845            <div class="swiper swiper-slider">
1846                <div class="swiper-wrapper">
1847                    <div class="swiper-slide">
1848                        <div class="sec5_flex">
1849                            <div class="sec5_flex_div1">
1850
1851                                <div>
1852
1853                                    <h4>For Those Who Value Excellence</h4>
1854                                    <h5>Mr. Nandakumar & Mrs. Chitra</h5>
1855                                    <p>When searching for a home with abundant open spaces and greenery, Mr. Nandkumar
1856                                        and his wife, Mrs. Chitra, found the perfect match at SJR Blue Waters. Here’s
1857                                        their perspective on what makes this lakeside paradise special, from its natural
1858                                        surroundings to expansive open spaces and the vibrant community life centred
1859                                        around the Oyster Club.</p>
1860                                    <div style="    width: fit-content;">
1861                                        <a class="popup-youtube" href="https://www.youtube.com/watch?v=QzGAEdO0chM">
1862
1863                                            <img src="images/test/joy.png" class="sec5_flex_div1_img " alt="">
1864                                            <!-- <img src="images/sec5_vid_img_mob.png" class="sec5_flex_div1_img mobile" alt="">  -->
1865
1866                                        </a>
1867                                        <p style="text-align:center" class="">( Watch full testimonial video )</p>
1868                                    </div>
1869                                </div>
1870                            </div>
1871                            <div class="sec5_flex_div2">
1872                                <img src="images/test/joy_1.png" class="w-100 " alt="">
1873                                <!-- <img src="images/sec5_right_mob_img.png" class="w-100 mobile" alt=""> -->
1874
1875                                <div class="overlay3">
1876                                    <h1> Blue Waters </h1>
1877                                    <a href="projects/blue_waters_sarjapur_road"
1878                                        style="text-decoration:none;color:#fff; border-bottom:1px solid #fff; padding-top:1%">Visit
1879                                        property page ></a>
1880                                </div>
1881                            </div>
1882
1883                        </div>
1884                    </div>
1885                    <div class="swiper-slide">
1886                        <div class="sec5_flex">
1887                            <div class="sec5_flex_div1">
1888
1889                                <div>
1890
1891                                    <h4>For Those Who Value Excellence</h4>
1892                                    <h5>Mr. Nitin</h5>
1893                                    <p>Mr. Nitin and his wife reflect on their positive experience at Watermark,
1894                                        highlighting the picturesque lake view, refreshing breeze, world-class
1895                                        clubhouse, and thoughtful amenities that come together to create an
1896                                        extraordinary living experience. <br class="mobile"><br class="mobile"><br
1897                                            class="mobile"><br class="mobile"></p>
1898                                    <div style="    width: fit-content;">
1899                                        <a class="popup-youtube" href="https://www.youtube.com/watch?v=aqx-U-l8SZs">
1900                                            <img src="images/test/testi21.png" class="sec5_flex_div1_img " alt="">
1901                                        </a>
1902                                        <!-- <img src="images/sec5_vid_img_mob.png" class="sec5_flex_div1_img mobile" alt="">  </a> -->
1903                                        <p style="text-align:center" class="">( Watch full testimonial video )</p>
1904                                    </div>
1905                                </div>
1906                            </div>
1907                            <div class="sec5_flex_div2">
1908                                <img src="images/test/testi2.png" class="w-100 " alt="">
1909                                <!-- <img src="images/sec5_right_mob_img.png" class="w-100 mobile" alt=""> -->
1910                                <div class="overlay3">
1911                                    <h1> Watermark </h1>
1912                                    <a href="projects/watermark"
1913                                        style="text-decoration:none;color:#fff; border-bottom:1px solid #fff; padding-top:1%">Visit
1914                                        property page ></a>
1915                                </div>
1916                            </div>
1917
1918                        </div>
1919                    </div>
1920
1921                    <div class="swiper-slide">
1922                        <div class="sec5_flex">
1923                            <div class="sec5_flex_div1">
1924
1925                                <div>
1926
1927                                    <h4>For Those Who Value Excellence</h4>
1928                                    <h5>Mr. Shripathi and Mrs. Akshata</h5>
1929                                    <p>“You will definitely fall in love with this property,” says Mr. Shripathi, who,
1930                                        along with Mrs. Akshata, invites you into their world at SJR Blue Waters. Their
1931                                        story captures the essence of this unique property off Sarjapur Road, where the
1932                                        tranquil Kudlu Lake, sprawling open spaces, and the modern Oyster clubhouse
1933                                        create an unparalleled living experience.</p>
1934                                    <div style="    width: fit-content;">
1935                                        <a class="popup-youtube" href="https://www.youtube.com/watch?v=noZ7CxjvXWg">
1936                                            <img src="images/test/testi3.png" class="sec5_flex_div1_img " alt=""> </a>
1937                                        <!-- <img src="images/sec5_vid_img_mob.png" class="sec5_flex_div1_img mobile" alt="">  </a> -->
1938                                        <p style="text-align:center" class="">( Watch full testimonial video )</p>
1939                                    </div>
1940                                </div>
1941                            </div>
1942                            <div class="sec5_flex_div2">
1943                                <img src="images/test/testi31.png" class="w-100 " alt="">
1944                                <!-- <img src="images/sec5_right_mob_img.png" class="w-100 mobile" alt=""> -->
1945                                <div class="overlay3">
1946                                    <h1> Blue Waters </h1>
1947                                    <a href="projects/blue_waters_sarjapur_road"
1948                                        style="text-decoration:none;color:#fff; border-bottom:1px solid #fff; padding-top:1%">Visit
1949                                        property page ></a>
1950                                </div>
1951                            </div>
1952
1953                        </div>
1954                    </div>
1955
1956
1957                </div>
1958                <span class="swiper-pagination"></span>
1959                <span class="swiper-button-prev"></span>
1960                <span class="swiper-button-next"></span>
1961            </div>
1962        </div>
1963    </section>
1964    <section class="13-11-25-new-sec" style="position: relative;">
1965
1966
1967        <img src="images/homepage/Homepage_banner_last.png" class="desktop img-deks" alt="">
1968
1969        <img src="images/homepage/Homepage_banner_last_mobile.png" class="mobile img-deks" alt="">
1970
1971
1972        <div class="partner-with-us">
1973            <h2>Partner With Us</h2>
1974            <p>We value lasting relationships and invite you to explore opportunities for collaborating on world-class
1975                residential projects and building a sustainable future together.</p>
1976            <div class="explore-btn">
1977                <a href="https://sjrprime.com/build_with_us">Explore </a>
1978            </div>
1979        </div>
1980    </section>
1981
1982
1983
1984
1985
1986
1987    <section class="section_enqury_form">
1988
1989        <div class="section_enqury_form_flex">
1990            <div class="section_enqury_form_flex_item">
1991
1992                <div class="row">
1993                    <div class="col-md-12">
1994                        <p class="section_enqury_form_heading">Subscribe to our newsletter </p>
1995                    </div>
1996                </div>
1997
1998                <form action="#" method="post" id="enq-form" class="form cf">
1999                    <div class="row">
2000
2001                        <div class="single-input-field col-md-6">
2002                            <input type="text" placeholder="Name" class="form-input" id="enq-name" name="name"
2003                                required />
2004                        </div>
2005                        <div class="single-input-field col-md-6">
2006                            <input type="email" placeholder="Email" class="form-input" id="enq-email" name="email"
2007                                required />
2008                        </div>
2009                    </div>
2010                    <div class="row">
2011                        <div class="single-input-field col-md-6">
2012                            <input type="text" placeholder="Mobile No." class="form-input" id="enq-phone"
2013                                name="phone" />
2014                        </div>
2015                        <!-- <div class="col-md-6">&nbsp;</div> -->
2016
2017                        <div class="single-input-fieldsbtn single-input-fieldsbtn-index-page">
2018                            <button type="button" id="enq-submit" class="btn-submit subscribe_btn"> Submit</button>
2019                            <p style="display:none; text-align:center; width:100%;" id='enq-message'><strong
2020                                    class='text-success'>Sending....</strong></p>
2021                        </div>
2022
2023                    </div>
2024
2025
2026
2027
2028            </div>
2029            <!-- <div class="row">
2030                <div class="col-md-4">
2031                    <br>
2032                    <div class="single-input-fieldsbtn single-input-fieldsbtn-index-page">
2033                        <button type="button" id="enq-submit" class="btn-submit subscribe_btn"> Submit</button>
2034                        <p style="display:none; text-align:center; width:100%;" id='enq-message'><strong
2035                                class='text-success'>Sending....</strong></p>
2036                    </div>
2037                </div>
2038            </div> -->
2039            </form>
2040
2041        </div>
2042        </div>
2043
2044    </section>
2045
2046
2047
2048    
2048<script src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.js"></script>
2048
2049
2050
2051    
2051<script type="text/javascript">
2052    const swiper = new Swiper(".swiper-slider", {
2053        // Optional parameters
2054        centeredSlides: true,
2055        slidesPerView: 1,
2056        grabCursor: true,
2057        freeMode: false,
2058        loop: true,
2059        mousewheel: false,
2060        keyboard: {
2061            enabled: true
2062        },
2063
2064        // Enabled autoplay mode
2065        autoplay: {
2066            delay: 10000,
2067            disableOnInteraction: false
2068        },
2069
2070        // If we need pagination
2071        pagination: {
2072            el: ".swiper-pagination",
2073            dynamicBullets: false,
2074            clickable: false
2075        },
2076
2077        // If we need navigation
2078        navigation: {
2079            nextEl: ".swiper-button-next",
2080            prevEl: ".swiper-button-prev"
2081        },
2082
2083        // Responsive breakpoints
2084        breakpoints: {
2085            640: {
2086                slidesPerView: 1,
2087                spaceBetween: 20
2088            },
2089            1024: {
2090                slidesPerView: 1,
2091                spaceBetween: 20
2092            }
2093        }
2094    });
2095
2096
2097
2098    $(document).ready(function() {
2099        $("button").click(function() {
2100            $("h2").hide();
2101        });
2102    });
2103
2104
2105
2106    /* =====================================================
2107   FEATURED PROJECTS DRAG SCROLL
2108===================================================== */
2109
2110    document.addEventListener("DOMContentLoaded", function() {
2111
2112        const slider = document.getElementById("projectsSlider");
2113
2114        if (!slider) return;
2115
2116        const cards = slider.querySelectorAll(".project-card");
2117
2118        const prevButton = document.getElementById("projectPrev");
2119        const nextButton = document.getElementById("projectNext");
2120
2121        let isDown = false;
2122        let startX = 0;
2123        let scrollStart = 0;
2124        let currentIndex = 0;
2125
2126
2127        /* ================================================
2128           MOUSE DOWN
2129        ================================================ */
2130
2131        slider.addEventListener("mousedown", function(e) {
2132
2133            isDown = true;
2134
2135            slider.classList.add("dragging");
2136
2137            startX = e.pageX - slider.offsetLeft;
2138
2139            scrollStart = slider.scrollLeft;
2140
2141        });
2142
2143
2144        /* ================================================
2145           MOUSE LEAVE
2146        ================================================ */
2147
2148        slider.addEventListener("mouseleave", function() {
2149
2150            isDown = false;
2151
2152            slider.classList.remove("dragging");
2153
2154        });
2155
2156
2157        /* ================================================
2158           MOUSE UP
2159        ================================================ */
2160
2161        slider.addEventListener("mouseup", function() {
2162
2163            isDown = false;
2164
2165            slider.classList.remove("dragging");
2166
2167        });
2168
2169
2170        /* ================================================
2171           MOUSE MOVE
2172        ================================================ */
2173
2174        slider.addEventListener("mousemove", function(e) {
2175
2176            if (!isDown) return;
2177
2178            e.preventDefault();
2179
2180            const x = e.pageX - slider.offsetLeft;
2181
2182            const walk = (x - startX) * 1.5;
2183
2184            slider.scrollLeft = scrollStart - walk;
2185
2186        });
2187
2188
2189        /* ================================================
2190           SCROLL TO CARD
2191        ================================================ */
2192
2193        function scrollToCard(index) {
2194
2195            if (!cards.length) return;
2196
2197            currentIndex = Math.max(
2198                0,
2199                Math.min(index, cards.length - 1)
2200            );
2201
2202            const card = cards[currentIndex];
2203
2204
2205            /* ============================================
2206               MOBILE
2207               Center the card
2208            ============================================ */
2209
2210            if (window.innerWidth <= 767) {
2211
2212                const sliderWidth = slider.clientWidth;
2213
2214                const cardWidth = card.offsetWidth;
2215
2216                const cardLeft = card.offsetLeft;
2217
2218                const scrollPosition =
2219                    cardLeft - (sliderWidth / 2) + (cardWidth / 2);
2220
2221                slider.scrollTo({
2222                    left: scrollPosition,
2223                    behavior: "smooth"
2224                });
2225
2226            }
2227
2228
2229            /* ============================================
2230               DESKTOP
2231            ============================================ */
2232            else {
2233
2234                slider.scrollTo({
2235                    left: card.offsetLeft - slider.offsetLeft,
2236                    behavior: "smooth"
2237                });
2238
2239            }
2240
2241        }
2242
2243
2244        /* ================================================
2245           PREVIOUS BUTTON
2246        ================================================ */
2247
2248        if (prevButton) {
2249
2250            prevButton.addEventListener("click", function() {
2251
2252                if (currentIndex > 0) {
2253
2254                    scrollToCard(currentIndex - 1);
2255
2256                }
2257
2258            });
2259
2260        }
2261
2262
2263        /* ================================================
2264           NEXT BUTTON
2265        ================================================ */
2266
2267        if (nextButton) {
2268
2269            nextButton.addEventListener("click", function() {
2270
2271                if (currentIndex < cards.length - 1) {
2272
2273                    scrollToCard(currentIndex + 1);
2274
2275                }
2276
2277            });
2278
2279        }
2280
2281
2282    });
2283    </script>
2283
2284    <style>
2285img, video {
2286    display: block;
2287    max-width: 100%;
2288    height: auto;
2289    -o-object-fit: cover;
2290    object-fit: cover;
2291}
2292
2293section.mayfair_footer {
2294    padding: 10%;
2295    padding-top: 3%;
2296    padding-bottom: 5%;
2297    background-color: #e3e4e4;
2298}
2299.mayfair_footer_flex {
2300    display: flex;
2301    flex-direction: row;
2302    flex-wrap: nowrap;
2303    align-content: center;
2304    justify-content: space-between;
2305    align-items: center;
2306}
2307
2308.mayfair_footer_flex_item_img {
2309    width: 25%;
2310    padding: 2%;
2311}
2312
2313.mayfair_footer_flex_item_para {
2314    width: 41%;
2315    padding: 2%;
2316    font-size: 1rem;
2317    font-family: "Red Hat Display", sans-serif;
2318}
2319
2320.mayfair_footer_flex_item_subflex {
2321    display: flex;
2322    flex-direction: row;
2323    flex-wrap: nowrap;
2324    align-content: center;
2325    justify-content: flex-end;
2326    align-items: center;
2327    padding-bottom: 5%;
2328    padding-top: 5%;
2329
2330}
2331.mayfair_footer_flex_item_subflex_item {
2332    padding: 1%;
2333    width: 15%;
2334}
2335.mayfair_footer_flex_item_subflex_2{
2336  display: flex;
2337    flex-direction: row;
2338    flex-wrap: nowrap;
2339    align-content: center;
2340    justify-content: flex-end;
2341    align-items: flex-start;
2342    padding-top: 3%;
2343
2344}
2345.mayfair_footer_flex_item_subflex_2_item_1{
2346  width: 70%;
2347    font-size: 0.9rem;
2348    text-align: right;
2349    padding-right: 10%;
2350}
2351.mayfair_footer_flex_item_subflex_2_item_2{
2352  width: 35%;
2353    font-size: 0.9rem;
2354    text-align: right;
2355}
2356.mayfair_footer_flex_item_link {
2357    width: 25%;
2358    padding: 2%;
2359}
2360.mayfair_footer_flex_item_subflex_2_item_1 a, .mayfair_footer_flex_item_subflex_2_item_2 a{
2361    line-height:180%
2362}
2363@media only screen and (max-width: 767px) {
2364    .section.mayfair_footer {
2365        padding: 5%;
2366    }
2367    .mayfair_footer_flex_item_link {
2368    width: 100%;
2369    padding: 2%;
2370}
2371    .mayfair_footer_flex {
2372        display: flex;
2373        flex-direction: column;
2374
2375    }
2376    .mayfair_footer_flex_item_img {
2377        width: 45%;
2378        padding: 2%;
2379        padding-top: 5%;
2380    }
2381    .mayfair_footer_flex_item_para {
2382        width: 95%;
2383        padding: 2%;
2384        font-size: 0.8rem;
2385    }
2386
2387    .mayfair_footer_flex_item_subflex {
2388        display: flex;
2389        flex-direction: row;
2390        flex-wrap: nowrap;
2391        align-content: center;
2392        justify-content: center;
2393        padding-bottom: 5%;
2394        padding-top: 5%;
2395        align-items: center
2396    }
2397    .mayfair_footer_flex_item_subflex_2_item_1 {
2398        font-size: 0.8rem;
2399        text-align: left;
2400    }
2401    .mayfair_footer_flex_item_subflex_2_item_2 {
2402        font-size: 0.8rem;
2403        text-align: left;
2404    }
2405}
2406
2407@media screen and (min-width : 1224px) {
2408
2409    .mayfair_footer_flex_item_img {
2410        width: 20%;
2411        padding: 2%;
2412    }
2413
2414    .mayfair_footer_flex_item_para {
2415        font-size: 0.8rem;
2416    }
2417    .mayfair_footer_flex_item_subflex_item {
2418        width: 12%;
2419    }
2420    .mayfair_footer_flex_item_subflex{
2421    padding-bottom: 5%;
2422    padding-top: 5%;
2423
2424    }
2425    .mayfair_footer_flex_item_subflex_2_item_1, .mayfair_footer_flex_item_subflex_2_item_2{
2426    font-size: 0.7rem;
2427    }
2428}
2429@media screen and (min-width : 1824px) {
2430
2431    section.mayfair_footer {
2432        padding: 10%;
2433        padding-top: 3%;
2434        padding-bottom: 5%;
2435        background-color: #e3e4e4;
2436    }
2437    .mayfair_footer_flex {
2438        display: flex;
2439        flex-direction: row;
2440        flex-wrap: nowrap;
2441        align-content: center;
2442        justify-content: space-between;
2443        align-items: center;
2444    }
2445
2446    .mayfair_footer_flex_item_img {
2447        width: 25%;
2448        padding: 2%;
2449    }
2450
2451    .mayfair_footer_flex_item_para {
2452        width: 41%;
2453        padding: 2%;
2454        font-size: 1rem;
2455        font-family: "Red Hat Display", sans-serif;
2456    }
2457
2458    .mayfair_footer_flex_item_subflex {
2459        display: flex;
2460        flex-direction: row;
2461        flex-wrap: nowrap;
2462        align-content: center;
2463        justify-content: flex-end;
2464        align-items: center;
2465        padding-bottom: 5%;
2466        padding-top: 5%;
2467
2468    }
2469    .mayfair_footer_flex_item_subflex_item {
2470        padding: 1%;
2471        width: 15%;
2472    }
2473    .mayfair_footer_flex_item_subflex_2{
2474    display: flex;
2475        flex-direction: row;
2476        flex-wrap: nowrap;
2477        align-content: center;
2478        justify-content: flex-end;
2479        align-items: flex-start;
2480        padding-top: 3%;
2481
2482    }
2483    .mayfair_footer_flex_item_subflex_2_item_1{
2484    width: 70%;
2485        font-size: 0.9rem;
2486        text-align: right;
2487        padding-right: 10%;
2488    }
2489    .mayfair_footer_flex_item_subflex_2_item_2{
2490    width: 35%;
2491        font-size: 0.9rem;
2492        text-align: right;
2493    }
2494
2495
2496}
2497</style>
2498
2499
2500
2501
2502
2503
2504<section class="mayfair_footer">
2505
2506<div class="mayfair_footer_flex">
2507<div style="height:1rem" class="mobile"></div>
2508
2509    <div class="mayfair_footer_flex_item">
2510
2511      <div class="mayfair_footer_flex_item_img">
2512       <a href="index">  <img src="images/SJR Logo black Horizontal.png" alt=""></a> 
2513      </div>
2514<div style="height:1rem" class="mobile"></div>
2515
2516      <div class="mayfair_footer_flex_item_para">
2517        SJR Prime Corporation Pvt. Ltd. <br> The Hub ,
2518        #8/2 & 9, Ambalipura Bellandur, 
2519       Sarjapur Main Road, Bangalore ‐ 560103, India
2520      </div>
2521    </div>
2522    
2523    <div class="mayfair_footer_flex_item mayfair_footer_flex_item_link">
2524
2525      <div class="mayfair_footer_flex_item_subflex">
2526        <div class="mayfair_footer_flex_item_subflex_item"> <a href="https://www.linkedin.com/uas/login?session_redirect=https%3A%2F%2Fwww.linkedin.com%2Fcompany%2F13232610%2Fadmin%2F"> <img src="images/linedIn.png" alt=""> </a></div>
2527        <div class="mayfair_footer_flex_item_subflex_item"> <a href="https://www.facebook.com/Primecorpration"><img src="images/facebook.png" alt=""></a>  </div>
2528        <div class="mayfair_footer_flex_item_subflex_item"><a href="https://www.instagram.com/primecorp.co"> <img src="images/instagram.png" alt=""></a></div>
2529        
2530         <div class="mayfair_footer_flex_item_subflex_item"><a href="https://www.youtube.com/@sjrprimecorp9805"> <img src="images/youtube_ic.png" alt=""></a></div>
2531
2532      </div>
2533
2534      <div class="mayfair_footer_flex_item_subflex_2">
2535        <div class="mayfair_footer_flex_item_subflex_2_item_1">
2536        <a href="careers" style="text-decoration:none; color:#000">CAREERS </a><br>
2537        <a href="build_with_us" style="text-decoration:none; color:#000"> PARTNER WITH US</a> <br>
2538        <!--<a href="#" style="text-decoration:none; color:#000">  TERMS & CONDITIONS </a>-->
2539        </div>
2540        <div class="mayfair_footer_flex_item_subflex_2_item_2">
2541        <a href="ethos" style="text-decoration:none; color:#000">  ETHOS </a> <br>
2542        <a href="project" style="text-decoration:none; color:#000">
2542  PROJECTS </a> <br>
2543        <a href="blogs" style="text-decoration:none; color:#000"> BLOGS </a><br>
2544        <a href="news" style="text-decoration:none; color:#000">  NEWS </a>
2545        </div>
2546
2547      </div>
2548    </div>
2549</div>
2550
2551</section>
2552
2553
2554<script src="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/jquery.magnific-popup.min.js" integrity="sha512-IsNh5E3eYy3tr/JiX2Yx4vsCujtkhwl7SLqgnwLNgf04Hrt9BT9SXlLlZlWx+OK4ndzAoALhsMNcCmkggjZB1w=="    crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
2554
2555
2556<script src="https://use.fontawesome.com/6ace93a795.js"></script>
2556
2557  
2557<script src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.js"></script>
2557
2558  <!-- jQuery library -->
2559  
2559<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
2559
2560  
2560<script src="https://code.jquery.com/jquery-migrate-1.4.1.min.js"></script>
2560
2561
2562  <!-- Latest compiled JavaScript -->
2563  
2563<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
2563
2564  
2564<script>
2565 $(window).on("scroll", function() {
2566    if($(window).scrollTop() > 50) {
2567        $(".header").addClass("header_1");
2568    } else {
2569        //remove the background property so it comes transparent again (defined in your css)
2570       $(".header").removeClass("header_1");
2571    }
2572});
2573
2574$(document).ready(function() {
2575        $('.popup-youtube').magnificPopup({
2576            type: 'iframe'
2577        });
2578
2579    });
2580
2581
2582    function getUTMParams() {
2583  const params = new URLSearchParams(window.location.search);
2584  const utmParams = {};
2585  for (const [key, value] of params.entries()) {
2586    if (key.startsWith('utm_')) {
2587      utmParams[key] = value;
2588    }
2589  }
2590  return utmParams;
2591}
2592
2593function validateEmail(email) {
2594  const re = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
2595  return re.test(email);
2596}
2597
2598
2599
2600    $("#enq-submit").on("click", function() {
2601    var email = $('#enq-email').val();
2602    var nameval = $("#enq-name").val();
2603
2604    if (nameval.trim() === "") {
2605      alert('Please enter name!');
2606      $('#enq-name').focus();
2607      return;
2608    }
2609    if (email.trim() === "") {
2610      alert('Please enter email id!');
2611      $('#enq-email').focus();
2612      return;
2613    }
2614    if (!validateEmail(email)) {
2615      alert('Please enter valid email id!');
2616      $('#enq-email').focus();
2617      return;
2618    }
2619
2620    $("#enq-submit").hide("fast");
2621    $("#enq-message").css("display", "block").html("<strong class='text-success'>Sending....</strong>");
2622
2623    const formDataArray = $("#enq-form").serializeArray();
2624    const formData = {};
2625    formDataArray.forEach(item => {
2626      formData[item.name] = item.value;
2627    });
2628
2629    const fullData = { ...formData, ...getUTMParams() };
2630
2631    $.ajax({
2632      type: 'POST',
2633      cache: false,
2634      url: 'enq_email.php',
2635      data: fullData,
2636      success: function(data) {
2637        if(data === "true") {
2638          $("#enq-message").html("<strong class='text-success'> Enquiry submitted successfully.</strong>");
2639          resetForm('enq-form');
2640          setTimeout(() => location.reload(), 3000);
2641        } else {
2642          $("#enq-message").html("<strong class='text-danger'>Something went wrong</strong>");
2643          $("#enq-submit").show("fast");
2644          $("#enq-message").css("display", "none");
2645        }
2646      },
2647      error: function() {
2648        $("#enq-message").html("<strong class='text-danger'>Request failed</strong>");
2649        $("#enq-submit").show("fast");
2650        $("#enq-message").css("display", "none");
2651      }
2652    });
2653  });
2654
2655
2656
2657
2658 (function() {
2659  // Helper to set a cookie
2660  function setCookie(name, value, days) {
2661    const expires = new Date(Date.now() + days * 864e5).toUTCString();
2662    document.cookie = name + '=' + encodeURIComponent(value) + '; expires=' + expires + '; path=/';
2663  }
2664
2665  // Get UTM params from URL
2666  const params = new URLSearchParams(window.location.search);
2667  const utmParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content'];
2668
2669  let hasUtmSource = false;
2670
2671  utmParams.forEach(param => {
2672    const value = params.get(param);
2673    if (value) {
2674      setCookie(param, value, 30); // Store for 30 days
2675      if (param === 'utm_source') {
2676        hasUtmSource = true;
2677      }
2678    }
2679  });
2680
2681  // If no utm_source in URL, set it as 'organic'
2682  if (!hasUtmSource) {
2683    setCookie('utm_source', 'organic', 30);
2684  }
2685})();
2686  </script>
2686
2687</body>
2688</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.