PageSourceSearch

https://rnd.iitb.ac.in/search_for_expertise

html iitb.ac.in collected 2026-09-24 08:28:53 UTC 84,437 bytes, 3,215 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en" dir="ltr">
3  <head>
4    <meta charset="utf-8" />
5<meta name="Generator" content="Drupal 10 (https://www.drupal.org)" />
6<meta name="MobileOptimized" content="width" />
7<meta name="HandheldFriendly" content="true" />
8<meta name="viewport" content="width=device-width, initial-scale=1.0" />
9<link rel="icon" href="/sites/default/files/logo_0.png" type="image/png" />
10<link rel="canonical" href="https://rnd.iitb.ac.in/search_for_expertise" />
11<link rel="shortlink" href="https://rnd.iitb.ac.in/node/8" />
12
13    <title>Search For Expertise | IITBombay</title>
14        <link rel="preload" as="font" href="/themes/tarapro/fonts/open-sans.woff2" type="font/woff2" crossorigin>
15    <link rel="preload" as="font" href="/themes/tarapro/fonts/roboto.woff2" type="font/woff2" crossorigin>
16        <link rel="stylesheet" media="all" href="/sites/default/files/css/css_Ggm5fpyUZoHKKFb24N42B6uNedydRBkdqULEG0CEoKw.css?delta=0&amp;language=en&amp;theme=tarapro&amp;include=eJwrSSxKLCjK18_IKtYpgbLT8_PTc1LT8vNKinPykxNzdIori0tSc_WTEotTEYpy8pMSc3SLSypzMvPSAfMiHAs" />
17<link rel="stylesheet" media="all" href="/sites/default/files/css/css_TC0Xv2DKUPeIEOkznp-8EmAZaqsZFRmtm1pehQgcSPo.css?delta=1&amp;language=en&amp;theme=tarapro&amp;include=eJwrSSxKLCjK18_IKtYpgbLT8_PTc1LT8vNKinPykxNzdIori0tSc_WTEotTEYpy8pMSc3SLSypzMvPSAfMiHAs" />
18
19    
19<script src="/sites/default/files/js/js_j6OVrroKvHlAPEB6LreWaLCZwJznqLtCi-gydy6ssSQ.js?scope=header&amp;delta=0&amp;language=en&amp;theme=tarapro&amp;include=eJwrSSxKLCjK18_IKtYpgbLT8_PTc1LT8vNKinPykxNzdIori0tSc_WTEotTEYpy8pMSc3SLSypzMvPSAfMiHAs"></script>
19
20
21  <link rel="preconnect" href="//fonts.googleapis.com">
22<link rel="preconnect" href="//fonts.gstatic.com" crossorigin>
23<link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@700&family=Roboto:ital,wght@1,900&display=swap" rel="stylesheet">
24
25
26
27
28<link rel="preconnect" href="https://fonts.googleapis.com">
29<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
30<link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital@1&family=Roboto+Condensed:wght@700&family=Roboto:ital,wght@1,900&display=swap" rel="stylesheet">
31
32
33
34
35
36
37
38
39
40
41
42  <style>
43  :root {
44  --bg-body: #f9f6f3;
45  --color-primary: #4a230d;
46  --color-primary-light: #f2e8dd;
47  --color-secondary: #a7bd43;
48  --dark: #323d47;
49  --light: #e5e2dc;
50  --border: #dbdbd3;
51  --text-color: #4a4a4a;
52  --bold-color: #222222;
53  }
54  .header {
55    background-color: #ffffff;
56  }
57</style><style>
58/*Mobile menu gets hidden because it was getting displayed twice*/
59.mobile-menu .fa-bars {
60    display: none;
61}
62
63
64
65
66.custom-slider-container {
67    width: 100%;
68    overflow: hidden;
69    position: relative;
70}
71
72.custom-slider {
73    display: flex;
74    flex-wrap: nowrap;
75    scroll-snap-type: x mandatory;
76    scroll-behavior: smooth;
77    -webkit-overflow-scrolling: touch;
78    width: 100%;
79    animation: slide 210s infinite; /* Total time = 7 slides × 50s each */
80}
81
82/* Set each slider item to fill 100% of the container width */
83.custom-slider-item {
84    min-width: 100%;
85    scroll-snap-align: start;
86    position: relative;
87    text-align: center;
88}
89
90/* Keyframe for 50 seconds per slide (7 slides in total) */
91@keyframes slide {
92    0% { transform: translateX(0%); }
93    14.28% { transform: translateX(-100%); }
94    28.56% { transform: translateX(-200%); }
95    42.84% { transform: translateX(-300%); }
96    57.12% { transform: translateX(-400%); }
97    71.40% { transform: translateX(-500%); }
98    85.68% { transform: translateX(-600%); }
99    100% { transform: translateX(0%); }
100}
101
102/* Remove smooth transition */
103.custom-slider-item {
104    transition: none;
105}
106
107/* Style for images */
108.custom-slider-img img {
109    width: 100%;
110    height: auto;
111    display: block;
112}
113
114/* Text container for overlay */
115.custom-slider-text-container {
116    position: absolute;
117    bottom: 10%;
118    left: 50%;
119    transform: translateX(-50%);
120    background: rgba(0, 0, 0, 0.6);
121    padding: 10px;
122    color: white;
123    text-align: center;
124    width: 80%;
125    border-radius: 5px;
126}
127
128.custom-slider-text h3, .custom-slider-text h4, .custom-slider-text p {
129    margin: 5px 0;
130}
131
132/* Button style */
133.custom-button {
134    display: inline-block;
135    background-color: #ff9800;
136    color: white;
137    padding: 8px 16px;
138    text-decoration: none;
139    border-radius: 4px;
140    font-weight: bold;
141    margin-top: 5px;
142}
143
144.custom-button:hover {
145    background-color: #e68900;
146}
147
148/* Mobile Responsiveness */
149@media screen and (max-width: 768px) {
150    .custom-slider-text-container {
151        width: 90%;
152        font-size: 14px;
153        padding: 8px;
154    }
155
156    .custom-button {
157        font-size: 12px;
158        padding: 6px 12px;
159    }
160
161    .custom-slider-text h3, .custom-slider-text h4 {
162        font-size: 16px;
163    }
164}
165
166
167/*end*/
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189/*The below code is for patents-new section of table. It changes color to black after hover*/
190.my-custom-view a {
191    color: #0073e6; /* Initial color */
192}
193
194.my-custom-view a:hover {
195    color: #000000; /* Color changes to black on hover */
196    text-decoration: underline; /* Optional: add underline on hover */
197}
198
199
200
201/*The following code is for the category buttons of the new patent page*/
202 .themes-patent-container {
203    display: flex;
204    flex-wrap: wrap;
205    gap: 1rem;
206    justify-content: center;
207  }
208
209  .themes-patent-block {
210    display: inline-flex;
211    align-items: center;
212    justify-content: center;
213    text-align: center;
214    background-color: #4A230D;
215    color: white;
216    width: 19%;
217    padding: 1rem;
218    border-radius: 8px;
219    transition: transform 0.3s, background-color 0.3s;
220    cursor: pointer;
221    text-decoration: none;
222  }
223
224  .themes-patent-block:hover {
225    transform: scale(1.05);
226    background-color: #4A230D;
227  }
228
229  /* Responsive adjustments */
230  @media (max-width: 768px) {
231    .themes-patent-block {
232      width: 45%;
233    }
234  }
235
236  @media (max-width: 480px) {
237    .themes-patent-block {
238      width: 100%;
239    }
240  }
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276/*IP Image to display at centre and fully*/
277.field--name-field-patent-image {
278  display: flex;
279  flex-wrap: wrap;                       /* Allows images to wrap */
280  gap: 10px;                             /* Adds space between images */
281  justify-content: space-between;        /* Spaces out two images evenly */
282  background-color: #909090;             /* Grey background for the layout */
283  padding: 10px;                         /* Adds padding around the images */
284  align-items: center;                   /* Vertically center images */
285  text-align: center;                    /* Centers image horizontally */
286}
287
288.field--name-field-patent-image .field-item {
289  flex: 1 1 100%;                        /* Full width for one image */
290  max-width: 100%;                       /* Ensures max-width is 100% */
291}
292
293.field--name-field-patent-image .field-item img.image-field {
294  width: 100%;                           /* Image fills the container width */
295  height: auto;                          /* Keeps image proportional */
296  object-fit: contain;                   /* Ensures no cropping */
297  border: 1px solid #ccc;                /* Optional border */
298  background-color: #fff;                /* Optional background */
299}
300
301/* Two images sharing the width */
302.field--name-field-patent-image .field-item:nth-child(1),
303.field--name-field-patent-image .field-item:nth-child(2) {
304  flex: 1 1 calc(50% - 10px);            /* 50% width with gap */
305  max-width: calc(50% - 10px);
306}
307
308/* Mobile responsiveness */
309@media (max-width: 768px) {
310  .field--name-field-patent-image .field-item {
311    flex: 1 1 calc(50% - 10px);          /* Half width for medium screens */
312    max-width: calc(50% - 10px);
313  }
314}
315
316@media (max-width: 480px) {
317  .field--name-field-patent-image .field-item {
318    flex: 1 1 100%;                      /* Full width for small screens */
319    max-width: 100%;
320  }
321}
322
323.field--name-field-patent-image .field-item:only-child {
324  flex: 1 1 100%;                        /* Full width for single image */
325  display: flex;
326  justify-content: center;               /* Horizontally center the image */
327  align-items: center;                   /* Vertically center the image */
328}
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352/* taxonomy terms to display vertically*/
353.taxonomy-terms {
354  display: block;
355  list-style-type: none;
356  padding: 0;
357  margin: 0;
358}
359
360.taxonomy-terms li {
361  margin-bottom: 10px; /* Adjust the spacing between items if needed */
362  display: block;
363}
364
365
366
367
368
369
370
371
372
373.field--name-field-patent-image-caption- {
374    display: flex;
375    justify-content: left;
376    font-size: 0.9em; /* Adjust the font size as needed */
377    margin: 10px 0; /* Optional: vertical spacing */
378    color: #555; /* Optional: text color */
379}
380
381
382
383
384
385
386
387
388
389
390
391
392/*TechConnect About Us page*/
393/* General styles for the body */
394body.techconnect-page {
395    font-family: 'Arial', sans-serif;
396    background-color: #f4f4f4;
397    color: #333;
398    margin: 0;
399    padding: 0;
400    overflow-x: hidden;
401}
402
403/* Keyframes for header background animation */
404@keyframes animateBG {
405    100% {
406        top: 100%;
407        left: 100%;
408    }
409}
410
411
412
413
414/* Section titles */
415.techconnect-section-title {
416    color: #4A230D;
417    font-size: 2em;
418    margin-bottom: 20px;
419    position: relative;
420    animation: fadeIn 1.5s ease-in-out;
421}
422
423/* Fade-in animation for section titles */
424@keyframes fadeIn {
425    0% {
426        opacity: 0;
427        transform: translateY(20px);
428    }
429    100% {
430        opacity: 1;
431        transform: translateY(0);
432    }
433}
434
435/* Paragraph styles */
436.techconnect-content p {
437    max-width: 900px;
438    margin: 0 auto;
439    line-height: 1.7;
440    text-align: justify;
441    animation: slideIn 1.5s ease;
442}
443
444/* Slide-in animation for content */
445@keyframes slideIn {
446    0% {
447        opacity: 0;
448        transform: translateX(-50px);
449    }
450    100% {
451        opacity: 1;
452        transform: translateX(0);
453    }
454}
455
456/* General section padding */
457.techconnect-section {
458    padding: 50px 20px;
459}
460
461/* Alternating background colors */
462.techconnect-section:nth-child(even) {
463    background-color: #eaeaea;
464}
465
466/* Lists */
467.techconnect-list {
468    max-width: 900px;
469    margin: 0 auto;
470    text-align: left;
471    font-size: 1.2em;
472    line-height: 1.3;
473}
474
475.techconnect-list li {
476    margin-bottom: 10px;
477    opacity: 0;
478    animation: fadeInUp 1s forwards;
479}
480
481.techconnect-list li:nth-child(odd) {
482    animation-delay: 0.2s;
483}
484
485.techconnect-list li:nth-child(even) {
486    animation-delay: 0.4s;
487}
488
489/* Fade-in up animation for list items */
490@keyframes fadeInUp {
491    0% {
492        opacity: 0;
493        transform: translateY(20px);
494    }
495    100% {
496        opacity: 1;
497        transform: translateY(0);
498    }
499}
500
501/* Footer styles */
502.techconnect-footer {
503    background-color: #333;
504    color: white;
505    text-align: center;
506    padding: 50px 20px;
507}
508
509/* Button pulse effect */
510@keyframes pulse {
511    0% {
512        transform: scale(1);
513    }
514    50% {
515        transform: scale(1.1);
516    }
517    100% {
518        transform: scale(1);
519    }
520}
521
522/* Responsive design for mobile screens */
523@media (max-width: 768px) {
524    .techconnect-header h1 {
525        font-size: 2.5em;
526    }
527
528    .techconnect-header p {
529        font-size: 1.2em;
530    }
531
532    .techconnect-section-title {
533        font-size: 2em;
534    }
535
536    .techconnect-content p,
537    .techconnect-list {
538        font-size: 1em;
539    }
540
541    .techconnect-button {
542        padding: 10px 20px;
543    }
544}
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571/*TechConnect Menu*/
572.dropbtn {
573    background-color: #4A230D;
574    color: white;
575    padding: 16px;
576    font-size: 16px;
577    border: none;
578    cursor: pointer;
579}
580
581.dropbtn:hover {
582    background-color: #4A230D;
583}
584
585.dropdown {
586    position: relative;
587    display: inline-block;
588}
589
590.dropdown-content {
591    display: none;
592    position: absolute;
593    background-color: #f1f1f1;
594    min-width: 160px;
595    overflow: auto;
596    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
597    z-index: 1;
598}
599
600.dropdown:hover .dropdown-content {
601    display: block;
602}
603
604.dropdown-content a {
605    color: black;
606    padding: 12px 16px;
607    text-decoration: none;
608    display: block;
609}
610
611.dropdown-content a:hover {
612    background-color: #ddd;
613}
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643/*Staff Old page profile of staff*/
644.hover1-container img {
645  width: 200px;              /* Set a fixed width for all images */
646  height: 250px;             /* Set a fixed height for all images */
647  object-fit: cover;         /* Ensures the image fits the size without distortion */
648  display: block;            /* Ensures the image is a block element */
649  margin: 0 auto;            /* Centers the image horizontally */
650}
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665/*patent image caption*/
666.field--name-field-patent-image-caption- {
667    text-align: center;
668    font-size: 0.9em; /* Adjust the font size as needed */
669    margin: 10px 0; /* Add vertical spacing if necessary */
670  
671}
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698/* Hide the field container if it's empty */
699.field--name-field-patent-image:empty {
700    display: none;
701}
702
703
704
705.sliding-sidebar-container {
706    position: fixed;
707    top: 0;
708    width: 18%;
709    max-width: 400px;
710    height: 100%;
711    padding: 16px 20px;
712    background: #F2E8DD;
713    color: #000;
714
715    -webkit-transition: -webkit-transform 0.4s 0s;
716    transition: -webkit-transform 0.4s 0s;
717    transition: transform 0.4s 0s;
718    transition: transform 0.4s 0s,-webkit-transform 0.4s 0s;
719}
720
721.mydiv{
722 
723background-image: url('/Tarapro-Drupal-Theme/Tarapro-Drupal-Theme/TaraPro For Drupal 9 and 10/tarapro/images/background.jpg');
724font-weight:500;
725
726}
727
728
729.grow img{
730transition: 1s ease;
731}
732
733.grow img:hover{
734-webkit-transform: scale(1.5);
735-ms-transform: scale(1.5);
736transform: scale(1.5);
737transition: 1s ease;
738}
739
740
741.rotate img{
742transition: 1s ease;
743}
744
745.rotate img:hover{
746-webkit-transform: rotateZ(-10deg);
747-ms-transform: rotateZ(-10deg);
748transform: rotateZ(-10deg);
749transition: 1s ease;
750}
751
752
753
754
755
756/*brochure block styling starts*/
757h1{
758             font-size:25px;
759             text-align: left;
760             text-transform:capitalize;
761         }
762        .service-box{
763            position: relative;
764            overflow: hidden;
765            margin-bottom:10px;
766            perspective:1000px;
767            -webkit-perspective:1000px;
768        }
769        .service-icon{
770            width: 100%;
771            height: 220px;
772            padding: 20px;
773            text-align: center;
774            transition: all .5s ease;
775        }
776
777        .service-content{
778            position: absolute;
779            top: 0;
780            left: 0;
781            z-index: 1;
782            opacity: 0;
783            width: 100%;
784            height: 220px;
785            padding: 20px;
786            text-align: center;
787            transition: all .5s ease;
788            background-color: #474747;
789            backface-visibility:hidden;
790            transform-style: preserve-3d;
791            -webkit-transform: translateY(110px) rotateX(-90deg);
792            -moz-transform: translateY(110px) rotateX(-90deg);
793            -ms-transform: translateY(110px) rotateX(-90deg);
794            -o-transform: translateY(110px) rotateX(-90deg);
795            transform: translateY(110px) rotateX(-90deg);
796        }
797        .service-box .service-icon .front-content{
798            position: relative;
799            top:80px;
800            -webkit-transform: translateY(-50%);
801            -moz-transform: translateY(-50%);
802            -ms-transform: translateY(-50%);
803            -o-transform: translateY(-50%);
804            transform: translateY(-50%);
805        }
806
807        .service-box .service-icon .front-content i {
808            font-size: 28px;
809            color: #fff;
810            font-weight: normal;
811        }
812
813        .service-box .service-icon .front-content h3 {
814            font-size: 25px;
815            color: #fff;
816            text-align: center;
817            margin-bottom: 15px;
818            text-transform: uppercase;
819        }
820        .service-box .service-content h3 {
821            font-size: 25px;
822            font-weight: 700;
823            color: #fff;
824            margin-bottom:10px;
825            text-transform: uppercase;
826        }
827        .service-box .service-content p {
828            font-size: 13px;
829            color: #b1b1b1;
830            margin:0;
831        }
832        .yellow{background-color: #ffc000;}
833        .orange{background-color: #fc7f0c;}
834        .red{background-color: #e84b3a;}
835        .grey{background-color: #474747;}
836        .service-box:hover .service-icon{
837            opacity: 0;
838            -webkit-transform: translateY(-110px) rotateX(90deg);
839            -moz-transform: translateY(-110px) rotateX(90deg);
840            -ms-transform: translateY(-110px) rotateX(90deg);
841            -o-transform: translateY(-110px) rotateX(90deg);
842            transform: translateY(-110px) rotateX(90deg);
843        }
844        .service-box:hover .service-content {
845            opacity: 1;
846            -webkit-transform: rotateX(0);
847            -moz-transform: rotateX(0);
848            -ms-transform: rotateX(0);
849            -o-transform: rotateX(0);
850            transform: rotateX(0);
851        }
852/*brochure block styling ends*/
853
854
855
856
857*{
858  margin: 0;
859  padding: 0;
860  -webkit-box-sizing: border-box;
861          box-sizing: border-box;
862}
863
864h5{
865  font-family: 'Montserrat';
866  font-weight: normal;
867  color: #444;
868  text-align: center;
869  margin: 2rem 0;
870}
871
872.wrapper{
873  width: 90%;
874  margin: 0 auto;
875  max-width: 80rem;
876}
877
878.cols{
879  display: -webkit-box;
880  display: -ms-flexbox;
881  display: flex;
882  -ms-flex-wrap: wrap;
883      flex-wrap: wrap;
884  -webkit-box-pack: center;
885      -ms-flex-pack: center;
886          justify-content: center;
887}
888
889.col{
890  width: calc(25% - 2rem);
891  margin: 1rem;
892  cursor: pointer;
893}
894
895.container{
896  -webkit-transform-style: preserve-3d;
897          transform-style: preserve-3d;
898	-webkit-perspective: 1000px;
899	        perspective: 1000px;
900}
901
902.front,
903.back{
904  background-size: cover;
905  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.25);
906  border-radius: 10px;
907	background-position: center;
908	-webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
909	transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
910	-o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
911	transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
912	transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
913	-webkit-backface-visibility: hidden;
914	        backface-visibility: hidden;
915	text-align: center;
916	min-height: 280px;
917	height: auto;
918	border-radius: 10px;
919	color: #fff;
920	font-size: 1.5rem;
921}
922
923.back{
924  background: #cedce7;
925  background: -webkit-linear-gradient(45deg,  #cedce7 0%,#596a72 100%);
926  background: -o-linear-gradient(45deg,  #cedce7 0%,#596a72 100%);
927  background: linear-gradient(45deg,  #cedce7 0%,#596a72 100%);
928}
929
930.front:after{
931	position: absolute;
932    top: 0;
933    left: 0;
934    z-index: 1;
935    width: 100%;
936    height: 100%;
937    content: '';
938    display: block;
939    opacity: .6;
940    background-color: #000;
941    -webkit-backface-visibility: hidden;
942            backface-visibility: hidden;
943    border-radius: 10px;
944}
945.container:hover .front,
946.container:hover .back{
947    -webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
948    transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
949    -o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
950    transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
951    transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
952}
953
954.back{
955    position: absolute;
956    top: 0;
957    left: 0;
958    width: 100%;
959}
960
961.inner{
962    -webkit-transform: translateY(-50%) translateZ(60px) scale(0.94);
963            transform: translateY(-50%) translateZ(60px) scale(0.94);
964    top: 50%;
965    position: absolute;
966    left: 0;
967    width: 100%;
968    padding: 1rem;
969    -webkit-box-sizing: border-box;
970            box-sizing: border-box;
971    outline: 1px solid transparent;
972    -webkit-perspective: inherit;
973            perspective: inherit;
974    z-index: 2;
975}
976
977.container .back{
978    -webkit-transform: rotateY(180deg);
979            transform: rotateY(180deg);
980    -webkit-transform-style: preserve-3d;
981            transform-style: preserve-3d;
982}
983
984.container .front{
985    -webkit-transform: rotateY(0deg);
986            transform: rotateY(0deg);
987    -webkit-transform-style: preserve-3d;
988            transform-style: preserve-3d;
989}
990
991.container:hover .back{
992  -webkit-transform: rotateY(0deg);
993          transform: rotateY(0deg);
994  -webkit-transform-style: preserve-3d;
995          transform-style: preserve-3d;
996}
997
998.container:hover .front{
999  -webkit-transform: rotateY(-180deg);
1000          transform: rotateY(-180deg);
1001  -webkit-transform-style: preserve-3d;
1002          transform-style: preserve-3d;
1003}
1004
1005.front .inner p{
1006  font-size: 1rem;
1007  margin-bottom: 2rem;
1008  position: relative;
1009}
1010
1011.front .inner p:after{
1012  content: '';
1013  width: 2rem;
1014  height: 1px;
1015  position: absolute;
1016  background: #C6D4DF;
1017  display: block;
1018  left: 0;
1019  right: 0;
1020  margin: 0 auto;
1021  bottom: -.75rem;
1022}
1023
1024.front .inner span{
1025  color: rgba(255,255,255,0.7);
1026  font-family: 'Montserrat';
1027  font-weight: 200;
1028}
1029
1030@media screen and (max-width: 64rem){
1031  .col{
1032    width: calc(33.333333% - 2rem);
1033  }
1034}
1035
1036@media screen and (max-width: 48rem){
1037  .col{
1038    width: calc(50% - 2rem);
1039  }
1040}
1041
1042@media screen and (max-width: 32rem){
1043  .col{
1044    width: 100%;
1045    margin: 0 0 2rem 0;
1046  }
1047}
1048
1049
1050
1051/* Hover for ibis*/
1052.hover-1 {
1053  --c: #1095c1; /* the color */
1054  --s: .15em;
1055  
1056  line-height:1.1em;
1057  padding-bottom: calc(2.1*var(--s));
1058  background: 
1059    conic-gradient(from 135deg at top,var(--c) 90deg,#0000 0) 
1060      left 0 bottom var(--s)/calc(2*var(--s)) var(--s) repeat-x,
1061    conic-gradient(from -45deg at bottom,var(--c) 90deg,#0000 0) 
1062      left var(--s) bottom 0/calc(2*var(--s)) var(--s) repeat-x;
1063  -webkit-mask:
1064    linear-gradient(#000 0 0) content-box,
1065    linear-gradient(#000 0 0) 0/var(--_p,0%) padding-box no-repeat;
1066  transition: .5s;
1067}
1068.hover-1:hover {
1069  --_p: 100%;
1070  color: var(--c);
1071}
1072
1073
1074
1075
1076
1077/*test*/
1078/* Globals */
1079
1080
1081/* Utilities */
1082.auto-grid {
1083  display: grid;
1084  grid-template-columns: repeat(
1085    auto-fill,
1086    minmax(var(--auto-grid-min-size, 14rem), 1fr)
1087  );
1088  grid-gap: var(--auto-grid-gap, 0);
1089  padding: 0;
1090}
1091
1092.flow > * + * {
1093  margin-top: var(--flow-space, 1em);
1094}
1095
1096/* Composition */
1097.team {
1098  --flow-space: 2em;
1099}
1100
1101/* Blocks */
1102.profile {
1103  display: flex;
1104  flex-direction: column;
1105  justify-content: flex-end;
1106  aspect-ratio: 1/1;
1107  position: relative;
1108  padding: 1.5rem;
1109  color: #ffffff;
1110  backface-visibility: hidden;
1111  text-decoration: none;
1112  overflow: hidden;
1113}
1114
1115.profile::before,
1116.profile::after {
1117  content: "";
1118  width: 100%;
1119  height: 100%;
1120  position: absolute;
1121  /*inset: 0;*/
1122  top: 0;
1123  left: 0;
1124}
1125
1126.profile::before {
1127  background: linear-gradient(
1128    to top,
1129    hsl(0 0% 0% / 0.79) 0%,
1130    hsl(0 0% 0% / 0.787) 7.8%,
1131    hsl(0 0% 0% / 0.779) 14.4%,
1132    hsl(0 0% 0% / 0.765) 20.2%,
1133    hsl(0 0% 0% / 0.744) 25.3%,
1134    hsl(0 0% 0% / 0.717) 29.9%,
1135    hsl(0 0% 0% / 0.683) 34.3%,
1136    hsl(0 0% 0% / 0.641) 38.7%,
1137    hsl(0 0% 0% / 0.592) 43.3%,
1138    hsl(0 0% 0% / 0.534) 48.4%,
1139    hsl(0 0% 0% / 0.468) 54.1%,
1140    hsl(0 0% 0% / 0.393) 60.6%,
1141    hsl(0 0% 0% / 0.31) 68.3%,
1142    hsl(0 0% 0% / 0.216) 77.3%,
1143    hsl(0 0% 0% / 0.113) 87.7%,
1144    hsl(0 0% 0% / 0) 100%
1145  );
1146  transition: 300ms opacity linear;
1147}
1148
1149.profile::after {
1150  background: linear-gradient(
1151    45deg,
1152    hsl(5 97% 63% / 0.7) 0,
1153    hsl(5 97% 63% / 0) 100%
1154  );
1155  opacity: 0;
1156  transition: 300ms opacity linear;
1157}
1158
1159.profile > * {
1160  z-index: 1;
1161}
1162
1163.profile img {
1164  width: 100%;
1165  height: 100%;
1166  position: absolute;
1167  top: 0;
1168  left: 0;
1169  margin: 0;
1170  z-index: -1;
1171  object-fit: cover;
1172  filter: grayscale(1);
1173  transition: filter 200ms ease, transform 250ms linear;
1174}
1175
1176.profile h2,
1177.profile p {
1178  transform: translateY(2ex);
1179}
1180
1181.profile h2 {
1182  font-size: 1.7rem;
1183  line-height: 1.2;
1184  font-weight: 900;
1185  letter-spacing: 0.03ch;
1186  transition: 300ms transform ease;
1187}
1188
1189.profile p {
1190  font-size: 1.2rem;
1191  font-weight: 500;
1192}
1193
1194.profile p {
1195  opacity: 0;
1196  transition: 300ms opacity linear, 300ms transform ease-in-out;
1197}
1198
1199.profile:focus {
1200  outline: 0.5rem solid white;
1201  outline-offset: -0.5rem;
1202}
1203
1204.profile:hover :is(h2, p),
1205.profile:focus :is(h2, p) {
1206  transform: none;
1207}
1208
1209.profile:hover::after,
1210.profile:focus::after,
1211.profile:hover::before,
1212.profile:focus::before {
1213  opacity: 0.7;
1214}
1215
1216.profile:hover p,
1217.profile:focus p {
1218  opacity: 1;
1219  transition-delay: 200ms;
1220}
1221
1222.profile:hover img,
1223.profile:focus img {
1224  filter: grayscale(0);
1225  transform: scale(1.05) rotate(1deg);
1226}
1227
1228
1229
1230
1231
1232
1233
1234
1235/*check*/
1236.cardtest {
1237  background-color: var(--background);
1238  display: block;
1239  width: 300px;
1240  min-height: 20px;
1241  border: 3px solid var(--primary);
1242  margin: calc(50vh - 250px) auto 0 auto;
1243  box-shadow: 10px -10px 0 -3px var(--background), 10px -10px var(--green),
1244        20px -20px 0 -3px var(--background), 20px -20px var(--yellow), 
1245        30px -30px 0 -3px var(--background), 30px -30px var(--orange), 
1246        40px -40px 0 -3px var(--background), 40px -40px var(--red); 
1247  transition: box-shadow 1s, top 1s, left 1s;
1248  position: relative;
1249  top: 0;
1250  left: 0;
1251  cursor: pointer;
1252}
1253
1254.cardtest:hover {
1255  top: -40px;
1256  left: 40px;
1257  box-shadow: 0 0 0 -3px var(--background), 0 0 0 0 var(--green),
1258      0 0 0 -3px var(--background), 0 0 0 0  var(--yellow),
1259      0 0 0 -3px var(--background), 0 0 0 0  var(--orange),
1260      0 0 0 -3px  var(--background), 0 0 0 0  var(--red);
1261}
1262
1263
1264:root {
1265  --primary: #555BFF;
1266  --secondary: #22D2A0;
1267  --background: white;
1268  --green: #1FC11B;
1269  --yellow: #FFD913;
1270  --orange: #FF9C55;
1271  --red: #FF5555;
1272} 
1273
1274
1275
1276
1277/*our team*/
1278.our-team{
1279    position: relative;
1280    overflow: hidden;
1281}
1282.our-team img{
1283    width: 100%;
1284    height: auto;
1285    transform: scale(1.2,1.2) translateX(-25px);
1286    transition: all 0.20s linear 0s;
1287}
1288.our-team:hover img{
1289    transform: scale(1.2,1.2) translateX(0);
1290}
1291.our-team .over-layer{
1292    width: 100%;
1293    height: 100%;
1294    background: rgba(0,0,0,0.6);
1295    position: absolute;
1296    top: 0;
1297    left: 0;
1298}
1299.our-team .team-content{
1300    width: 90%;
1301    position: absolute;
1302    bottom: -40px;
1303    padding: 0 25px;
1304    transition: all 0.40s ease 0s;
1305}
1306.our-team:hover .team-content{
1307    bottom: 1%;
1308}
1309.our-team .title{
1310    font-size: 20px;
1311    font-weight: bold;
1312    color: #fff;
1313    margin: 20px 0 5px;
1314    text-transform: uppercase;
1315}
1316.our-team .post{
1317    display: block;
1318    font-size: 17px;
1319    color: #fff;
1320    margin-bottom: 5px;
1321    text-transform: capitalize;
1322}
1323.our-team .description{
1324    font-size: 15px;
1325    color: #fff;
1326    transform: translateY(100%);
1327    transition: all 0.30s ease 0.1s;
1328}
1329.our-team:hover .description{
1330    transform: translateY(0);
1331}
1332.our-team .social-links{
1333    margin: 0;
1334    padding: 0;
1335    list-style: none;
1336    width: 10%;
1337    height: 100%;
1338    background: #30a5ab;
1339    text-align: center;
1340    position: absolute;
1341    top: 0;
1342    right: 0;
1343}
1344.our-team .social-links li{
1345    margin: 20px 0;
1346}
1347.our-team .social-links li a{
1348    color: #fff;
1349    padding: 10px 0;
1350}
1351.our-team .social-links li a:hover{
1352    text-decoration: none;
1353}
1354@media only screen and (max-width: 990px){
1355    .our-team{ margin-bottom: 20px; }
1356}
1357
1358
1359
1360
1361
1362
1363
1364
1365
1366
1367
1368
1369
1370
1371
1372
1373/*test2*/
1374.press-effect {
1375  border: 0;
1376  outline: 0;
1377  color: #EC9706;
1378  padding: 5px;
1379  font-size: 25px;
1380  cursor: pointer;
1381  min-width: 120px;
1382  margin: 15px 5px;
1383  min-height: 80px;
1384  font-weight: 900;
1385  line-height: 30px;
1386  text-align: center;
1387  border-radius: 5px;
1388  text-decoration: none;
1389  background-color: #fff;
1390  font-family: monospace;
1391  border-bottom: 4px solid #d9d9d9;
1392  box-shadow: 0px 5px 10px #333;
1393  -webkit-transition: all 0.3s;
1394  transition: all 0.3s;
1395}
1396
1397.press-effect:active {
1398  box-shadow: 0px 8px 16px #333;
1399  -webkit-transform: scale(0.98);
1400  transform: scale(0.98);
1401}
1402
1403
1404
1405
1406
1407
1408
1409
1410.people{
1411  box-sizing: border-box;
1412
1413
1414width: 300px;
1415}
1416
1417
1418
1419
1420
1421
1422
1423
1424
1425
1426
1427
1428
1429
1430
1431
1432
1433
1434
1435
1436
1437
1438
1439/*flipping card(flipbook for announcements)*/
1440.maincard{
1441  width:300px;
1442  height:400px;
1443  position:absolute;
1444  top:50%;
1445  left:50%;
1446  transform:translate(-50%,-50%)perspective(2000px);
1447  background:#fff;
1448  transform-style:preserve-3d;
1449  box-shadow:inset 300px 0 50px rgba(0,0,0,.5),0 20px 100px rgba(0,0,0,.5);
1450  transition:1s;
1451}
1452.maincard:hover{
1453  transform:translate(-50%,-50%) perspective(2000px) rotate(-10deg);  
1454   box-shadow:inset 20px 0 50px rgba(0,0,0,.5),0 10px 100px rgba(0,0,0,.5);
1455}
1456.maincard:before{
1457  content:'';
1458  position:absolute;
1459  top:-5px;
1460  left:0;
1461  width:100%;
1462  height:5px;
1463  background:#2196F3;
1464  transform-origin:bottom;
1465  transform:skewX(-45deg)
1466}
1467.maincard:after{
1468  content:'';
1469  position:absolute;
1470  top:0;
1471  right:-5px;
1472  width:5px;
1473  height:100%;
1474  background:#2196F3;
1475  transform-origin:left;
1476  transform:skewY(-45deg);
1477}
1478.maincard .imgBox img{
1479  height:100%;
1480  width:100%;
1481}
1482
1483.maincard .imgBox{
1484  width:100%;
1485  height:100%;
1486  position:relative;
1487  transform-origin:left;
1488  transition:1s cubic-bezier(.15,1.7,.84,.58);
1489}
1490.maincard:hover .imgBox{
1491  transform:rotateY(-125deg)
1492}
1493.maincard .details{
1494  position:absolute;
1495  top:0;left:0;
1496  box-sizing:boreder-box;
1497  padding:20px;
1498    z-index:-1;
1499}
1500
1501
1502
1503
1504
1505
1506/*Ip inner blocks*/
1507
1508
1509.quotes {
1510  width: 80vw;
1511  min-height: 400px;
1512  display: flex;
1513  flex-wrap: wrap;
1514  justify-content: space-between;
1515  z-index: 2;
1516}
1517.quotes .card{
1518width:200px;
1519height:100px;
1520}
1521
1522.quotes .box {
1523  position: relative;
1524  width: 25vw;
1525  height: 50vh;
1526  min-height: 320px;
1527  background: #f2f2f2;
1528  overflow: hidden;
1529  transition: all 0.5s ease-in;
1530  z-index: 2;
1531  box-sizing: border-box;
1532  padding: 30px;
1533  box-shadow: -10px 25px 50px rgba(0, 0, 0, 0.3);
1534}
1535
1536.quotes .box::before {
1537  content: '\201C';
1538  position: absolute;
1539  top: -20px;
1540  left: 5px;
1541  width: 100%;
1542  height: 100%;
1543  font-size: 120px;
1544  opacity: 0.2;
1545  background: transparent;
1546  pointer-events: none;
1547}
1548
1549.quotes .box::after {
1550  content: '\201D';
1551  position: absolute;
1552  bottom: -10%;
1553  right: 5%;
1554  font-size: 120px;
1555  opacity: 0.2;
1556  background: transparent;
1557  filter: invert(1);
1558  pointer-events: none;
1559}
1560
1561.quotes .box p {
1562  margin: 0;
1563  padding: 10px;
1564  font-size: 1.2rem;
1565}
1566
1567.quotes .box h2 {
1568  position: absolute;
1569  margin: 0;
1570  padding: 0;
1571  bottom: 10%;
1572  right: 10%;
1573  font-size: 1.5rem;
1574}
1575
1576.quotes .box:hover {
1577  color: #f2f2f2;
1578  box-shadow: 20px 50px 100px rgba(0, 0, 0, 0.5);
1579}
1580
1581.quotes .bg {
1582  position: absolute;
1583  top: 0;
1584  left: 0;
1585  z-index: 1;
1586  opacity: 0;
1587  transition: all 0.5s ease-in;
1588  pointer-events: none;
1589  width: 100%;
1590  height: 200%;
1591  overflow: hidden;
1592}
1593
1594.quotes .box.box1:hover,
1595.quotes .box.box1:hover~.bg {
1596  opacity: 1;
1597  background: #e2a9e5;
1598background: -moz-linear-gradient(-45deg, #e2a9e5 15%, #2b94e5 100%);
1599background: -webkit-linear-gradient(-45deg, #e2a9e5 15%,#2b94e5 100%);
1600background: linear-gradient(135deg, #e2a9e5 15%,#2b94e5 100%);
1601filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2a9e5', endColorstr='#2b94e5',GradientType=1 );
1602}
1603
1604.quotes .box.box2:hover,
1605.quotes .box.box2:hover~.bg {
1606  opacity: 1;
1607  background: #632c65;
1608background: -moz-linear-gradient(-45deg, #632c65 15%, #56a5e2 100%);
1609background: -webkit-linear-gradient(-45deg, #632c65 15%,#56a5e2 100%);
1610background: linear-gradient(135deg, #632c65 15%,#56a5e2 100%);
1611filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#632c65', endColorstr='#56a5e2',GradientType=1 );
1612}
1613
1614.quotes .box.box3:hover,
1615.quotes .box.box3:hover~.bg {
1616  opacity: 1;
1617  background: #4b384c;
1618background: -moz-linear-gradient(-45deg, #4b384c 15%, #da5de2 100%);
1619background: -webkit-linear-gradient(-45deg, #4b384c 15%,#da5de2 100%);
1620background: linear-gradient(135deg, #4b384c 15%,#da5de2 100%);
1621filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b384c', endColorstr='#da5de2',GradientType=1 );
1622}
1623
1624
1625
1626
1627
1628
1629
1630
1631
1632/*news ticker for vertical moment*/
1633/* (A) STANDARD ROW HEIGHT */
1634.vwrap, .vitem {
1635  height: 500px;       /* Increased height */
1636  line-height: 500px;  /* Adjusted line-height for vertical centering */
1637}
1638
1639/* Fixed Wrapper */
1640.vwrap {
1641  overflow: hidden;
1642  background: #eee;
1643}
1644
1645/* Ticker Items */
1646.vitem { text-align: center; }
1647
1648/* Animation - Move Items from Top to Bottom */
1649.vmove { position: relative; }
1650@keyframes tickerv {
1651  0% { bottom: 0; }
1652  30% { bottom: 500px; } /* Adjusted for new height */
1653  60% { bottom: 1000px; }
1654  90% { bottom: 1500px; }
1655  100% { bottom: 0; }
1656}
1657
1658.vmove {
1659  animation-name: tickerv;
1660  animation-duration: 10s;
1661  animation-iteration-count: infinite;
1662  animation-timing-function: cubic-bezier(1, 0, .5, 0);
1663}
1664
1665.vmove:hover { animation-play-state: paused; }
1666
1667
1668
1669
1670
1671/*news ticker for horizontal moment*/
1672/* (A) FIXED WRAPPER */
1673.hwrap {
1674  overflow: hidden; /* HIDE SCROLL BAR */
1675  background: #eee;
1676}
1677 
1678/* (B) MOVING TICKER WRAPPER */
1679.hmove { display: flex; }
1680
1681/* (C) ITEMS - INTO A LONG HORIZONTAL ROW */
1682.hitem {
1683  flex-shrink: 0;
1684  width: 100%;
1685  box-sizing: border-box;
1686  text-align: center;
1687}
1688 
1689/* (D) ANIMATION - MOVE ITEMS FROM RIGHT TO LEFT */
1690/* 4 ITEMS -400%, CHANGE THIS IF YOU ADD/REMOVE ITEMS */
1691@keyframes tickerh {
1692  0% { transform: translate3d(100%, 0, 0); }
1693  100% { transform: translate3d(-400%, 0, 0); }
1694}
1695.hmove { animation: tickerh linear 25s infinite; }
1696.hmove:hover { animation-play-state: paused; }
1697
1698
1699
1700
1701
1702
1703sliderimg:hover {
1704  opacity: 0.3;
1705}
1706
1707
1708
1709
1710
1711
1712
1713/*people hover*/
1714.contentpeople {
1715    position :relative;
1716    z-index: 1;
1717    border: 1px solid white;
1718    background-color: grey;
1719    width: 300px;
1720    height: 300px;
1721    margin: auto;
1722    overflow: hidden;
1723}
1724
1725.carte_button {
1726		right: 0px;
1727    position :absolute;
1728    z-index: 3;
1729    border: 1px solid white;
1730    background-color: yellow;
1731    width: 50px;
1732    height: 50px;
1733}
1734
1735.carte {
1736    position :relative;
1737    top: -3px;
1738    z-index: 2;
1739    border-bottom: 2px solid white;
1740    border-top: 2px solid white;
1741    background-color: green;
1742    width: auto;
1743    height: 0%;
1744    margin: auto;
1745    transition: height 500ms;
1746}
1747
1748.carte_button:hover + .carte {
1749    border-top: none;
1750    top: 50px;
1751    height: 300px;
1752}
1753
1754.carte:hover {
1755    top: 50px;
1756    height: 250px;
1757}
1758
1759
1760
1761
1762
1763
1764
1765.numberdiv{
1766 
1767background-image: url('/sites/default/files/numberdiv.jpg');
1768
1769}
1770
1771
1772
1773
1774.centraldiv{
1775 
1776background-image: url('/sites/default/files/facility.jpg');
1777font weight:900;
1778
1779}
1780
1781
1782
1783
1784
1785
1786
1787
1788
1789
1790
1791
1792
1793
1794
1795
1796
1797
1798/* The overlay effect (full height and width) - lays on top of the container and over the image */
1799.overlay {
1800  position: absolute;
1801  bottom: 0;
1802  left: 0;
1803  right: 0;
1804  background-color: #4A230D;
1805  overflow: hidden;
1806  width: 100%;
1807  height: 100%;
1808  transform: scale(0);
1809  transition: .3s ease;
1810}
1811
1812/* When you mouse over the container, the overlay text will "zoom" in display */
1813.container:hover .overlay {
1814  transform: scale(1);
1815}
1816
1817/* Some text inside the overlay, which is positioned in the middle vertically and horizontally */
1818.text {
1819  color: white;
1820  font-size: 20px;
1821  position: absolute;
1822  top: 50%;
1823  left: 50%;
1824  transform: translate(-50%, -50%);
1825  text-align: center;
1826}
1827
1828
1829
1830
1831
1832
1833
1834
1835
1836
1837
1838
1839.quotes {
1840  width: 80vw;
1841  min-height: 400px;
1842  display: flex;
1843  flex-wrap: wrap;
1844  justify-content: space-between;
1845  z-index: 2;
1846}
1847
1848.quotes .box {
1849  position: relative;
1850  width: 25vw;
1851  height: 50vh;
1852  min-height: 320px;
1853  background: #f2f2f2;
1854  overflow: hidden;
1855  transition: all 0.5s ease-in;
1856  z-index: 2;
1857  box-sizing: border-box;
1858  padding: 30px;
1859  box-shadow: -10px 25px 50px rgba(0, 0, 0, 0.3);
1860}
1861
1862.quotes .box::before {
1863  content: '\201C';
1864  position: absolute;
1865  top: -20px;
1866  left: 5px;
1867  width: 100%;
1868  height: 100%;
1869  font-size: 120px;
1870  opacity: 0.2;
1871  background: transparent;
1872  pointer-events: none;
1873}
1874
1875.quotes .box::after {
1876  content: '\201D';
1877  position: absolute;
1878  bottom: -10%;
1879  right: 5%;
1880  font-size: 120px;
1881  opacity: 0.2;
1882  background: transparent;
1883  filter: invert(1);
1884  pointer-events: none;
1885}
1886
1887.quotes .box p {
1888  margin: 0;
1889  padding: 10px;
1890  font-size: 1.2rem;
1891}
1892
1893.quotes .box h2 {
1894  position: absolute;
1895  margin: 0;
1896  padding: 0;
1897  bottom: 10%;
1898  right: 10%;
1899  font-size: 1.5rem;
1900}
1901
1902.quotes .box:hover {
1903  color: #f2f2f2;
1904  box-shadow: 20px 50px 100px rgba(0, 0, 0, 0.5);
1905}
1906
1907.quotes .bg {
1908  position: absolute;
1909  top: 0;
1910  left: 0;
1911  z-index: 1;
1912  opacity: 0;
1913  transition: all 0.5s ease-in;
1914  pointer-events: none;
1915  width: 100%;
1916  height: 200%;
1917  overflow: hidden;
1918}
1919
1920.quotes .box.box1:hover,
1921.quotes .box.box1:hover~.bg {
1922  opacity: 1;
1923  background: #e2a9e5;
1924background: -moz-linear-gradient(-45deg, #e2a9e5 15%, #2b94e5 100%);
1925background: -webkit-linear-gradient(-45deg, #e2a9e5 15%,#2b94e5 100%);
1926background: linear-gradient(135deg, #e2a9e5 15%,#2b94e5 100%);
1927filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2a9e5', endColorstr='#2b94e5',GradientType=1 );
1928}
1929
1930.quotes .box.box2:hover,
1931.quotes .box.box2:hover~.bg {
1932  opacity: 1;
1933  background: #632c65;
1934background: -moz-linear-gradient(-45deg, #632c65 15%, #56a5e2 100%);
1935background: -webkit-linear-gradient(-45deg, #632c65 15%,#56a5e2 100%);
1936background: linear-gradient(135deg, #632c65 15%,#56a5e2 100%);
1937filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#632c65', endColorstr='#56a5e2',GradientType=1 );
1938}
1939
1940.quotes .box.box3:hover,
1941.quotes .box.box3:hover~.bg {
1942  opacity: 1;
1943  background: #4b384c;
1944background: -moz-linear-gradient(-45deg, #4b384c 15%, #da5de2 100%);
1945background: -webkit-linear-gradient(-45deg, #4b384c 15%,#da5de2 100%);
1946background: linear-gradient(135deg, #4b384c 15%,#da5de2 100%);
1947filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b384c', endColorstr='#da5de2',GradientType=1 );
1948}
1949
1950
1951
1952
1953
1954
1955
1956
1957
1958
1959
1960
1961
1962
1963
1964@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
1965#team {
1966    background: #eee !important;
1967}
1968
1969.btn-primary:hover,
1970.btn-primary:focus {
1971    background-color: #108d6f;
1972    border-color: #108d6f;
1973    box-shadow: none;
1974    outline: none;
1975}
1976
1977.btn-primary {
1978    color: #fff;
1979    background-color: #007b5e;
1980    border-color: #007b5e;
1981}
1982
1983section {
1984    padding: 60px 0;
1985}
1986
1987section .section-title {
1988    text-align: center;
1989    color: #007b5e;
1990    margin-bottom: 50px;
1991    text-transform: uppercase;
1992}
1993
1994#team .card {
1995    border: none;
1996    background: #ffffff;
1997}
1998
1999.image-flip:hover .backside,
2000.image-flip.hover .backside {
2001    -webkit-transform: rotateY(0deg);
2002    -moz-transform: rotateY(0deg);
2003    -o-transform: rotateY(0deg);
2004    -ms-transform: rotateY(0deg);
2005    transform: rotateY(0deg);
2006    border-radius: .25rem;
2007}
2008
2009.image-flip:hover .frontside,
2010.image-flip.hover .frontside {
2011    -webkit-transform: rotateY(180deg);
2012    -moz-transform: rotateY(180deg);
2013    -o-transform: rotateY(180deg);
2014    transform: rotateY(180deg);
2015}
2016
2017.mainflip {
2018    -webkit-transition: 1s;
2019    -webkit-transform-style: preserve-3d;
2020    -ms-transition: 1s;
2021    -moz-transition: 1s;
2022    -moz-transform: perspective(1000px);
2023    -moz-transform-style: preserve-3d;
2024    -ms-transform-style: preserve-3d;
2025    transition: 1s;
2026    transform-style: preserve-3d;
2027    position: relative;
2028}
2029
2030.frontside {
2031    position: relative;
2032    -webkit-transform: rotateY(0deg);
2033    -ms-transform: rotateY(0deg);
2034    z-index: 2;
2035    margin-bottom: 30px;
2036}
2037
2038.backside {
2039    position: absolute;
2040    top: 0;
2041    left: 0;
2042    background: white;
2043    -webkit-transform: rotateY(-180deg);
2044    -moz-transform: rotateY(-180deg);
2045    -o-transform: rotateY(-180deg);
2046    -ms-transform: rotateY(-180deg);
2047    transform: rotateY(-180deg);
2048    -webkit-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
2049    -moz-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
2050    box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
2051}
2052
2053.frontside,
2054.backside {
2055    -webkit-backface-visibility: hidden;
2056    -moz-backface-visibility: hidden;
2057    -ms-backface-visibility: hidden;
2058    backface-visibility: hidden;
2059    -webkit-transition: 1s;
2060    -webkit-transform-style: preserve-3d;
2061    -moz-transition: 1s;
2062    -moz-transform-style: preserve-3d;
2063    -o-transition: 1s;
2064    -o-transform-style: preserve-3d;
2065    -ms-transition: 1s;
2066    -ms-transform-style: preserve-3d;
2067    transition: 1s;
2068    transform-style: preserve-3d;
2069}
2070
2071.frontside .card,
2072.backside .card {
2073    min-height: 312px;
2074}
2075
2076.backside .card a {
2077    font-size: 18px;
2078    color: #912406 !important;
2079}
2080
2081.frontside .card .card-title,
2082.backside .card .card-title {
2083    color: #912406 !important;
2084}
2085
2086.frontside .card .card-body img {
2087    width: 180px;
2088    height: 180px;
2089    border-radius: 50%;
2090}
2091
2092
2093
2094
2095
2096
2097
2098
2099
2100
2101.expertdiv{
2102 
2103background-image: url('/sites/default/files/inline-images/grunge-diagonal-stripe-background_1409-1366.jpg');
2104max-width: 100%;  
2105height: auto;  
2106
2107}
2108
2109
2110
2111
2112
2113
2114
2115figure {
2116  display: grid;
2117  border-radius: 1rem;
2118  overflow: hidden;
2119  cursor: pointer;
2120}
2121figure > * {
2122  grid-area: 1/1;
2123  transition: .4s;
2124}
2125figure figcaption {
2126  display: grid;
2127  align-items: end;
2128  font-family: sans-serif;
2129  font-size: 2.3rem;
2130  font-weight: bold;
2131  color: #0000;
2132  padding: .75rem;
2133  background: var(--c,#0009);
2134  clip-path: inset(0 var(--_i,100%) 0 0);
2135  -webkit-mask:
2136    linear-gradient(#000 0 0),
2137    linear-gradient(#000 0 0);
2138  -webkit-mask-composite: xor;
2139  -webkit-mask-clip: text, padding-box;
2140  margin: -1px;
2141}
2142figure:hover figcaption{
2143  --_i: 0%;
2144}
2145figure:hover img {
2146  transform: scale(1.2);
2147}
2148@supports not (-webkit-mask-clip: text) {
2149  figure figcaption {
2150   -webkit-mask: none;
2151   color: #fff;
2152  }
2153}
2154
2155
2156
2157
2158/*12 category box format*/
2159
2160
2161
2162
2163
2164
2165
2166
2167
2168.containertest .boxtest {
2169  background-color: #d6620e;
2170  position: relative;
2171  width: 200px;
2172  height: 70px;
2173  float: left;
2174  margin: 5px;
2175  box-sizing: border-box;
2176  overflow: hidden;
2177  border-radius: 25px;
2178
2179}
2180
2181.containertest .boxtest .icontest {
2182  position: absolute;
2183  top: 0;
2184  left: 0;
2185  width: 100%;
2186  height: 100%;
2187  background-color: #d6620e;
2188  transition: 0.5s;
2189  z-index: 1;
2190      padding-top:5px;
2191
2192}
2193
2194.containertest .boxtest:hover .icontest {
2195  top: 10px;
2196  left: calc(0% - 80px);
2197  width: 80px;
2198  height: 80px;
2199
2200}
2201
2202
2203
2204.containertest .boxtest:hover .icontest .fas {
2205  font-size: 4px;
2206  color: #fff;
2207  
2208}
2209
2210.containertest .boxtest .contenttest {
2211  position: absolute;
2212  box-sizing: border-box;
2213  top: 100%;
2214  height: 100%;
2215  text-align: center;
2216  padding: 10px;
2217  transition: 0.5s;
2218  opacity: 0;
2219  color: #fff;
2220  
2221}
2222
2223.containertest .boxtest:hover .contenttest {
2224  top: 0px;
2225  opacity: 1;
2226}
2227
2228
2229.containertest .boxtest .icontest {
2230  text-align: center;
2231}
2232
2233
2234
2235
2236
2237
2238
2239
2240
2241
2242
2243
2244
2245
2246
2247/* General Styling */
2248
2249
2250/* Event Section */
2251.event-section {
2252    max-width: 600px;
2253    margin: 20px auto;
2254    padding: 20px;
2255    background: #fff;
2256    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
2257}
2258
2259/* Section Heading */
2260.event-section h2 {
2261    text-align: center;
2262    color: #333;
2263    margin-bottom: 20px;
2264}
2265
2266/* Individual Event */
2267.event {
2268    display: flex;
2269    border-bottom: 1px solid #e0e0e0;
2270    padding: 10px 0;
2271}
2272
2273/* Event Date */
2274.event-date {
2275    text-align: center;
2276    padding: 10px;
2277    background: #f2f2f2;
2278    margin-right: 20px;
2279    border-radius: 10px;
2280    flex-shrink: 0;
2281}
2282
2283.event-date .month {
2284    font-size: 16px;
2285    color: #333;
2286}
2287
2288.event-date .day {
2289    font-size: 28px;
2290    color: #444;
2291}
2292
2293/* Event Details */
2294.event-details {
2295    flex-grow: 1;
2296}
2297
2298.event-details h3 {
2299    margin: 0;
2300    color: #333;
2301}
2302
2303.event-details p {
2304    margin: 5px 0;
2305    color: #666;
2306}
2307
2308
2309
2310
2311
2312
2313
2314
2315
2316
2317.hover1-container {
2318    position: relative;
2319    display: inline-block;
2320}
2321
2322.hidden1-div {
2323
2324    display: none;
2325    position: absolute;
2326    top: 0px; /* Adjust this value as needed */
2327    left: 0;
2328    background-color: lightgrey; /* Optional styling */
2329    padding: 10px; /* Optional styling */
2330    border: 1px solid #ccc; /* Optional styling */
2331    z-index: 1000; 
2332}
2333
2334.hover1-container:hover .hidden1-div {
2335    display: block;
2336}
2337
2338
2339
2340
2341
2342
2343
2344
2345.view-filters {
2346    display: flex;
2347    flex-wrap: wrap;
2348    gap: 20px; /* Space between filter groups */
2349}
2350
2351
2352
2353
2354p {
2355    text-align: justify;
2356    hyphens: none;
2357}
2358li {
2359    text-align: justify;
2360    hyphens: none;
2361}
2362
2363
2364
2365
2366/*Image keeping side by side*/
2367.image-container {
2368    display: flex;
2369    justify-content: space-between; /* Space between images */
2370}
2371.image-container img {
2372    max-width: 100%; /* Make sure images are responsive */
2373    height: auto;
2374}
2375
2376
2377
2378
2379
2380/*slider*/
2381#slider .home-slider .slider-img {
2382    height: auto; /* Adjust the height to your preference */
2383    width: 100%; /* Make the slider full width */
2384    object-fit: cover; /* Ensures the image covers the entire area without distortion */
2385}
2386
2387#slider .home-slider {
2388    width: 100%; /* Make sure the slider container is full width */
2389}
2390
2391.slider-item {
2392    padding: 0; /* Remove any padding that might add extra space around the slider */
2393    margin: 0; /* Remove margin */
2394    width: 100%; /* Ensure each slider item takes full width */
2395}
2396
2397.owl-carousel .owl-item img {
2398    width: 100%; /* Ensure images inside the slider are full width */
2399    height: 100%; /* Let the image height follow the container height */
2400    object-fit: cover; /* Maintain image aspect ratio while covering the area */
2401}
2402
2403
2404
2405
2406/*layout*/
2407.layout {
2408    border: 2px solid #ccc; /* Light gray border */
2409    padding: 15px; /* Padding inside the box */
2410    margin-bottom: 20px; /* Space between each layout */
2411    border-radius: 10px; /* Rounded corners */
2412    background-color: #f9f9f9; /* Light background color */
2413    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle box shadow */
2414    transition: all 0.3s ease; /* Smooth transition for hover effects */
2415}
2416
2417/* Add a glow effect and a stronger shadow on hover */
2418.layout:hover {
2419    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2), 0 0 15px rgba(0, 123, 255, 0.5); /* Stronger shadow and blue glow */
2420    border-color: #222222; /* Change border color on hover */
2421    background-color: #ffffff; /* Slightly lighter background on hover */
2422}
2423
2424
2425
2426
2427
2428/*reducing size and putting gap between both blocks*/
2429.layout--twocol-section {
2430    display: flex;
2431    justify-content: space-between;
2432    gap: 2%; /* Creates a gap between the two regions */
2433}
2434
2435.layout__region--first, 
2436.layout__region--second {
2437    flex: 1; /* Allows the regions to take up equal space */
2438    max-width: 48%; /* Ensures the regions don't exceed this width */
2439}
2440
2441/*filters*/
2442.views-exposed-form {
2443    display: flex;
2444    flex-wrap: wrap;
2445    gap: 25px; /* Adjust the gap between dropdowns as needed */
2446}
2447
2448.views-exposed-widgets {
2449    flex: 1; /* This ensures each dropdown takes up equal space */
2450}
2451
2452/*Licensing Image*/
2453
2454
2455.field--name-field-licensing-image {
2456    display: flex;
2457    justify-content: center; /* Centers the images within the container */
2458    gap: 10px; /* Adds a gap between the images */
2459}
2460
2461.field--name-field-licensing-image .field-item {
2462    flex-shrink: 0; /* Prevents shrinking of the images */
2463}
2464
2465.field--name-field-licensing-image img {
2466    width: 400px; /* Sets the width of each image */
2467    height: 200px; /* Sets the height of each image */
2468    object-fit: cover; /* Ensures the image covers the specified dimensions without distortion */
2469}
2470
2471
2472
2473/* Style for the image field to set a fixed size */
2474.field--name-field-patent-image img {
2475    width: 450px; /* Set the width of the image */
2476    height: 350px; /* Set the height of the image */
2477    object-fit: contain; /* Preserve aspect ratio, adding space if needed */
2478    border-radius: 8px; /* Optional: Add rounded corners */
2479    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Add a subtle shadow */
2480    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Smooth transition for hover effects */
2481}
2482
2483/* Add a zoom effect on hover */
2484.field--name-field-patent-image img:hover {
2485    transform: scale(1.05); /* Slightly enlarge the image on hover */
2486    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
2486 /* Stronger shadow on hover */
2487}
2488
2489
2490/*title of Patent*/
2491.field--name-field-patent-title .field-item {
2492    font-size: 24px; /* Increase the font size */
2493    font-weight: bold; /* Make the text bold */
2494    color: #000000; /* Change the color to a dark shade */
2495    letter-spacing: 1px; /* Optional: Add some space between letters */
2496    padding: 10px 0; /* Add some padding for spacing */
2497   
2498}
2499
2500/*patent image at center of the layout*/
2501
2502
2503/*patent image at center of the layout*/
2504.field--name-field-patent-image .field-item {
2505    display: flex; 
2506    justify-content: center; 
2507    align-items: center;
2508}
2509
2510.field--name-field-patent-image .image-field {
2511    max-width: 400px; /* Ensure the image fits within the container */
2512    height: 250px; /* Maintain aspect ratio */
2513}
2514
2515
2516
2517/*checkbox*/
2518/* Targeting the checkboxes container */
2519.form-checkboxes.bef-checkboxes {
2520    display: flex;
2521    flex-wrap: wrap;
2522}
2523
2524/* Styling each checkbox item */
2525.form-item {
2526    margin-right: 15px; /* Add space between checkboxes */
2527    display: inline-block;
2528}
2529
2530
2531
2532
2533
2534
2535
2536
2537
2538/*menu over the slider*/
2539/* Parent Container (if any) */
2540.header, .menu-wrapper {
2541    position: relative;
2542    z-index: 1000; /* Ensure the menu container has higher z-index */
2543}
2544
2545/* Menu Styling */
2546.menu {
2547    position: relative;
2548    z-index: 1001; /* Higher than slider, but within the same context */
2549}
2550
2551/* Slider Styling */
2552.slider {
2553    position: relative; /* or absolute/fixed */
2554    z-index: 1; /* Lower value to stay behind */
2555}
2556
2557/* Check for overflow property */
2558body, html {
2559    overflow: visible; /* Ensure that overflow isn't hiding content */
2560}
2561
2562
2563
2564
2565
2566
2567
2568
2569
2570
2571/* General styling for the slider container */
2572/* Ensure the outer container fits within the viewport */
2573.tns-outer {
2574    max-width: 100%;
2575    margin: 0 auto;
2576    overflow: hidden;
2577}
2578
2579/* Ensure the inner slider is responsive */
2580.tns-inner {
2581    width: 100%;
2582    overflow: hidden;
2583}
2584
2585/* Apply fixed dimensions to the slider items */
2586.tns-item {
2587    width: 100%; /* Each item takes up full width */
2588    text-align: center; /* Center-align images */
2589}
2590
2591/* Ensure the images are responsive, maintain aspect ratio, and have consistent dimensions */
2592.tns-item img {
2593    width: 100%; /* Full width for responsiveness */
2594    height: auto; /* Maintain aspect ratio */
2595    max-height: 400px; /* Set a maximum height */
2596    object-fit: cover; /* Ensures image covers the container without distortion */
2597}
2598
2599/* Responsive adjustments for mobile */
2600@media (max-width: 768px) {
2601    .tns-item img {
2602        max-height: 300px; /* Adjust height for smaller screens */
2603    }
2604}
2605
2606@media (max-width: 480px) {
2607    .tns-item img {
2608        max-height: 200px; /* Further adjust height for very small screens */
2609    }
2610}
2611
2612
2613
2614/*Research Gubbi article title bold*/
2615.field--name-field-research-title {
2616  font-size: 24px; /* Adjust the size as needed */
2617  font-weight: bold;
2618text-align: center;
2619}
2620
2621
2622
2623
2624/* if content is empty*/
2625.layout__region {
2626    display: none; /* Hide all sections by default */
2627}
2628
2629.layout__region:not(:empty) {
2630    display: block; /* Show only sections that are not empty */
2631}
2632
2633
2634
2635
2636
2637
2638
2639
2640
2641
2642
2643
2644
2645
2646
2647
2648</style>
2649  </head>
2650  <body class="user-guest inner-page path-node page-type-page no-sidebar">
2651    <div class="loader"></div>
2652        <a href="#main-content" class="visually-hidden focusable">
2653      Skip to main content
2654    </a>
2655    
2656      <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas>
2657      <div class="header-top">
2658  <div class="container">
2659    <div class="header-top-container">
2660              <div class="header-top-left header-top-block">
2661            <div class="block-region region-header-top">
2662    <div id="block-tarapro-iitb" class="block">
2663  
2664    
2665  <div class="block-content">
2666      
2667            <div class="field field--name-body field--type-text-with-summary field--label-hidden field-item"><div class="sticky"><h6 href="https://www.iitb.ac.in/"><strong>Industrial Research And Consultancy Centre</strong></h6></div></div>
2668      
2669    </div>
2670</div> <!--/.block-content -->
2671
2672  </div>
2673
2674        </div> <!--/.header-top-left -->
2675                    <div class="header-top-right header-top-block">
2676          <ul class="social-icons">
2677              <li><a href="https://www.youtube.com/@Dean_RnD_IITBombay" target="_blank"><i class="fa fa-youtube-play" aria-hidden="true"></i></a></li>
2678              </ul>        </div> <!--/.header-top-right -->
2679          </div> <!--/.header-top-container -->
2680  </div> <!--/.container -->
2681</div> <!--/.header-top -->
2682<header class="header">
2683  <div class="container">
2684    <div class="header-container">
2685          <div class="site-branding">
2686          <div class="block-region region-site-branding">
2687    <div id="block-tarapro-sitebranding" class="block">
2688  
2689    
2690  <div class="block-content">
2691  <div class="site-brand">
2692  		<div class="site-logo">
2693         <a href="/index.php/" title="Home" rel="home">
2694            <img src="/sites/default/files/logo.png" alt="Home" />
2695         </a>
2696	 </div>
2697     </div>
2698  </div>
2699</div> <!--/.block-content -->
2700
2701  </div>
2702
2703      </div>
2704    <div class="header-right">
2705<!-- Start: primary menu region -->
2706<div class="mobile-menu">
2707<i class="fa fa-bars" aria-hidden="true"></i>
2708</div>
2709<div class="primary-menu-wrapper">
2710<div class="menu-wrap">
2711<div class="close-mobile-menu"><i class="fa fa-times" aria-hidden="true"></i></div>
2712  <div class="block-region region-primary-menu">
2713    <nav  id="block-tarapro-mainnavigation" class="block block-menu navigation menu-main" aria-labelledby="block-tarapro-mainnavigation-menu" role="navigation">
2714            
2715  <h2 class="visually-hidden block-title" id="block-tarapro-mainnavigation-menu">Main navigation</h2>
2716  
2717      
2718              <ul class="main-menu">
2719                            <li  class="main-menu-item expanded">
2720        <a href="/">Home <span class="dropdown-arrow"><i class="fa fa-angle-down" aria-hidden="true"></i></span></a>
2721                                  <ul class="submenu">
2722                            <li class="main-menu-item">
2723        <a href="/about_us" data-drupal-link-system-path="node/4">About Us</a>
2724                  </li>
2725                        <li class="main-menu-item">
2726        <a href="/ircc_team" data-drupal-link-system-path="node/451">IRCC Team </a>
2727                  </li>
2728                        <li class="main-menu-item">
2729        <a href="/message_from_dean" data-drupal-link-system-path="node/7">Message from Dean (R&amp;D)</a>
2730                  </li>
2731                        <li class="main-menu-item">
2732        <a href="/awards" data-drupal-link-system-path="awards">Awards</a>
2733                  </li>
2734                        <li class="main-menu-item expanded">
2735        <a href="/home" data-drupal-link-system-path="node/205">Opportunities </a>
2736                                  <ul class="submenu">
2737                            <li class="main-menu-item">
2738        <a href="/jobs" data-drupal-link-system-path="node/1753">Job Opportunities</a>
2739                  </li>
2740                        <li class="main-menu-item">
2741        <a href="/internship_ircc" data-drupal-link-system-path="node/2009">IITB Research Internship</a>
2742                  </li>
2743        </ul>
2744  
2745            </li>
2746                        <li class="main-menu-item">
2747        <a href="https://onlinesbi.sbi.bank.in/sbicollect/icollecthome.htm">Payment Gateway</a>
2748                  </li>
2749                        <li class="main-menu-item">
2750        <a href="/contact_us" data-drupal-link-system-path="node/3">Contact Us</a>
2751                  </li>
2752        </ul>
2753  
2754            </li>
2755                        <li  class="main-menu-item expanded">
2756        <a href="/home">Research &amp; Industry <span class="dropdown-arrow"><i class="fa fa-angle-down" aria-hidden="true"></i></span></a>
2757                                  <ul class="submenu">
2758                            <li class="main-menu-item">
2759        <a href="/partner_with_us" data-drupal-link-system-path="node/42">Partner With Us</a>
2760                  </li>
2761                        <li class="main-menu-item">
2762        <a href="/search_for_expertise" data-drupal-link-system-path="node/8" class="is-active">Search for Expertise</a>
2763                  </li>
2764                        <li class="main-menu-item">
2765        <a href="/technology_innovation_landing_page" data-drupal-link-system-path="node/354">Search for Technologies</a>
2766                  </li>
2767                        <li class="main-menu-item">
2768        <a href="https://rnd.iitb.ac.in/search_for_expertise#gsc.tab=0">Search by Academic Divisions</a>
2769                  </li>
2770                        <li class="main-menu-item">
2771        <a href="/innovation_entrepreneurship" data-drupal-link-system-path="node/973">Innovation &amp; Entrepreneurship</a>
2772                  </li>
2773                        <li class="main-menu-item">
2774        <a href="/ip" title="Section has the ip policy document" data-drupal-link-system-path="node/429">IP Policy</a>
2775                  </li>
2776        </ul>
2777  
2778            </li>
2779                        <li  class="main-menu-item expanded">
2780        <a href="/committees">Committees <span class="dropdown-arrow"><i class="fa fa-angle-down" aria-hidden="true"></i></span></a>
2781                                  <ul class="submenu">
2782                            <li class="main-menu-item">
2783        <a href="/advisory_committee" data-drupal-link-system-path="node/50">IRCC Advisory Committee</a>
2784                  </li>
2785                        <li class="main-menu-item">
2786        <a href="/iec" data-drupal-link-system-path="node/972">Institute Ethics Committee</a>
2787                  </li>
2788                        <li class="main-menu-item">
2789        <a href="/institute_review_board" data-drupal-link-system-path="node/329">Institutional Review Board</a>
2790                  </li>
2791                        <li class="main-menu-item">
2792        <a href="/iaec" data-drupal-link-system-path="node/2168">Institute Animal Ethics Committee</a>
2793                  </li>
2794                        <li class="main-menu-item">
2795        <a href="/ibsc" data-drupal-link-system-path="node/2144">Institute Biosafety Committee (IBSC)</a>
2796                  </li>
2797        </ul>
2798  
2799            </li>
2800                        <li  class="main-menu-item expanded">
2801        <a href="/home">R&amp;D Dissemination <span class="dropdown-arrow"><i class="fa fa-angle-down" aria-hidden="true"></i></span></a>
2802                                  <ul class="submenu">
2803                            <li class="main-menu-item">
2804        <a href="/resources" data-drupal-link-system-path="node/2684">Resources</a>
2805                  </li>
2806                        <li class="main-menu-item expanded">
2807        <a href="/home" data-drupal-link-system-path="node/205">Events</a>
2808                                  <ul class="submenu">
2809                            <li class="main-menu-item">
2810        <a href="/techconnect/">TechConnect</a>
2811                  </li>
2812                        <li class="main-menu-item">
2813        <a href="/ircc_events" data-drupal-link-system-path="node/2094">Industry Day</a>
2814                  </li>
2815        </ul>
2816  
2817            </li>
2818                        <li class="main-menu-item">
2819        <a href="/glimpses" data-drupal-link-system-path="glimpses">Research Glimpses</a>
2820                  </li>
2821                        <li class="main-menu-item">
2822        <a href="/news-block" data-drupal-link-system-path="news-block">News</a>
2823                  </li>
2824                        <li class="main-menu-item">
2825        <a href="/mou" data-drupal-link-system-path="mou">MoU</a>
2826                  </li>
2827                        <li class="main-menu-item">
2828        <a href="/rnd_ecosystem" data-drupal-link-system-path="node/2687">R&amp;D Ecosystem </a>
2829                  </li>
2830        </ul>
2831  
2832            </li>
2833                        <li class="main-menu-item">
2834        <a href="/technology_innovation_landing_page" data-drupal-link-system-path="node/354">Technologies for Licensing</a>
2835                  </li>
2836                        <li class="main-menu-item">
2837        <a href="https://rnd.iitb.ac.in/">Agreements</a>
2838                  </li>
2839                        <li class="main-menu-item">
2840        <a href="https://www.csif.iitb.ac.in/">Research Infrastructure</a>
2841                  </li>
2842        </ul>
2843  
2844
2845
2846  </nav>
2847
2848  </div>
2849
2850</div>
2851</div>
2852<!-- End: primary menu region -->
2853<div class="full-page-search">
2854<div class="search-icon"><i class="fa fa-search" aria-hidden="true"></i></div> <!--/.search icon -->
2855<div class="search-box">
2856  <div class="search-box-close"></div>
2857  <div class="search-box-content">
2858      <div class="block-region region-search-box">
2859    <div class="search-block-form block" data-drupal-selector="search-block-form" id="block-tarapro-search" role="search">
2860  
2861    
2862  <div class="block-content">
2863      <form action="/index.php/search/node" method="get" id="search-block-form" accept-charset="UTF-8">
2864  <div class="js-form-item form-item js-form-type-search form-item-keys js-form-item-keys form-no-label">
2865      <label for="edit-keys" class="visually-hidden">Search</label>
2866        <input title="Enter the terms you wish to search for." data-drupal-selector="edit-keys" type="search" id="edit-keys" name="keys" value="" size="15" maxlength="128" class="form-search" />
2867
2868        </div>
2869<div data-drupal-selector="edit-actions" class="form-actions js-form-wrapper form-wrapper" id="edit-actions"><input data-drupal-selector="edit-submit" type="submit" id="edit-submit" value="Search" class="button js-form-submit form-submit" />
2870</div>
2871
2872</form>
2873
2874    </div>
2875</div> <!--/.block-content -->
2876
2877  </div>
2878
2879  </div>
2880  <div class="search-box-close"></div>
2881</div><!--/search-box-->
2882</div> <!--/.full-page-search -->
2883 <!--/end if for page.search_box -->
2884      <div class="sliding-panel-icon">
2885      <i class="fa fa-bars" aria-hidden="true"></i>
2886    </div>
2887   <!--/end if for animated_sidebar_option -->
2888</div> <!--/.header-right -->
2889  </div> <!--/.header-container -->
2890  </div> <!--/.container -->
2891</header><!-- /.header -->
2892<!-- End: Header -->
2893<!-- Start: Breadcrumb -->
2894<div id="breadcrumb">
2895   <div class="container">
2896       <div class="block-region region-breadcrumb">
2897    <div id="block-tarapro-breadcrumbs" class="block">
2898  
2899    
2900  <div class="block-content">
2901        <nav class="breadcrumb" role="navigation" aria-labelledby="system-breadcrumb">
2902    <ol class="breadcrumb-items">
2903          <li class="breadcrumb-item">
2904                  <a href="/">Home</a><i class="fa fa-angle-right breadcrumb-item-seperator" aria-hidden="true"></i>
2905              </li>
2906          <li class="breadcrumb-item">
2907                  Search For Expertise
2908              </li>
2909        </ol>
2910  </nav>
2911
2912    </div>
2913</div> <!--/.block-content -->
2914
2915  </div>
2916
2917   </div> <!--/.container -->
2918</div>
2919<!-- End: Breadcrumb -->
2920<div id="main-wrapper" class="main-wrapper">
2921  <div class="container">
2922    <div class="main-container">
2923      <main id="main" class="page-content">
2924        <a id="main-content" tabindex="-1"></a>                  <div class="block-region region-content">
2925    <div data-drupal-messages-fallback class="hidden"></div><div id="block-tarapro-content" class="block">
2926  
2927    
2928  <div class="block-content">
2929      <article data-history-node-id="8" class="node node-view-mode-full">
2930
2931  
2932
2933  <div class="node-content">
2934    
2935            <div class="field field--name-body field--type-text-with-summary field--label-hidden field-item"><p><a href="/consultancy"><button style="text-align:center;width:32%;">Consultancy Services</button></a> <a href="/local_search_engine"><button style="text-align:center;width:32%;">Search For Expertise</button> </a> <a class="button" style="text-align:center;width:32%;" href="https://docs.google.com/forms/d/e/1FAIpQLSfOMcIk0xthsgusJw4Zsp4A6D_jk51u5X2ly5iU7lXa-sQbjQ/viewform?usp=sf_link" target="_blank" rel="noopener noreferrer">Contact Us</a></p><h5><strong>    Academic Divisions</strong></h5><div class="items"><div class="box"><a href="https://www.aero.iitb.ac.in/home/research" target="_blank" rel="noopener noreferrer">Aerospace Engineering</a></div><div class="box">
2935<a href="https://www.bio.iitb.ac.in/research/" target="_blank" rel="noopener noreferrer">Biosciences and Bioengineering</a></div><div class="box"><a href="https://www.che.iitb.ac.in/research" target="_blank" rel="noopener noreferrer">Chemical Engineering</a></div><div class="box"><a href="https://www.chem.iitb.ac.in/research-list" target="_blank" rel="noopener noreferrer">Chemistry</a></div></div><div class="items"><div class="box"><a href="https://www.civil.iitb.ac.in/research" target="_blank" rel="noopener noreferrer">Civil Engineering</a></div><div class="box"><a href="https://www.cse.iitb.ac.in/research/research.php" target="_blank" rel="noopener noreferrer">Computer Science &amp; Engineering</a></div><div class="box"><a href="http://www.geos.iitb.ac.in/" target="_blank" rel="noopener noreferrer">Earth Sciences</a></div><div class="box"><a href="https://www.economics.iitb.ac.in/projects.html" target="_blank" rel="noopener noreferrer">Economics</a></div></div><div class="items"><div class="box"><a href="https://www.ee.iitb.ac.in/web/researches/" target="_blank" rel="noopener noreferrer">Electrical Engineering</a></div><div class="box"><a href="https://www.ese.iitb.ac.in/research" target="_blank" rel="noopener noreferrer">Energy Science and Engineering</a></div><div class="box"><a href="https://www.esed.iitb.ac.in/research" target="_blank" rel="noopener noreferrer">Environmental Science and Engineering (ESED)</a></div><div class="box"><a href="https://www.hss.iitb.ac.in/research/grants-fellowships" target="_blank" rel="noopener noreferrer">Humanities &amp; Social Sciences</a></div></div><div class="items"><div class="box"><a href="https://www.ieor.iitb.ac.in/index.php/research/research-topics" target="_blank" rel="noopener noreferrer">Industrial Engineering &amp; Operations research</a></div><div class="box"><a href="https://www.math.iitb.ac.in/Research/fac_res.php" target="_blank" rel="noopener noreferrer">Mathematics</a></div><div class="box"><a href="http://www.me.iitb.ac.in/" target="_blank" rel="noopener noreferrer">Mechanical Engineering</a></div><div class="box"><a href="https://www.iitb.ac.in/mems/en/research/research-areas" target="_blank" rel="noopener noreferrer">Metallurgical Engineering &amp; Materials Science</a></div></div><div class="items"><div class="box"><a href="https://www.phy.iitb.ac.in/en/research" target="_blank" rel="noopener noreferrer">Physics</a></div><div class="box"><a href="https://www.climate.iitb.ac.in/?e-landing-page=research-fac" target="_blank" rel="noopener noreferrer">Climate Studies</a></div><div class="box"><a href="https://www.et.iitb.ac.in/research/publications/2022" target="_blank" rel="noopener noreferrer">Educational Technology</a></div><div class="box"><a href="https://www.ieor.iitb.ac.in/research" target="_blank" rel="noopener noreferrer">Industrial Engineering and Operations Research (IEOR)</a></div></div><div class="items"><div class="box"><a href="https://www.sc.iitb.ac.in/research.html" target="_blank" rel="noopener noreferrer">Systems and Control Engineering</a></div><div class="box"><a href="https://www.dsse.iitb.ac.in/" target="_blank" rel="noopener noreferrer">Desai Sethi School of Entrepreneurship (DSSE)</a></div><div class="box"><a href="https://www.idc.iitb.ac.in/" target="_blank" rel="noopener noreferrer">IDC School of Design (IDC SoD)</a></div><div class="box"><a href="https://www.som.iitb.ac.in/" target="_blank" rel="noopener noreferrer">Shailesh J. Mehta School of Management (SJMSoM)</a></div></div><div class="items"><div class="box"><a href="https://cle0.iitb.ac.in/" target="_blank" rel="noopener noreferrer">Centre for Liberal Education (CLE)</a></div><div class="box"><a href="https://www.cps.iitb.ac.in/research/" target="_blank" rel="noopener noreferrer">Ashank Desai Centre for Policy Studies (ADCPS)</a></div><div class="box"><a href="https://www.minds.iitb.ac.in/research" target="_blank" rel="noopener noreferrer">Centre for Machine Intelligence and Data Science (C-MinDS)</a></div><div class="box"><a href="http://www.csre.iitb.ac.in/researchAreas.php" target="_blank" rel="noopener noreferrer">Centre of Studies in Resources Engineering (CSRE)</a></div></div><div class="items"><div class="box"><a href="http://www.ctara.iitb.ac.in/" target="_blank" rel="noopener noreferrer">Centre for Technology Alternatives for Rural Areas (CTARA)</a></div><div class="box"><a href="https://www.kcdh.iitb.ac.in/research/" target="_blank" rel="noopener noreferrer">Koita Centre for Digital Health (KCDH)</a></div><div class="box"><a href="https://www.crnts.iitb.ac.in/">Centre for Research in Nanotechnology and Science (CRNTS)</a></div></div><h5><strong>Centres providing research and support facilities</strong></h5><div class="items"><div class="box"><a href="https://www.semix.iitb.ac.in/semix/" target="_blank" rel="noopener noreferrer">Centre for Semiconductor Technologies (SemiX)</a></div><div class="box"><a href="https://www.iitb.ac.in/mems/en/research/coest#:~:text=Indian%20Institute%20of%20Technology%20Bombay%20(IIT%20Bombay)%20establish%20a%20Centre,Board%20of%20Governors%2C%20IIT%20Bombay." target="_blank" rel="noopener noreferrer">Centre of Excellence in Steel Technology(CoEST)</a></div><div class="box"><a href="https://www.coeoge.iitb.ac.in/research-verticals" target="_blank" rel="noopener noreferrer">Centre of Excellence in Oil, Gas and Energy (CoE-OGE)</a></div><div class="box"><a href=" " target="_blank" rel="noopener noreferrer">DRDO-Industry-Academia Centre of Excellence (DIA-CoE)</a></div></div><div class="items"><div class="box"><a href=" " target="_blank" rel="noopener noreferrer">National Centre of Excellence in Technology for Internal Security (NCETIS)</a></div><div class="box"><a href="https://www.ncpre.iitb.ac.in/ncpre/research/research.php" target="_blank" rel="noopener noreferrer">National Centre for Photovoltaic Research and Education (NCPRE)</a></div><div class="box"><a href="https://www.betic.org/" target="_blank" rel="noopener noreferrer">Biomedical Engineering and Technology Incubation Centre (BETiC)</a></div><div class="box"><a href=" " target="_blank" rel="noopener noreferrer">Water Innovation Centre: Technology, Research and Education (WICTRE)</a></div></div><div class="items"><div class="box"><a href="https://www.tcaai.iitb.ac.in/" target="_blank" rel="noopener noreferrer">Technocraft Centre for Applied Artificial Intelligence (TCAAI)</a></div><div class="box"><a href="http://www.tatacentre.iitb.ac.in/" target="_blank" rel="noopener noreferrer">Tata Centre for Technology and Design (TCTD)</a></div><div class="box"><a href="https://www.wrcb.in/technologies/" target="_blank" rel="noopener noreferrer">Wadhwani Research Centre for Bioengineering (WRCB)</a></div><div class="box"><a href="https://www.quicst.org/research/research-areas" target="_blank" rel="noopener noreferrer">Centre of Excellence in Quantum Information, Computing, Science and Technology (CoE-QuICST)</a></div></div><div class="items"><div class="box"><a href="https://www.desaltm.in/research" target="_blank" rel="noopener noreferrer">Centre of Excellence on Membrane Technologies for Desalination, Brine Management, and Water Recycling</a></div><div class="box"><a href="https://www.scan.iitb.ac.in/research/" target="_blank" rel="noopener noreferrer">Sunita Sanghi Centre of Ageing and Neurodegenerative Diseases (SCAN)</a></div></div></div>
2936      
2937  </div>
2938</article>
2939
2940    </div>
2941</div> <!--/.block-content -->
2942
2943  </div>
2944
2945              </main>
2946                </div>   </div> </div>  <div class="sliding-sidebar animated-panel-from-right">
2947  <div class="sliding-sidebar-container">
2948    <div class="close-animated-sidebar">
2949      <i class="fa fa-times-circle" aria-hidden="true"></i>
2950    </div>
2951      <div class="block-region region-sidebar-sliding">
2952    <div id="block-tarapro-menu-2" class="block">
2953  
2954    
2955  <div class="block-content">
2956      
2957            <div class="field field--name-body field--type-text-with-summary field--label-hidden field-item"><p><a href="/tab_menu_mobile"><button class="btn btn-navbar tb-megamenu-button" data-target=".nav-collapse" data-toggle="collapse" type="button">
2958                                      <i class="fa fa-reorder"></i>
2959                                    </button></a></p><p><a href="/news-block"><button class="btn btn-navbar tb-megamenu-button" data-target=".nav-collapse" data-toggle="collapse" type="button">
2960                                      <i class="fa fa-newspaper-o"></i>
2961                                    </button></a></p><p><a href="/ircc_team"><button class="btn btn-navbar tb-megamenu-button" data-target=".nav-collapse" data-toggle="collapse" type="button">
2962                                      <i class="fa fa-group"></i>
2963                                    </button></a></p><p><a href="/contact_us"><button class="btn btn-navbar tb-megamenu-button" data-target=".nav-collapse" data-toggle="collapse" type="button">
2964                                      <i class="fa fa-phone"></i>
2965                                    </button></a></p><p><a href="/home"><button class="btn btn-navbar tb-megamenu-button" data-target=".nav-collapse" data-toggle="collapse" type="button">
2966                                      <i class="fa fa-home"></i>
2967                                    </button></a></p></div>
2968      
2969    </div>
2970</div> <!--/.block-content -->
2971
2972  </div>
2973
2974  </div>
2975<!-- /page.sidebar_sliding -->
2976</div> <!-- /..sliding-sidebar -->
2977<section id="last-section"></section>
2978<!-- Start: Footer -->
2979<footer id="footer">
2980  <div class="footer">
2981    <div class="container">
2982    <!-- /footer-top -->
2983         <section class="footer-blocks">
2984                  <div class="footer-block">
2985              <div class="block-region region-footer-first">
2986    <nav  id="block-tarapro-footer1" class="block block-menu navigation menu-footer1" aria-labelledby="block-tarapro-footer1-menu" role="navigation">
2987      
2988  <h2 class="block-title" id="block-tarapro-footer1-menu">Committees</h2>
2989  
2990      
2991              <ul class="menu">
2992                          <li class="menu-item menu-item-level-1">
2993                    <a href="/index.php/advisory_committee" data-drupal-link-system-path="node/50">IRCC Advisory Committee</a>
2994
2995                  </li>
2996                      <li class="menu-item menu-item-level-1">
2997                    <a href="/index.php/iec" data-drupal-link-system-path="node/972">Institute Ethics Committee</a>
2998
2999                  </li>
3000                      <li class="menu-item menu-item-level-1">
3001                    <a href="/index.php/institute_review_board" data-drupal-link-system-path="node/329">Institutional Review Board</a>
3002
3003                  </li>
3004                      <li class="menu-item menu-item-level-1">
3005                    <a href="/index.php/ibsc" data-drupal-link-system-path="node/2144">Institute Biosafety Committee</a>
3006
3007                  </li>
3008                      <li class="menu-item menu-item-level-1">
3009                    <a href="/index.php/iaec" data-drupal-link-system-path="node/2168">Institute Animal Ethics Committee</a>
3010
3011                  </li>
3012                      <li class="menu-item menu-item-level-1">
3013                    <a href="/index.php/past_present_dean" data-drupal-link-system-path="node/2298">Past and Present Dean</a>
3014
3015                  </li>
3016          </ul>
3017  
3018
3019
3020  </nav>
3021
3022  </div>
3023
3024          </div>
3025        <!--/footer-first -->
3026                  <div class="footer-block">
3027              <div class="block-region region-footer-second">
3028    <nav  id="block-tarapro-media" class="block block-menu navigation menu-media" aria-labelledby="block-tarapro-media-menu" role="navigation">
3029      
3030  <h2 class="block-title" id="block-tarapro-media-menu">Media</h2>
3031  
3032      
3033              <ul class="menu">
3034                          <li class="menu-item menu-item-level-1">
3035                    <a href="/index.php/videos" data-drupal-link-system-path="node/455">Department Videos</a>
3036
3037                  </li>
3038                      <li class="menu-item menu-item-level-1">
3039                    <a href="/index.php/gallery" data-drupal-link-system-path="gallery">Gallery</a>
3040
3041                  </li>
3042                      <li class="menu-item menu-item-level-1">
3043                    <a href="/index.php/news-block" data-drupal-link-system-path="news-block">IRCC News</a>
3044
3045                  </li>
3046                      <li class="menu-item menu-item-level-1">
3047                    <a href="/index.php/ircc_events" data-drupal-link-system-path="node/2094">IRCC Workshops</a>
3048
3049                  </li>
3050                      <li class="menu-item menu-item-level-1">
3051                    <a href="/index.php/media_coverage" data-drupal-link-system-path="node/39">Media Coverage</a>
3052
3053                  </li>
3054          </ul>
3055  
3056
3057
3058  </nav>
3059
3060  </div>
3061
3062          </div>
3063        <!--/footer-second -->
3064                  <div class="footer-block">
3065              <div class="block-region region-footer-third">
3066    <nav  id="block-tarapro-otherlinks" class="block block-menu navigation menu-other-links" aria-labelledby="block-tarapro-otherlinks-menu" role="navigation">
3067      
3068  <h2 class="block-title" id="block-tarapro-otherlinks-menu">Other Links</h2>
3069  
3070      
3071              <ul class="menu">
3072                          <li class="menu-item menu-item-level-1">
3073                    <a href="https://www.ircc.iitb.ac.in/webmail/">IRCC Webmail</a>
3074
3075                  </li>
3076                      <li class="menu-item menu-item-level-1">
3077                    <a href="https://drona.ircc.iitb.ac.in/">Drona</a>
3078
3079                  </li>
3080                      <li class="menu-item menu-item-level-1">
3081                    <a href="https://www.cep.iitb.ac.in/">Continuing Education</a>
3082
3083                  </li>
3084                      <li class="menu-item menu-item-level-1">
3085                    <a href="https://alumni.acr.iitb.ac.in/corporate-connect/">Donation/CSR</a>
3086
3087                  </li>
3088                      <li class="menu-item menu-item-level-1">
3089                    <a href="/index.php/modes_of_industry_interaction" data-drupal-link-system-path="node/2404">Modes of Industry Interaction</a>
3090
3091                  </li>
3092                      <li class="menu-item menu-item-level-1">
3093                    <a href="/index.php/innovation_entrepreneurship" data-drupal-link-system-path="node/973">Innovation &amp; Entrepreneurship</a>
3094
3095                  </li>
3096                      <li class="menu-item menu-item-level-1">
3097                    <a href="/index.php/jobs" data-drupal-link-system-path="node/1753">Job Opportunities</a>
3098
3099                  </li>
3100                      <li class="menu-item menu-item-level-1">
3101                    <a href="https://www.iitb.ac.in/">IIT Bombay</a>
3102
3103                  </li>
3104          </ul>
3105  
3106
3107
3108  </nav>
3109
3110  </div>
3111
3112          </div>
3113        <!--/footer-third -->
3114                  <div class="footer-block">
3115              <div class="block-region region-footer-fourth">
3116    <div id="block-tarapro-address" class="block">
3117  
3118      <h3 class="block-title">Address</h3>
3119    
3120  <div class="block-content">
3121      
3122            <div class="field field--name-body field--type-text-with-summary field--label-hidden field-item"><div class="footer-block"><div class="block-region region-footer-fourth"><div class="block" id="block-tarapro-footercontact"><div class="block-content"><div class="field field--name-body field--type-text-with-summary field--label-hidden field-item"><div class="section-small"><div class="flex gap"><div>Office of Dean(R&amp;D)</div><div>2nd floor,</div><div>Rahul Bajaj Technology Innovation Centre (RBTIC)</div><div>Opp. VMCC, IIT Bombay,</div><div>Powai, Mumbai,</div><div>Maharashtra-400076</div></div></div></div></div></div></div></div></div>
3123      
3124    </div>
3125</div> <!--/.block-content -->
3126
3127  </div>
3128
3129          </div>
3130        <!--/footer-fourth -->
3131     </section> <!--/footer-blocks -->
3132          <section class="footer-bottom-middle">
3133              <div class="copyright">
3134                      &copy; 2026 IITBombay, All rights reserved.
3135           <!-- end if copyright_text_custom -->
3136        </div><!-- /copyright -->
3137       <!-- end if for copyright -->
3138              <div class="footer-bottom-middle-right">
3139          <ul class="social-icons">
3140              <li><a href="https://www.youtube.com/@Dean_RnD_IITBombay" target="_blank"><i class="fa fa-youtube-play" aria-hidden="true"></i></a></li>
3141              </ul>        </div>
3142      <!-- end if social_icons_footer_option -->
3143    </section><!-- /footer-bottom-middle -->
3144   <!-- end condition if copyright or social icons -->
3145      <div class="footer-bottom">
3146        <div class="block-region region-footer-bottom">
3147    
3148  </div>
3149
3150    </div> <!--/.footer-bottom -->
3151   <!-- end condition for footer_bottom -->
3152    </div><!-- /.container -->
3153  </div> <!--/.footer -->
3154</footer>
3155  <!-- Start Cookie Alert -->
3156<div class="cookiealert" role="alert">
3157  <div class="container">
3158    <p>
3159              This site uses cookies. By continuing to browse the site you are agreeing to our use of cookies.
3160            <button type="button" class="acceptcookies" aria-label="Close">I agree</button>
3161    </p>
3162  </div>
3163</div>
3164<!-- End Cookie Alert -->
3165<div class="scrolltop"><i class="fa fa-angle-up" aria-hidden="true"></i></div>
3166<!-- End: Footer -->
3167<style>
3168.im {
3169  display: none;
3170}
3171</style>
3172<style>
3173.fab {
3174  display: none;
3175}
3176</style>
3177<style>
3178.material-icons {
3179  display: none;
3180}
3181</style>
3182
3183  </div>
3184
3185    
3186  
3187    
3187<script src="/sites/default/files/js/js_4MPmf38yOk-XZ0pQPaLh-48wMrNDw_PfIm9HCZhXZ_g.js?scope=footer&amp;delta=0&amp;language=en&amp;theme=tarapro&amp;include=eJwrSSxKLCjK18_IKtYpgbLT8_PTc1LT8vNKinPykxNzdIori0tSc_WTEotTEYpy8pMSc3SLSypzMvPSAfMiHAs"></script>
3187
3188
3189<script>
3190jQuery(window).on("load", function () {
3191  if (jQuery(window).width() > 767) {
3192    var footerheight = jQuery("#footer").outerHeight(true);
3193    jQuery("#last-section").css("height", footerheight);
3194  }
3195});
3196</script>
3196
3197<style>
3198@media screen and (min-width: 768px) {
3199#footer {
3200  position: fixed;
3201  right: 0;
3202  bottom: 0;
3203  left: 0;
3204  z-index: 0;
3205}
3206}
3207</style>
3208<script type="text/javascript">
3209  jQuery(document).ready(function() {
3210    jQuery(".loader").fadeOut( 'slow' );
3211  });
3212</script>
3212
3213
3214  </body>
3215</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.